/* GLOBAL */
html { background: #0c130f; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-collapse: collapse; border-spacing: 0; }
body { font-family: "Fira Sans", sans-serif; color: #fff; font-size: 18px; font-weight: 300; line-height: 1.3; background: transparent; }
a { color: #4c76ba; text-decoration: underline; } 
a:hover { text-decoration: underline; outline: 0; color: #73a745; }
strong, b { font-weight: bold; }
.clr { clear: both; }
.left { float: left; }
.right { float: right; }
.inline-item { display: inline-block; vertical-align: top; }
.tb { display: table; width: 100%; }
.tr { display: table-row; }
.td, .th { display: table-cell; vertical-align: middle; }
.clear-list, .clear-list li { list-style: none; }
.clear-list { padding: 0; margin-bottom: 0; }
.zoom-in { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.indent-this, .indent p { text-indent: 30px; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
html, body, .wrapper, .topbox { height: 100%; }
.wrapper, .bottombox { display: table; width: 100%; position: relative; }
.topbox { display: table-row; }
.overflow { overflow: hidden; }
input[type=file] { margin-bottom: 6px; }
.grecaptcha-badge { opacity: 0 !important; }
.red-text { color: #D13730; }
hr { position: relative; background: #ed1c24; }
hr::before { content: ""; position: absolute; top: -3px; left: 3%; width: 40%; height: 5px; background: #ed1c24; border-radius: 36px; }
.container { position: relative; }
.header-separator { margin-top: 195px; }
article img, section img { max-width: 100%; margin-bottom: 25px; }

/* GLOBAL TRANSITION */
.butn, .btn i, .main-menu li a, .main-menu li a::before, .main-menu li a::after, .langs li a, .main-butn, .main-product-bg, .main-product-bg-active, .wheretobuy-banners li, figure::before, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before, .mfp-zoom-out .mfp-close, .form-group input.form-control, .form-group textarea, .form-group select.form-control, .head-contacts a,  .social-list li a, .social-list li a::after { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

/* TEXT EDITOR */
.alignleft { float: left; margin: 0 20px 10px 0; max-width: 400px; }
.alignright { float: right; margin: 0 0 10px 20px; max-width: 400px; }
.aligncenter { display: block; margin: 0 auto 25px auto; }
blockquote { position: relative; padding: 15px 15px 15px 15px; background: #e7f6f6; }
blockquote * { margin: 0; line-height: 1.3; }

/* SECTIONS */
section, article { position: relative; z-index: 1; }
section.out, article.out, main.out { margin-bottom: 65px; }
section.in, article.in, main.in { padding-top: 65px; padding-bottom: 65px; }
section.page-section { margin-top: 50px !important; }
section .container { position: relative; z-index: 10; }

/* TITLES */
.ttl { position: relative;margin-bottom: 85px; }
.ttl h1, .ttl h2, .ttl h3 { display: inline-block; position: relative; font-size: 54px; text-transform: uppercase; font-weight: 700; margin: 0; }
.ttl-line { position: absolute; bottom: -15px; left: 0; width: 10000px; height: 1px; background: #fff; }

/* BUTTONS */
.butn { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; max-width: 320px; height: 45px; margin: 0 auto; background: #060200; border-radius: 36px; border: 1px solid #e8b650; text-decoration: none !important; }
.butn::after { content: ""; position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: -webkit-linear-gradient(left, rgba(174, 112, 36, 1) 0%, rgba(248, 212, 123, 1) 35%, rgba(238, 168, 76, 1) 65%, rgba(239, 173, 75, 1) 100%); opacity: 0; border-radius: 36px; }
.butn span { position: relative; font-size: 22px; font-weight: 700; text-transform: uppercase; background: -webkit-linear-gradient(left, rgba(174, 112, 36, 1) 0%, rgba(248, 212, 123, 1) 35%, rgba(238, 168, 76, 1) 65%, rgba(239, 173, 75, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: color 0.3s ease, -webkit-text-fill-color 0.3s ease; text-decoration: none; z-index: 5; }
.butn:hover::after { opacity: 1; }
.butn:hover span { background: none; -webkit-background-clip: initial; -webkit-text-fill-color: initial; color: #060200; }
.butn.min-butn { height: 35px; } 
.butn.min-butn span { font-size: 18px; font-weight: 300; }

@media (max-width: 1200px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 50px; }
.navi-button { display: inline-block; }
}

@media (max-width: 992px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 44px; }
}

@media (max-width: 768px) {
.ttl { margin-bottom: 40px; }
.ttl h1, .ttl h2, .ttl h3 { font-size: 32px; }
}

@media all and (max-width: 580px) {
body { font-size: 16px; }
.buttons { display: block; }
.buttons .main-butn { width: 88%; margin: 0 auto 25px auto; height: 55px; }
.main-butn span { font-size: 19px; }
}

@media all and (max-width: 370px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 29px; }
}

/* OWL CAROUSEL */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin: -16px 0 0 0; width: 32px; height: 32px; border-radius: 100%; outline: none; background: -webkit-linear-gradient(left, rgba(174, 112, 36, 1) 0%, rgba(248, 212, 123, 1) 35%, rgba(238, 168, 76, 1) 65%, rgba(239, 173, 75, 1) 100%) !important; border-radius: 47px; -webkit-box-shadow: 1px 0px 15px 5px rgba(0,0,0,0.1); box-shadow: 1px 0px 15px 5px rgba(0,0,0,0.1); text-indent: -1000px; }
.owl-carousel .owl-nav .owl-prev::after, .owl-carousel .owl-nav .owl-next::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #582900; border-radius: 100%; opacity: 0; }
.owl-carousel .owl-nav .owl-prev { left: -17px; }
.owl-carousel .owl-nav .owl-prev::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f053"; font-size: 24px; color: #000; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; line-height: 32px; z-index: 25; }
.owl-carousel .owl-nav .owl-next { right: -17px; }
.owl-carousel .owl-nav .owl-next::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 24px; color: #000; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; line-height: 32px; z-index: 25; }
.owl-carousel .owl-nav .owl-prev:hover::after, .owl-carousel .owl-nav .owl-next:hover::after { opacity: 1; }
.owl-carousel .owl-nav .owl-prev:hover::before, .owl-carousel .owl-nav .owl-next:hover::before { color: #fff !important; }
.owl-carousel .owl-dots { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; z-index: 10; }
.owl-carousel .owl-dots button { margin: 0 5px; outline: none; }
.owl-carousel .owl-dots button span { display: block; width: 15px; height: 15px; border: 1px solid #eb5e2c; border-radius: 100%; background: none; }
.owl-carousel .owl-dots button.active span { background: #eb5e2c; }

/* BG ROUND */
.bg-round-green { width: 301px; height: 301px; background: #38d430; border-radius: 50%; filter: blur(250px); }
.bg-round-grey { width: 326px; height: 326px; background: #ffffff; border-radius: 50%; filter: blur(250px); }

/* HEADER */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 550; }
.admin-bar header { top: 32px; }

/* HEADER / LOGO */
.logo img { max-width: 100%; }

/* HEADER */
header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.92); opacity: 0; }
header.minimal::before { opacity: 1; -webkit-box-shadow: 0px 0px 15px 5px rgba(255,255,255,.08); box-shadow: 0px 0px 15px 5px rgba(255,255,255,.08); }
header .container { padding-top: 15px; padding-bottom: 15px; }
header .column-1 { -ms-flex: 0 0 280px; flex: 0 0 280px; max-width: 280px; padding-left: 15px; padding-right: 15px; }
header .column-2 { -ms-flex: 0 0 calc(100% - 440px); flex: 0 0 calc(100% - 440px); max-width: calc(100% - 440px); padding-left: 15px; padding-right: 15px; }
header .column-3 { -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; padding-left: 15px; padding-right: 15px; }
header .column-4 { -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; padding-left: 15px; padding-right: 15px; }
header .column-5 { display: none; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; padding-left: 15px; padding-right: 15px; }
.navi-button { font-size: 21px; padding: 0; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.navi-button i, .mobile-search-btn i { vertical-align: top; font-size: 26px; color: #38d430; margin: -4px 8px 0 0; }
header.nobg .navi-button, header.nobg .navi-button i, header.nobg .mobile-search-btn i { color: #D13730; }
.navi-button i, .navi-button.show i.fa-bars { display: none; }
.navi-button i.fa-bars { display: inline-block; }
.navi-button.show i.fa-times { display: inline-block; }
.pushmenu { width: 210px; height: 100%; top: 0; z-index: 100000; position: fixed; overflow-x: scroll; background: #38d430; }
.pushmenu-butn { display: none; }
.pushmenu-push-toleft .pushmenu-butn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; }
.pushmenu-box { margin: 15px 0 35px 0; }
.pushmenu ul { list-style: none; margin: 0; padding: 0; }
.pushmenu li { background: none; padding: 0; margin: 0; position: relative; }
.pushmenu li a:before { content: ""; position: absolute; top: 23px; left: 15px; width: 3px; height: 3px; background: #fff; z-index: 10; }
.pushmenu li a, .pushmenu li span { display: block; padding: 14px 15px 14px 30px; color: #fff; font-size: 17px; font-weight: 600; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.30); }
.pushmenu li.main-menu-item-53 a { font-weight: bold; }
.pushmenu li a:hover { background: rgba(110,46,98,0.25); border-color: rgba(110,46,98,0.35); text-decoration: none; }
.pushmenu li.current-menu-item a { }
.pushmenu li.main-menu-item-has-children > a { padding-left: 35px; }
.pushmenu li.main-menu-item-has-children > a:before { content: "-"; position: absolute; top: 11px; left: 15px; color: #ffffff; background: none; font-size: 16px; font-weight: bold; z-index: 5; }
.pushmenu li.main-menu-item-has-children.hide > a:before { content: "+"; }
.pushmenu li.main-menu-item-has-children.hide > ul { display: none; }
.pushmenu ul ul { display: none; }
.mobile-navi ::-webkit-scrollbar { display: none; }
.pushmenu::-webkit-scrollbar { display: none; }
.pushmenu-left { right: -210px; }
.pushmenu-left.pushmenu-open { right: 0; -webkit-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); -moz-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); }
.pushmenu-push { overflow: hidden; position: relative; right: 0; }
.pushmenu-push-toleft { right: 210px; }
.pushmenu, .pushmenu-push, .pushmenu li a, .fixed-socials, header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.pushmenu .pushmenu-list { margin-bottom: 25px !important; }
.pushmenu-push-toleft header { left: -210px; }
* { -webkit-text-size-adjust: none; }

/* HEADER - MENU */
.main-menu { padding: 0 15px; }
.main-menu ul { display: flex; justify-content: space-between; }
.main-menu li { display: inline-block; position: relative; }
.main-menu li a { display: block; position: relative; padding: 5px 0; color: #fff; font-size: 17px; text-transform: uppercase; text-decoration: none; }
.main-menu li a::before, .main-menu li a::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 1px; background: #38d430; }
.main-menu li a::after { top: auto; left: auto; bottom: 0; right: 0; }
.main-menu li:hover > a, .main-menu li.active > a { color: #99e085; }
.main-menu li:hover > a::before, .main-menu li:hover > a:after { width: 100%; }
.main-menu ul ul { position: absolute; width: 175px; top: 100%; left: 0; overflow: hidden; text-align: left; display: none; padding: 10px 15px; background: #D13730; justify-content: none; z-index: 50; } 
.main-menu ul li:last-child ul { width: 180px; }
.main-menu ul ul li { margin: 0; display: block; text-align: left; margin-bottom: 5px; }
.main-menu ul ul li:last-child { margin-bottom: 0; }
.main-menu ul ul li a { display: inline-block; padding: 4px 0; color: #fff !important; font-size: 16px; line-height: 1.2; font-weight: 500; text-transform: none; background: none; border-bottom: 1px solid transparent; }
.main-menu ul ul li a:hover { opacity: .7; }

/* HEADER - SOLIALS */
.social-list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.social-list li { margin: 0 3px; }
.social-list li a { position: relative;display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; border-radius: 100%; }
.social-list li a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; opacity: 0; }
.social-list li.soc-telegram a { background: #fff url("../images/telegram.svg") 50% 50% no-repeat; background-size: 16px 16px; border-color: #53b5e8; }
.social-list li.soc-telegram:hover a { background: #38d430 url("../images/telegram-wht.svg") 50% 50% no-repeat; background-size: 16px 16px; border-color: #38d430; }

/* HEADER - LANGUAGES */
.langs { text-align: right; }
.wpml-ls-legacy-list-horizontal { padding: 0 !important; border: 0 !important; }
.langs li { margin-right: 17px !important; }
.langs li:last-child { margin: 0 !important; }
.langs li a { position: relative; font-size: 16px; color: #fff; text-align: center; text-decoration: none; padding: 0; opacity: .5; }
.langs li a:hover { color: #99e085; }
.langs li.wpml-ls-current-language a { opacity: 1; }
  
@media (max-width: 1200px) {
header .column-1 { -ms-flex: 0 0 calc(100% - 290px); flex: 0 0 calc(100% - 290px); max-width: calc(100% - 290px); }
header .column-2 { display: none; }
header .column-5 { display: block; }
}

@media all and (max-width: 768px) {
.admin-bar header { top: 46px; }
}

@media all and (max-width: 580px) {
.navi-button span { display: none; }
.langs li { margin-right: 13px !important; }
.main-logo { margin-bottom: 32px; }
header .column-1 { -ms-flex: 0 0 calc(100% - 179px); flex: 0 0 calc(100% - 179px); max-width: calc(100% - 179px); }
header .column-3 { -ms-flex: 0 0 60px; flex: 0 0 40px; max-width: 40px; }
header .column-4 { -ms-flex: 0 0 84px; flex: 0 0 84px; max-width: 84px; }
header .column-5 { -ms-flex: 0 0 55px; flex: 0 0 55px; max-width: 55px; }
.social-list li a { width: 26px; height: 26px; }
}
  
/* MAIN SECTION */
.main-section { padding: 145px 0 75px 0; z-index: 25; }
.main-section .bg-round-green { position: absolute; top: -60px; left: 50%; margin-left: -975px; }
.main-section .bg-round-grey { position: absolute; top: 910px; right: 50%; margin-right: -970px; }
.main-section .inner { position: relative; max-width: 665px; z-index: 15; }
.main-logo { position: relative; margin-bottom: 70px; }
.main-section h2 { font-size: 80px; font-weight: 700; text-transform: uppercase; margin-bottom: 26px; }
.main-section p { font-weight: 300; margin-bottom: 60px; }
.main-product-trigger { position: absolute; top: -76px; right: 0; width: 500px; height: 680px; cursor: pointer; z-index: 30; }
.main-product { position: absolute; top: -215px; right: -420px; width: 1350px; height: 1243px; }
.main-product-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/main-product.png") 50% 50% no-repeat; opacity: 1; }
.main-product-bg-active { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/main-product-active.png") 50% 50% no-repeat; opacity: 0; }
.main-product.active .main-product-bg { opacity: 0; }
.main-product.active .main-product-bg-active { opacity: 1; }
.main-slogan { position: relative; z-index: 10; }
.main-slogan h3 { font-size: 48px; text-transform: uppercase; font-weight: 400; margin: 0; }
.main-slogan h3 strong { color: #38d430; font-weight: 700; }
.main-slogan h3 strong span { position: relative; display: inline-block; }
.main-slogan h3 strong span::after { content: ""; display: inline-block; vertical-align: top; margin: 19px 0 0 10px; width: 45px; height: 20px; background: url("../images/tablet.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.main-slogan h3 div { text-align: right; }
.main-battery { position: relative; display: inline-block; vertical-align: top; margin: 13px 5px 0 5px; width: 174px; height: 39px; background: url("../images/main-battery.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.main-battery span { position: absolute; top: 11px; width: 39px; height: 17px; background: #38d430; opacity: 1; animation: fill-battery 6s infinite; }
.main-battery span:nth-child(1) { left: 11px;  animation: fill-1 5s infinite; }
.main-battery span:nth-child(2) { left: 38px; animation: fill-2 5s infinite; }
.main-battery span:nth-child(3) { left: 65px; animation: fill-3 5s infinite; }
.main-battery span:nth-child(4) { left: 92px; animation: fill-4 5s infinite; }
.main-battery span:nth-child(5) { left: 119px; animation: fill-5 5s infinite; }
.buttons { display: inline-block; }
.main-butn { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 300px; height: 60px; background: #38d430; border: 2px solid #fff; border-radius: 30px; text-decoration: none !important; margin-bottom: 25px; }
.main-butn:hover { background: #14950d; }
.main-butn span{ position: relative; display: inline-block; color: #fff; font-size: 22px; font-weight: 700; text-transform: uppercase; z-index: 5; padding-left: 43px; }
.main-butn span:nth-child(1)::before { content: ""; position: absolute; top: -4px; left: 0; width: 33px; height: 35px; background: url("../images/main-butn-icon.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.main-butn span:nth-child(2) { position: absolute; top: -7px; left: -7px; width: calc(100% + 14px); height: calc(100% + 14px); border: 1px solid #38d430; border-radius: 37px; }
.main-butn span:nth-child(3) { position: absolute; top: -14px; left: -14px; width: calc(100% + 28px); height: calc(100% + 28px); border: 1px solid rgba(56, 212, 48, 0.5); border-radius: 43px; }
.main-butn span:nth-child(4) { position: absolute; top: -21px; left: -21px; width: calc(100% + 42px); height: calc(100% + 42px); border: 1px solid rgba(56, 212, 48, 0.2); border-radius: 49px; }
.buttons p { font-size: 12px !important; text-align: center; }
.main-butn span:nth-child(2), .main-butn span:nth-child(3), .main-butn span:nth-child(4) { animation: pulse 2.4s infinite; }
.main-butn span:nth-child(3) { animation-delay: 0.4s; }
.main-butn span:nth-child(4) { animation-delay: 0.8s; }

@media (max-width: 1200px) {
.main-slogan h3 { font-size: 38px; }
.main-battery { margin-top: 5px; }
.main-slogan h3 strong span::after { margin-top: 11px; }
.main-section .inner { max-width: 500px; }
.main-section h2 { font-size: 60px; }
.main-product { top: -156px; right: -395px; zoom: .8; }
.main-product-trigger { top: -32px; width: 415px; height: 575px; }
}

@media (max-width: 992px) {
.main-product { top: -130px; zoom: .6; }
.main-section .inner { max-width: 412px; }
.main-section h2 { font-size: 53px; }
.main-section p { max-width: 261px; }
.main-section .buttons p { max-width: 100%; }
.main-slogan h3 { font-size: 32px; }
.main-battery { zoom: 0.5; margin-top: 15px; }
.main-slogan h3 strong span::after { margin-top: 6px; }
.main-product-trigger { top: -20px; width: 300px; height: 445px; }
.main-section .bg-round-green { margin-left: -475px; }
.main-section .bg-round-grey { margin-right: -380px; }
}

@media all and (max-width: 768px) {
.main-section { padding: 80px 0 75px 0; }
.main-section .inner { max-width: 100%; }
.main-section h2 { font-size: 42px; }
.main-product { top: 125px; zoom: 0.45; }
.main-product-trigger { display: none; }
.main-slogan h3 div { display: inline-block; text-align: left; }
.main-slogan h3 strong span::after { margin-top: 9px; }
.main-section .bg-round-green { margin-left: -319px; }
.main-section .bg-round-grey { margin-right: 80px; }
}

@media all and (max-width: 580px) {
.main-section h2 { font-size: 30px; }
.main-product { top: 105px; right: -430px; zoom: 0.35; }
.main-section p { max-width: 221px; }
.main-section .buttons { display: block; margin-top: 100px; }
.main-section .buttons p { margin-bottom: 30px; }
.main-slogan h3 { font-size: 23px; text-align: center; }
.main-battery { margin-top: 9px; }
.main-slogan h3 strong { display: block; margin-top: 10px; }
.main-slogan h3 strong span::after { margin-top: 2px; }
}

@media all and (max-width: 370px) {
.main-section { padding: 80px 0 45px 0; }
.main-slogan h3 { font-size: 19px; }
.main-slogan h3 strong span::after { margin-top: 5px; zoom: .7; }
.main-product { top: 108px; right: -453px; zoom: 0.28; }
.main-logo { margin-bottom: 56px; }
.main-section .buttons { margin-top: 65px; }
.main-section h2 { font-size: 27px; }
.main-section p { font-size: 15px; }
}

/* COMPOUND SECTION */
.compound-section .inner { position: relative; padding: 65px 0; background: #38d430; z-index: 5; }
.compound-section .inner * { color: #09130f; }
.compound-section:before { content: ""; position: absolute; top: 22px; width: 2000px; height: 11.47px; background: #fff; transform-origin: 0 0; transform: rotate(-1.53deg) scale(1, 1); z-index: 6; } 
.compound-section:after { content: ""; position: absolute; bottom: 15px; width: 2000px; height: 11.47px; background: #fff; transform-origin: 0 0; transform: rotate(1.36deg) scale(1, 1); z-index: 4; } .effect-section h2, .effect-list h3, .effect-list p { color: #09130f; }
.compound-list figure { display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: start; height: 82px; width: 260px; }
.compound-list figure img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0; }
.compound-list h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; }
.compound-list li:nth-child(3) figure img { width: 70px; }

@media all and (max-width: 580px) {
.compound-list li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.compound-list li p { line-height: 1.2; }
}

/* FEATURES SECTION */
.features-section .bg-round-green { position: absolute; top: 200px; left: 50%; margin-left: -587px; width: 404px; height: 404px; filter: blur(110px); }
.features-section .inner { position: relative; padding: 45px 0 45px 540px; margin-bottom: 65px; }
.features-section .inner .border-animation { position: absolute; top: 0; right: 0; width: 10000px; height: 100%; }
.inner-border { position: absolute; top: 0; right: 0; width: 10000px; height: 100%; border: 1px solid transparent; background-image: linear-gradient(to right, #38d430, #38d430), linear-gradient(to bottom, #38d430, #38d430), linear-gradient(to left, #38d430, #38d430), linear-gradient(to top, #38d430, #38d430);background-size: 0% 1px, 1px 0%, 0% 1px, 1px 0%; background-repeat: no-repeat; background-position: top left, top right, bottom right, bottom left; }
.features-section figure { position: absolute; top: -108px; left: -145px; width: 744px; }
.features-list li { position: relative; color: #38d430; font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 50px; padding-left: 25px; }
.features-list li span { position: absolute; bottom: -27px; left: 25px; width: 165px; height: 1px; background: #fff; }
.features-list li i { position: absolute; top: 4px; left: 0; width: 10px; height: 20px; background: url("../images/battery.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.features-list li:last-child { margin: 0; }
.features-list li:last-child span { display: none; }

@media (max-width: 1200px) {
.features-section .inner { padding: 45px 0 45px 445px; }
.features-list li { font-size: 21px; }
.features-section .bg-round-green { margin-left: -485px; }
}

@media (max-width: 992px) {
.features-section .inner { padding: 35px 15px 35px 15px; }
.features-section figure { position: relative; top: auto; left: auto; width: 100%; max-width: 480px; margin: -60px auto -20px auto; }
.features-section .bg-round-green { margin-left: -215px; }
}

@media all and (max-width: 768px) {
.features-section figure { max-width: 370px; }
.features-list li { font-size: 19px; }
.inner-border { width: 1000px; }
}

@media all and (max-width: 580px) {
.in.features-section { padding-top: 0; }
.features-list li { font-size: 17px; margin-bottom: 35px; }
.features-list li span { bottom: -18px; }
.features-section .inner { padding: 35px 15px 0 15px; margin-bottom: 55px; }
.features-section .bg-round-green { top: 85px; margin-left: -208px; opacity: .7; }
.features-section .buttons { display: block; width: 100%; }
}

/* RECOMMENDATIONS2 SECTION */
.ifyou-section .bg-round-green { position: absolute; top: 171px; right: 50%; margin-right: -640px; width: 404px; height: 404px; filter: blur(120px); }
.ifyou-section .inner { position: relative; padding: 40px 40px 90px 40px; }
.ifyou-section .inner .accordion { max-width: 370px; }
.ifyou-section .inner figure { position: absolute; top: -70px; right: 0; width: 600px; }
.accordion > div { position: relative; border: 1px solid #fff; border-radius: 20px; padding: 10px 20px; overflow: hidden; margin-bottom: 10px; }
.accordion > div:last-child { margin-bottom: 0; }
.accordion > div::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(7px); }
.accordion > div h3, .accordion > div > div { position: relative; z-index: 10; }
.accordion > div h3 { font-size: 24px; margin: 0; padding-left: 40px; cursor: pointer; }
.accordion > div h3::before { font-family: "FontAwesome"; content: "\f067"; position: absolute; top: 3px; left: 0; width: 24px; height: 24px; border-radius: 100%; border: 1px solid #38d430; color: #38d430; font-size: 17px; line-height: 24px; text-align: center; }
.accordion > div h3.active::before { content: "\f068"; }
.accordion > div > div { padding: 10px 0 0 40px; }

@media (max-width: 1200px) {
.ifyou-section .inner figure { top: -45px; width: 540px; }
.ifyou-section .bg-round-green { margin-right: -383px; }
}

@media (max-width: 992px) {
.ifyou-section .inner { padding: 0 0 40px 0; }
.ifyou-section .inner figure { top: -15px; width: 100%; max-width: 395px; }
.accordion > div h3 { font-size: 20px; }
.accordion > div > div > div { font-size: 16px; }
.ifyou-section .inner .accordion { max-width: 310px; }
}

@media all and (max-width: 768px) {
.ifyou-section .inner figure { position: static; max-width: 370px; margin: 0 auto; }
.ifyou-section .inner .accordion { max-width: 100%; }
.ifyou-section .inner figure img { margin: 0; }
.ifyou-section .bg-round-green { top: 90px; margin-right: -262px; }
}

@media all and (max-width: 580px) {
.ifyou-section .inner figure { max-width: 290px; }
.accordion > div h3 { font-size: 17px; }
.accordion > div h3::before { top: -2px; }
}

/* COMPARISON SECTION */
.comparison-section .bg-round-green { position: absolute; top: 120px; left: 50%; margin-left: -1015px; width: 500px; height: 500px; filter: blur(250px); }
.comparison-section h2 span { color: #38d430; }
.comparison-list { position: relative; margin-bottom: 50px; }
.comparison-list figure { position: absolute; top: 0; left: 50%; margin-left: -240px; z-index: 10; }
.comparison-list h3 { color: #38d430; font-size: 26px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; }
.comparison-list .item div { position: relative; padding: 35px; border-radius: 20px; }
.comparison-list .item-1 div { padding-left: 0; }
.comparison-list .item-1 div::before, .comparison-list .item-3 div::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; border: 2px solid #38d430; }
.comparison-list .item-1 div::before { left: -35px; width: calc(100% + 35px); }
.comparison-list .item p, .comparison-list .item ul { margin: 0; padding: 0; }
.comparison-list .item ul { padding-left: 15px; }
.comparison-list ul.clear-list li { position: relative; padding-left: 20px; margin-bottom: 10px; }
.comparison-list ul.clear-list li:last-child { margin: 0; }
.comparison-list ul.clear-list li i { position: absolute; top: 1px; left: -10px; width: 10px; height: 20px; background: url("../images/battery-green.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.comparison-list .item-2 div { margin: 85px 0 0 150px; padding: 0;}
.comparison-list .item-2 * { color: #818181; }
.comparison-list .item-3 { max-width: 810px; margin: 65px auto 0 auto; text-align: center; }
.comparison-list .item-3 h3 { color: #fff; margin-bottom: 5px; }

@media (max-width: 1200px) {
.comparison-list ul.clear-list li { max-width: 280px; }
.comparison-section .bg-round-green { margin-left: -739px; }
}

@media (max-width: 992px) {
.comparison-list figure { position: relative; top: auto; left: auto; margin-left: 0; width: 100%; max-width: 400px; margin: -65px auto -30px auto; }
.comparison-list .item-2 div { margin: 0; padding: 35px 15px; }
.comparison-section h2 span::before { content: ""; display: block; }
.comparison-section .bg-round-green { top: 254px; margin-left: -644px; } 
}

@media all and (max-width: 768px) {
.comparison-list figure { max-width: 360px; margin: -30px auto -30px auto; }
.comparison-list .item div { padding: 25px 15px; }
.comparison-list .item-2 div { padding: 45px 15px; }
.comparison-list .item-3 { width: 100%; max-width: 810px; margin: 0; padding: 0 15px; }
.comparison-list .item-1 div::before { left: 0; width: 100%; }
}

@media all and (max-width: 580px) {
.comparison-section .bg-round-green { top: 476px; margin-left: -244px; }
.comparison-list .item-2 * { color: rgba(255,255,255,.7); }
}

@media all and (max-width: 370px) {
.comparison-list h3 { font-size: 23px; }
}

/* WHERE TO BUY SECTION */
.wheretobuy-banners li { margin-bottom: 25px; }
.wheretobuy-banners figure { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 150px; border-radius: 20px; margin: 0; }
.wheretobuy-banners figure::before { content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); border: 1px solid #fff; border-radius: 24px; }
.wheretobuy-banners figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.wheretobuy-banners figure img { max-width: 90%; max-height: 90%; width: 100%; height: auto; margin: 0; }
.wheretobuy-banners li:hover { scale: 1.04; }
.wheretobuy-banners li:hover figure::before { border: 4px solid #fff; }

@media (max-width: 992px) {
.wheretobuy-banners figure { height: 115px; }
}

@media all and (max-width: 580px) {
.wheretobuy-banners li .item { max-width: 240px; margin: 0 auto; }
}
 




/* POPUPS */
.mfp-zoom-out .mfp-content { width: auto !important; vertical-align: middle !important; display: inline-block; margin-top: 35px; margin-bottom: 35px; } 
.mfp-zoom-out .white-popup { display: block !important; position: relative; width: 510px !important; padding: 30px 30px 25px 30px; background: #fff; -webkit-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); -moz-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); box-shadow: 13px 13px 25px rgba(0,0,0,0.15); border: 1px solid #B8B8B8; border-radius: 16px; z-index: 100000; }
.mfp-zoom-out .mfp-close, .modal a.close-modal { top: -55px !important; right: 0 !important; color: #fff !important; background: #4c76ba; font-size: 35px !important; border: 0 !important; border-radius: 100%; opacity: 1 !important; }
.mfp-zoom-out .mfp-close:hover { background: #2a508e; color: #fff !important; }
.mfp-zoom-out.mfp-bg { background: #fff !important; opacity: .6 !important; } 
.mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
.mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.form-group.requaired { color: #fff; font-size: 14px; text-align: center; margin-bottom: 30px; }
.mfp-zoom-out .white-popup.map-popup { width: 920px !important; padding-bottom: 0; }
.popup-map-inner { position: relative; height: 440px; margin-left: -30px; margin-right: -30px; margin-top: 35px; }
.popup-map-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.mfp-zoom-out .ttl { border: 0; padding: 0; }

/* FOOTER */
footer { position: relative; overflow: hidden; padding: 30px 0; background: #38D430; }
.recommendations2-list h3 { font-size: 18px; font-weight: 500; text-transform: uppercase; }
.recommendations2-list .item div { min-height: 193px; }
.recommendations2-list .item-2 div { padding-left: 30px; border-left: 2px solid #fff; }
.recommendations2-list .item p, .recommendations2-list .item ul { margin: 0; padding: 0; }
.recommendations2-list .item ul { padding-left: 15px; }
.copyright { margin-top: 35px; }

@media (max-width: 992px) {
.copyright { margin-bottom: 35px; }
}

@media all and (max-width: 768px) {
footer { padding: 40px 0 30px 0; }
.recommendations2-list .item div { padding-left: 0; padding-top: 25px; margin-top: 25px; border: 0; border-top: 1px solid #fff; min-height: 100%; }
.copyright { margin: 25px 0 0 0; }
}

@media all and (max-width: 580px) {
footer img { max-width: 180px; }
.copyright { margin: 15px 0 0 0; }
.recommendations2-list .item div { padding-top: 15px; margin-top: 15px; }
.recommendations2-list h3 { font-size: 16px; }
.recommendations2-list .item ul { font-size: 14px; }
}


/* ANIMATIONSz */
@keyframes fill-1 {
  0%, 10% { opacity: 0; }
  10.1%, 80% { opacity: 1; }
  80.1%, 100% { opacity: 0; }
}

@keyframes fill-2 {
  0%, 20% { opacity: 0; }
  20.1%, 80% { opacity: 1; }
  80.1%, 100% { opacity: 0; }
}

@keyframes fill-3 {
  0%, 30% { opacity: 0; }
  30.1%, 80% { opacity: 1; }
  80.1%, 100% { opacity: 0; }
}

@keyframes fill-4 {
  0%, 40% { opacity: 0; }
  40.1%, 80% { opacity: 1; }
  80.1%, 100% { opacity: 0; }
}

@keyframes fill-5 {
  0%, 50% { opacity: 0; }
  50.1%, 80% { opacity: 1; }
  80.1%, 100% { opacity: 0; }
}


@keyframes pulse {
  0% {
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}