/** * Swiper 12.0.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 18, 2025 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* NEW PRODUCT PAGE CSS + megamenu more services - Version 28.11.2024 */ @media only screen and (max-width: 519px) {} @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('/theme/fonts/lato/lato-v17-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/theme/fonts/lato/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/fonts/lato/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/fonts/lato/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */ url('/theme/fonts/lato/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/fonts/lato/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ font-display: swap; } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('/theme/fonts/lato/lato-v17-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/theme/fonts/lato/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/fonts/lato/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/fonts/lato/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('/theme/fonts/lato/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/fonts/lato/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ font-display: swap; } :root { --black-fl: #303030; --gray-fl: #555; --orange-fl: #fc8100; --violet-fl: #dce6ff; } *, *:before, *:after { box-sizing: inherit; } html { box-sizing: border-box; scroll-behavior: smooth; overflow-x: hidden; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; background: #efefef; font-family: 'Lato', sans-serif; font-size: 12pt; color: var(--black-fl); overflow-x: hidden; } body.noscroll{ height:100vh; overflow-y: hidden; } h1, h2, h3, h4 { font-weight: 900; margin: 0px; } h5, h6 { font-weight: 700; margin: 0px; } .container { position: relative; display: block; width: 100%; max-width: 1170px; margin: auto; } .container-fluid { max-width: unset; } .row { position: relative; } @media only screen and (max-width: 519px) { .container { width: 96%; } header .container { width: 100%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} ul { position:relative; display:block; margin: 0px; padding: 0px; list-style: none; } a { outline: none; text-decoration: none; color: var(--orange-fl); transition: all ease .4s; } a:hover { color: #919191; } img {position:relative; display:block; width:100%; margin:auto} main { display:block; margin:0px; padding:0px; background-color:#fff; } main .row { width: 96%; margin: 0px 2%; } section { display: block; position: relative; padding:100px 0px; } section.gray { background-color: #efefef } section.orange { color: #fff; background-color: var(--orange-fl); } @media only screen and (max-width:599px){ section { padding: 50px 0px; } } /* headings */ .heading-wrapper {} .heading-wrapper.tocenter{ text-align: center; } .heading-wrapper.toleft{ text-align: left; } .heading-wrapper.h1 {} .heading-wrapper.h1 > h1 { } .heading-wrapper.h2 { position: relative; display: block; margin-bottom: 50px; width: 60%; } .heading-wrapper.h2 > h2 { font-size: 26pt; line-height: 28pt; } .heading-wrapper.h2 > div { margin: 14px 0px 10px; font-size: 16pt; line-height: 24pt; } .heading-wrapper.h2 > h2:before { position: absolute; content: ''; width: 50px; height: 6px; background: var(--orange-fl); top: 16px; left: -60px; } @media screen and (max-width:599px){ .heading-wrapper.h1 { width: 80%; } .heading-wrapper.h1 > h1 { font-size:24pt; } .heading-wrapper.h2 { width: 90%; margin-left: 10px; } .heading-wrapper.h2 > h2:before { left: unset; right: -50px; width: 50px; } } /* Paragraphs */ section p { font-size: 12pt; line-height: 18pt; } .straight-content {} .straight-content > .par {} .straight-content > .par> p {} .straight-content > .par > ul { line-height: 18pt; border-left: 5px solid #e2e2e2; padding: 10px 0px 10px 10px; margin-left: 10px; margin-bottom: 20px; } .straight-content > .par > ul > li {} .straight-content > .par > ul > li:not(:first-child) { margin-top: 20px; } @media only screen and (max-width:599px) { .straight-content > .par { margin: 0px 10px; } } /* alignment */ .tcenter { text-align:center; } /* Buy Button Progress Spinner */ .buyprogress { width: 24px; height: 24px; margin: auto; border-radius: 50%; border: 0.3rem solid rgb(255 255 255 / 30%); border-top-color: #ffffff; animation: 1.5s buyspinner infinite linear; } @keyframes buyspinner { to { transform: rotate(360deg); } } /* TEMP -- Вытереть после слияния со старой css */ nav { position: unset; top: unset; width: unset; height: unset; background-color: unset; z-index: unset; font-size: unset; } section>.section-bigtitle{ position: absolute; font-family: Arial; } section>.section-bigtitle.gray{ color: #efefef; text-shadow: rgb(0 0 0 / 7%) 50px 10px 50px; } section>.section-bigtitle.how2buy{ top: -58px; font-weight: 700; font-size: 260pt; pointer-events: none; } section>.section-bigtitle.how2buy.views{ left: calc(50% - 932px); letter-spacing: -20pt; } section>.section-bigtitle.how2buy.followers{ left: 50%; translate: -50%; } section>.section-bigtitle.how2buy.comments{ left: 50%; translate: -50%; } section>.section-bigtitle.how2buy.likes{} /* Header */ header { position: sticky; width: 100%; top: 0px; height: 80px; background-color: #fff; z-index: 100; font-size: 12pt; box-shadow: 0px 13px 24px -8px rgb(54 68 110 / 20%); } header a { color: var(--black-fl); } header a:hover { color: var(--orange-fl); } header .navbutton { position:relative; display: none; width: 30px; height: 30px; border: 3px solid #ffc890; background-color: var(--orange-fl); transition: all ease .1s; transform: rotate(0deg); border-radius: 5px; } header .navbutton>.wrapper { position: relative; display: block; width: 100%; height: 100%; padding-top: 4px; } header .navbutton>.wrapper>span { position: relative; display: block; width: 80%; margin: auto; height: 2px; background-color: #fff; margin-bottom: 5px; transition: all ease .5s; } header .navbutton.on { transform: rotate(90deg); } header .navbutton.on>.wrapper>span{ background-color: transparent; } header .navbutton.on>.wrapper>span:first-child,header .navbutton.on>.wrapper>span:last-child { background-color: #ffc386; } header .navbutton.on>.wrapper>span:first-child { position: absolute; transform: rotate(45deg); left: 3px; top: 11px; } header .navbutton.on>.wrapper>span:last-child { position: absolute; transform: rotate(-45deg); right: 2px; top: 11px; } header .wrapper { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; height: 80px; } header .wrapper > .right { display: flex; flex-flow: row nowrap; align-items: center; } header .branding { position: relative; display: block; margin-top: 0px; } header .branding > .wrapper {} header .branding > .wrapper > a {} header .branding > .wrapper > a > img { position: relative; display: block; height: 38px; width: 231px; transition: all ease .1s; } header .topnavmenu { font-size: 13pt; float: right; font-weight: 500; font-family: 'Arial', sans-serif; transition: all ease .2s; } header .topnavmenu {} header .topnavmenu>nav {} header .topnavmenu>nav a { transition: all ease .1s; } header .topnavmenu>nav { font-size: 12pt; } header .topnavmenu>nav>ul { position: relative; display: flex; flex-flow: row nowrap; height: 80px; } header .topnavmenu>nav>ul>li>div { transition: all ease .1s; } header .topnavmenu>nav>ul>li>div:hover { color: var(--orange-fl); } header .topnavmenu>nav ul .dropdown-menu { position: absolute; display: none; background: #efefef; width: max-content; padding: 0px; text-align: left; } header .topnavmenu>nav ul .dropdown-menu>li{ position:relative; } header .topnavmenu>nav ul .dropdown-menu>li:not(:first-child){ border-top:1px solid #ccc } header .topnavmenu>nav>ul>li { position: relative; height: inherit; display: flex; align-items: center; } header .topnavmenu>nav>ul>li:not(:first-child) { margin-left:24px } header .topnavmenu>nav>ul>li>div>a {} header .topnavmenu>nav>ul>li>div>a>span {} header .usermenu { margin-left: 24px; } header .usermenu>a {} header .usermenu>a>div { width:32px; height:32px; background-image: url('/theme/img/icon-usermenu.svg'); background-size: cover; user-select: none; } header .usermenu>ul{ position: absolute; top: 80px; width: max-content; right: 0px; padding: 16px 12px; background: #fff; border: 1px solid #dedcdc; border-radius: 6px; box-shadow: 0px 13px 24px -8px rgb(54 68 110 / 20%); display: none; } header .usermenu>ul:before{ content: ''; width: 10px; height: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; display: block; position: absolute; top: -6px; transform: rotate(-45deg); background-color: #fff; right: 10px; } header .usermenu>ul>li{} header .usermenu>ul>li:nth-child(1){ font-size: 10pt; padding: 12px 0px; } header .usermenu>ul>li:nth-child(2){ border-top: 4px solid orange!important; } header .usermenu>ul>li:not(:first-child){ margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; } header .usermenu>ul>li>div{} header .usermenu>ul>li>div>a{} header .topnavmenu>nav>ul>.dropdown {} header .topnavmenu .dropdown>div{ display: flex; justify-content: space-between; align-items: center; width: 100%; } header .topnavmenu>nav>ul>.dropdown>div>span{} /* topnav menu vendor logos */ header .dropdown > div > .logo{ width: 22px; height: 22px; display: block; background-size: cover; border-radius: 50px; margin-right: 12px; } header .dropdown > div > .logo.medium{ background-image: url('/theme/img/vendor/ml-medium.webp'); } header .dropdown > div > .logo.mixcloud{ background-image: url('/theme/img/vendor/ml-mixcloud.webp'); } header .dropdown > div > .logo.shazam{ background-image: url('/theme/img/vendor/ml-shazam.webp'); } header .dropdown > div > .logo.spotify{ background-image: url('/theme/img/vendor/ml-spotify.webp'); } header .dropdown > div > .logo.soundcloud{ background-image: url('/theme/img/vendor/ml-soundcloud.webp'); } header .dropdown > div > .logo.rumble{ background-image: url('/theme/img/vendor/ml-rumble.webp'); } header .dropdown > div > .caret { background: url(/theme/img/caret.svg); width: 22px; height: 22px; display: block; background-size: cover; transform:rotate(-90deg); transition: .2s; } header .topnavmenu>nav>ul>.dropdown>.dropdown-menu { top: 80px; right: -26px; } header .topnavmenu>nav>ul>.dropdown>.dropdown-menu:before { content: ''; width: 14px; height: 14px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; right: 56px; z-index: 10; top: -7px; } header .topnavmenu>nav>ul>.dropdown>.dropdown-menu>li {} header .topnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu{ right: 100%; top: 0px; background: #e0e0e0; } /* action */ header .topnavmenu>nav ul .dropdown.open>div>.caret { transform: rotate(0deg); } header .topnavmenu>nav ul .dropdown.open>.dropdown-menu { display: block } /*header .topnavmenu>nav ul .dropdown.open>.dropdown-menu>.dropdown.open:before{ content: ''; width: 20px; height: 20px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; left: -9px; z-index: 10; } */ @media (hover:hover) { header .topnavmenu>nav a:hover { color: var(--orange-fl); } header .topnavmenu>nav ul .dropdown:hover>div>.caret { transform: rotate(0deg); } header .topnavmenu>nav ul .dropdown:hover>.dropdown-menu { display: block } header .topnavmenu>nav ul .dropdown:hover>.dropdown-menu>.dropdown:hover::before{ content: ''; width: 20px; height: 20px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; left: -9px; z-index: 10; } header .topnavmenu>nav>ul>li.usermenu:hover>ul{ display: block; } } @media only screen and (max-width:759px){ header .row { width: calc(100% - 40px); margin: auto; } header .topnavmenu { position: absolute; display: none; width: 100vw; background-color: #fff; top: 80px; height: auto; overflow-y: scroll; max-height: calc(100vh - 240px); box-shadow: 0px 20px 8px -5px rgba(0,0,0,.2); border-bottom: 6px solid #868686; left: -20px; } header .topnavmenu.on{ display: block; } header .topnavmenu>nav {} header .topnavmenu>nav>ul { display: flex; flex-flow: row wrap; height: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } header .topnavmenu>nav>ul>li { flex: 0 0 100%; display: block; height: auto; } header .topnavmenu>nav ul>li>div { display: flex; padding:20px; justify-content: space-between; } header .topnavmenu>nav ul>li>a>span{ display: block; padding: 20px; } header .topnavmenu>nav>ul>li>div { padding: 20px; } header .topnavmenu>nav>ul>li:not(:first-child) { margin-left: 0px; border-top: 1px solid #ddd; } header .topnavmenu>nav>ul>li>div{ width: inherit; flex: 0 0 100%; width: 100%; } header .topnavmenu>nav>ul>.dropdown>.dropdown-menu:before { width:0px; height:0px; display:none; } header .topnavmenu>nav ul .dropdown-menu>li { padding: 0px; } header .topnavmenu>nav ul .dropdown>.dropdown-menu { position: relative; top: unset; right: unset; width: 100%; border-left: 10px solid var(--orange-fl); border-top: 1px solid #ddd; } header .topnavmenu>nav ul .dropdown:hover>.dropdown-menu {} header .topnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu { right: unset; } header .topnavmenu>nav ul .dropdown:hover>.dropdown-menu>.dropdown:hover::before{ width:0px; height:0px; display:none; } header .dropdown > div > .caret { background-color: #ffe5d3; border-radius: 20px; background-position-y: 1px; } header .branding { margin-left: 0px; } header .navbutton { display: block; position: relative; float: unset; margin-right: 0px; margin-top: 0px; } header .navbutton > .nb-wrapper { position: relative; display: block; width: 100%; height: 100%; padding-top: 4px; width: 30px; height: 30px; } header .navbutton > .nb-wrapper > span { position: relative; display: block; width: 80%; margin: auto; height: 2px; background-color: #fff; margin-bottom: 5px; transition: .5s; } } @media only screen and (min-width: 760px) and (max-width: 1279px) { header .row { width:96%; margin: auto; } header .topnavmenu { position: absolute; display: block; width: max-content; background-color: #fff; top: 80px; height: auto; overflow-y: scroll; max-height: calc(100vh - 240px); box-shadow: 0px 20px 8px -5px rgba(0,0,0,.2); border-bottom: 6px solid #868686; right: -800px; } header .topnavmenu.on{ display: block; right: -20px; } header .topnavmenu>nav {} header .topnavmenu>nav>ul { display: flex; flex-flow: row wrap; height: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } header .topnavmenu>nav>ul>li { flex: 0 0 100%; display: block; height: auto; } header .topnavmenu>nav ul>li>div { display: flex; padding:20px; justify-content: space-between; } header .topnavmenu>nav ul>li>a>span{ display: block; padding: 20px; } header .topnavmenu>nav>ul>li>div { padding: 20px; } header .topnavmenu>nav>ul>li:not(:first-child) { margin-left: 0px; border-top: 1px solid #ddd; } header .topnavmenu>nav>ul>li>div{ width: inherit; flex: 0 0 100%; width: 100%; } header .topnavmenu>nav>ul>.dropdown>.dropdown-menu:before { width:0px; height:0px; display:none; } header .topnavmenu>nav ul .dropdown-menu>li { padding: 0px; } header .topnavmenu>nav ul .dropdown>.dropdown-menu { position: relative; top: unset; right: unset; width: 100%; border-left: 10px solid var(--orange-fl); border-top: 1px solid #ddd; overflow-y: hidden; max-height: 0px; transition: .5s; display: block; } header .topnavmenu>nav ul .dropdown.open>.dropdown-menu { max-height: 1000px; } header .topnavmenu>nav ul .dropdown>.dropdown-menu>.dropdown>.dropdown-menu { border-left: 10px solid #febb75; } /* header .topnavmenu>nav ul .dropdown:hover>.dropdown-menu {}*/ header .topnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu { right: unset; } /* header .topnavmenu>nav ul .dropdown:hover>.dropdown-menu>.dropdown:hover::before{ width:0px; height:0px; display:none; }*/ header .branding { margin-left: 0px; } header .navbutton { display: block; position: relative; float: unset; margin-right: 0px; margin-top: 0px; } header .navbutton > .nb-wrapper { position: relative; display: block; width: 100%; height: 100%; padding-top: 4px; width: 30px; height: 30px; } header .navbutton > .nb-wrapper > span { position: relative; display: block; width: 80%; margin: auto; height: 2px; background-color: #fff; margin-bottom: 5px; transition: all ease .5s; } header .dropdown > div > .caret { background-color: #ffe5d3; border-radius: 20px; background-position-y: 1px; } header .dropdown.open > div, header .dropdown.open > div * { color: var(--orange-fl); } header .dropdown > .dropdown-menu > .dropdown > div > .caret { background-color: #fff; filter: grayscale(100); } header .dropdown > .dropdown-menu > .dropdown.open > div > .caret { filter: grayscale(0); } /* header .topnavmenu { position: absolute; display: block; width: max-content; background-color: #fff; top: 80px; height: auto; overflow-y: scroll; max-height: calc(100vh - 240px); box-shadow: 0px 20px 8px -5px rgba(0,0,0,.2); border-bottom: 6px solid #868686; left: unset; right: 0px; } header .navbutton { margin-top: unset; } header .topnavmenu.on { } header .topnavmenu > nav > ul {} header .topnavmenu > nav > ul > li { height: unset; }*/ } @media only screen and (min-width: 1280px){ header .topnavmenu>nav ul .dropdown-menu>li { display: flex; height: 54px; align-items: center; padding: 0px 26px; } header .topnavmenu>nav>ul>.dropdown>.dropdown-menu { padding: 0px; } header .topnavmenu .dropdown > .dropdown-menu > .dropdown > div > .caret { margin-left: 10px; } } /* HOMEPAGE ITEMS */ .slider-section{ position: relative; display: block; width: 100%; height: 60vh; padding:50px 0px; } .slider-section>.back{ width: 100%; height: 100%; background-size: 200%; -webkit-animation: displace 70s linear infinite; animation: displace 70s linear infinite; background-size: auto; background-repeat: repeat-x; position: absolute; top: 0px; left: 0px; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAKAAD/4QMuaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0OCA3OS4xNjQwMzYsIDIwMTkvMDgvMTMtMDE6MDY6NTcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQxMkMzQTdENENGNDExRUI4RDk4RjNDQTI3Q0Q2QzM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQxMkMzQTdFNENGNDExRUI4RDk4RjNDQTI3Q0Q2QzM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDEyQzNBN0I0Q0Y0MTFFQjhEOThGM0NBMjdDRDZDMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDEyQzNBN0M0Q0Y0MTFFQjhEOThGM0NBMjdDRDZDMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAhQWRvYmUAZMAAAAABAwAQAwIDBgAAEGEAACO6AAAsOv/bAIQAFBAQGRIZJxcXJzImHyYyLiYmJiYuPjU1NTU1PkRBQUFBQUFERERERERERERERERERERERERERERERERERERERAEVGRkgHCAmGBgmNiYgJjZENisrNkREREI1QkRERERERERERERERERERERERERERERERERERERERERERERERERE/8IAEQgB9AH1AwEiAAIRAQMRAf/EAJYAAAMBAQEBAAAAAAAAAAAAAAABAgMEBQYBAQEBAQAAAAAAAAAAAAAAAAABAgMQAAICAgIBBAMAAgMBAQAAAAABEQISAxAhMSAwIhNAQTJCBFAjFEMzEQACAgIBAwQCAgMBAQEAAAAAAREhEDEgMEFhUXGBEkACIjKRobFQ8OESAAIDAAAAAAAAAAAAAAAAAFCBgJCg/9oADAMBAAIRAxEAAAD50ec0s6mpuLTqEQLkzs9FY7GBUy3eWtkTea7hz1tXNslgS8dNG152E05UPMWdQTrlrZ0iIFxxZ6M5bGBUy3UaVE3BsHNW9c2yWCXk6MtMtECpsJzciArWsqi4lBFZp0ONThN86rXHVB0SrRFiipl14e6NFc2jAl5xu5VxK05JbvKpbmEEkJ0OdDhN86rXHYTbFohFFxLpw98aiubGBLzsSaRLWnLjQiVszDFtIhqlcCdGC6azz6M4NIF1JZaco4qV1lzZYCsy1jHXKUrnqBjFQwSYi0zZtidFZ59GYaQ5bcstOUJqZdZc6lpgzLWXGaxSRUqGCYgGIOudrWsNU0Zpmw6VudWllsTCKyuaqGnUSpdoHSpA6zEUVmONcpSbi228TSsNU0buWHSXOqFl0kwzvK5qoadSSl3yZS0kQvJqs7hIBrFzo1JkM7iBZ1NtbRpIrUTWomoGZpM521h05OedVFm4qM0nKLeSLdoufopcs9+aLrLa3OGi9Y0sVrPOtgFAzNJmLXh04ucVU2bqbjMlqLeUi6oUWlxcM1x352jTPa5ooOenpGWuIvRkBq+ca2mJN5gW1kXG/O0l66xJzX1C866UYVVmWfVygmKtZzVU9GctcWu+QzR841tEo1UC2shjfnaudNNc5ee+oMF0IwqrMs+rlEOleLoT0wTczFbJTLq5uoz1miI1mdKjXG4vOrXnmosVRTPYsXF3jS7EgxZmvOSWQLUMLZKZdPP0kazZnGszpUa43F53S8yqLFUUz2LFy3eTNQRR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); } @-webkit-keyframes displace { from { background-position: left center; } to { background-position: 200% center; } } @keyframes displace { from { background-position: left center; } to { background-position: 200% center; } } .slider-section>.tapdown{ position: absolute; width: 40px; height: 40px; border-radius: 50px; background: transparent; color: #000; left: calc(50% - 20px); bottom: 40px; border: 2px solid #ffc019; animation: moveTapdown 2s ease infinite; z-index: 2; } .slider-section>.tapdown:before{ content: ''; position: absolute; width: 12px; height: 2px; background-color: #ffc019; z-index: 1; top: 20px; left: 8px; transform: rotate(35deg); } .slider-section>.tapdown:after{ content: ''; position: absolute; width: 12px; height: 2px; background-color: #ffc019; z-index: 1; top: 20px; left: 16px; transform: rotate(-35deg); } @keyframes moveTapdown { 50% {opacity:.1; transform:scale(1.1); border:2px solid #fff;} } .slider-section .navwrapper{} .slider-section .navwrapper>ul{ position: relative; display: flex; flex-flow: row nowrap; justify-content: center; } .slider-section .navwrapper>ul>li{ font-size: 16pt; font-weight: 600; } .slider-section .navwrapper>ul>li:not(:last-child){ margin-right:14px; } .slider-section .navwrapper>ul>li>a{ position:relative; display:block; color: #fff; background-color: #ff5800; padding: 18px 30px 20px; border-radius: 4px; transition: all ease .2s; } .slider-section .navwrapper>ul>li>a:is(:hover, :focus){ color: #ff5800; background-color: #fff; transform: scale(.95); } @media screen and (max-width:599px){ .slider-section { height: calc(100vh - 80px); } .slider-section .navwrapper>ul{ flex-flow: column nowrap; justify-content: center; } .slider-section .navwrapper>ul>li{ width:70%; text-align: center; margin:0px auto; } .slider-section .navwrapper>ul>li:not(:last-child){ margin: 0px auto 20px; } } @media screen and (min-width:600px) and (max-width:960px){ .slider-section .navwrapper>ul{ flex-flow: column nowrap; justify-content: center; } .slider-section .navwrapper>ul>li{ width:70%; text-align: center; margin:0px auto; } .slider-section .navwrapper>ul>li:not(:last-child){ margin: 0px auto 20px; } } @media screen and (min-width:961px) and (max-width:1290px){} @media only screen and (min-width:1291px){} .text-content{ position: relative; display: block; width: 80%; margin: auto; font-size: 12pt; line-height: 20pt; text-align: justify; } .h1-wrapper.homepage{ text-align:center; margin-bottom: 40px; } .h1-wrapper.homepage>h1{ font-size: 34pt; line-height: 38pt; } .h1-wrapper.homepage>div{ font-size: 20pt; } @media screen and (max-width:599px){ .h1-wrapper.homepage>h1{ font-size: 28pt; line-height: 32pt; } } .whyuneed { position: relative; display: flex; flex-flow: row nowrap; } .whyuneed>.item { position:relative; display:block; flex: 0 0 32%; overflow: hidden; box-shadow: 0px 10px 30px -10px rgb(220 220 220); padding:30px; border: 1px solid #e5e5e5; border-radius: 10px; } .whyuneed>.item:not(:last-child){ margin-right:2%; } .whyuneed>.item>h3 { color: var(--orange-fl); margin-bottom:20px; } .whyuneed>.item>div { line-height: 26px; } .whyuneed>.item:after{ content: ''; position: absolute; top: -30px; right: -30px; z-index: 0; width: 200px; height: 200px; background-color: rgba(0,0,0,.06); border-radius: 180px; } @media screen and (max-width:599px){ .whyuneed{ flex-flow: column nowrap; } .whyuneed>.item{ flex: 0 0 100%; margin-bottom: 20px; } } .howwework { position:relative; display:flex; flex-flow: row nowrap; } .howwework>div { position:relative; flex: 0 0 32%; padding:30px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; box-shadow: 0px 10px 30px -10px rgb(220 220 220); } .howwework>div:before{ top: -50px; left: -50pt; content: ''; position: absolute; display: block; width: 260px; height: 260px; border-radius: 140px; background-color: #f8f8f8; z-index: 1; } .howwework>div:not(:last-child){ margin-right:2%; } .howwework>div>img{ position: relative; width: 100%; border-radius: 0px 0px 50px 0px; z-index:2; } .howwework>div>.text-wrapper{ position:relative; display:block; z-index:2; } .howwework>div>.text-wrapper>h4{ color: var(--orange-fl); margin: 16px 0px 20px; } .howwework>div>.text-wrapper>div{ margin-bottom: 20px; line-height: 20pt; } .howwework>div>.liner{ position: absolute; display: block; width: 40%; height: 2px; background-color: #fc8102; bottom: 43px; } .howwework>div>.number{ position:relative; display:block; z-index:2; } .howwework>div>.number>span{ position: relative; display: flex; background-color: #fc8102; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 20px; color: #fff; font-weight: 600; float: right; } @media screen and (max-width:599px){ .howwework { flex-flow: column nowrap; } .howwework>div { flex: 0 0 100%; } .howwework>div:not(:last-child){ margin-bottom:20px; } .howwework>div>.text-wrapper>h4{ font-size:16pt; margin: 30px 0px 20px; } .howwework>div>.text-wrapper>div{ font-size: 14pt; line-height: 20pt; } .howwework>div>.number>span{ width: 24px; height: 24px; font-size: 9pt; } } .ourbenefits { position: relative; display: flex; flex-flow: row wrap; } .ourbenefits>div { position:relative; display:flex; flex: 0 0 49%; align-items: center; padding:30px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0px 10px 30px -10px rgb(220 220 220); border: 1px solid #f1efef; } .ourbenefits>div:not(:nth-child(2n+2)){ margin-right:2%; } .ourbenefits>div>div{} .ourbenefits>div>div>h3{ margin-bottom:20px; } .ourbenefits>div>div:nth-child(1){ flex: 0 0 80px; margin-right:20px; } .ourbenefits>div>div:nth-child(2){ flex: 0 0 calc(100% - 100px); border-left: 3px solid #f2f2f2; padding-left: 30px; } @media only screen and (max-width: 599px){ .ourbenefits { flex-flow: column wrap; } .ourbenefits>div { flex: 0 0 100%; } .ourbenefits>div:last-child{ margin-bottom: 0px; } .ourbenefits>div:not(:nth-child(2n+2)){ margin-right: 0%; } .ourbenefits>div{ flex-flow: column nowrap; } .ourbenefits>div>div:nth-child(1)>img{ position: relative; display:block; width:25%; margin:10px auto 20px; } .ourbenefits>div>div:nth-child(2){ flex: 0 0 100%; border-left: 0px; padding-left: 0px; } } .hp-reviews{ position: relative; display: flex; flex-flow: row nowrap; } .hp-reviews>div{ flex: 0 0 23.5%; position: relative; background: #fff; color: #333; padding: 20px; border-radius: 6px; margin: 0px 0px 10px; box-shadow: 0px 10px 10px -7px rgb(0 0 0 / 20%); overflow: hidden; } .hp-reviews>div:before{ content: ',,'; position: absolute; color: rgba(252,129,2,.2); font-weight: 900; font-size: 14em; top: -69px; right: 22px; letter-spacing: -10px; line-height: 10pt; } .hp-reviews>div:not(:nth-child(4n+4)){ margin-right:2%; } .hp-reviews>div>img{ width:40px; height:40px; border-radius: 40px; margin-bottom:30px; } .hp-reviews>div>p{ min-height: 125px; } .hp-reviews>div>.na{ font-weight:700; font-size: 14pt; text-align: center; color: #646464; } .hp-reviews>div>.ev{ display: flex; flex-flow: row nowrap; justify-content: center; margin: 20px 0px; } .hp-reviews>div>.ev>span{ background: url(/theme/img/icon-review-star.svg); background-size: cover; width: 20px; height: 20px; left: 0px; position: relative; display: block; } .hp-reviews>div>.so{} .hp-reviews>div>.so>a>span{ position: relative; display: block; width: 60%; margin-left: 20%; height: 40px; filter: grayscale(1); opacity: .3; } .hp-reviews>div>.so>a.trustpilot>span{ background-image: url(/theme/img/logo-trustpilot.svg); background-size: cover; background-position: center; } .partner-logos{ position:relative; display: flex; flex-flow: row nowrap; align-items: center; margin-top:40px; } .partner-logos>div{ position:relative; display:block; flex: 0 0 15%; padding:0px 10px; filter: grayscale(1); opacity: .6; } .partner-logos>div:not(:nth-child(6n+6)){ margin-right:2%; } .partner-logos>div>img{ position:relative; display:block; } @media only screen and (max-width: 599px){ .hp-reviews{ flex-flow: column nowrap; } .hp-reviews>div{ flex: 0 0 100%; } .hp-reviews>div:not(:nth-child(4n+4)){ margin-right:0%; } .hp-reviews>div:not(:last-child){ margin-bottom:20px; } .hp-reviews>div>p { width: 80%; margin: 20px auto 0px; } .partner-logos{ flex-flow: row wrap; align-items: unset; } .partner-logos>div{ position:relative; display:block; flex: 0 0 100%; filter: grayscale(1); opacity: .6; padding:0px 28%; } .partner-logos>div:not(:nth-child(2n+2)){ margin-right:0%; } .partner-logos>div:not(:last-child){ margin-bottom:50px; } } .hp-below-nav { display: flex; flex-wrap: wrap; } .hp-below-nav>div { flex: 0 0 50%; } .hp-below-nav>div>div { margin: 0px 10px 20px; } .hp-below-nav>div>div>a { position: relative; display: block; width: 100%; padding: 20px 0px; margin: 0px 0px 10px; text-align: center; background-color: #fc8205; color: #fff; font-weight: 900; font-size: 1em; border-radius: 6px; border: 2px solid #fc8205; transition: all ease .2s; } .hp-below-nav>div>div>a:is(:hover, :focus){ background-color:#fff; transform: scale(.95); color: #fc8205; } .hp-below-nav>div>div>a:focus{ background-color:#ff5800; color:#fff; } @media only screen and (max-width: 599px){ .hp-below-nav{ flex-flow: column nowrap; } .hp-below-nav>div{ flex: 0 0 100%; } } /* NEW HP ELEMENTS */ .hp-w { width: 100%; height: 50vh; overflow-x: hidden; background: #111; position: relative; background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAKAAD/4QMuaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0OCA3OS4xNjQwMzYsIDIwMTkvMDgvMTMtMDE6MDY6NTcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQxMkMzQTdENENGNDExRUI4RDk4RjNDQTI3Q0Q2QzM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQxMkMzQTdFNENGNDExRUI4RDk4RjNDQTI3Q0Q2QzM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDEyQzNBN0I0Q0Y0MTFFQjhEOThGM0NBMjdDRDZDMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDEyQzNBN0M0Q0Y0MTFFQjhEOThGM0NBMjdDRDZDMzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAhQWRvYmUAZMAAAAABAwAQAwIDBgAAEGEAACO6AAAsOv/bAIQAFBAQGRIZJxcXJzImHyYyLiYmJiYuPjU1NTU1PkRBQUFBQUFERERERERERERERERERERERERERERERERERERERAEVGRkgHCAmGBgmNiYgJjZENisrNkREREI1QkRERERERERERERERERERERERERERERERERERERERERERERERERE/8IAEQgB9AH1AwEiAAIRAQMRAf/EAJYAAAMBAQEBAAAAAAAAAAAAAAABAgMEBQYBAQEBAQAAAAAAAAAAAAAAAAABAgMQAAICAgIBBAMAAgMBAQAAAAABEQISAxAhMSAwIhNAQTJCBFAjFEMzEQACAgIBAwQCAgMBAQEAAAAAAREhEDEgMEFhUXGBEkACIjKRobFQ8OESAAIDAAAAAAAAAAAAAAAAAFCBgJCg/9oADAMBAAIRAxEAAAD50ec0s6mpuLTqEQLkzs9FY7GBUy3eWtkTea7hz1tXNslgS8dNG152E05UPMWdQTrlrZ0iIFxxZ6M5bGBUy3UaVE3BsHNW9c2yWCXk6MtMtECpsJzciArWsqi4lBFZp0ONThN86rXHVB0SrRFiipl14e6NFc2jAl5xu5VxK05JbvKpbmEEkJ0OdDhN86rXHYTbFohFFxLpw98aiubGBLzsSaRLWnLjQiVszDFtIhqlcCdGC6azz6M4NIF1JZaco4qV1lzZYCsy1jHXKUrnqBjFQwSYi0zZtidFZ59GYaQ5bcstOUJqZdZc6lpgzLWXGaxSRUqGCYgGIOudrWsNU0Zpmw6VudWllsTCKyuaqGnUSpdoHSpA6zEUVmONcpSbi228TSsNU0buWHSXOqFl0kwzvK5qoadSSl3yZS0kQvJqs7hIBrFzo1JkM7iBZ1NtbRpIrUTWomoGZpM521h05OedVFm4qM0nKLeSLdoufopcs9+aLrLa3OGi9Y0sVrPOtgFAzNJmLXh04ucVU2bqbjMlqLeUi6oUWlxcM1x352jTPa5ooOenpGWuIvRkBq+ca2mJN5gW1kXG/O0l66xJzX1C866UYVVmWfVygmKtZzVU9GctcWu+QzR841tEo1UC2shjfnaudNNc5ee+oMF0IwqrMs+rlEOleLoT0wTczFbJTLq5uoz1miI1mdKjXG4vOrXnmosVRTPYsXF3jS7EgxZmvOSWQLUMLZKZdPP0kazZnGszpUa43F53S8yqLFUUz2LFy3eTNQRR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'); background-size: contain; background-repeat: repeat; } .hp-w .hpw-wrapper {} .hp-w .hpw-wrapper > div { position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; gap: 2%; row-gap: 14px; } .hp-w .hpw-wrapper > div > a { position: relative; flex: 1 0 20%; display: flex; align-items: center; height: 66px; color: #fff; background-color: #ff5800; font-size: 14pt; font-weight: 700; justify-content: center; border-radius: 6px; } .hp-w .tapdown { position: absolute; width: 40px; height: 40px; border-radius: 50px; background: transparent; color: #000; left: calc(50% - 20px); bottom: 40px; border: 2px solid #ffc019; animation: moveTapdown 2s ease infinite; z-index:2; } .hp-w .tapdown:before, .hp-w .tapdown:after { content:''; position:absolute; width:12px; height:2px; background-color: #ffc019; z-index: 1; top:20px; } .hp-w .tapdown:before { left:8px; transform:rotate(35deg); } .hp-w .tapdown:after { left:16px; transform:rotate(-35deg); } @keyframes moveTapdown { 50% {opacity:.1; transform:scale(1.1); border:2px solid #fff;} } @media only screen and (max-width: 519px) { .hp-w { height: 70vh; } .hp-w .hpw-wrapper > div { width: 80%; margin: 40px auto 0px; } .hp-w .hpw-wrapper > div > a { flex: 0 0 100%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} /* ---- */ .yun-wrapper { position:relative; display: flex; flex-flow: row wrap; gap: 2%; row-gap: 16px; } .yun-wrapper > div { position: relative; display: flex; flex-flow: row wrap; flex: 1 0 32%; padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0px 10px 60px 12px rgb(220 220 220); overflow: hidden; } .yun-wrapper > div:after { content: ''; position: absolute; top: -30px; right: -30px; z-index: 0; width: 200px; height: 200px; background-color: rgba(0,0,0,.06); border-radius: 180px; } .yun-wrapper > div > h3 {} .yun-wrapper > div > p {} @media only screen and (max-width: 519px) { .yun-wrapper { width: 80%; margin: auto; } .yun-wrapper > div { flex: 0 100%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} /* --- */ .hww {} .hww .hww-wrapper { position:relative; display: flex; flex-flow: row wrap; gap: 2%; row-gap: 16px; } .hww .hww-wrapper > div { position: relative; display: flex; flex-flow: row wrap; flex: 1 0 32%; padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0px 10px 60px 12px rgb(220 220 220); overflow: hidden; } .hww .hww-wrapper > div:before { content: ''; position: absolute; z-index: 0; width: 200px; height: 200px; top: -50px; left: -50px; border-radius: 200px; background-color: #fc8102; } .hww .hww-wrapper > div > img { position: relative; width: 100%; border-radius: 0px 0px 50px 0px; } .hww .hww-wrapper > div > h3 { margin-top: 24px; } .hww .hww-wrapper > div > p {} .hww .hww-wrapper > div > div { position: relative; display: flex; flex-flow: row wrap; width: 100%; align-items: center; } .hww .hww-wrapper > div > div > div > span { position: relative; display: block; width: 100%; height: 2px; background-color: var(--orange-fl); opacity: .5; } .hww .hww-wrapper > div > div > div:nth-child(1){ flex: 0 0 calc(100% - 44px); } .hww .hww-wrapper > div > div > div:nth-child(2){ position: relative; display: flex; flex: 0 0 34px; margin-left: 10px; align-items: center; justify-content: center; background-color: var(--orange-fl); color: #fff; width: 34px; height: 34px; font-weight: 600; border-radius: 50px; } @media only screen and (max-width: 519px) { .hww .hww-wrapper { width: 80%; margin: auto; } .hww .hww-wrapper > div { flex: 0 0 100%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} /* --- */ .oa-wrapper { position:relative; display: flex; flex-flow: row wrap; gap: 2%; row-gap: 16px; } .oa-wrapper > div { position: relative; display: flex; flex-flow: row wrap; flex: 0 0 49%; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 10px 60px 12px rgb(220 220 220); } .oa-wrapper > div:not(:first-child) {} .oa-wrapper > div > div { padding: 20px; flex: 1 0 25%; } .oa-wrapper > div > div:first-child { flex: 0 0 25%; border-right: 1px solid var(--orange-fl); } .oa-wrapper > div > div: {} .oa-wrapper > div > div > img {} .oa-wrapper > div > div > h3 {} .oa-wrapper > div > div > p {} @media only screen and (max-width: 519px) { .oa-wrapper { width: 80%; margin: auto; } .oa-wrapper > div { flex: 0 0 100%; } .oa-wrapper > div:not(:first-child) { margin-left: 0%; } .oa-wrapper > div > div { flex: 0 0 100%; } .oa-wrapper > div > div:first-child { flex: 0 0 100%; border-right: 0px; border-bottom: 1px solid var(--orange-fl); padding: 20px 30%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} /* ---- */ .hp-r { background-color: var(--orange-fl); } .hp-r .heading-wrapper * { color: #fff!important; } .hp-r .heading-wrapper.h2 > h2:before { background: #fff; } .hp-r .rw { position:relative; display: flex; flex-flow: row wrap; } .hp-r .rw > div { position: relative; display: block; flex: 0 0 24.25%; overflow: hidden; padding: 20px; background-color: #fff; border-radius: 10px; } .hp-r .rw > div:not(:first-child) { margin-left: 1%; } .hp-r .rw > div:before { content: ',,'; position: absolute; color: rgba(252,129,2,.1); font-weight: 900; font-size: 14em; top: -80px; right: 22px; letter-spacing: -10px; line-height: .2em; filter: grayscale(1); } .hp-r .rw > div > img { width: 50px; height: 50px; border-radius: 50px; margin-bottom: 20px; } .hp-r .rw > div > .n { font-weight: 700; margin: 0px 0px 20px; font-size: 1.2em; text-align: center; } .hp-r .rw > div > p {} .hp-r .rw > div > .s { text-align: center; margin-top: 20px; } .hp-r .rw > div > .s > span { position:relative; display: inline-block; width: 20px; height: 20px; background: url(/theme/img/icon-review-star.svg); background-size: cover; } .hp-r .rw > div > .s > span:not(:first-child){ margin-left: 2px; } .hp-r .rw > div > .l { margin-top: 10px; width: 70%; margin: auto; } .hp-r .rw > div > .l > a {} .hp-r .rw > div > .l span{ display: block; width: 60%; margin-left: 20%; height: 40px; filter: grayscale(1); background: url(/theme/img/logo-trustpilot.svg); background-size: cover; background-position-y: center; opacity: .3; } .hp-r .lw { position: relative; display: flex; flex-flow: row wrap; gap: 2%; margin-top: 50px; } .hp-r .lw > div { display: flex; align-items: center; flex: 0 0 15%; } .hp-r .lw > div > img { position: relative; display: block; width: 90%; filter: grayscale(1); opacity: .5; margin: auto; } @media only screen and (max-width: 519px) { .hp-r .rw { width: 80%; margin: auto; } .hp-r .rw > div { display: flex; flex-flow: row wrap; flex: 0 0 100%; padding: 15% 10%; } .hp-r .rw > div > .n { flex: 0 0 100%; } .hp-r .rw > div > .s { margin: auto; } .hp-r .rw > div:not(:first-child) { margin-left: 0%; margin-top: 16px; } .hp-r .lw { width: 80%; margin: 80px auto 0px; row-gap: 20px; } .hp-r .lw > div { flex: 0 0 49%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} .hp-gsw { position: relative; display: flex; width: 100%; flex-flow: row wrap; gap: 2%; row-gap: 20px; } .hp-gsw > a { display: flex; align-items: center; justify-content: center; flex: 0 0 49%; border-radius: 6px; height: 60px; background-color: #ff5800; color: #fff; font-weight: 700; font-size: 14pt; } @media only screen and (max-width: 519px) { .hp-gsw { width: 80%; margin: auto; } .hp-gsw > a { flex: 0 0 100%; } } /* NEW HP ELEMENTS - END */ /* Package Pricing */ .pricing-wrapper { background: #fff; border-radius: 20px; padding: 10px; color: #333; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0,0,0,0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); margin: 0px 2% 20px; transition: all ease .3s; } .pricing-wrapper>.landing-site{} .pricing-wrapper>.landing-site>span{ position:absolute; width:0px; height:0px; top:0px; left:50%; } .pricing-wrapper>form{ text-align:center; } .pricing-wrapper>form>ul{ padding:5px; } .pricing-wrapper>form>ul>li{} .pricing-wrapper>form>ul>li>ul{ position:relative; } .pricing-wrapper>form>ul>li:nth-child(1){ border-radius: 10px 10px 0px 0px; background: linear-gradient(45deg, #f38e26, #ff4901); } .pricing-wrapper>form>ul>li:nth-child(1)>h3{ margin: 0px; padding: 0px; padding: 40px 10px 20px; font-weight: 900; font-size: 18pt; line-height: 22pt; color: #fff; text-shadow: 0px 2px 0px rgba(0,0,0,.2); } .pricing-wrapper>form>ul>li:nth-child(1)>.price{ color: #fff; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); width: 80%; margin: auto; padding: 10px 0; } .pricing-wrapper>form>ul>li:nth-child(1)>.price>li{ position: relative; display: inline-block; font-size: 2em; font-weight: 900; } .pricing-wrapper>form>ul>li:nth-child(1)>.price>li:nth-child(1){} .pricing-wrapper>form>ul>li:nth-child(1)>.price>li:nth-child(2){} .pricing-wrapper>form>ul>li:nth-child(1)>.price>li:nth-child(2)>span{} .pricing-wrapper>form>ul>li:nth-child(1)>.desc{ padding: 16px 10%; font-family: 'Arial', sans-serif; font-size: 14pt; } .pricing-wrapper>form>ul>li:nth-child(1)>.desc>li{ display: block; font-size: .8em; line-height: 1em; margin-bottom: 8px; font-weight: 300; color: #fff; letter-spacing: .3px; } .pricing-wrapper>form>ul>li:nth-child(2){ border-radius: 0px 0px 10px 10px; background: linear-gradient(180deg, white, #dadada); } .pricing-wrapper>form>ul>li:nth-child(2)>input, .pricing-wrapper>form>ul>li:nth-child(2)>select{ position: relative; display: block; padding: 15px; margin: 15px auto 0px; font-size: 12pt; font-weight: 300; width: 86%; color: #fc8205; border: 1px solid #cccccc; border-radius: 6px; outline: 0px solid orange; transition: all ease .2s; z-index:12; } .pricing-wrapper>form>ul>li:nth-child(2)>input[name="input"]{ border-radius:6px 6px 0px 0px; } .pricing-wrapper>form>ul>li:nth-child(2)>input[name="item_name"]{ display: none; } .pricing-wrapper>form>ul>li:nth-child(2)>input:focus-visible{ outline: 1px solid orange; border: 1px solid orange; } .pricing-wrapper>form>ul>li:nth-child(2)>input::placeholder { text-align:center; font-weight:300; font-size:10pt; color: #aaa; } .pricing-wrapper>form>ul>li:nth-child(2)>.inputbuttons{ width: 86%; margin: auto; display: flex; flex-flow: row nowrap; font-size: 9pt; font-weight: 700; letter-spacing: .5pt; cursor: pointer; } .pricing-wrapper>form>ul>li:nth-child(2)>.inputbuttons>div{ flex: 1 1 auto; background-color: #aeaeae; padding: 7px 8px 10px; border-radius: 0px 0px 6px 6px; color: #fff; border: 1px solid #e5e3e3; border-top: 0px; box-shadow: 0px 6px 8px -3px rgba(0,0,0,0.30); transition: all ease .1s; z-index:10; } .pricing-wrapper>form>ul>li:nth-child(2)>.inputbuttons>div:not(:first-child){ margin-left:1%; } .pricing-wrapper>form>ul>li:nth-child(2)>.inputbuttons>div.tap{ background-color: #848484; transform: scale(.95) perspective(46px) rotateX(0deg) rotateY(0deg); position: relative; top: 0px; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.30) } .pricing-wrapper>form>ul>li:nth-child(2)>select{ background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, #ff4a0a 50%), linear-gradient(135deg, #ff4a0a 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 12px) calc(1em + 6px), calc(100% - 8px) calc(1em + 6px), calc(100% - 1.7em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 2em; background-repeat: no-repeat; margin: 15px auto -5px; } .pricing-wrapper>form>ul>li:nth-child(2)>select.nvs { display: none; } .pricing-wrapper>form>ul>li:nth-child(2)>textarea{ font-family: 'Lato', sans-serif; padding: 0px; margin: 0px; font-size: 11pt; font-weight: 300; width: 86%; color: #fc8205; border: 1px solid #ecebeb; border-radius: 6px; outline: 0px solid orange; transition: all ease .2s; overflow-y: hidden; height:0px; max-height:0px; } .pricing-wrapper>form>ul>li:nth-child(2)>textarea.active{ padding: 15px; margin: 15px 0px 5px; border: 1px solid #cccccc; height: 150px; max-height: 200px; } .pricing-wrapper>form>ul>li:nth-child(2)>textarea::placeholder { font-family: 'Lato', sans-serif; } .pricing-wrapper>form>ul>li:nth-child(2)>button{ padding: 20px 0px; margin: 25px auto 20px; font-size: 1.2em; font-weight: 900; background: #d63d00; color: #fff; border-radius: 6px; box-shadow: inset 0px -4px 10px -6px rgb(0 0 0 / 50%); cursor: pointer; width: 86%; outline: 0px; border: 0px; } .pricing-wrapper>form>ul>li:nth-child(2)>button:active { background:#b63400; box-shadow: inset 0px 4px 10px -6px rgb(0 0 0 / 50%); } /* ONE SIMPLE FORM */ .orderforms-wrapper {} .orderforma { background: #fff; border-radius: 20px; padding: 10px; color: #333; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0,0,0,0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); margin: 0px auto 20px; max-width: 420px; transition: all ease .3s; } .orderforma>.landing-site{} .orderforma>.landing-site>span{ position:absolute; width:0px; height:0px; top:0px; left:50%; } .orderforma>form{ text-align:center; } .orderforma>form>ul{ padding:5px; } .orderforma>form>ul>li{ position: relative; display: block; } .orderforma>form>ul>li>ul{ position:relative; } .orderforma>form>ul>li:nth-child(1){ border-radius: 10px 10px 0px 0px; background: linear-gradient(45deg, #f38e26, #ff4901); } .orderforma>form>ul>li:nth-child(1)>h3{ margin: 0px; padding: 0px; padding: 40px 40px 30px; font-weight: 900; font-size: 18pt; line-height: 22pt; color: #fff; text-shadow: 0px 2px 0px rgba(0,0,0,.2); } .orderforma>form>ul>li:nth-child(1)>.price{ color: #fff; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); width: 80%; margin: auto; font-size:12pt; } .orderforma>form>ul>li:nth-child(1)>.price>div{ } .orderforma>form>ul>li:nth-child(1)>.price>li.b { color: #fff; background: linear-gradient(45deg, #f7731b, #fc6413); position: absolute; top: -9px; left: calc(50% - 65px); width: 130px; font-size: 10pt; font-weight: 900; opacity: 1; transition: all ease .2s; line-height: 10pt; } .orderforma>form>ul>li:nth-child(1)>.price>li.b.hid { opacity:0; top: -50px; } .orderforma>form>ul>li:nth-child(1)>.price>li:not(.b){ position: relative; display: inline-block; font-size: 2em; font-weight: 900; line-height: 2em; } .orderforma>form>ul>li:nth-child(1)>.price>li:nth-child(1){} .orderforma>form>ul>li:nth-child(1)>.price>li:nth-child(2){} .orderforma>form>ul>li:nth-child(1)>.price>li:nth-child(2)>span{} .orderforma>form>ul>li:nth-child(1)>.desc{ padding: 16px 10%; font-family: 'Arial', sans-serif; font-size: 14pt; } .orderforma>form>ul>li:nth-child(1)>.desc>li{ display: block; font-size: .8em; line-height: 1em; margin-bottom: 8px; font-weight: 300; color: #fff; letter-spacing: .3px; } .orderforma>form>ul>li:nth-child(2){ border-radius: 0px 0px 10px 10px; background: linear-gradient(180deg, white, #dadada); } .orderforma>form>ul>li:nth-child(2)>input, .orderforma>form>ul>li:nth-child(2)>select{ position: relative; display: block; padding: 15px; margin: 15px auto 0px; font-size: 12pt; font-weight: 300; width: 86%; color: #fc8205; border: 1px solid #cccccc; border-radius: 6px; outline: 0px solid orange; transition: all ease .2s; z-index:12; } .orderforma>form>ul>li:nth-child(2)>input[name="input"]{ border-radius:6px 6px 0px 0px; } .orderforma>form>ul>li:nth-child(2)>input[name="item_name"]{ display: none; } .orderforma>form>ul>li:nth-child(2)>input:focus-visible{ outline: 1px solid orange; border: 1px solid orange; } .orderforma>form>ul>li:nth-child(2)>input::placeholder { text-align:center; font-weight:300; font-size:12pt; color: #888; } .orderforma>form>ul>li:nth-child(2)>.inputbuttons{ width: 86%; margin: auto; display: flex; flex-flow: row nowrap; font-size: 9pt; font-weight: 700; letter-spacing: .5pt; cursor: pointer; } .orderforma>form>ul>li:nth-child(2)>.inputbuttons>div{ flex: 1 1 auto; background-color: #aeaeae; padding: 7px 8px 10px; border-radius: 0px 0px 6px 6px; color: #fff; border: 1px solid #e5e3e3; border-top: 0px; box-shadow: 0px 6px 8px -3px rgba(0,0,0,0.30); transition: all ease .1s; z-index:10; } .orderforma>form>ul>li:nth-child(2)>.inputbuttons>div:not(:first-child){ margin-left:1%; } .orderforma>form>ul>li:nth-child(2)>.inputbuttons>div.tap{ background-color: #848484; transform: scale(.95) perspective(46px) rotateX(0deg) rotateY(0deg); position: relative; top: 0px; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.30) } .orderforma>form>ul>li:nth-child(2)>select{ background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, #ff4a0a 50%), linear-gradient(135deg, #ff4a0a 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 12px) calc(1em + 6px), calc(100% - 8px) calc(1em + 6px), calc(100% - 1.7em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 2em; background-repeat: no-repeat; margin: 15px auto -5px; } .orderforma>form>ul>li:nth-child(2)>select.nvs { display: none; } .orderforma>form>ul>li:nth-child(2)>textarea{ font-family: 'Lato', sans-serif; padding: 0px; margin: 0px; font-size: 11pt; font-weight: 300; width: 86%; color: #fc8205; border: 1px solid #ecebeb; border-radius: 6px; outline: 0px solid orange; transition: all ease .2s; overflow-y: hidden; height:0px; max-height:0px; } .orderforma>form>ul>li:nth-child(2)>textarea.active{ padding: 15px; margin: 15px 0px 5px; border: 1px solid #cccccc; height: 150px; max-height: 200px; } .orderforma>form>ul>li:nth-child(2)>textarea::placeholder { font-family: 'Lato', sans-serif; } .orderforma>form>ul>li:nth-child(2)>button{ padding: 20px 0px; margin: 25px auto 20px; font-size: 1.2em; font-weight: 900; background: #d63d00; color: #fff; border-radius: 6px; box-shadow: inset 0px -4px 10px -6px rgb(0 0 0 / 50%); cursor: pointer; width: 86%; outline: 0px; border: 0px; } .orderforma>form>ul>li:nth-child(2)>button:active { background:#b63400; box-shadow: inset 0px 4px 10px -6px rgb(0 0 0 / 50%); } .orderforma>form>ul>li>.diamessage { padding: 0px 30px 0px; margin-top: 0px; background-color: #fe5106; color: #fff; height: 50px; position: relative; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 12pt; line-height: 12pt; max-height: 0px; transition: all ease .3s; } .orderforma>form>ul>li>.diamessage.show { padding: 0px 30px 4px; margin-top: 20px; max-height: 80px; } @media only screen and (max-width:639px){ .orderforma > form { } } /* Product Section */ .pricing-set { display: flex; flex-wrap: wrap; justify-content: center; margin: 0px; padding-left: 0px; } .pricing-set>div { display: inline-block; flex: 0 0 28%; margin: 0px; border: 0px; outline: 0px; z-index:2;} .pricing-set>div:nth-child(2) { position: relative; display: block; margin-left:1%; z-index: 1;} .pricing-set>div:nth-child(2)>img { position: relative; display: block; width: 100%; border-radius: 20px; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0,0,0,0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); } @media (max-width: 599px){ .pricing-set>div {flex: 0 0 100%;} .pricing-set>div>.pricing-wrapper {margin: 0px 10% 20px} .pricing-set>div:nth-child(2) { margin-left: 0px; } .pricing-set>div:nth-child(2)>img{width:80%; margin:auto} } @media (min-width: 600px) and (max-width: 719px) { .pricing-set>div {flex: 0 0 49.5%;} } @media (min-width: 720px) and (max-width: 991px) { .pricing-set>div {flex: 0 0 33%;} } /* HOW TO BUY */ .how2buy { display: flex; flex-wrap: wrap; } .how2buy>li { flex: 0 0 33.3%; } .how2buy>li>div { position: relative; overflow: hidden; margin: 3%; padding: 33px 30px 10px; border-radius: 8px; background: #fff; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0,0,0,0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 25%); border: 1px solid #dcdcdc;} .how2buy>li>div:before { content: '2'; position: absolute; width: 90px; height: 90px; right: 10px; top: -45px; font-size: 9em; font-weight: 900; color: rgb(255 255 255); text-shadow: rgb(0 0 0 / 5%) 10px 10px 10px; } .how2buy>li:first-child>div:before { content: '1'; } .how2buy>li:last-child>div:before { content: '3'; } .how2buy>li>div>h3 { position: relative; color: var(--orange-fl);} .how2buy>li>div>p { font-size: 12pt; line-height: 18pt; position: relative; z-index: 2;} @media only screen and (max-width:599px){ .how2buy {display: flex; flex-flow: column;} .how2buy>li {flex: 0 0 100%;} } /* FAQ */ .faq { display: flex; flex-wrap: wrap; } .faq>li { flex: 0 0 50%; } .faq>li>div { position: relative; height: 100%; background: #fff; padding: 15px 30px; margin: 3%; } .faq>li>div>h3 { color: var(--orange-fl); width: 80%; line-height: 18pt; z-index: 5} .faq>li>div>p { font-size: 12pt; line-height: 18pt; } @media only screen and (max-width:599px){ .faq { flex-flow: column nowrap; } .faq>li:not(:last-child) { flex: 0 0 100%; margin-bottom:16px; } .faq>li>div { border: 1px solid #ffbc77; border-radius: 10px; border: 1px solid #ffbc77; border-radius: 10px; } } /* Product Page - Content */ .h1-wrapper { position: relative; display: block; width: 60%; margin: 0px auto; } .h1-wrapper>h1 { font-size:32pt; } .h1-wrapper>div { position: relative; display: block; margin: 20px auto 0px; text-align: center; font-size: 15pt; line-height: 22pt;} .h1-wrapper>h1>span {position:relative; color:var(--orange-fl); } /*.h1-wrapper>h1>span:before {content: ''; position: absolute; display: block; height: 4px; width: 100%; left: 0px; bottom: -4px; opacity:.6; background-color: var(--orange-fl); z-index: 0;}*/ .h1-wrapper>.service-features{ position:relative; display: flex; margin: 30px auto; flex-flow: row wrap; justify-content: center; font-size: 12pt; } .h1-wrapper>.service-features>li { padding: 4px 18px 6px; background-color: #fc644e; border-radius: 30px; margin: 0px 5px 10px; color: #fff; } .h2-wrapper { position:relative; display:block; margin-bottom:50px; width: 60%;} .h2-wrapper>h2 { font-size: 26pt; line-height: 28pt; } .h2-wrapper>div { margin: 14px 0px 10px; font-size: 16pt; line-height: 24pt;} section .content>.h2-wrapper>h2:before { position: absolute; content: ''; width: 50px; height: 6px; background: orange; top: 16px; left: -60px; } @media screen and (max-width:599px){ .h1-wrapper { width: 80%; } .h1-wrapper>h1 { font-size:24pt; } .h2-wrapper { width:100% } } @media screen and (min-width:600px) and (max-width:1170px){} @media screen and (min-width: 1170px){} @media (max-width:850px) and (max-height:450px) and (orientation: landscape){} /* HYPNOJABA */ .heart-fx { position:absolute; display:block; width:100%; height:100%; display:flex; align-items:center; justify-content:center; top:300px; } .heart-fx>.circle { display:block; position:absolute; width:250px; height:250px; border-radius:60%; } .heart-fx>.circle.c01 { background:radial-gradient(#fff, #ffdebb); animation: heart-pulse 3s infinite; animation-delay:0s; } .heart-fx>.circle.c02 { background:radial-gradient(#fff, #ffca91); animation: heart-pulse 3s infinite; animation-delay: 1s; } .heart-fx>.circle.c03 { background:radial-gradient(#fff, #ffb464); animation: heart-pulse 3s infinite; animation-delay: 2s; } .heart-fx>.heart { position:relative; display:block; width:160px; height:160px; animation-delay: 2s; color:#fff; } @keyframes heart-pulse { 0% { opacity:.7; transform:scale(1); } 100% { opacity:0; transform:scale(3.6); } } section.product {} section.product > span { position: absolute; display: none; width: calc(50vw - 1 / 4 * 1170px + 1 / 12 * 3 / 4 * 1170px); left: 0px; top: 0px; height: 100%; background-color: #f7f7f7; border-radius: 0px 20px 20px 0px; } section.product .content-wrapper { position:relative; display:block; width:85%; margin-left:15%;} section.product .content-wrapper>.h2-wrapper { position: relative; display: block; margin-bottom: 50px; padding-left: 20px; border-left: 8px solid #ffa500; } section.product .content-wrapper>.h3-wrapper { position: relative; display: block; margin-bottom: 20px; padding-left: 20px; border-left: 8px solid #ffa500; } section.product .content-wrapper>ul { padding: 30px; border-radius: 14px; background-color: #fff5eb; margin: 30px 10px; } section.product .content-wrapper>ul>li { line-height: 18pt; } section.product .content-wrapper>ul>li:before { content: ''; background-color: var(--orange-fl); width: 6px; height: 6px; margin-right: 10px; display: inline-block; border-radius: 10px; top: -2px; position: relative; } section.product .content-wrapper>ul>li:not(:last-child) { margin-bottom: 16px; } section.product .content-wrapper p { margin-bottom: 28px; font-size: 12pt; line-height: 18pt; } section.product .content p { font-size:12pt; line-height:18pt; } section.product .content .h3-wrapper { margin-top: 30px; } section.product .content>.list-block { padding: 40px; border-radius: 14px; background-color: #f6f6f6; margin: 30px; } section.product .content>.list-block>li { line-height: 18pt; } section.product .content>.list-block>li:before { content: ''; background-color: var(--orange-fl); width: 6px; height: 6px; margin-right: 10px; display: inline-block; border-radius: 10px; top: -2px; position: relative; } section.product .content>.list-block>li:not(:last-child) { margin-bottom: 16px; } @media screen and (max-width:599px){ section.product .content { width: 84%; margin: 0px 8%; } section.product .content>.list-block { padding: 40px; border-radius: 14px; background-color: #f6f6f6; margin: 40px 0px 0px 0px; } section.product .content>.list-block>li:not(:last-child) { margin-bottom: 16px; } section.product .content-wrapper { width:80%; margin: 70px 10% 0px; } section.product .content-wrapper p { line-height: 20pt; } section.product .content-wrapper>ul { padding: 30px; margin:10px 0px 40px; } section.product .content-wrapper>ul>li {line-height: 20pt; } section.product .content-wrapper>ul>li:not(:last-child) { margin-bottom:16pt; } } /* Product Page - Section H1 */ section.product.p01 { background-color:#fff; padding:50px 0px 0px;} /* Product Page - With 1 Package 1/4 x 3/4 */ section.product.pack1 .parts { position:relative; display:flex; flex-flow:row nowrap; } section.product.pack1 .parts>div:nth-child(1){ flex: 0 0 30%; } section.product.pack1 .parts>div:nth-child(2){ flex: 0 0 70%; } section.product .pricing-wrapper { width: unset; margin: auto; } section.product .product-image-wrapper { display:block; margin: 20px auto; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0,0,0,0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); border-radius: 20px; } section.product .product-image-wrapper>img { border-radius: 20px;} @media screen and (max-width:599px){ section.product.pack1 .parts { position:relative; display:flex; flex-flow:column nowrap; } section.product.pack1 .parts>div:nth-child(1){ flex: 0 0 100%; } section.product.pack1 .parts>div:nth-child(2){ flex: 0 0 100%; } .h1-wrapper { width: 80%; } .h1-wrapper>h1 { font-size: 32pt; line-height: 34pt; margin:0px; } section.product .pricing-wrapper { width: 70%; margin: 0px auto 20px; } section.product .product-image-wrapper { width:70%; } } @media screen and (min-width:600px) and (max-width:1170px){} @media screen and (min-width: 1170px) {} @media (max-width:850px) and (max-height:450px) and (orientation: landscape){ section.product.pack1 .parts>div:nth-child(1) { flex: 0 0 35%; } section.product.pack1 .parts>div:nth-child(2) { flex: 0 0 65%; } section.product .content-wrapper { width: 90%; margin-left: 10%; } .related-wrapper>ul>li>.wrapper>ul>li:nth-child(1) { margin: 10px 10px 0px 10px; } .related-wrapper>ul>li>.wrapper>ul>li:nth-child(2) { margin: 0px 10px; } .related-wrapper>ul>li>.wrapper>ul>li:nth-child(3) { margin: 0px 10px 10px 10px; } } /* Product Page - Reviews */ section.product.reviews{} .element-reviews { position:relative; display:flex; flex-flow:row nowrap; } .element-reviews>div { flex:0 0 59%; } .element-reviews>div:nth-child(1) { margin-right:2%; flex: 0 0 39%} .element-reviews>div:nth-child(1)>.wrapper { position: inherit; background-color: #fff6e5; padding: 40px; border-radius: 10px; } .element-reviews form{} .element-reviews form>input, .element-reviews form>textarea { position: relative; display: block; width: 100%; height: 46px; font-size: 12pt; font-family: 'Lato', sans-serif; margin-bottom: 16px; padding: 0px 15px; border: 1px solid #f7ddaf; border-radius: 6px; } .element-reviews form>input:focus-visible, .element-reviews form>textarea:focus-visible { outline: 1px auto orange; } .element-reviews form>textarea { height: 140px; padding: 15px; } .element-reviews form>.evaluation-wrapper { position: relative; display: flex; height: 50px; margin-bottom: 14px; align-items: center; justify-content: center; font-size: 26pt; } .element-reviews form>.evaluation-wrapper>span { margin-right: 10px; cursor: default; filter: grayscale(100); } .element-reviews form>.evaluation-wrapper>span:last-child { margin-right: 0px; } .element-reviews form>.evaluation-wrapper>span.on { filter:grayscale(0); } .element-reviews form>.button-wrapper{} .element-reviews form>.button-wrapper>div { display: none; width: 70%; margin: 0px auto 16px; text-align: center; } .element-reviews form>.button-wrapper>div.on { display:block;} .element-reviews form>.button-wrapper>button { position: relative; display: flex; height: 60px; font-size: 1.1em; font-weight: 900; background: #ff4900; color: #fff; border-radius: 6px; box-shadow: inset 0px -4px 10px -6px rgb(0 0 0 / 50%); cursor: pointer; width: 60%; outline: 0px; border: 0px; align-items: center; justify-content: center; margin: 0px auto; transition: all ease .2s; } .element-reviews form>.button-wrapper>button.ddisabled { filter:grayscale(100); } .element-reviews form>.button-wrapper>button:hover { transform:scale(1.05); } .element-reviews form>.button-wrapper>button:focus{ transform:scale(.9); } .element-reviews>div:nth-child(2)>.wrapper{} .element-reviews>div:nth-child(2)>.wrapper>ul { position: relative; display: flex; flex-flow: row wrap; } .element-reviews>div:nth-child(2)>.wrapper>ul>li { flex: 0 0 100%; } .element-reviews .review-item { margin-bottom: 20px; padding: 26px 36px 6px; border-radius: 6px; background-color: #f7f7f7;} .element-reviews .review-item>.wrapper{} .element-reviews .review-item>.wrapper>.topper{ position:relative; display:flex; flex-flow:row nowrap; align-items: center; justify-content: space-between; margin-bottom:16px; } .element-reviews .review-item>.wrapper>.topper>.eval{} .element-reviews .review-item>.wrapper>.topper>.eval>div { display:inline-block; position:relative } .element-reviews .review-item>.wrapper>.topper>.eval>div:nth-child(1) { margin-right:4px; font-weight: 700 } .element-reviews .review-item>.wrapper>.topper>.eval>div:nth-child(1)>span { content: ''; position: relative; display: inline-block; height: 16px; width: 16px; background: url(/theme/img/icon-review-star.svg); background-size: contain; background-repeat: no-repeat; } .element-reviews .review-item>.wrapper>.topper>.eval>div:nth-child(2) { top:-2px;} .element-reviews .review-item>.wrapper>.topper>.eval>div:nth-child(2)>span {} .element-reviews .review-item>.wrapper>.topper>.source{} .element-reviews .review-item>.wrapper>.topper>.source>a { position:relative; display:block ;background-size: cover; width:80px; height:30px; background-position:center; background-repeat:no-repeat; filter: grayscale(1); opacity: .5; top: -2px; padding:0px 16px;} .element-reviews .review-item>.wrapper>.topper>.source>a:before { content: ''; position: absolute; width: calc(100% + 20px); height: 60px; background: rgba(200,200,200,.4); top: -23px; lefT: -8px; border-radius: 0px 0px 10px 10px; border-bottom: 4px solid #ccc; } .element-reviews .review-item>.wrapper>.topper>.source>a.trustpilot { background-image: url('/theme/img/logo-trustpilot.svg'); } .element-reviews .review-item>.wrapper>.review {} .element-reviews .review-item>.wrapper>.name { font-weight:700; color:#575757; } .element-reviews .review-item>.wrapper>.name * { font-size: 10pt } .element-reviews .review-item>.wrapper>.verified { position: relative; display: flex; flex-flow: row nowrap; align-items: center; margin-bottom: 10px; width: calc(100% + 72px); background: linear-gradient(to right, #ececec, #f7f7f7); padding: 4px 0px 5px 36px; left: -36px; } .element-reviews .review-item>.wrapper>.verified:before { content:''; position: relative; display: block; width:12px; height:12px; background-image: url('/theme/img/verified-badge.svg'); background-repeat: no-repeat; background-size: cover; } .element-reviews .review-item>.wrapper>.verified > span { margin-left: 4px; font-size: 8pt; color: #8d90c3; font-weight: 700; } @media screen and (max-width:599px){ .element-reviews { flex-flow: column nowrap; } .element-reviews>div { flex:0 0 100%; } .element-reviews>div:nth-child(1) { margin-bottom: 50px; margin-right:0px; } .element-reviews>div:nth-child(1)>.wrapper { padding: 26px; } .element-reviews .review-item>.wrapper>.verified { width: calc(100% + 52px); padding: 4px 0px 5px 26px; left: -26px; } .element-reviews>div:nth-child(2)>.wrapper>ul { flex-flow:column nowrap;} .element-reviews>div:nth-child(2)>.wrapper>ul>li { flex: 0 0 100%; } .element-reviews>div:nth-child(2)>.wrapper>ul>li:not(:nth-child(2n+2)) { margin-right:0px; } } @media screen and (min-width:600px) and (max-width:1170px){ .element-reviews>div:nth-child(2)>.wrapper>ul { flex-flow:coumn nowrap; } .element-reviews>div:nth-child(2)>.wrapper>ul>li { flex: 0 0 100%; } .element-reviews>div:nth-child(2)>.wrapper>ul>li:not(:nth-child(2n+2)) { margin-right: 0px; } } @media screen and (min-width: 1170px){} @media (max-width:850px) and (max-height:450px) and (orientation: landscape){ .element-reviews>div:nth-child(1)>.wrapper { padding: 30px 20px; } } /* Product Page - Related Products */ section.product.related { background-color: #f1f1f1; } .related-wrapper {} .related-wrapper>ul { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-evenly; } .related-wrapper>ul>li { position: relative; display: block; flex: 0 0 20%; background-color: #fff; border-radius: 18px; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0,0,0,0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); border: 1px solid #ffe6c3; } .related-wrapper>ul>li>.wrapper { padding:10px; } .related-wrapper>ul>li>.wrapper>div {} .related-wrapper>ul>li>.wrapper>div:nth-child(1) { position: relative; display: block; background-color: #fff4eb; padding: 0px 10%; border-radius: 10px 10px 0px 0px; } .related-wrapper>ul>li>.wrapper>div:nth-child(1)>a { position: relative; display: block; color: #333; font-size: 18pt; text-align: center; margin: auto; transition: all ease .2s; padding: 20px 0px; } .related-wrapper>ul>li>.wrapper>div:nth-child(1)>a>h5 { font-weight: 500; font-size: 18pt; font-family: "arial", sans-serif; width: 70%; margin: auto; color: #95744e; } .related-wrapper>ul>li>.wrapper>div:nth-child(2) { position: relative; display: block; background-color: #fff4eb; padding: 8px; } .related-wrapper>ul>li>.wrapper>div:nth-child(2)>a {} .related-wrapper>ul>li>.wrapper>div:nth-child(2)>a>img { position: relative; display: block; width: 60px; height: 60px; margin: 0px auto 14px; animation: popandbump 2s infinite; animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1); } .related-wrapper>ul>li>.wrapper>div:nth-child(3) { background: linear-gradient(180deg, #f38e26, #ff4901); position: relative; display: block; padding: 10px; border-radius: 0px 0px 10px 10px; } .related-wrapper>ul>li>.wrapper>div:nth-child(3)>span { border-radius: 24px; position: relative; display: flex; margin: 0px auto; width: 100px; text-align: center; height: 30px; justify-content: center; align-items: center; font-weight: 600; color: #fff; font-size: 16pt; } .related-wrapper>ul>li:last-child { margin-right:0px; } .related-wrapper>ul>li:nth-child(2)>.wrapper>div:nth-child(2)>a>img { animation-delay:.5s; } .related-wrapper>ul>li:nth-child(3)>.wrapper>div:nth-child(2)>a>img { animation-delay:1s; } .related-wrapper>ul>li:nth-child(4)>.wrapper>div:nth-child(2)>a>img { animation-delay:1.5s; } @keyframes popandbump { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-12px); } 50% { transform: scale(1.05,.95) translateY(0); } 57% { transform: scale(1,1) translateY(-5px); } 64% { transform: scale(1,1) translateY(0); } 100% { transform: scale(1,1) translateY(0); } } @media screen and (max-width:599px){ .related-wrapper>ul { flex-flow: row wrap; width: 94%; margin: auto; justify-content: space-evenly; } .related-wrapper>ul>li { flex: 0 0 45%; margin-bottom:20px; } .related-wrapper>ul>li>.wrapper>div:nth-child(1) {} .related-wrapper>ul>li>.wrapper>div:nth-child(2) {} .related-wrapper>ul>li>.wrapper>div:nth-child(3) {} .related-wrapper>ul>li>.wrapper>div:nth-child(1)>a>h5 { font-size: 16pt; } } @media screen and (min-width:600px) and (max-width:1170px){} @media screen and (min-width: 1170px){} @media screen and (max-width: 850px) and (max-height: 450px) and (orientation: landscape) { .related-wrapper>ul>li>.wrapper>div:nth-child(1) { } .related-wrapper>ul>li>.wrapper>div:nth-child(2) { } .related-wrapper>ul>li>.wrapper>div:nth-child(3) { } } /* Product Page - Section Page - Choice */ .choicepacks { position:relative; display:flex; flex-flow: row nowrap; } .choicepacks>div { flex: 0 0 49%; } .choicepacks>div:not(:last-child){ margin-right:2%; } .choicepacks>div>ul{} .choicepacks .choicepacks-item{ position: relative; overflow: hidden; padding: 30px 30px 20px; border-radius: 8px; background: #fff; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0,0,0,0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 25%); margin-bottom: 15px; border: 1px solid #ffefd7; } .choicepacks .choicepacks-item>span{ position: absolute; width: 90px; height: 90px; right: 110px; top: -45px; font-size: 9em; font-weight: 900; z-index: 1; color: rgb(255 255 255); text-shadow: rgba(252, 130, 10, .1) 10px 10px 10px; } .choicepacks .choicepacks-item>div{ position:relative; display:block; z-index: 2; } .choicepacks .choicepacks-item>div>a{ color: var(--orange-fl); } .choicepacks .choicepacks-item>div>a:is(:hover, :focus){ color: #ff1500; } .choicepacks .choicepacks-item>div>a>h4{ text-decoration: underline; } .choicepacks .choicepacks-item>p{ position: relative; z-index: 2; } @media only screen and (max-width:599px){ .choicepacks { position:relative; display:flex; flex-flow: column nowrap; } .choicepacks>div { flex: 0 0 100%; } .choicepacks>div:not(:last-child){ margin-right:0%; } } /* SYSTEM PAGES */ /* Contact Us */ .systempage>*:is(p, ul, li, span, div) { font-size:12pt; line-height:18pt; } .systempage p { margin-bottom:24pt; } .systempage.cus{} .systempage.cus .parts{ position:relative; display:flex; flex-flow:row nowrap; } .psystempage.p2 .parts>div{ flex: 0 0 50%; } .systempage.p2 .parts>div>.wrapper { width: 80%; margin: auto; } .systempage.p2 .parts>div>.wrapper>p { margin:0px; margin-bottom:16px; } .systempage.cus .cform {} .systempage.cus .cform>input, .systempage.cus .cform>select, .systempage.cus .cform>textarea { width: 100%; margin: 0px; margin-bottom: 10px; padding: 10px; border-radius: 6px; border: 1px solid gray; font: inherit; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; transition: all ease .2s; } .systempage.cus .cform>input:hover{ border: 1px solid var(--orange-fl); } .systempage.cus .cform>select { background-image: linear-gradient(45deg, transparent 50%, #ff4a0a 50%), linear-gradient(135deg, #ff4a0a 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } .systempage.cus .cform>textarea { height: 120px; font: 16px "lato", sans-serif; } .systempage.cus .cform>button{ padding: 18px 30px; font-size: 12pt; background-color: #ff5800; outline: 0px; border: 0px; border-radius: 6px; color: #fff; } /* FAQ Page */ .faq-item{ border-bottom: 20px solid #fff0e1; transition: all ease .2s; line-height: 20pt; font-size: 12pt; } .faq-item>.wrapper{} .faq-item>.wrapper>.qline{ position:relative; display:flex; flex-flow: row nowrap; width:100%; background-color:#fff0e1; transition: all ease .2s; font-weight:600; } .faq-item>.wrapper>.qline>.q{ flex: 0 0 calc(100% - 50px); padding:20px 0px 20px 20px; } .faq-item>.wrapper>.qline>.q>p{ line-height: 14pt; margin: 5px; } .faq-item>.wrapper>.qline>.c{ flex: 0 0 10px; display: flex; align-items: center; } .faq-item>.wrapper>.qline>.c>div{ position:relative; display:block; height:8px; width:8px; transform: rotate(135deg); border-top:3px solid var(--orange-fl); border-right:3px solid var(--orange-fl); transition: all ease .2s; } .faq-item>.wrapper>.qline>.c>div>span{ } .faq-item>.wrapper>.aline{ position:relative; display:block; width:auto; overflow:hidden; padding:40px 20px; height:auto; transition: all ease .2s; } .faq-item>.wrapper>.aline>.wrapper{ width:80%; } .faq-item>.wrapper>.aline>.wrapper>p{} .faq-item>.wrapper>.aline>.wrapper>*:is(ul,ol){ margin: 40px 0px; padding: 20px 20px 20px 40px; background-color: #ffffff; list-style: none; padding-left: 60px; border-left: 8px solid #f4f4f4; } .faq-item>.wrapper>.aline>.wrapper>*:is(ul,ol)>li:before{ content: "\2022"; color: var(--csa-color-mainaccent); font-size:14pt; line-height:12pt; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } .faq-item>.wrapper>.aline>.wrapper>*:is(ul,ol)>li:not(:last-child){ margin-bottom:16px; } /* faq controls */ .faq-item.closed{ border-bottom: 1px solid #f0f0f0; } .faq-item.closed>.wrapper>.qline{ background-color:#fff; } .faq-item.closed>.wrapper>.qline>.c>div{ transform: rotate(45deg); } .faq-item.closed>.wrapper>.aline{ padding:0px; height:0px; } /* Terms Of Service */ .systempage.tos {} .systempage.tos>.container>.row>.wrapper {} .list-tos {list-style: none; counter-reset: li; padding-left:0px; font-family: sans-serif;} .list-tos>li {font-weight:700; margin-bottom: 20px!important;} .list-tos>li>span {display:inline-block; margin-bottom:20px} .list-tos>li>p { margin: 0px 0px 20px 15px; line-height: 15pt; font-weight: 500; color: #ff5800; } .list-tos ul {list-style: none; counter-reset: li; font-weight:300; padding-left:15px;} .list-tos li {margin-bottom:10px;} .list-tos ul>li:first-child {padding-top:10px;} .list-tos li:before {counter-increment: li; content: counters(li,".") ". "; font-weight: 700} @media screen and (max-width:599px){ .systempage.cus .parts { flex-flow: column nowrap; } .systempage.cus .parts>div:not(:last-child) { margin-bottom:40px; } .systempage.cus .parts>div>.wrapper { width:90%; } .systempage.cus .parts>div>.wrapper>p{ margin: 0px; margin-bottom: 30px; line-height: 20pt; } .systempage.tos>.container>.row>.wrapper { width:70%; } .faq-item>.wrapper>.qline>.q { padding: 20px 40px 20px 20px; } .faq-item>.wrapper>.aline>.wrapper{ width:100%; } .systempage.tos>.container>.row>.wrapper{ width:90%; } .systempage.tos .list-tos{ font-size:13pt; } .systempage.tos .list-tos li{ margin-bottom:26px; } } @media screen and (min-width:600px) and (max-width:1170px){} @media screen and (min-width: 1170px){} @media screen and (max-width: 850px) and (max-height: 450px) and (orientation: landscape) {} /* LEGALS */ /* legals on Terms Of Service */ .list-tos li.legals.l>.legals-container { background-image: url(/theme/img/legal/legl-dt.svg); width: 93%; height: 80px; opacity: .95; background-repeat: no-repeat; } .list-tos li.legals.u>.legals-container { background-image: url(/theme/img/legal/legu-dt.svg); width: 93%; height: 80px; opacity: .95; background-repeat: no-repeat; } .list-tos li.legals {} .list-tos li.legals:before {display: inline-block; position: relative; vertical-align: top;} .list-tos li.legals>.legals-container {display: inline-block; position: relative; vertical-align: top; display: inline-block; position: relative; vertical-align: top; top: -4px; margin-left: 3px;} .cus-wrapper { padding: 80px 0px 0px; } .cus-legals.u>span{ background-image: url(/theme/img/legal/legu-dt.svg); width: 93%; height: 80px; opacity: .95; background-repeat: no-repeat; position: relative; display: block; } @media only screen and (max-width: 599px) { .list-tos li>.legals-container { position: relative; display: inline-block; background-repeat: no-repeat; background-size: cover; width: 100%; height: 110px; } .list-tos li.legals {} .list-tos li.legals:before {display: none;} .list-tos li.legals>.legals-container {} .list-tos li.legals.l>.legals-container { background-image: url(/theme/img/legal/legl-mo.svg); } .list-tos li.legals.u>.legals-container { background-image: url(/theme/img/legal/legu-mo.svg); height: 154px; } .cus-wrapper { padding: 80px 16px; } .cus-legals.u>span{ background-image: url(/theme/img/legal/legu-mo.svg); height: 154px; width: 100%; } } /* FOOTER */ footer { background-color: rgba(34, 34, 34, 1); padding: 80px 0px 20px; font-size: 12pt; position: relative; display: block; overflow-y: hidden;} footer>.logo { position: absolute; display: block; width: 600px; height: 600px; background: url(https://friendlylikes.com/theme/img/fl-logo-icon.svg); background-size: cover; background-repeat: no-repeat; background-position: center; top: -20%; left: 5%; opacity: .1; filter:blur(18px); } footer a { position:relative; display:block; color:#fff; transition: all ease .2s; } footer a:hover { transform: scale(.95); } footer a:hover, footer a:focus { color: var(--orange-fl); } .footer-sections{ position:relative; display:flex; flex-flow:row nowrap; justify-content: space-between; } .footer-sections>div{} .footer-sections>div:nth-child(1) { flex:0 0 35%; } .footer-sections>div>.footer-branding-wrapper>a { position: relative; display: inline-block; width: 70%; } .footer-sections>div>.footer-branding-wrapper>a>img{} .footer-sections>div:nth-child(2) { flex: 0 0 58%; margin-right: 2%; } .footer-sections>div:nth-child(2)>nav{} .footer-sections>div:nth-child(2)>nav>ul { position:relative; display:flex; flex-flow:row nowrap; justify-content: space-between; } .footer-sections>div:nth-child(2)>nav>ul>li{} .footer-sections>div:nth-child(2)>nav>ul>li:nth-child(1){} .footer-sections>div:nth-child(2)>nav>ul>li:nth-child(2){} .footer-sections>div:nth-child(2)>nav>ul>li>ul>li { margin-bottom:12px; } .footer-sections>div:nth-child(2)>nav>ul>li>ul>li.new {} .footer-sections>div:nth-child(2)>nav>ul>li>ul>li.new * {display: inline-block;} .footer-sections>div:nth-child(2)>nav>ul>li>ul>li.new::before { content: 'new'; position: relative; color: #fff; background-color: var(--orange-fl); padding: 1px 2px; text-transform: uppercase; font-weight: 900; font-size: 7px; margin-right: 6px; bottom: 3px; } .footer-sections h5 { margin-top: 15px; margin-bottom: 25px; font-size: 12pt; color: var(--orange-fl); } footer .sub { position: relative; display: block; padding: 30px 0px 10px; border-top: 1px solid #3e3e3e; margin: 40px 0px 0px; color: #c6c6c6; font-size: 10pt;} footer .sub ul { position:relative; display:flex; flex-flow:row nowrap; justify-content: space-between; } footer .sub ul > li:nth-child(1) { flex: 0 0 30% } footer .sub ul > li:nth-child(2) { flex: 0 0 70% } @media screen and (max-width: 599px){ footer { overflow-x:hidden; } .footer-sections { flex-flow:column nowrap; } .footer-sections>div { flex: 0 0 100%!important; margin-bottom:40px; } .footer-sections>div:last-child { width: 70%; margin: auto; text-align: center; } .footer-sections>div>.footer-branding-wrapper>a { display:block; margin:auto; width:60%; } .footer-sections>div:nth-child(2)>nav>ul { flex-flow:column nowrap; } .footer-sections>div:nth-child(2)>nav>ul>li:not(:last-child) { margin-bottom:30px; } footer .sub ul { width:70%; margin:auto; flex-flow: column-reverse nowrap; text-align:center;} footer .sub ul > li:nth-child(1) { flex: 0 0 100% } footer .sub ul > li:nth-child(2) { flex: 0 0 100% } } @media screen and (min-width: 600px) and (max-width: 1170px){ footer .row { width:96%; margin:0px 2%; } } @media screen and (min-width: 1170px){} @media screen and (max-width: 850px) and (max-height: 450px) and (orientation: landscape) {} /* FOOTER 2025 */ .ftr { padding: 80px 0px; background-color: rgba(34, 34, 34, 1); } .cmp__footer {} .cmp__footer a { color: #ffffff; } .cmp__footer a:hover{ color: var(--orange-fl); } .cmp__footer > .wrapper {} .cmp__footer > .wrapper > div {} .cmp__footer .flnav {} .cmp__footer .flnav li {} .cmp__footer .flnav li > h4 { color: var(--orange-fl); } .cmp__footer .flnav li > ul { margin-top: 30px; } .cmp__footer .flnav li > a {} .cmp__footer .flnav .mitem > ul > li {} .cmp__footer .flnav .mitem > ul > li:not(:first-child) { margin-top: 12px; } .cmp__footer .fl1 { font-size: 12pt; font-weight: 600; } .cmp__footer .fl1 > .wrapper {} .cmp__footer .fl1 > .wrapper > ul {} .cmp__footer .fl1 > .wrapper > ul > li { display: inline-block; } .cmp__footer .fl1 > .wrapper > ul > li:not(:first-child) { margin-left: 26px; } .cmp__footer .fl2 { margin-top: 80px; } .cmp__footer .fl2 .mnav { display: flex; justify-content: space-between; } .cmp__footer .fl2 .mnav > .fmain-nav {} .cmp__footer .fl2 .mnav > .fmain-nav > ul { display: flex; flex-flow: row wrap; gap: 50px; } .cmp__footer .fl2 .mnav > .fmain-nav > ul > li { } .cmp__footer .fl2 .mnav > .fmain-tools {} .cmp__footer .fl2 .mnav > .fmain-acc {} .cmp__footer .fl3 { margin-top: 70px; color: #c6c6c6; font-size: 9pt; text-align: justify; } .cmp__footer .frl { margin-top: 60px; } .cmp__footer .frl > .wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .cmp__footer .frl > .wrapper > div {} .cmp__footer .frl > .wrapper > .br {} .cmp__footer .frl > .wrapper > .br > .wrapper { display: flex; flex-flow: row wrap; gap: 20px; align-items: center; } .cmp__footer .frl > .wrapper > .br > .wrapper > .l {} .cmp__footer .frl > .wrapper > .br > .wrapper > .l > a {} .cmp__footer .frl > .wrapper > .br > .wrapper > .l > a > img { width: 200px; } .cmp__footer .frl > .wrapper > .br > .wrapper > .c { font-size: 8pt; color: #919191; flex: 0 0 142px; } .cmp__footer .frl > .wrapper > .br > .wrapper > .c > div {} .cmp__footer .frl > .wrapper > .pi {} .cmp__footer .frl > .wrapper > .pi > .wrapper > picture { position: relative; display: block; width: 210px; } .cmp--lsel { position: relative; } .cmp--lsel, .cmp--lsel * { user-select: none; } .cmp--lsel.inactive {} .cmp--lsel.inactive > .b > .wrapper > .btn-flag > img { filter: grayscale(1); opacity: .5; } .cmp--lsel.inactive > .b > .wrapper > .btn-cap { opacity: .5; } .cmp--lsel > .b {} .cmp--lsel > .b > .wrapper { display: flex; flex-flow: row wrap; gap: 10px; color: #fff; align-items: center; font-size: 10pt; padding: 6px 8px; border-radius: 50px; background: #373737; } .cmp--lsel > .b > .wrapper > .btn-flag { } .cmp--lsel > .b > .wrapper > .btn-flag > img { width: 22px; height: 22px; border-radius: 24px; } .cmp--lsel > .b > .wrapper > .btn-cap {} .cmp--lsel.showmenu > .m { display: block; } .cmp--lsel > .m { position: absolute; display: none; } .cmp--lsel.up > .m { bottom: calc(100% + 10px); } .cmp--lsel.down > .m { top: calc(100% + 10px); } .cmp--lsel.right > .m { right: 0px; } .cmp--lsel.left > .m { left: 0px; } .cmp--lsel > .m > .wrapper { background: #2f2f2f; padding: 14px 12px; border-radius: 8px; } .cmp--lsel > .m > .wrapper:after { content: ''; position: absolute; width: 10px; height: 10px; background: #2f2f2f; transform: rotate(45deg); } .cmp--lsel.up > .m > .wrapper:after { bottom: -4px; } .cmp--lsel.down > .m > .wrapper:after { top: -4px; } .cmp--lsel.left > .m > .wrapper:after { left: 24px; } .cmp--lsel.right > .m > .wrapper:after { right: 24px; } .cmp--lsel > .m > .wrapper > ul {} .cmp--lsel > .m > .wrapper > ul > li {} .cmp--lsel > .m > .wrapper > ul > li:not(:first-child) { margin-top: 12px; } .cmp--lsel > .m > .wrapper > ul > li > a { display: flex; flex-flow: row wrap; gap: 10px; width: max-content; align-items: center; padding: 5px 10px; border-radius: 10px; background-color: #2e2e2e; } .cmp--lsel > .m > .wrapper > ul > li > a > img { width: 22px; height: 22px; border-radius: 22px; } @media only screen and (max-width: 519px) { .ftr { padding: 80px 20px 50px; } .cmp__footer ul > li { font-size: 14pt; line-height: 18pt; } .cmp__footer .flnav li > ul { text-align: center; } .cmp__footer .fl1 > .wrapper { display: flex; flex-flow: column wrap; justify-content: space-between; align-items: baseline; } .cmp__footer .fl1 > .wrapper > div { flex: 0 0 auto; display: flex; } .cmp__footer .fl1 > .wrapper > ul { display: flex; flex-flow: column wrap; /* centering */ align-items: center; width: 100%; } .cmp__footer .fl1 > .wrapper > ul > li:not(:first-child) { margin-left: 0px; margin-top: 20px; } .cmp__footer .fl2 .mnav { flex-flow: column; } .cmp__footer .fl2 .mnav > li:not(:first-child) { margin-top: 30px; } .cmp__footer .fl2 .mnav > .fmain-nav > ul { flex-flow: column wrap; align-items: center; } .cmp__footer .frl > .wrapper { flex-flow: column wrap; align-items: center; } .cmp__footer .frl > .wrapper > .br { order: 3; margin-top: 40px; } .cmp__footer .frl > .wrapper > .pi { order: 2; margin-top: 40px; } .cmp__footer .frl > .wrapper > .pi > .wrapper > picture { width: 260px; } .cmp__footer .frl > .wrapper > .cmp--lsel { order: 1; } .cmp__footer .frl > .wrapper > .br > .wrapper { flex-flow: column wrap; align-items: center; } .cmp__footer .frl > .wrapper > .br > .wrapper > .c { flex: unset; display: flex; gap: 6px; } .cmp--lsel.footer > .m { left: 50%; transform: translateX(-50%); right: unset; } .cmp--lsel.footer > .m > .wrapper:after { right: calc(50% - 7px); } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} /* POPUP INFO */ .popup-info { position: fixed; display: block; left: 0px; bottom: 0px; z-index: 100; background-color: var(--orange-fl); padding: 10px; border-radius: 10px; animation: popupinfoslide 30s infinite; } .popup-info > div { position:relative; display: block; background-color: #fff; border-radius: 6px; padding: 20px; text-align: center; } .popup-info > div > h4 { font-size: 16pt; } .popup-info > div > p { font-size: 14pt; margin: 0px; text-align: center; margin: 2px 0px 26px; } .popup-info > div > a { background-color: #ff5800; color: #fff; font-weight: 800; padding: 12px 18px; border-radius: 8px; text-align: center; } .popup-info > div > div { position: absolute; width: 34px; height: 34px; border-radius: 40px; background-color: #fff; top: -6px; right: -6px; border: 4px solid var(--orange-fl); } .popup-info > div > div > span { position: absolute; width: 18px; height: 3px; background-color: #000; top: 12px; left: 4px; transform: rotate(45deg); border-radius: 10px; } .popup-info > div > div > span:first-child { transform: rotate(-45deg); } @keyframes popupinfoslide { 0% { left: -300px; } 5% { left: -300px; } 7% { left: 0px; } 39% { left: 0px; } 41% { left: -300px; } 100% { left: -300px; } } /* ==== Totally New ==== */ header.modernheader {} header.modernheader .navbutton{ display: none; } header.modernheader .moderntopnavmenu { font-size: 13pt; float: right; font-weight: 500; font-family: 'Arial', sans-serif; transition: all ease .2s; } header.modernheader .moderntopnavmenu.hideme {} header.modernheader .moderntopnavmenu>nav {} header.modernheader .moderntopnavmenu>nav a { transition: all ease .1s; } header.modernheader .moderntopnavmenu>nav a:hover { color: var(--orange-fl); } header.modernheader .moderntopnavmenu>nav>ul { position: relative; display: flex; flex-flow: row nowrap; height: 80px; } header.modernheader .moderntopnavmenu>nav>ul>li>div { transition: all ease .1s; } header.modernheader .moderntopnavmenu>nav>ul>li>div:hover { color: var(--orange-fl); } header.modernheader .moderntopnavmenu>nav ul .dropdown-menu { position: absolute; display: none; background: #efefef; width: max-content; padding: 0px; text-align: left; } header.modernheader .moderntopnavmenu>nav ul .dropdown-menu>li{ position:relative; padding: 20px 30px; } header.modernheader .moderntopnavmenu>nav ul .dropdown-menu>li:not(:first-child){ border-top:1px solid #ccc } header.modernheader .moderntopnavmenu>nav>ul>li { position: relative; height: inherit; display: flex; align-items: center; } header.modernheader .moderntopnavmenu>nav>ul>li:not(:first-child) { margin-left:24px } header.modernheader .moderntopnavmenu>nav>ul>li>a {} header.modernheader .moderntopnavmenu>nav>ul>li>a>span {} header.modernheader .moderntopnavmenu>nav>ul>.dropdown {} header.modernheader .moderntopnavmenu>nav>ul>.dropdown>div{ display: flex; justify-content: space-between; align-items: center; } header.modernheader .moderntopnavmenu>nav>ul>.dropdown>div>span{} header.modernheader .moderntopnavmenu>nav>ul>.dropdown>div>.caret { background: url(/theme/img/caret.svg); width: 22px; height: 22px; display: block; background-size: cover; transform:rotate(-90deg); transition: all ease .2s; } header.modernheader .moderntopnavmenu>nav>ul>.dropdown>.dropdown-menu { top: 80px; right: -26px; } header.modernheader .moderntopnavmenu>nav>ul>.dropdown>.dropdown-menu:before { content: ''; width: 14px; height: 14px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; right: 56px; z-index: 10; top: -7px; } header.modernheader .moderntopnavmenu>nav>ul>.dropdown>.dropdown-menu>li {} header.modernheader .moderntopnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu{ right: 100%; top: 0px; background: #e0e0e0; } header.modernheader .moderntopnavmenu li>div>a { flex: 1 1 auto; } header.modernheader .moderntopnavmenu li.dropdown>div>a { flex: 0 0 auto; } /* action */ header.modernheader .moderntopnavmenu>nav ul .dropdown.open>div>.caret { transform: rotate(0deg); } header.modernheader .moderntopnavmenu>nav ul .dropdown.open>.dropdown-menu { display: block } header.modernheader .moderntopnavmenu>nav ul .dropdown.open>.dropdown-menu>.dropdown.open::before{ content: ''; width: 20px; height: 20px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; left: -9px; z-index: 10; } @media (hover:hover) { header.modernheader .moderntopnavmenu>nav a:hover { color: var(--orange-fl); } header.modernheader .moderntopnavmenu>nav ul .dropdown:hover>div>.caret { transform: rotate(0deg); } header.modernheader .moderntopnavmenu>nav ul .dropdown:hover>.dropdown-menu { display: block } header.modernheader .moderntopnavmenu>nav ul .dropdown:hover>.dropdown-menu>.dropdown:hover::before{ content: ''; width: 20px; height: 20px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; left: -9px; z-index: 10; } } @media only screen and (max-width:759px){ header.modernheader .navbutton{ display: block; } header.modernheader .moderntopnavmenu { position: absolute; width: 100vw; background-color: #fff; top: 80px; box-shadow: 0px 24px 24px -8px rgb(54 68 110 / 30%); border-bottom: 6px solid #ff5800; max-height: 70vh; overflow: scroll; } header.modernheader .moderntopnavmenu .caret { background: url(/theme/img/caret.svg); width: 22px; height: 22px; display: block; background-size: cover; transform: rotate(-90deg); transition: all ease .2s; } header.modernheader .moderntopnavmenu.hideme{ display: none; } header.modernheader .moderntopnavmenu>nav {} header.modernheader .moderntopnavmenu>nav>ul { display: flex; flex-flow: row wrap; height: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } header.modernheader .moderntopnavmenu>nav>ul>li { flex: 0 0 100%; display: block; height: auto; } header.modernheader .moderntopnavmenu>nav ul>li>div, header.modernheader .moderntopnavmenu>nav ul>li>a>span{ display: flex; justify-content: space-between; padding:20px; } header.modernheader .moderntopnavmenu>nav>ul>li>div { padding: 20px; } header.modernheader .moderntopnavmenu>nav>ul>li:not(:first-child) { margin-left: 0px; border-top: 1px solid #ddd; } header.modernheader .moderntopnavmenu>nav>ul>li>div{ width: inherit; flex: 0 0 100%; width: 100%; } header.modernheader .moderntopnavmenu>nav>ul>.dropdown>.dropdown-menu:before { width:0px; height:0px; display:none; } header.modernheader .moderntopnavmenu>nav ul .dropdown-menu { background: #fbfbfb; } header.modernheader .moderntopnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu { background: #fff; } header.modernheader .moderntopnavmenu>nav ul .dropdown-menu>li { padding: 0px; } header.modernheader .moderntopnavmenu>nav ul .dropdown>.dropdown-menu { position: relative; top: unset; right: unset; width: 100%; border-left: 10px solid var(--orange-fl); border-top: 1px solid #ddd; } /* header.modernheader .moderntopnavmenu>nav ul .dropdown:hover>div>.caret { transform:rotate(0deg); } */ header.modernheader .moderntopnavmenu>nav ul .dropdown:hover>.dropdown-menu { } header.modernheader .moderntopnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu { right: unset; } header.modernheader .moderntopnavmenu>nav ul .dropdown.open>.dropdown-menu>.dropdown.open::before{ display: none; } /* header.modernheader .moderntopnavmenu>nav ul .dropdown:hover>.dropdown-menu>.dropdown:hover::before{ width:0px; height:0px; display:none; } */ header.modernheader .moderntopnavmenu>nav ul .dropdown.open .dropdown-menu { box-shadow: inset 0px 0px 30px 10px rgb(54 68 110 / 30%); } header.modernheader .moderntopnavmenu>nav ul .dropdown.open .dropdown.open .dropdown-menu { box-shadow: inset 0px 0px 30px 10px rgb(54 68 110 / 30%); border-left: 10px solid #dc7100; } } /* Header */ header.fln {} header.fln .wrapper { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; height: 80px; } header.fln .wrapper > .right { display: flex; flex-flow: row nowrap; align-items: center; } header.fln .branding { position: relative; display: block; margin-top: 0px; } header.fln .topnavmenu { font-size: 13pt; float: right; font-weight: 500; font-family: 'Arial', sans-serif; transition: all ease .2s; } header.fln .topnavmenu.hideme {} header.fln .topnavmenu>nav {} header.fln .topnavmenu>nav a { transition: all ease .1s; } header.fln .topnavmenu>nav { font-size: 12pt; } header.fln .topnavmenu>nav>ul { position: relative; display: flex; flex-flow: row nowrap; height: 80px; } header.fln .topnavmenu>nav>ul>li>div { transition: all ease .1s; } header.fln .topnavmenu>nav>ul>li>div:hover { color: var(--orange-fl); } header.fln .topnavmenu>nav ul .dropdown-menu { position: absolute; display: none; background: #efefef; width: max-content; padding: 0px; text-align: left; } header.fln .topnavmenu>nav ul .dropdown-menu>li{ position:relative; padding: 20px 30px; } header.fln .topnavmenu>nav ul .dropdown-menu>li:not(:first-child){ border-top:1px solid #ccc } header.fln .topnavmenu>nav>ul>li { position: relative; height: inherit; display: flex; align-items: center; } header.fln .topnavmenu>nav>ul>li:not(:first-child) { margin-left:24px } header.fln .topnavmenu>nav>ul>li>div>a {} header.fln .topnavmenu>nav>ul>li>div>a>span {} header.fln .usermenu { margin-left: 24px; } header.fln .usermenu>a {} header.fln .usermenu>a>div { width:32px; height:32px; background-image: url('/theme/img/icon-usermenu.svg'); background-size: cover; user-select: none; } header.fln .usermenu>ul{ position: absolute; top: 80px; width: max-content; right: 0px; padding: 16px 12px; background: #fff; border: 1px solid #dedcdc; border-radius: 6px; box-shadow: 0px 13px 24px -8px rgb(54 68 110 / 20%); display: none; } header.fln .usermenu>ul:before{ content: ''; width: 10px; height: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; display: block; position: absolute; top: -6px; transform: rotate(-45deg); background-color: #fff; right: 10px; } header.fln .usermenu>ul>li{} header.fln .usermenu>ul>li:nth-child(1){ font-size: 10pt; padding: 12px 0px; } header.fln .usermenu>ul>li:nth-child(2){ border-top: 4px solid orange!important; } header.fln .usermenu>ul>li:not(:first-child){ margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; } header.fln .usermenu>ul>li>div{} header.fln .usermenu>ul>li>div>a{} header.fln .topnavmenu>nav>ul>.dropdown {} header.fln .topnavmenu>nav>ul>.dropdown>div{ display: flex; justify-content: space-between; align-items: center; } header.fln .topnavmenu>nav>ul>.dropdown>div>span{} header.fln .topnavmenu>nav>ul>.dropdown>div>.caret { background: url(/theme/img/caret.svg); width: 22px; height: 22px; display: block; background-size: cover; transform:rotate(-90deg); transition: all ease .2s; } header.fln .topnavmenu>nav>ul>.dropdown>.dropdown-menu { top: 80px; right: -26px; } header.fln .topnavmenu>nav>ul>.dropdown>.dropdown-menu:before { content: ''; width: 14px; height: 14px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; right: 56px; z-index: 10; top: -7px; } header.fln .topnavmenu>nav>ul>.dropdown>.dropdown-menu>li {} header.fln .topnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu{ right: 100%; top: 0px; background: #e0e0e0; } /* action */ header.fln .topnavmenu>nav ul .dropdown.open>div>.caret { transform: rotate(0deg); } header.fln .topnavmenu>nav ul .dropdown.open>.dropdown-menu { display: block } header.fln .topnavmenu>nav ul .dropdown.open>.dropdown-menu>.dropdown.open::before{ content: ''; width: 20px; height: 20px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; left: -9px; z-index: 10; } @media (hover:hover) { header.fln .topnavmenu>nav a:hover { color: var(--orange-fl); } header.fln .topnavmenu>nav ul .dropdown:hover>div>.caret { transform: rotate(0deg); } header.fln .topnavmenu>nav ul .dropdown:hover>.dropdown-menu { display: block } header.fln .topnavmenu>nav ul .dropdown:hover>.dropdown-menu>.dropdown:hover::before{ content: ''; width: 20px; height: 20px; background-color: #efefef; transform: rotate(45deg); display: block; position: absolute; left: -9px; z-index: 10; } header.fln .topnavmenu>nav>ul>li.usermenu:hover>ul{ display: block; } } @media only screen and (max-width:759px){ header.fln .row { width: calc(100% - 40px); margin: auto; } header.fln .topnavmenu { position: absolute; width: 100vw; background-color: #fff; top: 80px; height: auto; overflow-y: scroll; display: block; max-height: calc(100vh - 240px); box-shadow: 0px 20px 8px -5px rgba(0,0,0,.2); border-bottom: 6px solid #868686; left: -20px; } header.fln .topnavmenu.hideme{ display: none; } header.fln .topnavmenu>nav {} header.fln .topnavmenu>nav>ul { display: flex; flex-flow: row wrap; height: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } header.fln .topnavmenu>nav>ul>li { flex: 0 0 100%; display: block; height: auto; } header.fln .topnavmenu>nav ul>li>div, header .topnavmenu>nav ul>li>a>span{ display: block; padding:20px; } header.fln .topnavmenu>nav>ul>li>div { padding: 20px; } header.fln .topnavmenu>nav>ul>li:not(:first-child) { margin-left: 0px; border-top: 1px solid #ddd; } header.fln .topnavmenu>nav>ul>li>div{ width: inherit; flex: 0 0 100%; width: 100%; } header.fln .topnavmenu>nav>ul>.dropdown>.dropdown-menu:before { width:0px; height:0px; display:none; } header.fln .topnavmenu>nav ul .dropdown-menu>li { padding: 0px; } header.fln .topnavmenu>nav ul .dropdown>.dropdown-menu { position: relative; top: unset; right: unset; width: 100%; border-left: 10px solid var(--orange-fl); border-top: 1px solid #ddd; } header.fln .topnavmenu>nav ul .dropdown:hover>.dropdown-menu {} header.fln .topnavmenu>nav>ul>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu { right: unset; } header.fln .topnavmenu>nav ul .dropdown:hover>.dropdown-menu>.dropdown:hover::before{ width:0px; height:0px; display:none; } header.fln .branding { margin-left: 0px; } header.fln .navbutton { display: block; position: relative; float: unset; margin-right: 0px; margin-top: 0px; } header.fln .navbutton > .nb-wrapper { position: relative; display: block; width: 100%; height: 100%; padding-top: 4px; width: 30px; height: 30px; } header.fln .navbutton > .nb-wrapper > span { position: relative; display: block; width: 80%; margin: auto; height: 2px; background-color: #fff; margin-bottom: 5px; transition: all ease .5s; } } /* Tiny Bottom AD */ .tinyflad { position: fixed; display: block; left: -360px; bottom: 50px; z-index: 100; background-color: var(--orange-fl); padding: 5px; border-radius: 10px; width: 350px; max-width: 70vw; -webkit-box-shadow: 0px 20px 16px -12px rgb(59 21 5 / 40%); -moz-box-shadow: 0px 20px 16px -12px rgb(59 21 5 / 40%); box-shadow: 0px 20px 16px -12px rgb(59 21 5 / 40%); transition: all ease .4s; } .tinyflad.show { left: 10px; } .tinyflad > .tabody { position: relative; background-color: #fff; border-radius: 5px; padding: 20px; overflow: hidden; } .tinyflad > .tabody > .hd { position: relative; display: block; font-size: 16pt; font-weight: 900; margin-top:10px; } .tinyflad > .tabody > .msg { position:relative; display:block; margin-top: 8px; font-size: 14pt; } .tinyflad > .tabody > .button { margin-top: 18px; background-color: #d63d02; color: #fff; font-weight: 900; padding: 12px 20px 14px; display: inline-block; border-radius: 6px; font-size: 13pt; } .tinyflad > .tacontrols { position: absolute; top: 10px; right: 10px; } .tinyflad > .tacontrols > div { position: relative; width: 34px; height: 34px; border-radius: 40px; } .tinyflad > .tacontrols > div > span { position: absolute; width: 16px; height: 2px; background-color: #000; top: 16px; left: 9px; transform: rotate(45deg); border-radius: 10px; } .tinyflad > .tacontrols > div > span:nth-child(1) { transform: rotate(-45deg); } /* Platforms */ .tinyflad > .tabody > .platform{ position: absolute; display:block; border-radius:80px; width: 80px; height: 80px; bottom: -10px; right:-10px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius:80px; } .tinyflad.p-ig > .tabody > .platform{ background-image: url('/theme/img/platform/platform-instagram.jpg'); } .tinyflad.p-fb > .tabody > .platform{ background-image: url('/theme/img/platform/platform-facebook.jpg'); } .packpage-howtobuy { position: relative; display: block; margin-bottom: 50px; } .packpage-howtobuy > div { position: relative; display: block; padding: 30px; background-color: #efefef; border-radius: 10px; } .packpage-howtobuy > div:not(:first-child) { margin-top: 10px; } .packpage-howtobuy > div > .wrapper { position: relative; display: block; } .packpage-howtobuy > div > .wrapper > span{ position: absolute; display: flex; top: -20px; right: -10px; background: #fff; width: 30px; height: 30px; border-radius: 30px; align-items: center; justify-content: center; font-weight: 700; color: #aaa; } .packpage-howtobuy > div > .wrapper > h4{} .packpage-howtobuy > div > .wrapper > p{ margin-bottom: 0px; } .package-faq { position: relative; display: block; margin-bottom: 50px; } .package-faq > .pfaq-item { padding: 14px; } .package-faq > .pfaq-item:not(:first-child) { border-top: 1px solid #eee } .package-faq > .pfaq-item > div{ margin-top: 8px; } .package-faq > .pfaq-item > div > h4, .package-faq > .pfaq-item > div > h3 { font-size: 12pt; color: #d63d01; } .package-faq > .pfaq-item > div > div{ margin-top: 14px; } .package-faq > .pfaq-item > div > div > p { line-height: 16pt; margin: 0px; padding: 0px; font-size:.9em; } .package-faq > .pfaq-item > div > div > p:not(:first-child) { margin-top:10px; } .package-faq > .pfaq-item > div > div > span{} @media only screen and (max-width: 759px) { .package-faq > .pfaq-item { padding: 14px 8px; } } /* TAP SELECTOR */ .el-tapselector {} .el-tapselector > form {} .el-tapselector > form > .tap-pricing{} .el-tapselector > form > .tap-pricing > .targeting-panel{ width: clamp(320px, 40%, 900px); margin:auto; } .el-tapselector > form > .tap-pricing > .targeting-panel > .el-body { position: relative; display:block; padding: 16px; background: #fff; border-radius: 20px; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0, 0, 0, 0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); } .el-tapselector > form > .tap-pricing > .targeting-panel > .el-body > .wrapper{ position: relative; display: flex; flex-flow: row wrap; justify-content: center; gap: 10px; align-items: center; border-radius: 10px; padding: 32px 18px; color: #333; background: linear-gradient(0deg, #efefef, #f5eae2); box-shadow: inset 0px 0px 23px 0px rgb(140 95 37 / 20%); } .el-tapselector > form > .tap-pricing > .targeting-panel > .el-body > .wrapper > div { flex: 0 1 auto; padding: 10px 14px; background-color: #dfdedc; border: 1px solid #d3cdca; border-radius: 8px; font-weight: 700; user-select:none; cursor: pointer; } .el-tapselector > form > .tap-pricing > .targeting-panel > .el-body > .wrapper > div.active { background: linear-gradient(45deg, #f38e26, #ff4901); color: #fff } .el-tapselector > form > .tap-pricing > .targeting-panel > .el-body > .wrapper > div > span {} .el-tapselector > form > .tap-pricing > .targeting-panel > .el-body > .wrapper > div > span:nth-child(1) {} .el-tapselector > form > .tap-pricing > .targeting-panel > .el-body > .wrapper > div > span:nth-child(2) {} .el-tapselector > form > .tap-pricing > .package-panel { width: clamp(320px, 40%, 900px); margin: 0px auto 70px; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body { position: relative; display:block; padding: 16px; background: #fff; border-radius: 20px; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0, 0, 0, 0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .wrapper { position: relative; display: flex; flex-flow: row wrap; justify-content: center; gap: 10px; align-items: center; background: linear-gradient(0deg, #efefef, #f5eae2); border-radius: 10px; padding: 32px 18px; color: #333; box-shadow: inset 0px 0px 23px 0px rgb(140 95 37 / 20%); border: 1px solid #dbd9d7; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .wrapper > div { flex: 0 0 clamp(40px, 75px, 100%); padding: 10px 14px; background-color: #dfdedc; border-radius: 8px; font-weight: 700; display: flex; justify-content: center; align-items: center; height: 50px; user-select:none; cursor: pointer; border: 1px solid #d3cdca; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .wrapper > div.active { background: linear-gradient(45deg, #f38e26, #ff4901); color: #fff } .el-tapselector > form > .tap-pricing > .price-panel { width: clamp(320px, 70%, 900px); margin:auto; } .el-tapselector > form > .tap-pricing > .price-panel > .el-body { position: relative; display:block; padding: 16px; background: #fff; border-radius: 20px; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0, 0, 0, 0.49); box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper { text-align: center; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-price { position: relative; display: flex; margin: 28px auto 5px; justify-content: center; align-items: center; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-price > .cs { font-size: 23pt; font-weight: 700; line-height: 20pt; color: #9f9f9f; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-price > .sum { font-size: 36pt; font-weight: 700; line-height: 40pt; color: #535353; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-discount { position: relative; display: inline-block; background-color: #ff6262; padding: 6px 20px 9px; border-radius: 20px; color: #fff; font-weight: 600; font-size: 16px; margin: 0px 0px 20px; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-discount > .oldprice { text-decoration: line-through; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-btn {} .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-btn > input { position: relative; display: block; padding: 15px; margin: 15px auto 0px; font-size: 12pt; font-weight: 300; width: 86%; color: #fc8205; border: 1px solid #cccccc; border-radius: 6px; outline: 0px solid orange; transition: all ease .2s; z-index: 12; text-align: center; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-btn > button { position:relative; display:block; margin: 20px auto 10px; background: linear-gradient(45deg, #f38e26, #ff4901); color: #fff; font-size: 16pt; border-radius: 6px; border: 0px; outline: 0px; transition: all ease .2s; width: 170px; height: 60px; } .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-btn > button:hover, .el-tapselector > form > .tap-pricing > .package-panel > .el-body > .price-wrapper > .el-pp-btn > button:focus { transform: scale(.95) } .new-targeted-wrapper { position: relative; display: flex; flex-flow: row wrap; gap: 2%; row-gap: 26px; margin: 50px 0px 100px; align-items: center; justify-content: space-between; } .new-targeted-wrapper.tocenter { justify-content: center; } .new-targeted-wrapper > div{ flex: 1 0 30% } .new-targeted-wrapper > .elements {} .new-targeted-wrapper > .elements > div:not(:first-child) { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ececec; } .new-targeted-wrapper > .elements > .item {} .new-targeted-wrapper > .elements > .item > .wrapper { display: flex; flex-flow: row wrap; } .new-targeted-wrapper > .elements > .item > .wrapper > .l { flex: 1 0 50%; padding: 20px 5%; } .new-targeted-wrapper > .elements > .item > .wrapper > .r { flex: 1 0 25%; } .new-targeted-wrapper table { border-collapse: collapse; border: 2px solid rgb(140 140 140); font-family: sans-serif; font-size: 0.8rem; letter-spacing: 1px; } .new-targeted-wrapper table th, .new-targeted-wrapper table td { border: 1px solid rgb(160 160 160); padding: 8px 10px; } .new-targeted-wrapper table tbody > tr:nth-of-type(even) { background-color: rgb(237 238 242); } @media only screen and (max-width: 959px) { .new-targeted-wrapper { row-gap: 16px; } .new-targeted-wrapper > div{ flex: 1 1 30% } .new-targeted-wrapper > .elements > .item > .wrapper > .l { flex: 0 0 100%; padding: 0px; } .new-targeted-wrapper > .elements > .item > .wrapper > .r { flex: 0 0 100%; margin-top: 40px; } } .new-targeted-wrapper form { position: relative; display: block; background-color:#fff; border: 1px solid #e2e2e2; border-radius: 8px; padding: 26px; -webkit-box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); -moz-box-shadow: 0px 20px 68px -19px rgba(0, 0, 0, 0.49); box-shadow: 0px 20px 32px -24px rgb(0 0 0 / 49%); overflow: hidden; } .new-targeted-wrapper form > span.flag { position: absolute; display: block; font-size: 120pt; right: -18px; top: -67px; opacity: 0.1; } .new-targeted-wrapper form > input[name="item_name"] {} .new-targeted-wrapper form > .fh { font-size: 1.2em; position: relative; display: block; font-weight: 600; width: 80%; } .new-targeted-wrapper form > .fh > span { font-size: 8pt; width: 22px; height: 22px; background: #9f9f9f; position: relative; display: inline-flex; justify-content: center; align-items: center; border-radius: 22px; bottom: 4px; font-weight: 900; color: #fff; } .new-targeted-wrapper form > .features { position: relative; display: flex; flex-flow: row wrap; gap: 2px; margin: 6px 0px 0px; } .new-targeted-wrapper form > .features > div{ font-size: 12px; background-color: #f4f2f0; color: #626262; padding: 3px 10px; border-radius: 20px; } .new-targeted-wrapper form > .price-wrapper { position: relative; display: block; } .new-targeted-wrapper form > .price-wrapper > .price{ position: relative; display: flex; flex-flow: row wrap; margin: 20px 0px; align-items: center; } .new-targeted-wrapper form > .price-wrapper > .price > .take-price { font-size: 24pt; font-weight:800; } .new-targeted-wrapper form > .price-wrapper > .price > .take-price > .cur { font-size: 18pt; color: #999; position: relative; display: inline-block; margin-right: 2px; } .new-targeted-wrapper form > .price-wrapper > .price > .take-price > .sum { position: relative; display: inline-block; margin-left:-6px; } .new-targeted-wrapper form > .price-wrapper > .price > .discount { position: relative; display: flex; justify-content: center; align-items: center; margin-left: 10px; height: 24px; background: #0094fe; width: auto; border-radius: 20px; color: #fff; font-size: 10pt; } .new-targeted-wrapper form > .price-wrapper > .price > .discount > span { position: relative; display: inline-block; padding-left:8px; } .new-targeted-wrapper form > .price-wrapper > .price > .discount > div { position: relative; display: inline-block; margin-left: 5px; padding-right:8px; } .new-targeted-wrapper form > .price-wrapper > .price > .discount > div > .oldprice { text-decoration: line-through; } .new-targeted-wrapper form > .price-wrapper > .share {} .new-targeted-wrapper form > .tap-wrapper { position: relative; display: flex; } .new-targeted-wrapper form > .tap-wrapper > div { position: relative; display: flex; border: 1px solid #ccc; flex: 1 1 20px; height:46px; align-items: center; justify-content: center; user-select: none; cursor: pointer; } .new-targeted-wrapper form > .tap-wrapper > div.selected { color:#fff; background: linear-gradient(45deg, #f38e26, #ff4901); border: 1px solid #f38e26; } .new-targeted-wrapper form > .tap-wrapper > div:first-child { border-radius: 8px 0px 0px 8px; } .new-targeted-wrapper form > .tap-wrapper > div:last-child { border-radius: 0px 8px 8px 0px; } .new-targeted-wrapper form > .tap-wrapper > div:not(:first-child) { border-left: 0px; } .new-targeted-wrapper form > .tap-wrapper > div > span { } .new-targeted-wrapper form > .btn-wrapper { display: flex; flex-flow: wrap; width:100%; } .new-targeted-wrapper form > .btn-wrapper > input { flex: 0 0 100%; position: relative; display: block; margin: 10px auto 0px; font-size: 12pt; border-radius: 6px; border:1px solid #ccc; transition: all ease .2s; height: 42px; text-align: center; outline: 0px; animation: none; color: #ff4901; } .new-targeted-wrapper form > .btn-wrapper > input:focus { animation: an_inputactive 1s infinite; } @keyframes an_inputactive { 0% { border: 1px solid #ccc; transform: scale(1); } 50% { border: 1px solid #ff4901; transform: scale(1.05); } 100% { border: 1px solid #ccc; transform: scale(1); } } .new-targeted-wrapper form > .btn-wrapper > button { flex: 0 0 100%; position: relative; display: block; margin: 10px auto 10px; background: linear-gradient(45deg, #f38e26, #ff4901); color: #fff; font-size: 14pt; border-radius: 6px; border: 0px; outline: 0px; transition: all ease .2s; width: 170px; height: 52px; } @media only screen and (max-width:700px) { } /* Old Section Packages + Controller */ .sectionpacks {} .sectionpacks > .switch-wrapper { position: relative; display: block; width: 500px; margin: 30px auto 30px; background-color: #fffbf7; padding: 30px 20px 10px; border: 1px solid #ffd9b8; border-radius: 6px; } .sectionpacks > .switch-wrapper > .switch { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .sectionpacks > .switch-wrapper > .switch > div {} .sectionpacks > .switch-wrapper > .switch > div > span { font-weight: 900; transition: .2s; user-select: none; cursor: pointer; } .sectionpacks > .switch-wrapper > .switch > .l {} .sectionpacks > .switch-wrapper > .switch > .l > span { user-select: none; -webkit-user-select: none; color: var(--orange-fl); } .sectionpacks > .switch-wrapper > .switch > .c { flex: 0 0 60px; position: relative; display: block; width: 60px; height: 30px; border-radius: 30px; border: 2px solid #ff4900; margin: 0px 10px; transition: all ease .2s; } .sectionpacks > .switch-wrapper > .switch > .c > span { position: absolute; display: block; width: 22px; height: 22px; background-color: #ff4900; top: 2px; left: 2px; border-radius: 30px; transition: all ease .2s; } .sectionpacks > .switch-wrapper > .switch > .r {} .sectionpacks > .switch-wrapper > .switch > .r > span { user-select: none; -webkit-user-select: none; color: var(--black-fl); } .sectionpacks > .switch-wrapper > .q {} .sectionpacks > .switch-wrapper > .q > span { user-select: none; -webkit-user-select: none; text-align: center; display: block; margin-top: 20px; text-decoration: underline; } .sectionpacks > .switch-wrapper > .q > .message { display: none; opacity: 0; width: 400px; padding: 40px; position: absolute; z-index: 10; background: #fff; border: 1px solid #ffd9b8; border-radius: 6px; left: 50%; top: 200px; transform: translateX(-50%); transition: top .4s, opacity .4s, display .4s; transition-property: top, opacity, display; transition-duration: 0.4s, 0.4s, 0.2s; transition-delay: 0s, 0s, 0.4s; } .sectionpacks > .switch-wrapper > .q > .message > .close { width: 100px; background-color: var(--orange-fl); color: #fff; text-align: center; margin: 20px auto 0px; padding: 10px 0px 11px; border-radius: 6px; } .sectionpacks > .switch-wrapper > .q.active {} .sectionpacks > .switch-wrapper > .q.active > .message { display: block; top: -30px; opacity: 100; } .sectionpacks > .switch-wrapper > .switch.active > .l > span { color: var(--black-fl); } .sectionpacks > .switch-wrapper > .switch.active > .r > span { color: var(--orange-fl); } .sectionpacks > .switch-wrapper > .switch.active > .c { background-color: #ffd4b3; } .sectionpacks > .switch-wrapper > .switch.active > .c > span { left: 32px; } .sectionpacks > .pricing-set { display: none; gap: 1%; row-gap: 10px; flex-flow: row wrap; } .sectionpacks > .pricing-set.active { display:flex; animation: obj-appear .2s; } .sectionpacks > .pricing-set.set01 {} .sectionpacks > .pricing-set.set02 {} .sectionpacks > .pricing-set > li { display: block; flex: 0 0 24.25%; margin: 0px; border: 0px; border-radius: 20px; outline: 0px; box-shadow: 0px 20px 68px -19px rgb(0 0 0 / 49%); transition: .2s; } .sectionpacks > .pricing-set > li:hover { box-shadow: 0px 15px 30px -12px rgb(254 73 4 / 90%); } .sectionpacks > .pricing-set > li > .wrapper { margin: 5px; padding: 5px; } .sectionpacks > .pricing-set > li > .wrapper > form { text-align: center; } .sectionpacks > .pricing-set > li > .wrapper > form > div {} .sectionpacks > .pricing-set > li > .wrapper > form > .t { border-radius: 10px 10px 0px 0px; background: linear-gradient(45deg, #f38e26, #ff4901); color: #fff; } .sectionpacks > .pricing-set > li > .wrapper > form > .t > h3 { margin: 0px; padding: 0px; padding: 40px 10px 20px; font-weight: 900; font-size: 18pt; line-height: 22pt; color: #fff; text-shadow: 0px 2px 0px rgba(0,0,0,.2); } .sectionpacks > .pricing-set > li > .wrapper > form > .t > .price { color: #fff; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); width: 80%; margin: auto; padding: 10px 0; } .sectionpacks > .pricing-set > li > .wrapper > form > .t > .price > div { font-weight: 900; font-size: 24pt; } .sectionpacks > .pricing-set > li > .wrapper > form > .t > .price > div > span{} .sectionpacks > .pricing-set > li > .wrapper > form > .t > .desc { padding: 16px 0px; } .sectionpacks > .pricing-set > li > .wrapper > form > .t > .desc > li{} .sectionpacks > .pricing-set > li > .wrapper > form > .t > .desc > li:not(:first-child){} .sectionpacks > .pricing-set > li > .wrapper > form > .b { border-radius: 0px 0px 10px 10px; background: linear-gradient(180deg, white, #dadada); padding-top: 10px; } .sectionpacks > .pricing-set > li > .wrapper > form > .b > input { position: relative; display: block; padding: 15px; margin: 0px auto; font-size: 12pt; font-weight: 300; width: 86%; color: #fc8205; border: 1px solid #cccccc; border-radius: 6px; outline: 0px solid orange; transition: all ease .2s; z-index: 12; } .sectionpacks > .pricing-set > li > .wrapper > form > .b > input::placeholder{ text-align: center; } .sectionpacks > .pricing-set > li > .wrapper > form > .b > button { width: 86%; margin: 25px auto 20px; padding: 20px 0px; font-size: 1.2em; font-weight: 700; letter-spacing: 1px; background: #d63d00; color: #fff; outline: 0px; border: 0px; border-radius: 6px; box-shadow: inset 0px -4px 10px -6px rgb(0 0 0 / 50%); cursor: pointer; } .sectionpacks > .pricing-set > li > .wrapper > form > .b > button:active { background:#b63400; box-shadow: inset 0px 4px 10px -6px rgb(0 0 0 / 50%); } @keyframes obj-appear{ 0% { scale: .2; } 100% { scale: 1; } } @media only screen and (max-width: 599px) { .sectionpacks > .switch-wrapper { width: unset; } .sectionpacks > .switch-wrapper > .switch > .l { text-align: right; } .sectionpacks > .switch-wrapper > .switch > .r { text-align: left; } .sectionpacks > .pricing-set > li{ flex: 0 0 90%; } } @media only screen and (min-width: 599px) and (max-width: 719px) { .sectionpacks > .pricing-set > li{ flex: 0 0 50%; } } @media only screen and (min-width: 720px) and (max-width: 1023px) { .sectionpacks > .pricing-set > li{ flex: 0 0 33.3333%; } } .ourfeatures {} .ourfeatures > div {} .ourfeatures > div > div {} .ourfeatures > div > div > h3 {} .ourfeatures > div > div > p {} /* FEATURES */ .ourfeatures { display: flex; flex-flow: row wrap; row-gap: 16px; } .ourfeatures > div { flex: 0 0 50% } .ourfeatures > div > div { position: relative; height: 100%; padding: 30px 30px 20px; margin: 0px 3%; background-color: #fff; border-radius: 10px; border: 1px solid #e8e8e8; } .ourfeatures > div > h3 { position: relative; display: block; color: var(--orange-fl); width: 80%; line-height: 18pt; } .ourfeatures > div > div > h3 { position: relative; } .ourfeatures > div > div > h3:before { content: ''; position: absolute; display: block; height: 100%; width: 8px; background-color: var(--orange-fl); top: 0px; left: -30px; } .ourfeatures > div > p { font-size: 12pt; line-height: 18pt; margin: 16px auto 0px; } @media only screen and (max-width:599px){ .ourfeatures { flex-flow: column nowrap; } .ourfeatures>div:not(:last-child) { flex: 0 0 100%; margin-bottom:16px; } .ourfeatures>div>div { border-radius: 10px; } } .faqproduct-wrapper { display: flex; flex-flow: row wrap; row-gap: 16px; } .faqproduct-wrapper > div { flex: 0 0 50%; } .faqproduct-wrapper > div > .wrapper { position: relative; height: 100%; padding: 30px 30px 20px; margin: 0px 3%; background-color: #fff; border-radius: 10px; border: 1px solid #e8e8e8; } .faqproduct-wrapper > div > .wrapper > h3 {} .faqproduct-wrapper > div > .wrapper > div { margin-top: 24px; border-top: 1px solid #ffd8af; } .faqproduct-wrapper > div > .wrapper > p {} @media only screen and (max-width: 599px) { .faqproduct-wrapper > div { flex: 0 0 100%; } } .illustration.parallax { width: 100%; background-attachment: initial; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; aspect-ratio: 16/9; } .page-illustration { position: relative; display: block; width: 100%; height: max-content; } .page-illustration > img { position: relative; display: block; width: 100%; aspect-ratio: 16/9; border-radius: 10px; } .benefits-wrapper { column-count: 3; row-gap: 10px; column-gap: 10px; margin-top: 30px; } .benefits-wrapper > div { padding: 20px; -webkit-column-break-inside: avoid; border-radius: 10px; margin: auto; position: relative; display: block; } .benefits-wrapper > div > h4 { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--orange-fl); width:75%; } @media only screen and (max-width: 519px) { .benefits-wrapper { column-count: 1; } .benefits-wrapper > div > h4 { width: 85% } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} .cnt > ul { padding: 0px 0px 0px 3%; border-left: 10px solid #ffe9d1; margin: 40px 0px; } .cnt > ul > li { line-height: 18pt; } .cnt > ul > li:not(:first-child) { margin-top: 20px; } .prevs, .prevs * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } /* --------------------- /* /* TAP FORM /* /* --------------------- */ .obj-tapservice { position: relative; display: flex; flex-flow: row wrap; gap: 2%; justify-content: center; } .obj-tapservice > div { flex: 0 0 50%; } .obj-tapservice > div > .side-wrapper { background: linear-gradient(#ffcfad, #d3d3d3); padding: 4px; border-radius: 13px; box-shadow: 0px 42px 20px -20px #dfdfdf; } .obj-tapservice > div > .side-wrapper > .side-inside { background: #fff; /* background: linear-gradient(158deg, #ffdec5, #fff5ee, #fff, #fff);*/ border-radius: 12px; padding: 24px; } .obj-tapservice form {} .obj-tapservice form > .tapformt { margin-bottom: 20px; } .obj-tapservice form > .tapformt > .wrapper { position: relative; display: flex; flex-flow: row wrap; } .obj-tapservice form > .tapformt > .wrapper > div { display: flex; flex: 0 0 50%; width: 100%; } .obj-tapservice form > .tapformt > .wrapper > .l > .lwrapper > span {} .obj-tapservice form > .tapformt > .wrapper > .l > .lwrapper > div { font-size: 36pt; line-height: 32pt; font-weight: 600; margin-top: 5px; } .obj-tapservice form > .tapformt > .wrapper > .r { justify-content: right; } .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper { position: relative; display: block; width: 100%; text-align: right; } .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .calc-caption {} .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .calc-caption > .buckler {} .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .calc-caption > .buckler > .cc-cap {} .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .calc-caption > .buckler > .cc-num {} .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .calc-caption > .buckler > .cc-sgn {} .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .calc-caption > .buckler.hide { display: none; } .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .price { position: relative; display: flex; justify-content: right; font-size: 36pt; line-height: 32pt; font-weight: 600; margin-top: 5px; } .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .price > .c { font-size: .7em; opacity: .5; } .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .price > .p {} .obj-tapservice form > .tapformm {} .obj-tapservice form > .tapformm > .touch-geos { position: relative; display: flex; flex-flow: row wrap; justify-content: center; padding: 0px 0px 22px; margin: 40px auto 22px; border-bottom: 1px solid lightgrey; } .obj-tapservice form > .tapformm > .touch-geos > div { position: relative; display: flex; flex: 0 0 20%; width: 100%; padding: 2px; cursor: pointer; align-items: center; justify-content: center; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .obj-tapservice form > .tapformm > .touch-geos > div > .wrapper { position: relative; display: block; width: 100%; height: max-content; border-radius: 12px; border: 1px solid lightgrey; font-size: 10pt; line-height: 12pt; text-align: center; padding: 10px 8px; background-color: #fff; } .obj-tapservice form > .tapformm > .touch-geos > div > .wrapper > div {} .obj-tapservice form > .tapformm > .touch-geos > div > .wrapper > div > span {} .obj-tapservice form > .tapformm > .touch-geos > div > .wrapper > div > div { margin-top: 2px; font-weight: 700; color: #5a5a5a; } .obj-tapservice form > .tapformm > .touch-geos > div.pick:after { content: ''; position: absolute; display: block; width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; background: transparent; border: 4px solid #ff5c13; border-radius: 12px; transition: all ease .2s; } .obj-tapservice form > .tapformm > .touch-geos > div.pick > .wrapper { background-color: #ffecdb; } .obj-tapservice form > .tapformm > .touch-features { padding: 0px 0px 22px; margin-bottom: 22px; border-bottom: 1px solid lightgrey; } .obj-tapservice form > .tapformm > .touch-features > .wrapper {} .obj-tapservice form > .tapformm > .touch-features > .wrapper > ul { position: relative; display: flex; flex-flow: row wrap; justify-content: center; gap: 6px; row-gap: 4px; } .obj-tapservice form > .tapformm > .touch-features > .wrapper > ul > li {} .obj-tapservice form > .tapformm > .touch-features > .wrapper > ul > li > div { position: relative; display: flex; border-radius: 50px; background-color: #fff3e6; color: #e56b00; font-size: 10pt; font-weight: 700; height: 30px; align-items: center; padding: 0px 20px; border: 1px solid #ffd8af; } .obj-tapservice form > .tapformm > .touch-features > .wrapper > ul > li > div:before { content: ''; position: relative; display: block; flex: 0 0 12px; width: 12px; height: 12px; background-size: cover; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3b/Eo_circle_green_checkmark.svg'); background-repeat: no-repeat; background-position: center; margin-right: 4px; } .obj-tapservice form > .tapformm > .touch-offers { position: relative; display: flex; flex-flow: row wrap; } .obj-tapservice form > .tapformm > .touch-offers > div { position: relative; display: block; flex: 0 0 25%; aspect-ratio: 2/1.25; padding: 4px; width: 100%; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .obj-tapservice form > .tapformm > .touch-offers > div.pop:before { content: "popular"; text-transform: uppercase; position: absolute; background-color: var(--orange-fl); color: #fff; padding: 3px 12px; font-size: 8pt; border-radius: 50px; z-index: 10; font-weight: 700; left: 50%; transform: translateX(-50%); top: 0px; } .obj-tapservice form > .tapformm > .touch-offers > div > .wrapperp { position: relative; display: flex; width: inherit; width: 100%; height: 100%; border: 1px solid lightgrey; border-radius: 12px; padding: 6px; align-items: center; justify-content: center; background-color: #f9f9f9; color: #5a5a5a; transition: all ease .2s; } .obj-tapservice form > .tapformm > .touch-offers > div > .wrapperp > div { position: inherit; display: block; text-align: center; font-size: 8pt; font-weight: 700; } .obj-tapservice form > .tapformm > .touch-offers > div > .wrapperp > div > .vol { display: flex; justify-content: center; font-size: 16pt; line-height: 20pt; font-weight: 600; } .obj-tapservice form > .tapformm > .touch-offers > div > .wrapperp > div > .vol:before { content: '❤️'; position: relative; display: block; margin-right: 2px; font-size: 8pt; } .obj-tapservice form > .tapformm > .touch-offers > div > .wrapperp > div > .cap { } .obj-tapservice form > .tapformm > .touch-offers > div > .wrapperp > div * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .obj-tapservice form > .tapformm > .touch-offers > div.pick:after { content: ''; position: absolute; display: block; width: calc(100% - 5px); height: calc(100% - 5px); top: 2.5px; left: 2.5px; background: transparent; border: 4px solid #ff5c13; border-radius: 10px; transition: all ease .2s; } .obj-tapservice form > .tapformm > .touch-offers > div.pick > .wrapperp { background-color: #ffecdb; } .obj-tapservice form > .tapformb {} .obj-tapservice form > .tapformb > .inputs-wrapper { margin-top: 20px; } .obj-tapservice form > .tapformb > .discount-wrapper { position: relative; display: flex; align-items: center; justify-content: center; margin: 16px 0px 10px; gap: 20px; } .obj-tapservice form > .tapformb > .discount-wrapper > .p1 > .wrapper { position: relative; display: flex; align-items: center; gap: 8px; } .obj-tapservice form > .tapformb > .discount-wrapper > .p1 > .wrapper > .sum { position: relative; display: flex; align-items: center; font-size: 20pt; font-weight: 700; } .obj-tapservice form > .tapformb > .discount-wrapper > .p1 > .wrapper > .sum > .cr{ font-size: .7em; opacity: .4; } .obj-tapservice form > .tapformb > .discount-wrapper > .p1 > .wrapper > .sumold { text-decoration: line-through; font-size: 14pt; font-weight: 700; opacity: .5; } .obj-tapservice form > .tapformb > .discount-wrapper > .p2 { order: -1; } .obj-tapservice form > .tapformb > .discount-wrapper > .p2 > .wrapper{ position: relative; display: flex; align-items: center; height: 22px; background-color: rgb(0 184 0); padding: 0px 10px; font-weight: 700; font-size: 12pt; color: #ffffff; } .obj-tapservice form > .tapformb > .discount-wrapper > .p2 > .wrapper:after { position: absolute; content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid color(display-p3 0.3216 0.7098 0.2039); right: -15px; } .obj-tapservice form > .tapformb > .button-wrapper { margin-top: 20px; } .obj-tapservice form > .tapformb > .logos-wrapper { position: relative; display: flex; flex-flow: row wrap; gap: 10px; justify-content: center; margin-top: 14px; } .obj-tapservice form > .tapformb > .logos-wrapper > div { flex: 0 0 14%; } .obj-tapservice form > .tapformb input:focus { border: 1px solid pink; animation: inputblink 1s infinite; transition: all ease .2s; width: 70%; margin: auto; } .obj-tapservice form > .tapformb input { position: relative; display: block; width: 100%; height: 56px; border-radius: 6px; outline: none; border: 1px solid lightgrey; padding: 5px 10px; text-align: center; font-size: 12pt; background-color: #f8f7f7; } .obj-tapservice form > .tapformb input[name="item_name"] { display: none; } @keyframes inputblink { 0% { border: 1px solid lightgrey; } 50% { border: 4px solid var(--orange-fl); } 100% { border: 1px solid lightgrey; } } .obj-tapservice form > .tapformb button { width: 100%; height: 66px; border: 0px; outline: 0px; border-radius: 6px; transition: all ease .3s; background-color: #5b70c0; background-image: linear-gradient(-45deg, #e73400 30%, #fc8100, #e73300 70%); background-size: 200%; -webkit-animation: shine 3s infinite; animation: shine 3s infinite; color: #fff; font-size: 18pt; font-weight: 700; letter-spacing: 0px; transition: .2s; cursor: pointer; } .obj-tapservice form > .tapformb button:hover { transform: scale(1.02); } @keyframes shine {from {background-position: 150%;} to {background-position: -50%;}} @media only screen and (max-width: 519px) { .obj-tapservice > div { flex: 0 0 100%; } .obj-tapservice > div > .side-wrapper > .side-inside { padding: 18px; } .obj-tapservice form > .tapformt > .wrapper > .l > .lwrapper > div, .obj-tapservice form > .tapformt > .wrapper > .r > .rwrapper > .price { font-size: 28pt; line-height: 18pt; } .obj-tapservice form > .tapformm > .touch-geos > div.pick:after { width: calc(100% - 2px); height: calc(100% - 4px); top: 2px; left: 2px; } .obj-tapservice form > .tapformm > .touch-features > .wrapper > ul > li > div { height: 26px; padding: 0px 14px; } .obj-tapservice form > .tapformm > .touch-offers > div { aspect-ration: 1/1.35; } .obj-tapservice form > .tapformm > .touch-offers > div > .wrapperp > div > .vol { font-size: 14pt; } .obj-tapservice form > .tapformm > .touch-geos > div { flex: 0 0 30%; aspect-ratio: 2 / 1.4; } .obj-tapservice form > .tapformm > .touch-geos > div > .wrapper > div > span { font-size: 16pt; } .obj-tapservice form > .tapformm > .touch-offers > div { flex: 0 0 33.3333%; } .obj-tapservice form > .tapformb > .logos-wrapper > div { flex: 1 0 10%; } .obj-tapservice form > .tapformb > .discount-wrapper { gap: 20px; } .obj-tapservice form > .tapformb > .discount-wrapper > div {} .obj-tapservice form > .tapformb > .discount-wrapper > .p1 > .wrapper > .sum { font-size: 12pt; } .obj-tapservice form > .tapformb > .discount-wrapper > .p1 > .wrapper > .sumold { font-size: 12pt; } .obj-tapservice form > .tapformb > .discount-wrapper > .p2 { order: -1; } .obj-tapservice form > .tapformb > .discount-wrapper > .p2 > .wrapper { padding: 0px 0px 0px 10px; font-size: 11pt; width: max-content; } .obj-tapservice form > .tapformb > .discount-wrapper > .p2 > .wrapper:after { position: relative; right: -14px; display: inline-block; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} .component---faq { position: relative; display: flex; flex-flow: row wrap; gap: 20px; } .component---faq .block { flex: 0 0 calc(50% - 10px); position: relative; display: block; } .component---faq .block > .item { padding: 24px; background-color: #fff; border-radius: 12px; border: 1px solid #e2e2e2; } .component---faq .block > .item:not(:first-child){ margin-top: 20px; } .component---faq .block > .item > div{} .component---faq .block > .item > div > .no{} .component---faq .block > .item > div > .no > div{ position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; } .component---faq .block > .item > div > .no > div > h3 { flex: 0 0 calc(100% - 40px); transition: .2s; font-size: 12pt; } .component---faq .block > .item > div > .no > div > div { flex: 0 0 16px; position: relative; display: block; height: 16px; width: 16px; transition: .5s; } .component---faq .block > .item > div > .no > div > div > span { position: absolute; display: block; width: 100%; height: 2px; background-color: #666; top: 50%; left: 50%; transform: translate(-50%); } .component---faq .block > .item > div > .no > div > div > span:last-child { transform: translate(-50%) rotate(90deg); } .component---faq .block > .item > div > .on{ overflow: hidden; max-height: 0px; transition: all ease .3s; border-top: 0px solid var(--orange-fl); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .component---faq .block > .item.c > div > .on { max-height: 380px; border-top: 1px solid var(--orange-fl); padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px; } .component---faq .block > .item.c > div > .on > div > p { margin: 1em 0px 0px 0px; } .component---faq .block > .item.c > div > .no > div > h3 { color: var(--orange-fl); } .component---faq .block > .item.c > div > .no > div > div { transform: rotate(360deg); } .component---faq .block > .item.c > div > .no > div > div > span { background-color: var(--orange-fl); } .component---faq .block > .item.c > div > .no > div > div > span:last-child { opacity: 0; } @media only screen and (max-width: 519px) { .component---faq .block { flex: 0 0 100%; } } @media only screen and (min-width: 520px) and (max-width: 959px) { .component---faq .block { flex: 0 0 100%; } } @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} .component---offers {} .component---offers > .wrapper { position: relative; display: flex; flex-flow: row nowrap; gap: 20px; overflow-x: scroll; padding: 20px 0px; } .component---offers > .wrapper > .item { position: relative; display: block; overflow: hidden; flex: 0 0 calc(20% - 16px); aspect-ratio: 1; width: 100%; height: 100%; background: linear-gradient(10deg, var(--orange-fl), #ffecd0); border-radius: 10px; transition: .2s; -webkit-clip-path: content-box; } .component---offers > .wrapper > .item:hover { transform: scale(1.05); } .component---offers > .wrapper > .item > .wrapper { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; } .component---offers > .wrapper > .item > .buck { display: block; width: max-content; position: absolute; left: 0px; top: 68px; } .component---offers > .wrapper > .item > .buck > .cap { text-align: center; margin-bottom: 3px; } .component---offers > .wrapper > .item > .buck > .prc { background: rgb(182, 89, 40); padding: 2px 16px 3px; color: #fff; font-weight: 700; } .component---offers > .wrapper > .item > .wrapper > .bgs { position: absolute; display: block; width: 100%; height: 100%; padding: 15px; } .component---offers > .wrapper > .item > .wrapper > .bgs > span {} .component---offers > .wrapper > .item > .wrapper > .bgs > span:nth-child(1) { width: 300px; height: 300px; background: radial-gradient(#ffa155, #fff 60.5%); position: absolute; border-radius: 200px; mix-blend-mode: multiply; top: -50px; left: -50px; opacity: .5; } .component---offers > .wrapper > .item > .wrapper > .bgs > span:nth-child(2) { width: 180px; height: 180px; background: url('https://friendlylikes.com/theme/img/logofriendlyw.svg'); position: absolute; display: block; background-size: cover; mix-blend-mode: hard-light; opacity: .2; right: -28px; } .component---offers > .wrapper > .item > .wrapper > .bgs > span:nth-child(3) { position: absolute; width: 300px; height: 200px; background: radial-gradient(rgb(255, 65, 0), white 71.85%); mix-blend-mode: multiply; bottom: -80px; left: -80px; border-radius: 500px; opacity: .3; } .component---offers > .wrapper > .item > .wrapper > a { width: calc(100% - 30px); height: calc(100% - 30px); position: relative; display: block; top: 10px; left: 15px; } .component---offers > .wrapper > .item > .wrapper > a > div { font-size: 22pt; font-weight: 900; color: #fff; position: relative; width: 100%; height: 100%; } .component---offers > .wrapper > .item > .wrapper > a > div > span { position: absolute; } .component---offers > .wrapper > .item > .wrapper > a > div > span:nth-child(1) { font-size: 36pt; text-shadow: 4px 6px 7px #ea9a68; } .component---offers > .wrapper > .item > .wrapper > a > div > span:nth-child(2) { bottom: 0px; line-height: 24pt; } .component---offers > .wrapper > .item > .bgs { position: absolute; display: block; width: 100%; height: 100%; padding: 15px; } .component---offers > .wrapper > .item > .bgs > span {} .component---offers > .wrapper > .item > .bgs > span:nth-child(1) { width: 300px; height: 300px; background: radial-gradient(#ffa155, #fff 60.5%); position: absolute; border-radius: 200px; mix-blend-mode: multiply; top: -50px; left: -50px; opacity: .5; } .component---offers > .wrapper > .item > .bgs > span:nth-child(2) { width: 180px; height: 180px; background: url('https://friendlylikes.com/theme/img/logofriendlyw.svg'); position: absolute; display: block; background-size: cover; mix-blend-mode: hard-light; opacity: .2; right: -28px; } .component---offers > .wrapper > .item > .bgs > span:nth-child(3) { position: absolute; width: 300px; height: 200px; background: radial-gradient(rgb(255, 65, 0), white 71.85%); mix-blend-mode: multiply; bottom: -80px; left: -80px; border-radius: 500px; opacity: .3; } .component---offers > .wrapper > .item > a { width: calc(100% - 30px); height: calc(100% - 30px); position: relative; display: block; top: 10px; left: 15px; } .component---offers > .wrapper > .item > a > div { font-size: 22pt; font-weight: 900; color: #fff; position: relative; width: 100%; height: 100%; } .component---offers > .wrapper > .item > a > div > span { position: absolute; } .component---offers > .wrapper > .item > a > div > span:nth-child(1) { font-size: 36pt; } .component---offers > .wrapper > .item > a > div > span:nth-child(2) { bottom: 0px; line-height: 24pt; } @media only screen and (max-width: 519px) { .component---offers > .wrapper > .item { flex: 0 0 60%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) {} @media only screen and (min-width: 1280px) and (max-width: 1599px) {} @media only screen and (min-width: 1600px) {} /* ---------------- /* /* Reviews 2025 /* /* ---------------- */ .ureviews-sh-wrapper { margin: 30px 0px 0px; } .ureviews-sh-wrapper > .line1 {} .ureviews-sh-wrapper > .line1 > .cap{} .ureviews-sh-wrapper > .line1 > .cap > .linecap {} .ureviews-sh-wrapper > .line1 > .cap > .stars { position: relative; display: inline-block; } .ureviews-sh-wrapper > .line1 > .cap > .stars > div { position: relative; display: block; width: 135px; height: 26px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2226%22%20viewBox%3D%220%200%2027%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.78977%20-0.00292969C2.30622%20-0.00292969%200.292908%202.01039%200.292908%204.49394V21.2528C0.292908%2023.7364%202.30622%2025.7497%204.78977%2025.7497H21.5487C24.0322%2025.7497%2026.0455%2023.7364%2026.0455%2021.2528V4.49394C26.0455%202.01039%2024.0322%20-0.00292969%2021.5487%20-0.00292969H4.78977ZM7.31955%2010.8464C6.63222%2010.944%206.34972%2011.7832%206.83811%2012.2766L9.08307%2014.5445C9.27545%2014.7388%209.36181%2015.0143%209.31481%2015.2837L8.76471%2018.4367C8.64405%2019.1283%209.37092%2019.6565%209.99146%2019.3282L12.7257%2017.8818C12.9761%2017.7493%2013.2764%2017.7512%2013.5251%2017.887L16.2418%2019.3697C16.8579%2019.706%2017.5915%2019.1875%2017.4801%2018.4945L16.9715%2015.3311C16.9281%2015.0612%2017.0181%2014.7869%2017.213%2014.5951L19.4836%2012.3613C19.9785%2011.8744%2019.7071%2011.0315%2019.0211%2010.9249L15.9359%2010.4456C15.6597%2010.4027%2015.4226%2010.2258%2015.3028%209.9733L13.9544%207.13312C13.6512%206.49458%2012.7446%206.48884%2012.4333%207.12349L11.0506%209.94331C10.9274%2010.1944%2010.688%2010.3683%2010.4111%2010.4076L7.31955%2010.8464Z%22%20fill%3D%22%233fc27f%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } .ureviews-sh-wrapper > .line1 > .cap > .stars > .greenstars { position: absolute; overflow: hidden; top: 0px; } .ureviews-sh-wrapper > .line1 > .cap > .stars > .greystars { filter: grayscale(100); } .ureviews-sh-wrapper > .line1 > .cap > .stars > .div > svg { flex: 0 0 27px; width: 27px; height: 26px; } .component---reviews > .wrapper { position: relative; display: flex; gap: 20px; } .component---reviews > .wrapper > .i { flex: 0 0 calc(33.3333% - 10px); } .component---reviews > .wrapper > .i > .wrapper { border: 1px solid #dfdfdf; padding: 25px; border-radius: 8px; background: #fff; } .component---reviews > .wrapper > .i > .wrapper > form {} .component---reviews > .wrapper > .i > .wrapper > form > .iw { position: relative; display: flex; flex-flow: row wrap; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-top: 20px; } .component---reviews > .wrapper > .i > .wrapper > form > .iw > span { flex: 0 0 50px; font-weight: 700; } .component---reviews > .wrapper > .i > .wrapper > form > .iw > input { outline: 0px; border: 0px; flex: 1 0 50%; margin-left: 10px; font-size: 11pt; } .component---reviews > .wrapper > .i > .wrapper > form > .sw { position: relative; display: flex; flex-flow: row wrap; margin-top: 20px; align-items: center; } .component---reviews > .wrapper > .i > .wrapper > form > .sw > span { font-weight: 700; } .component---reviews > .wrapper > .i > .wrapper > form > .sw > div { margin-left: 12px; } .component---reviews > .wrapper > .i > .wrapper > form > .sw > div > span { content: ''; position: relative; display: inline-block; height: 24px; width: 24px; background: url(/theme/img/icon-review-star.svg); background-size: contain; background-repeat: no-repeat; margin-left: 1px; transition: all ease .1s; filter: grayscale(100); } .component---reviews > .wrapper > .i > .wrapper > form > .sw > div > span.u { filter: grayscale(0); } .component---reviews > .wrapper > .i > .wrapper > form > .taw > span { font-weight: 700; } .component---reviews > .wrapper > .i > .wrapper > form > .taw { margin-top: 20px; } .component---reviews > .wrapper > .i > .wrapper > form > .taw > textarea { width: 100%; border: 1px solid #dfdfdf; background-color: #fafafa; height: 200px; resize: none; outline: 0px; margin-top: 12px; padding: 12px; transition: all ease .2s; font-size: 11pt; } .component---reviews > .wrapper > .i > .wrapper > form > .taw > textarea:focus { border-radius: 8px; background-color: #f3f3f3; } .component---reviews > .wrapper > .i > .wrapper > form > .bw { margin-top: 20px; } .component---reviews > .wrapper > .i > .wrapper > form > .bw > div { overflow: hidden; max-height: 0px; text-align: center; margin: 0px auto; } .component---reviews > .wrapper > .i > .wrapper > form > .bw > div.on { max-height: 100px; margin: 0px auto 20px; } .component---reviews > .wrapper > .i > .wrapper > form > .bw > button { width: 100%; height: 55px; border-radius: 6px; /* border: 1px solid #ccc;*/ border: 0px; outline: none; cursor: pointer; font-size: 14pt; background-image: linear-gradient(-45deg, #e73400 30%, #fc8100, #e73300 70%); background-size: 200%; -webkit-animation: shine 3s infinite; animation: shine 3s infinite; color: #fff; } .component---reviews > .wrapper > .o { position: relative; flex: 0 0 calc(66.6666% - 10px); display: flex; flex-flow: row wrap; gap: 20px; overflow: hidden; } .component---reviews > .wrapper > .o.n { max-height: unset; } .component---reviews > .wrapper > .o > .items-wrapper { flex: 0 0 calc(50% - 10px); } .component---reviews .item { padding: 22px 30px; border-radius: 8px; background: linear-gradient(#f3f3f3, #fff); border: 1px solid #dfdfdf; position: relative; } .component---reviews .item:not(:first-child) { margin-top: 20px; } .component---reviews .item > .wrapper {} .component---reviews .item > .wrapper > .rtop{ position: relative; display: flex; align-items: center; } .component---reviews .item > .wrapper > .rtop > .n { font-weight: 700; } .component---reviews .item > .wrapper > .rtop > .s { margin-left: 12px; position: relative; display: block; bottom: -1px; } .component---reviews .item > .wrapper > .rtop > .s > span { position: relative; display: inline-block; height: 12px; width: 12px; background: url('/theme/img/icon-review-star.svg'); background-size: contain; background-repeat: no-repeat; margin-left: 1px; } .component---reviews .item > .wrapper > .rtop > .s > span.x { opacity: .6; filter: grayscale(100); } .component---reviews .item > .wrapper > .rbody { position: relative; display: block; margin: 1em 0 .5em; } .component---reviews .item > .wrapper > .rbody > p { margin: 0em; font-size: 11pt; line-height: 16pt; } .component---reviews .item > .wrapper > .rbody > div { font-size: 9pt; font-weight: 700; margin-top: 15px; color: #535353; } .component---reviews .item.verified:after { content: "Verified Purchase"; position: absolute; top: 0px; right: 20px; color: #fff; background-color: #43b000; padding: 3px 10px 4px; font-size: 8pt; font-weight: 700; } .component---reviews > .wrapper > .o > .limblock { position: absolute; display: flex; left: 0px; bottom: 0px; width: 100%; height: 160px; background: linear-gradient(rgba(255, 255, 255, 0), rgba(239, 239, 239, 1), rgba(239, 239, 239, 1)); transition: all ease .2s; justify-content: center; align-items: end; } .component---reviews > .wrapper > .o > .limblock {} .component---reviews > .wrapper > .o > .limblock > .wrapper { position: relative; bottom: 15px; } .component---reviews > .wrapper > .o > .limblock > .wrapper > .fire{ width: 200px; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 8px; margin: auto; border: 1px solid #dfdfdf; font-weight: 700; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; transition: all ease .2s; } .component---reviews > .wrapper > .o > .limblock > .wrapper > .fire:hover{ transform: scale(1.05); box-shadow: 0px 13px 7px -8px rgba(0,0,0,.1); animation: fire-border .8s infinite; } @keyframes fire-border { 0% { border: 1px solid #dfdfdf; } 50% { border: 1px solid var(--orange-fl); } 100% { border: 1px solid #dfdfdf; } } .component---reviews > .wrapper > .o.n > .limblock { position: relative; height: 90px; } .sec--ureviews { padding: 100px 0px; background-color: #efefef; } @media only screen and (max-width: 519px) { .component---reviews > .wrapper { flex-flow: row wrap; } .component---reviews > .wrapper > .i { flex: 0 0 100%; } .component---reviews > .wrapper > .o { flex: 0 0 100%; max-height: 650px; order: -1; } .component---reviews > .wrapper > .o > .items-wrapper { flex: 0 0 100%; } } @media only screen and (min-width: 520px) and (max-width: 959px) {} @media only screen and (min-width: 960px) and (max-width: 1279px) { .component---reviews > .wrapper > .o { max-height: 640px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .component---reviews > .wrapper > .o { max-height: 640px; } } @media only screen and (min-width: 1600px) { .component---reviews > .wrapper > .o { max-height: 640px; } } .icon-wrapper { margin-top: 10px; } .icon-wrapper > .icon-mouse-hscroll { display: flex; align-items: center; } .icon-wrapper > .icon-mouse-hscroll > div:nth-child(1) { transform: rotate(180deg); animation: hscroll-icon-blink 2s infinite; } .icon-wrapper > .icon-mouse-hscroll > div:nth-child(3) { animation: hscroll-icon-blink 2s infinite; animation-delay: 1s; } .icon-wrapper > .icon-mouse-hscroll > .darrow { display: flex; align-items: center; } .icon-wrapper > .icon-mouse-hscroll > .darrow > div { width: 10px; height: 10px; border-radius: 0px 4px 0px 0px; border-top: 3px solid #c2c2c2; border-right: 3px solid #c2c2c2; transform: rotate(45deg); display: inline-block; } .icon-wrapper > .icon-mouse-hscroll > .m { position: relative; display: block; width: 30px; height: 44px; border: 3px solid #c2c2c2; border-radius: 60px; margin:0px 6px; } .icon-wrapper > .icon-mouse-hscroll > .m > .btn { width: 1px; border: 3px solid #c2c2c2; height: 14px; border-radius: 100px; left: 50%; position: absolute; display: block; transform: translateX(-50%); top: 5px; } @keyframes hscroll-icon-blink { 0% { opacity: 1; } 12% { opacity: .3; } 24% { opacity: 1; } 36% { opacity: .3; } 48% { opacity: 1; } 100% { opacity: 1; } } .obj--smp-disclaimer { max-width: 70%; margin: 40px auto 0px; font-size: 14pt; text-align: justify; } .obj--smp-disclaimer > .wrapper { padding: 20px 40px; background: linear-gradient(45deg, #f38e26, #ff4901); border-radius: 10px; color: #fff; } @media only screen and (max-width: 569px) { .obj--smp-disclaimer { max-width: unset; } } .cntft { padding: 30px; background-color: #fff; border-radius: 10px; width: max-content; margin: 30px auto; } .cntft > li {} .cntft > li:not(:first-child) { margin-top: 24px; } .obj--serviceft {} .obj--serviceft > table { border-collapse: collapse; background-color: #fff; margin: 50px auto 0px; } .obj--serviceft > table > thead { border-block-end: 2px solid; background: whitesmoke; } .obj--serviceft th, .obj--serviceft td { border: 1px solid lightgrey; padding: 0.5rem 1rem; } @media only screen and (max-width: 519px) { .cntft { width: unset; line-height: 1.5; } .obj--serviceft > table { font-size: 11pt; } } /* HTML:
*/ .loader { width: 88px; height: 12px; --_g: no-repeat radial-gradient(farthest-side,#fff 94%,#fff); background: var(--_g) 25% 0, var(--_g) 75% 0; background-size: 12px 12px; position: relative; animation: l24-0 1s linear infinite; margin: auto; } .loader:before { content: ""; position: absolute; height: 12px; aspect-ratio: 1; border-radius: 50%; background: #fff; inset: 0; margin: auto; animation: l24-1 1s cubic-bezier(0.5,300,0.5,-300) infinite; } @keyframes l24-0 { 0%,24% {background-position: 25% 0,75% 0} 40% {background-position: 25% 0,85% 0} 50%,72% {background-position: 25% 0,75% 0} 90% {background-position: 15% 0,75% 0} 100% {background-position: 25% 0,75% 0} } @keyframes l24-1 { 100% {transform:translate(0.1px)} }