/* GLOBAL */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-collapse: collapse; border-spacing: 0; }
body { font-family: 'Exo 2', sans-serif; color: #706f6f; font-size: 17px; font-weight: 400; line-height: 1.3; font-display: swap; }
a { color: #4b9b47; text-decoration: underline; }
a:hover { color: #4b9b47; text-decoration: underline; outline: 0; }
strong, b, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
img { max-width: 100%; margin: 0; }
.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; }
img.align-left { float: left; margin: 0 10px 15px 0; max-width: 100%; }
img.align-right { float: right; margin: 0 0 15px 10px; max-width: 100%; }
img.align-center { margin: 0 auto 15px auto; max-width: 100%; }
.overflow-hidden { position: relative; overflow: hidden; }
html, body, .wrapper, .topbox { height: 100%; }
.wrapper, .bottombox { display: table; width: 100%; position: relative; }
.topbox { display: table-row; }
input[type=file] { margin-bottom: 6px; }
.container { position: relative; z-index: 10; }
.grecaptcha-badge { opacity: 0 !important; }
/* GLOBAL TRANSITION */
header, .menu li, .menu li a, .submenu li a, .butn, .langs li a, .socials-list li a i, .components-list li h3, .components-list li h3::after, .imbalance-list .item .icon::before, .imbalance-list .item img, .purposes-list .item img, .purposes-list .item h3, .symptoms-list .item img, .symptoms-list .item .td, .fixed-butn span, .fixed-butn, .about-components2-box h3 *, .go-up, .preview-image, .articles-list article h2 a, .more-butn, .access-butn, .logos-list .item::before { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
/* SECTIONS */
section, article { position: relative; z-index: 10; }
section.out, article.out { margin-bottom: 50px; }
section.out2, article.out2 { margin-bottom: 110px; }
section.in, article.in { padding-top: 65px; padding-bottom: 65px; }
section.out.in, article.out.in { padding-bottom: 0; }
/* DEF TITLE */
.ttl { text-align: center; margin-bottom: 35px; }
.ttl h1, .ttl h2, .ttl h3 { color: #4b9b47; font-size: 50px; font-weight: 600; letter-spacing: 2px; }
/* DEF BUTTON */
.butn { position: relative; display: inline-block; overflow: hidden; background: #4b9b47; text-align: center; padding: 10px 15px; margin: 0; color: #fff; font-size: 21px; font-weight: 600; line-height: 1; text-transform: uppercase; border: 1px solid #fff; border-radius: 36px; text-decoration: none; cursor: pointer; outline: none; z-index: 5; }
.butn i { margin-right: 6px; }
.butn.white { background: #fff; color: #036a93; border-color: #036a93; }
.butn.wshadow { -webkit-box-shadow: 0px 18px 30px 1px rgba(0,0,0,0.45); -moz-box-shadow: 0px 18px 30px 1px rgba(0,0,0,0.45); box-shadow: 0px 18px 30px 1px rgba(0,0,0,0.45); }
.butn.wshadow2 { -webkit-box-shadow: 0px 18px 30px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 18px 30px 1px rgba(0,0,0,0.15); box-shadow: 0px 18px 30px 1px rgba(0,0,0,0.15); }
.butn.fwidth { width: 300px; }
.butn:hover { background: #257521; color: #fff; text-decoration: none; border-color: #257521 !important; }
.butn.grad-1, .lang-ru .fixed-butn3 span { background: rgba(244,179,0,1); background: -moz-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,179,0,1)), color-stop(100%, rgba(171,125,0,1))); background: -webkit-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -o-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -ms-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: linear-gradient(to bottom, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b300', endColorstr='#ab7d00', GradientType=0 ); }
.butn.grad-2 { background: rgba(255,79,79,1); background: -moz-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,79,79,1)), color-stop(100%, rgba(189,32,32,1))); background: -webkit-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: -o-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: -ms-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: linear-gradient(to bottom, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4f4f', endColorstr='#bd2020', GradientType=0 ); }
.butn.grad-3, .lang-ru .fixed-butn4 span { background: rgba(255,255,0,1); background: -moz-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(171,157,5,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,0,1)), color-stop(100%, rgba(171,157,5,1))); background: -webkit-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(171,157,5,1) 100%); background: -o-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(171,157,5,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(171,157,5,1) 100%); background: linear-gradient(to bottom, rgba(255,255,0,1) 0%, rgba(171,157,5,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ab9d05', GradientType=0 ); }
.butn.grad-1:hover, .butn.grad-2:hover, .butn.grad-3:hover { color: #000; border-color: #000 !important; }
.butn.grad-3 .sm-v { display: none; }
/* BUTTONS - CALCULATOR BUTN */
.fixed-butn { position: fixed; bottom: 55px; right: 0; text-decoration: none !important; border-radius: 32px 0 0 32px; overflow: hidden; -webkit-box-shadow: 0px 0px 36px -13px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 36px -13px rgba(0,0,0,0.25); box-shadow: 0px 0px 36px -13px rgba(0,0,0,0.25); overflow: hidden; z-index: 999; }
.fixed-butn span { position: relative; display: block; width: 145px; min-height: 59px; padding: 20px 10px 9px 50px; color: #fff; font-size: 15px; line-height: 1.1; text-transform: uppercase; background: rgba(244,179,0,1); background: -moz-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,179,0,1)), color-stop(100%, rgba(171,125,0,1))); background: -webkit-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -o-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -ms-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: linear-gradient(to bottom, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b300', endColorstr='#ab7d00', GradientType=0 ); }
.fixed-butn span i { position: absolute; top: 15px; left: 15px; font-size: 25px; }
.fixed-butn2 { bottom: 125px; }
.fixed-butn2 span { padding-top: 9px; background: rgba(255,79,79,1); background: -moz-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,79,79,1)), color-stop(100%, rgba(189,32,32,1))); background: -webkit-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: -o-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: -ms-linear-gradient(top, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); background: linear-gradient(to bottom, rgba(255,79,79,1) 0%, rgba(189,32,32,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4f4f', endColorstr='#bd2020', GradientType=0 ); }
.fixed-butn2 span i { left: 11px; }
body.home .fixed-butn { opacity: 0; }
.fixed-butn.show { opacity: 1 !important; }
.lang-uz .fixed-butn span, .lang-uz .fixed-butn2 span { padding-top: 9px; }
.lang-uz .fixed-butn span { width: 180px; font-size: 14px; }
.lang-ru .fixed-butn span { width: 148px; padding: 13px 10px 9px 50px; font-size: 14px; }
.fixed-butn:hover span, .lang-ru .fixed-butn:hover span { width: 165px; }
.lang-uz .fixed-butn:hover span { width: 195px; }
.lang-ru .fixed-butn2 { bottom: 265px !important; }
.lang-ru .fixed-butn3 { bottom: 195px !important; }
.lang-ru .fixed-butn { bottom: 125px; }
.lang-ru .fixed-butn4 { bottom: 55px !important; }
/* BUTTON - GO TOP */
.go-up { position: fixed; bottom: 65px; left: 50%; margin-left: -665px; width: 54px; height: 54px; border-radius: 54px; text-align: center; background: rgba(244,179,0,1); background: -moz-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,179,0,1)), color-stop(100%, rgba(171,125,0,1))); background: -webkit-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -o-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: -ms-linear-gradient(top, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); background: linear-gradient(to bottom, rgba(244,179,0,1) 0%, rgba(171,125,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b300', endColorstr='#ab7d00', GradientType=0 ); -webkit-box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75); visibility: hidden; opacity: 0; z-index: 55; }
.go-up i { color: #fff; font-size: 30px; line-height: 54px; }
.go-up.show { visibility: visible; opacity: 1; }
/* OWL CUSTOM */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin: -12px 0 0 0; width: 28px; height: 40px; outline: none; background: #70b638 !important; border-radius: 4px; }
.owl-carousel .owl-nav .owl-prev { left: -45px; }
.owl-carousel .owl-nav .owl-prev::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f053"; font-size: 22px; color: #bceb06; top: 7px; left: 0; text-indent: 0; width: 25px; line-height: 27px; z-index: 25; }
.owl-carousel .owl-nav .owl-next { right: -45px; }
.owl-carousel .owl-nav .owl-next::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 22px; color: #bceb06; top: 7px; left: 0; text-indent: 0; width: 30px; line-height: 27px; z-index: 25; }
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background: #79b51d !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: 14px; height: 14px; border: 1px solid #79b51d; border-radius: 14px; background: none; }
.owl-carousel .owl-dots button.active span { background: #79b51d; border-color: #79b51d; }
/* BXSLIDER CUSTOM */
.main-screen-slider-box { position: relative; }
.main-screen-slider-box .bx-wrapper .bx-controls-direction a.bx-prev, .main-screen-slider-box .bx-wrapper .bx-controls-direction a.bx-next { position: absolute; top: 50%; right: 25px; outline: none; text-indent: 10000px; }
.main-screen-slider-box .bx-wrapper .bx-controls-direction a.bx-prev { right: auto; left: 25px; }
.main-screen-slider-box .bx-wrapper .bx-controls-direction a.bx-prev::before, .main-screen-slider-box .bx-wrapper .bx-controls-direction a.bx-next::before { content: ""; position: absolute; top: 0; left: 0; text-indent: 0; width: 32px; height: 32px; background: url("../images/right-arrow.svg") 50% 50% no-repeat; text-align: center; z-index: 25; }
.main-screen-slider-box .bx-wrapper .bx-controls-direction a.bx-prev::before { background: url("../images/left-arrow.svg") 50% 50% no-repeat; }
.about-components-screen .bx-wrapper .bx-controls-direction a.bx-prev, .about-components-screen .bx-wrapper .bx-controls-direction a.bx-next { position: absolute; top: -22px; right: 5px; width: 32px; height: 32px; border: 1px solid #fff; outline: none; background: transparent !important; border-radius: 100%; text-indent: 10000px; }
.about-components-screen .bx-wrapper .bx-controls-direction a.bx-prev { right: auto; left: 5px; }
.about-components-screen .bx-wrapper .bx-controls-direction a.bx-prev::before, .about-components-screen .bx-wrapper .bx-controls-direction a.bx-next::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f054"; font-size: 22px; color: #fff; top: 0; left: 0; text-indent: 0; width: 32px; height: 32px; line-height: 32px; text-align: center; z-index: 25; }
.about-components-screen .bx-wrapper .bx-controls-direction a.bx-prev::before { content: "\f053"; }
.lang-ru .main-screen .butn { width: 235px; font-size: 18px; }
/* BREADCRUMB */
.breadcrumb, .breadcrumbs { background: transparent; margin: 0; }
.breadcrumbs { margin: 0 0 10px 0; }
.breadcrumbs .in { margin: 0 -5px; }
.breadcrumb span, .breadcrumbs span { margin: 0 2px; font-size: 15px; }
.breadcrumbs, .breadcrumbs * { color: #9d9d9d; }
/* HEADER */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 300; }
header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(75,155,71,1); background: -moz-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(75,155,71,1) 53%, rgba(75,155,71,1) 53%, rgba(75,155,71,0.98) 54%, rgba(75,155,71,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,155,71,1)), color-stop(53%, rgba(75,155,71,1)), color-stop(53%, rgba(75,155,71,1)), color-stop(54%, rgba(75,155,71,0.98)), color-stop(100%, rgba(75,155,71,0))); background: -webkit-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(75,155,71,1) 53%, rgba(75,155,71,1) 53%, rgba(75,155,71,0.98) 54%, rgba(75,155,71,0) 100%); background: -o-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(75,155,71,1) 53%, rgba(75,155,71,1) 53%, rgba(75,155,71,0.98) 54%, rgba(75,155,71,0) 100%); background: -ms-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(75,155,71,1) 53%, rgba(75,155,71,1) 53%, rgba(75,155,71,0.98) 54%, rgba(75,155,71,0) 100%); background: linear-gradient(to bottom, rgba(75,155,71,1) 0%, rgba(75,155,71,1) 53%, rgba(75,155,71,1) 53%, rgba(75,155,71,0.98) 54%, rgba(75,155,71,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9b47', endColorstr='#4b9b47', GradientType=0 ); }
header .container { position: relative; }
.admin-bar header { top: 32px; }
.header-separator { margin-top: 160px; }
.header-line-top { border-bottom: 1px solid #fff; margin-bottom: 5px; padding-bottom: 5px; margin-top: -6px; }
.logo { display: block; margin-top: 14px; }
.logo img { width: 240px; }
.logo-type-slogan { margin: 8px 0 10px 0; color: #fff; font-size: 55px; line-height: 0.9; font-weight: bold; text-transform: uppercase; }
/* HEADER - MENU */
.menu { position: relative; display: inline-block; vertical-align: top; width: calc(100% + 45px); z-index: 20; }
.menu li { display: inline-block; position: relative; margin: 0 20px 0 0; }
.lang-ru header .menu li { margin: 0 10px 0 0; }
.menu li:last-child, .lang-ru header .menu li:last-child { margin-right: 0; }
.menu li a { display: block; position: relative; padding: 10px 0; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600; text-decoration: none; }
.menu li:last-child::before { display: none; }
.menu li:hover > a { color: #99e085; }
.menu li.current-menu-item a, .menu li.current-post-ancestor a, .menu li.current-menu-parent a, .menu li.current-post-parent a, .menu li.current-category-ancestor a { opacity: .8; text-decoration: underline; }
.lang-uz .menu li { margin: 0 7px 0 0; }
/* HEADER - SOCIALS */
.socials-list { display: inline-block; vertical-align: top; margin: 0 15px 0 0; }
.socials-list li { display: inline-block; vertical-align: top; margin: 0 0 0 15px; }
.socials-list li:last-child: { margin-right: 0; }
.socials-list li a { position: relative; color: #fff; font-size: 35px; }
.socials-list li a:hover i { color: #99e085; }
/* HEADER - TEL */
header .tel { color: #fff; font-size: 35px; font-weight: bold; }
header .tel i { display: inline-block; vertical-align: top; margin-top: 13px; font-size: 22px; }
/* HEADER - SUB MENU */
.submenu { position: relative; top: 10px; padding: 4px 20px; background: #fff; border-radius: 36px; text-align: center; -webkit-box-shadow: 0px 0px 34px -7px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 34px -7px rgba(0,0,0,0.45); box-shadow: 0px 0px 34px -7px rgba(0,0,0,0.45); }
.submenu li { display: inline-block; position: relative; margin: 0 10px; }
.submenu li:last-child { margin-right: 0; }
.submenu li a { display: block; position: relative; padding: 6px 0; font-size: 18px; color: #4b9b47; font-weight: 600; text-decoration: none; }
.submenu li:last-child::before { display: none; }
.submenu li:hover > a { color: #99e085; }
.submenu li.current-menu-item > a, .submenu li.current-post-ancestor > a, .submenu li.current-menu-parent > a, .submenu li.current-post-parent >a, .submenu li.current-category-ancestor > a { color: #47af51; text-decoration: underline; }
/* HEADER - MENU - LV 2/3 */
.submenu ul > li > ul, .menu ul > li > ul { display: none; position: absolute; top: 100%; left: -15px; width: 270px; margin: 0; padding: 0; list-style: none; background: rgba(204,157,30,.95); box-shadow: 0 8px 15px rgba(0,0,0,0.1); }
.submenu ul > li > ul > li, .menu ul > li > ul > li { position: relative; display: block; text-align: left !important; margin: 0; z-index: 10; }
.submenu ul > li > ul > li::before, .menu ul > li > ul > li::before { display: none; }
.submenu ul > li > ul > li > a, .menu ul > li > ul > li > a { position: relative; display: block; font-size: 15px; color: #fff !important; text-transform: inherit; text-decoration: none; font-weight: normal; padding: 5px 15px; }
.submenu ul > li > ul > li:hover, .menu ul > li > ul > li:hover { background: #287324; }
.submenu ul > li > ul > li:hover > a, .menu ul > li > ul > li:hover > a { color: #fff !important; }
.submenu ul ul a:before, .submenu ul ul a:after, .menu ul ul a:before, .menu ul ul a:after { display: none; }
.submenu ul ul ul, .menu ul ul ul { position: absolute; top: 0; left: -100%; margin: 0; z-index: 10; }
/* HEADER - LANGUAGES */
.langs li { display: inline-block; vertical-align: top; }
.wpml-ls-legacy-list-horizontal li { margin-right: 8px !important; }
.wpml-ls-legacy-list-horizontal li:last-child { margin: 0 !important; }
.wpml-ls-legacy-list-horizontal a { position: relative; padding: 0 !important; display: block; width: 26px; height: 26px; font-size: 15px; color: #4b9b47; font-weight: 500; line-height: 20px; border-radius: 28px; background: #fff; text-align: center; text-decoration: none; border: 1px solid #fff; background: rgba(255,255,255,.6); }
.wpml-ls-legacy-list-horizontal a:hover { color: #99e085; }
.wpml-ls-current-language a { background: rgba(255,255,255,1); }
/* MAIN SCREEN */
.main-screen { margin-bottom: 200px; }
.main-screen::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 626px; background: #e4e7e3; z-index: -1; }
.slider { width: 100%; }
.main-screen-slider-box { position: relative; }
.main-screen-slider-box::before { content: ""; position: absolute; bottom: -150px; left: 0; width: 100%; height: 300px; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); z-index: 1; }
.main-screen-slider-box::after { content: ""; position: absolute; top: -4px; left: 0; width: 100%; height: 75px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); z-index: 1; }
.slider li div { position: relative; height: 719px; }
.slider li div img { position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px; max-width: none !important; }
.main-screen-waves { position: absolute; bottom: -225px; left: 50%; margin-left: -960px; width: 1920px; height: 314px; background: url("../images/webp/main-bottom-bg.webp") 50% 50% no-repeat; z-index: 10; }
.main-product-box { position: absolute; bottom: -90px; left: 50%; margin-left: 260px; z-index: 15; }
.main-product { position: relative; width: 375px; z-index: 2; }
.mp-mineral-1 { position: absolute; top: 172px; left: 90px; width: 77px; }
.mp-mineral-2 { position: absolute; top: 270px; left: 10px; width: 80px; }
.mp-mineral-3 { position: absolute; top: 300px; left: 290px; width: 76px; }
.mp-mineral-4 { position: absolute; top: 395px; left: 2px; width: 99px; z-index: 10; }
.mp-mineral-5 { position: absolute; top: 445px; left: 230px; width: 80px; z-index: 10; }
.main-screen .buttons { position: absolute; bottom: 15px; left: 50%; margin-left: -600px; z-index: 30; }
.buttons a { margin: 0 8px; }
.slogan { position: absolute; bottom: 87px; left: 50%; margin-left: -650px; width: 1120px; padding: 6px 20px 6px 60px; color: #fff; font-size: 42px; background: #4b9b47; border-radius: 36px; z-index: 15; }
/* PRODUCT ROUNDS BG */
.product-rounds-bg { position: absolute; bottom: -120px; left: 50%; margin-left: 195px; width: 460px; height: 460px; z-index: 1; }
.mr-1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 2px solid #4b9b47; }
.mr-2 { position: absolute; top: 1%; left: 1%; width: 98%; height: 98%; border-radius: 100%; background: rgba(71,197,65,1); background: -moz-radial-gradient(center, ellipse cover, rgba(71,197,65,1) 0%, rgba(63,133,61,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(71,197,65,1)), color-stop(100%, rgba(63,133,61,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(71,197,65,1) 0%, rgba(63,133,61,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(71,197,65,1) 0%, rgba(63,133,61,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(71,197,65,1) 0%, rgba(63,133,61,1) 100%); background: radial-gradient(ellipse at center, rgba(71,197,65,1) 0%, rgba(63,133,61,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47c541', endColorstr='#3f853d', GradientType=1 ); }
.mr-3 { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; border-radius: 100%; background: rgba(50,102,48,1); background: -moz-radial-gradient(center, ellipse cover, rgba(50,102,48,1) 0%, rgba(53,108,51,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(50,102,48,1)), color-stop(100%, rgba(53,108,51,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(50,102,48,1) 0%, rgba(53,108,51,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(50,102,48,1) 0%, rgba(53,108,51,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(50,102,48,1) 0%, rgba(53,108,51,1) 100%); background: radial-gradient(ellipse at center, rgba(50,102,48,1) 0%, rgba(53,108,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326630', endColorstr='#356c33', GradientType=1 ); }
/* INBALANCE SCREEN */
.imbalance-section { padding-bottom: 65px; overflow: hidden; z-index: 20; }
.border-box { position: relative; text-align: center; color: #fff; text-transform: uppercase; font-size: 36px; background: #4b9b47; padding: 10px 25px; margin: 0 40px; border-radius: 26px; z-index: 15; }
.border-lines { position: absolute; top: 70px; left: 0; width: 100%; height: calc(100% - 70px); border-radius: 26px; border: 2px dotted #4b9b47; z-index: -1; }
.imbalance-list { margin-top: 45px; text-align: center; }
.imbalance-list li { display: inline-block; vertical-align: top; width: 16%; }
.imbalance-list .item { display: block; text-align: center; margin-bottom: 45px; }
.imbalance-list .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }
.imbalance-list .item h3 { color: #2f3b31; font-size: 18px; font-weight: bold; margin-bottom: 0; }
.imbalance-list .item .icon { position: relative; width: 165px; height: 250px; margin: 0 auto 40px auto; padding-top: 100px; }
.imbalance-list .item .icon::before { content: ""; position: absolute; top: 30px; left: 50%; margin-left: -86px; width: 173px; height: 249px; background: url("../images/imbalance-icon-bg.svg") 50% 50% no-repeat; background-size: 100% auto; }
.imbalance-list .item:hover .icon::before { background: url("../images/imbalance-icon-bg-hover.svg") 50% 50% no-repeat; background-size: 100% auto; z-index: -1; }
.imbalance-list .item .icon .line { position: absolute; top: -150px; left: 50%; margin-left: -1px; width: 37px; height: 179px; background: url("../images/webp/dotted-line-1.webp") 50% 50% no-repeat; }
.imbalance-list li:nth-child(2n) .icon .line { position: absolute; top: -150px; left: 50%; margin-left: -1px; width: 24px; height: 182px; background: url("../images/webp/dotted-line-2.webp") 50% 50% no-repeat; }
.imbalance-list .item .icon .td { height: 165px; }
.imbalance-list .item img { width: 100%; height: 100%; max-width: 65%; max-height: 75%; }
.imbalance-list .item img.static { display: inline-block; }
.imbalance-list .item img.hov { display: none }
.imbalance-list .item:hover .static { display: none; }
.imbalance-list .item:hover .hov { display: inline-block !important; }
/* PURPOSE SCREEN */
.purpose-section .ttl { margin-bottom: 15px; }
.purpose-box { background: #4b9b47; padding: 75px 0 35px 0; overflow: hidden; }
.purposes-list { text-align: center; }
.purposes-list li { display: inline-block; vertical-align: top; width: 16%; }
.purposes-list .item { display: block; text-align: center; margin-bottom: 45px; }
.purposes-list .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }
.purposes-list .item h3 { color: #fff; font-size: 18px; text-transform: uppercase; margin-bottom: 0; cursor: pointer; }
.purposes-list .item .icon { position: relative; width: 165px; height: 165px; border-radius: 165px; border: 2px solid #ed4242; background: #fff; margin: 0 auto 15px auto; }
.purposes-list .item .icon::before { content: ""; position: absolute; top: -200px; left: 50%; width: 1px; height: 200px; border-left: 2px dotted #fff; }
.purposes-list .item .icon .td { height: 165px; }
.purposes-list .item .icon .td img { width: 100%; height: 100%; max-width: 65%; max-height: 65%; }
.purposes-list .item:hover img { transform: scale(1.2); }
.purposes-list .item:hover h3 { transform: scale(1.1); }
/* PARALLAX SECTION */
.parallax-section { position: relative; margin-top: -55px; padding: 264px 0 394px 0; height: 950px; background: rgba(12,168,225,1); background: -moz-linear-gradient(top, rgba(12,168,225,1) 0%, rgba(12,168,225,1) 22%, rgba(2,105,153,1) 50%, rgba(12,168,225,1) 82%, rgba(12,168,225,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,168,225,1)), color-stop(22%, rgba(12,168,225,1)), color-stop(50%, rgba(2,105,153,1)), color-stop(82%, rgba(12,168,225,1)), color-stop(100%, rgba(12,168,225,1))); background: -webkit-linear-gradient(top, rgba(12,168,225,1) 0%, rgba(12,168,225,1) 22%, rgba(2,105,153,1) 50%, rgba(12,168,225,1) 82%, rgba(12,168,225,1) 100%); background: -o-linear-gradient(top, rgba(12,168,225,1) 0%, rgba(12,168,225,1) 22%, rgba(2,105,153,1) 50%, rgba(12,168,225,1) 82%, rgba(12,168,225,1) 100%); background: -ms-linear-gradient(top, rgba(12,168,225,1) 0%, rgba(12,168,225,1) 22%, rgba(2,105,153,1) 50%, rgba(12,168,225,1) 82%, rgba(12,168,225,1) 100%); background: linear-gradient(to bottom, rgba(12,168,225,1) 0%, rgba(12,168,225,1) 22%, rgba(2,105,153,1) 50%, rgba(12,168,225,1) 82%, rgba(12,168,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ca8e1', endColorstr='#0ca8e1', GradientType=0 ); overflow: hidden; }
.parallax-top { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 246px; background: url("../images/webp/parallax-top.webp") 50% 50% no-repeat; z-index: 10; }
.parallax-bottom { position: absolute; bottom: 0; left: 50%; margin-left: -960px; width: 1920px; height: 394px; background: url("../images/webp/parallax-bottom.webp") 50% 50% no-repeat; z-index: 10; }
#parallax { position: relative; top: -387px; width: 100%; height: calc(100vh + 387px); background-color: transparent; background-image: url("../images/webp/parallax-bg3.webp"), url("../images/webp/parallax-bg1.webp"), url("../images/webp/parallax-bg2.webp"); background-repeat: no-repeat; background-position: center; background-position: 50% 50%; }
.parallax-info { position: absolute; top: 260px; left: 0; width: 100%; z-index: 30; }
.parallax-info .in { max-width: 760px; margin: 0 auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0; color: #fff; font-size: 28px; font-weight: bold; text-align: center; text-shadow: rgba(0,0,0,.6) 0 1px 5px; }
/* COMPONENTS SECTION */
.components-section.in { margin-top: -210px; padding-bottom: 0; }
.components-section .ttl { position: relative; margin: 0 0 10px 0; z-index: 20; }
.components-section .ttl * { font-size: 30px; text-transform: uppercase; }
.components-product-box { position: relative; margin-bottom: 80px; }
.components-product { position: relative; width: 120px; z-index: 35; }
.components-rounds { position: absolute; bottom: 0; left: 50%; margin-left: 50px; width: 280px; height: 280px; }
.components-list { position: absolute; top: 40px; left: 50%; margin-left: -300px; width: 600px; z-index: 30; }
.components-list li { width: 100%; text-align: left; margin: 0; }
.components-list li h3 { position: relative; display: inline-block; color: #fff; font-size: 27px; width: 140px; text-align: right; cursor: pointer; margin: 0; line-height: 1; }
.components-list li h3 span.tip-hover, .tip-hover-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.components-list li h3 span.in { position: absolute; top: 6px; left: 0; font-size: 12px; color: #fff; font-weight: normal; }
.components-list li h3::before { content: ""; position: absolute; top: 50%; left: 100%; margin-left: 5px; width: 150px; height: 1px; background: transparent; border-bottom: 2px dotted #4b9b47; }
.components-list li h3::after { content: ""; position: absolute; top: -5px; left: -15px; width: calc(100% + 20px); height: calc(100% + 10px); background: #4b9b47; border-radius: 16px; z-index: -5; }
.components-list li h3:hover::after { opacity: 1; }
.components-list li:nth-child(2n) { text-align: right; }
.components-list li:nth-child(2n) h3 span { left: auto; right: 0; }
.components-list li:nth-child(2n) h3 { display: inline-block; text-align: left; width: 170px; }
.components-list li:nth-child(2n) h3::before { left: auto; right: 100%; margin: 0 5px 0 0; }
.components-product-box .product-rounds-bg { width: 280px; height: 270px; bottom: -62px; margin-left: -140px; z-index: -1; }
.granula-1 { position: absolute; bottom: -45px; left: 115px; width: 370px; opacity: .8; }
.granula-2 { position: absolute; bottom: -45px; right: 175px; width: 330px; opacity: .8; }
.granula-3 { position: absolute; bottom: -15px; right: -15px; width: 250px; opacity: .8; }
.granula-4 { position: absolute; bottom: 15px; left: -5px; width: 170px; opacity: .8; }
.granula-5 { position: absolute; bottom: 130px; right: -5px; width: 450px; opacity: .2; }
.granula-6 { position: absolute; bottom: 215px; left: -40px; width: 450px; opacity: .2; }
.components-mores { position: absolute; bottom: -40px; left: 0; width: 100%; padding-top: 10px; border-top: 2px solid #4b9b47; border-bottom: 2px solid #4b9b47; z-index: -1; }
.components-mores .left, .components-mores .right { width: 35%; }
.components-mores .left { text-align: right; }
.components-mores .right { text-align: left; }
.components-mores p { font-size: 18px; color: #4b9b47; font-weight: bold; }
.components-mores p i { margin: 0 4px 0 0; }
.notes-box * { font-size: 12px; line-height: 1; opacity: .8; }
.video-box { position: relative; display: inline-block; margin-top: -15px; z-index: 30; }
/* ABOUT PAGE / COMPONENTS */
.about-text { margin-bottom: 50px; border-top: 1px solid #4b9b47; border-bottom: 1px solid #4b9b47; background: rgba(255,255,255,.8); }
.about-text .container { max-width: 760px; }
.about-text p { font-size: 17px; }
.about-components-screen { padding-top: 65px; }
.about-components-screen .components-product { width: 190px; }
.about-components-screen .granula-2 { bottom: auto; right: auto; top: -40px; left: 115px; width: 220px; opacity: .2; z-index: -1; }
.about-components-screen .granula-6 { bottom: -12px; left: -145px; width: 350px; opacity: .2; }
.about-components-screen .granula-5 { bottom: 15px; right: -245px; }
.components-product-box { position: relative; }
/*.about-components-screen::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 356px; background: url("../images/about-top-bg.png") 50% 50% no-repeat; }*/
.components-product-wave { position: absolute; bottom: -120px; left: 0; }
.about-components-left { position: absolute; top: 180px; left: 20px; width: 42%; z-index: -1; }
.about-components-right { position: absolute; top: 10px; right: 0; width: 50%; z-index: 50; }
.component-box { position: relative; padding: 5px 13px 0 13px; border: 1px solid #529f4e; background: #529f4e; text-align: left; }
.about-components-left .component-box { padding-right: 40px; text-align: right; border-radius: 16px 0 0 16px; }
.about-components-right .component-box { padding-left: 60px; border-radius: 0 16px 16px 0; }
.about-components-right::before { content: ""; position: absolute; top: -30px; left: -6px; width: 6px; height: calc(100% + 60px); background: #529f4e; z-index: 15; }
.component-box, .component-box * { color: #fff; }
.component-box h4 { position: absolute; top: 43px; left: -26px; width: 101px; font-size: 36px; text-align: center; line-height: 0.9; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.component-box h3 { position: relative; font-size: 22px; font-weight: normal; }
.component-box h3 strong { font-size: 23px; }
.component-box h3::before { content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.about-components-right .component-box.item-3 h3::before, .about-components-right .component-box.item-5 h3::before { background: rgba(82,159,78,1); background: -moz-linear-gradient(left, rgba(82,159,78,1) 0%, rgba(82,159,78,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(82,159,78,1)), color-stop(100%, rgba(82,159,78,0))); background: -webkit-linear-gradient(left, rgba(82,159,78,1) 0%, rgba(82,159,78,0) 100%); background: -o-linear-gradient(left, rgba(82,159,78,1) 0%, rgba(82,159,78,0) 100%); background: -ms-linear-gradient(left, rgba(82,159,78,1) 0%, rgba(82,159,78,0) 100%); background: linear-gradient(to right, rgba(82,159,78,1) 0%, rgba(82,159,78,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529f4e', endColorstr='#529f4e', GradientType=1 ); }
.about-components-left .component-box.item-1 h3::before, .about-components-left .component-box.item-3 h3::before { background: rgba(82,159,78,0); background: -moz-linear-gradient(left, rgba(82,159,78,0) 0%, rgba(82,159,78,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(82,159,78,0)), color-stop(100%, rgba(82,159,78,1))); background: -webkit-linear-gradient(left, rgba(82,159,78,0) 0%, rgba(82,159,78,1) 100%); background: -o-linear-gradient(left, rgba(82,159,78,0) 0%, rgba(82,159,78,1) 100%); background: -ms-linear-gradient(left, rgba(82,159,78,0) 0%, rgba(82,159,78,1) 100%); background: linear-gradient(to right, rgba(82,159,78,0) 0%, rgba(82,159,78,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529f4e', endColorstr='#529f4e', GradientType=1 ); }
.about-components-left .component-box.item-2 h3::before { background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.about-components-left .component-box.item-2 { width: 110%; margin-left: -10%; }
.about-components-right .component-box.item-2, .about-components-right .component-box.item-4 { width: 94%; }
.about-components-right .component-box.item-3 { width: 96%; }
.about-components-right .component-box.item-5 { width: 90%; }
.component-box p { font-size: 16px; }
.about-components-right .component-box.item-1, .about-components-right .component-box.item-6 { background: #86bb83; border-color: #86bb83; }
.about-components-left .component-box.item-1 *, .about-components-left .component-box.item-3 *, .about-components-right .component-box.item-3 *, .about-components-right .component-box.item-5 * { color: #529f4e; }
.component-box.item-3 .bx-wrapper .bx-controls-direction a.bx-next, .component-box.item-5 .bx-wrapper .bx-controls-direction a.bx-next, .about-components-left .component-box.item-1 .bx-wrapper .bx-controls-direction a.bx-prev, .about-components-left .component-box.item-3 .bx-wrapper .bx-controls-direction a.bx-prev { border-color: #529f4e; }
.component-box.item-3 .bx-wrapper .bx-controls-direction a.bx-next::before, .component-box.item-5 .bx-wrapper .bx-controls-direction a.bx-next::before, .about-components-left .component-box.item-1 .bx-wrapper .bx-controls-direction a.bx-prev::before, .about-components-left .component-box.item-3 .bx-wrapper .bx-controls-direction a.bx-prev::before { color: #529f4e; }
.about-components-left .bx-wrapper .bx-controls-direction a.bx-next, .about-components-right .bx-wrapper .bx-controls-direction a.bx-prev { display: none; }
.about-components-left .component-box, .about-components-right .component-box { background: rgba(255,255,255,.9) !important; border-color: #529f4e !important; }
.about-components-left .component-box *, .about-components-right .component-box * { color: #529f4e; }
.component-box .bx-wrapper .bx-controls-direction a.bx-next, .component-box .bx-wrapper .bx-controls-direction a.bx-prev { border-color: #529f4e !important; }
.component-box .bx-wrapper .bx-controls-direction a.bx-next::before, .component-box .bx-wrapper .bx-controls-direction a.bx-prev::before { color: #529f4e !important; }
/* ABOUT PAGE / COMPONENTS */
.about-components2-product-box { position: relative; height: 575px; }
.about-text { margin-bottom: 50px; }
.about-text p { font-size: 19px; }
.about-text p strong { font-size: 27px; color: #4b9b47; }
.about-components2-screen { padding-top: 65px; }
.about-components2-box { height: 540px; }
.about-components2-box::before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -1051px; width: 2103px; height: 1044px; background: url("../images/webp/about-components2-screen-bg.webp") 50% 50% no-repeat; z-index: -1; }
.about-components2-product { position: relative; top: 50px; height: 460px; -webkit-animation: rotating 36s linear infinite; -moz-animation: rotating 36s linear infinite; -ms-animation: rotating 36s linear infinite; -o-animation: rotating 36s linear infinite;
animation: rotating 36s linear infinite; }
.about-components2-product2 { position: absolute; top: -25px; height: 627px; left: 50%; margin-left: -113px; }
.about-components2-box h3 { position: absolute; left: 50%; font-weight: normal; color: #4b9b47; text-align: left; cursor: pointer; }
.about-components2-box h3 .hover-item, .about-components2-box h3 .hover-item-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.about-components2-box h3 strong { display: block; font-size: 40px; line-height: 0.5; }
.about-components2-box h3 span { font-size: 16px; text-decoration: underline; }
.about-components2-box h3:hover * { opacity: .65; }
.about-components2-box h3.item-4 { top: 49px; margin-left: -250px; text-align: right; }
.about-components2-box h3.item-7 { top: 140px; margin-left: -320px; text-align: right; }
.about-components2-box h3.item-5 { top: 245px; margin-left: -350px; text-align: right; }
.about-components2-box h3.item-8 { top: 355px; margin-left: -320px; text-align: right; }
.about-components2-box h3.item-2 { top: 445px; margin-left: -460px; text-align: right; }
.about-components2-box h3.item-6 { top: 49px; margin-left: 180px; }
.about-components2-box h3.item-9 { top: 180px; margin-left: 240px; }
.about-components2-box h3.item-1 { top: 310px; margin-left: 240px; }
.about-components2-box h3.item-3 { top: 445px; margin-left: 190px; }
.components2-info-box { visibility: hidden; opacity: 0; position: absolute; top: 50%; transform: translate(0, -50%); left: 50%; margin: -15px 0 0 -175px; width: 350px; padding: 15px 15px 5px 15px; border: 1px solid rgba(0,0,0,.18); border-radius: 26px; background: rgba(255,255,255,.9); -webkit-transition: all .12s ease; -moz-transition: all .12s ease; -ms-transition: all .12s ease; -o-transition: all .12s ease; transition: all .12s ease; }
.components2-info-box.open { visibility: visible; opacity: 1; margin-top: -25px; }
.components2-info-box, .components2-info-box * { color: #4b9b47; }
.components2-info-box h4 { font-size: 20px; font-weight: normal; }
/* ABOUT PAGE / OPINIONS */
.about-opinions-screen { margin-bottom: 55px; }
.about-opinions-screen .granula-6 { bottom: -142px; left: auto; right: -145px; width: 550px; opacity: .2; }
.about-opinions-list2 { margin: 1px 0 15px 37px; }
.about-opinions-girl-box { position: absolute; top: -8px; left: 73px; width: 625px; z-index: 20; }
.about-opinions-girl-box::before { content: ""; position: absolute; bottom: 0; left: -60px; width: 1450px; height: 2px; background: rgba(74,156,70,1); background: -moz-linear-gradient(left, rgba(74,156,70,1) 0%, rgba(74,156,70,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,156,70,1)), color-stop(100%, rgba(74,156,70,0))); background: -webkit-linear-gradient(left, rgba(74,156,70,1) 0%, rgba(74,156,70,0) 100%); background: -o-linear-gradient(left, rgba(74,156,70,1) 0%, rgba(74,156,70,0) 100%); background: -ms-linear-gradient(left, rgba(74,156,70,1) 0%, rgba(74,156,70,0) 100%); background: linear-gradient(to right, rgba(74,156,70,1) 0%, rgba(74,156,70,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9c46', endColorstr='#4a9c46', GradientType=1 ); }
.about-opinions-girl-box::after { content: ""; position: absolute; bottom: 0; left: -60px; width: 2px; height: 500px; background: rgba(74,156,70,0); background: -moz-linear-gradient(top, rgba(74,156,70,0) 0%, rgba(74,156,70,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(74,156,70,0)), color-stop(100%, rgba(74,156,70,1))); background: -webkit-linear-gradient(top, rgba(74,156,70,0) 0%, rgba(74,156,70,1) 100%); background: -o-linear-gradient(top, rgba(74,156,70,0) 0%, rgba(74,156,70,1) 100%); background: -ms-linear-gradient(top, rgba(74,156,70,0) 0%, rgba(74,156,70,1) 100%); background: linear-gradient(to bottom, rgba(74,156,70,0) 0%, rgba(74,156,70,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9c46', endColorstr='#4a9c46', GradientType=0 ); }
.about-opinions-girl-wave { position: absolute; bottom: -140px; left: -450px; width: 1113px; max-width: none; }
.about-opinions-box { padding-left: 720px; }
.about-opinions-top { position: relative; padding-top: 20px; padding-bottom: 1px; }
.about-opinions-bg { content: ""; position: absolute; top: 0; left: -300px; width: 1226px; height: 100%; background: url("../images/webp/about-opinions-bg.webp") 50% 50% no-repeat; z-index: -1; }
.about-opinions-top::after { content: ""; position: absolute; top: 12px; right: 0; width: 1px; height: calc(100% - 12px); background: #fff; z-index: 5; }
.about-opinions-top::before { content: ""; position: absolute; top: 12px; right: 0; width: 100%; height: 1px; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.about-opinions-list1 li, .about-opinions-list2 li { position: relative; font-size: 18.5px; line-height: 1; }
.about-opinions-list1 { position: relative; }
.about-opinions-list1::before { content: ""; position: absolute; top: 22px; left: 5px; width: 2px; height: calc(100% - 45px); background: #fff; }
.about-opinions-list1 li { padding-left: 110px; min-height: 47px; margin-bottom: 10px; color: #fff; }
.about-opinions-list1 li span { position: absolute; top: 0; left: 45px; width: 47px; height: 47px; background: url("../images/symptoms-icon-bg.svg") 50% 50% no-repeat; background-size: 100% auto; -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both; }
.about-opinions-list1 li::after { content: ""; position: absolute; top: 22px; left: 5px; width: 50px; height: 2px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.about-opinions-bottom { position: relative; padding-bottom: 5px; }
.about-opinions-bottom::after { content: ""; position: absolute; top: -15px; right: 0; width: 1px; height: calc(100% + 15px); background: #4a9b46; }
.about-opinions-bottom::before { position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: rgba(74,155,70,0); background: -moz-linear-gradient(left, rgba(74,155,70,0) 0%, rgba(74,155,70,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,155,70,0)), color-stop(100%, rgba(74,155,70,1))); background: -webkit-linear-gradient(left, rgba(74,155,70,0) 0%, rgba(74,155,70,1) 100%); background: -o-linear-gradient(left, rgba(74,155,70,0) 0%, rgba(74,155,70,1) 100%); background: -ms-linear-gradient(left, rgba(74,155,70,0) 0%, rgba(74,155,70,1) 100%); background: linear-gradient(to right, rgba(74,155,70,0) 0%, rgba(74,155,70,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9b46', endColorstr='#4a9b46', GradientType=1 ); }
.about-opinions-list2 li { padding-left: 75px; color: #4a9b46; min-height: 56px; padding-top: 15px; margin-bottom: 10px; }
.about-opinions-list2 li span { position: absolute; top: 15px; left: 10px; width: 50px; height: 50px; background: url("../images/check-icon.svg") 50% 50% no-repeat; background-size: 100% auto; }
/* ABOUT PAGE / SYMPTOMS */
.about-symptoms-screen::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 700px; background: rgba(224,242,253,0); background: -moz-linear-gradient(top, rgba(224,242,253,0) 0%, rgba(203,233,250,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,242,253,0)), color-stop(100%, rgba(203,233,250,1))); background: -webkit-linear-gradient(top, rgba(224,242,253,0) 0%, rgba(203,233,250,1) 100%); background: -o-linear-gradient(top, rgba(224,242,253,0) 0%, rgba(203,233,250,1) 100%); background: -ms-linear-gradient(top, rgba(224,242,253,0) 0%, rgba(203,233,250,1) 100%); background: linear-gradient(to bottom, rgba(224,242,253,0) 0%, rgba(203,233,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f2fd', endColorstr='#cbe9fa', GradientType=0 ); }
.about-symptoms-screen .product-img { position: absolute; top: -32px; right: 175px; width: 155px; z-index: 5; }
.symptoms-box { position: relative; padding-right: 350px; }
.symptoms-box h2 { width: 935px; margin-bottom: 25px; padding: 3px 20px 3px 60px; color: #fff; font-size: 34px; text-transform: uppercase; background: #4b9b47; border-radius: 36px; z-index: 15; }
.symptoms-list .item { position: relative; display: inline-block; vertical-align: top; width: 50%; margin: 0 -2px 10px -2px; height: 83px; padding-left: 105px; }
.symptoms-list .item .icon { position: absolute; top: 0; left: 0; width: 83px; height: 83px; text-align: center; }
.symptoms-list .item .icon::before { content: ""; position: absolute; top: 0; left: 0; width: 83px; height: 83px; background: url("../images/symptoms-icon-bg.svg") 50% 50% no-repeat; background-size: 100% auto; z-index: -1; }
.symptoms-list .item .icon .td { height: 83px; }
.symptoms-list .item .icon .td img { width: 100%; height: 100%; max-width: 65%; max-height: 65%; }
.symptoms-list .item .info .td { height: 83px; font-size: 19px; }
.bubbles-bg-1 { position: absolute; bottom: -65px; left: 50%; margin-left: -420px; }
.bubbles-bg-2 { position: absolute; top: 65px; left: 50%; margin-left: 90px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.bubbles-bg-3 { position: absolute; bottom: 65px; left: 50%; margin-left: -1220px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.symptoms-list .item:hover img { transform: scale(1.2); }
.symptoms-list .item:hover .info .td { transform: scale(1.1); padding-left: 10px; }
.bottom-slogan { position: relative; text-align: center; margin-top: 10px; padding: 4px 15px; background: #df3939; border-radius: 26px; z-index: 15; }
.bottom-slogan * { font-size: 30px; color: #fff; text-transform: uppercase; }
/* MANUFACTURER PAGE / MAIN */
.manufacturer-main { position: relative; padding-top: 220px; background: url("../images/webp/manufacturer-main-bg.webp") 50% 50% no-repeat; background-size: cover; height: 600px; }
.manufacturer-main::before { content: ""; position: absolute; bottom: -150px; left: 0; width: 100%; height: 300px; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); z-index: 1; }
.main-screen-slider-box::after { content: ""; position: absolute; top: -4px; left: 0; width: 100%; height: 75px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); z-index: 1; }
.manufacturer-main .box { padding: 15px; background: rgba(0,121,83,.65); border-radius: 24px; }
.manufacturer-main .box.box-big { margin-bottom: 25px; padding: 20px; }
.manufacturer-main .box img { margin-bottom: 10px; }
.manufacturer-main .box h2, .manufacturer-main .box h3 { color: #fff; font-size: 25px; }
.manufacturer-main .box h3 { font-size: 21px; }
.manufacturer-main .breadcrumbs { margin-top: -25px; }
.manufacturer-main .breadcrumbs, .manufacturer-main .breadcrumbs * { color: #fff !important; }
/* MANUFACTURER PAGE / ABOUT */
.manufacturer-about { margin-bottom: 25px; }
.manufacturer-about .container { position: relative; }
.manufacturer-about .container::before { content: ""; position: absolute; top: 115px; left: 50%; margin-left: -686px; width: 200px; height: 200px; background: url("../images/uria-pharm-icon.svg") 50% 50% no-repeat; background-size: cover; opacity: .2; z-index: 50; }
.manufacturer-about .container::after { content: ""; position: absolute; top: 115px; right: 50%; margin-right: -686px; width: 200px; height: 200px; background: url("../images/uria-pharm-icon.svg") 50% 50% no-repeat; background-size: cover; opacity: .2; z-index: 50; }
.manufacturer-about { padding: 65px 0; }
.manufacturer-about h2 { padding: 15px; background: #4b9b47; color: #fff; text-align: center; border-radius: 24px; margin: 0; }
.manufacturer-about .box { text-align: center; }
.manufacturer-about .box p { font-size: 23px; line-height: 1.1; color: #4b9b47; font-style: italic; }
.manufacturer-about-rating { position: relative; margin-bottom: 35px; }
.manufacturer-about-rating::before { content: ""; position: absolute; top: 102px; left: 50%; margin-left: -46px; width: 93px; height: 93px; background: url("../images/uria-pharm-icon.svg") 50% 50% no-repeat; background-size: cover; z-index: 50; }
.rating-box { display: inline-block; vertical-align: top; width: 260px; height: 275px; background: url("../images/webp/manufacturer-about-rating-bg.webp") 50% 100% no-repeat; background-size: cover; padding-top: 80px; }
.rating-box .in { color: #fff; }
.rating-box .in h3 { font-size: 42px; }
.rating-box .in p { letter-spacing: -0.5px; }
/* MANUFACTURER PAGE / FACTS */
.manufacturer-facts { background: rgba(0,120,84,1); background: -moz-radial-gradient(center, ellipse cover, rgba(0,120,84,1) 0%, rgba(0,90,62,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,120,84,1)), color-stop(100%, rgba(0,90,62,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,120,84,1) 0%, rgba(0,90,62,1) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(0,120,84,1) 0%, rgba(0,90,62,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,120,84,1) 0%, rgba(0,90,62,1) 100%); background: radial-gradient(ellipse at center, rgba(0,120,84,1) 0%, rgba(0,90,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007854', endColorstr='#005a3e', GradientType=1 ); }
.bg-box.size-1 { position: absolute; top: -50px; left: 50%; margin-left: -996px; width: 210px; height: 210px; background: #037a54; border-radius: 25px; opacity: .8; }
.bg-box.size-1.right { left: auto; right: 50%; margin: 0 -996px 0 0; }
.bg-box.size-2 { position: absolute; top: 170px; left: 50%; margin-left: -750px; width: 125px; height: 125px; background: #037a54; border-radius: 25px; opacity: .8; }
.bg-box.size-2.right { left: auto; right: 50%; margin: 0 -750px 0 0; }
.bg-box.size-3 { position: absolute; bottom: 25px; left: 50%; margin-left: -870px; width: 155px; height: 155px; background: #037a54; border-radius: 25px; opacity: .8; }
.bg-box.size-3.right { left: auto; right: 50%; margin: 0 -870px 0 0; }
.manufacturer-facts::before { content: ""; position: absolute; top: -12px; left: 0; width: 100%; height: 4px; background: #007953; }
.manufacturer-facts::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100%; height: 4px; background: #007953; }
.manufacturer-facts h2 { position: relative; top: -40px; padding: 15px; background: #007953; color: #fff; text-align: center; border-radius: 24px; margin: 0 0 10px 0; -webkit-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.45); box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.45); }
.facts-list { text-align: center; margin-top: -35px; }
.facts-list li { margin-bottom: 25px; }
.facts-list .item { display: block; text-align: center; margin-bottom: 5px; }
.facts-list .item .icon { position: relative; margin-bottom: 10px; }
.facts-list .item .icon .td { height: 115px; text-align: center; }
.facts-list .item .icon .td img { display: inline-block; width: 100%; height: 100%; max-width: 82px; max-height: 85%; }
.facts-list .item h3 { color: #fff; font-size: 18px; font-weight: normal; }
.facts-list .item h3 strong { font-size: 35px; font-weight: bold; }
.facts-list .item h3 strong span { font-size: 24px; }
.facts-list .item h3 i { font-style: normal; }
/* MANUFACTURER PAGE / FEATURES */
.manufacturer-features { padding: 55px 0; border-bottom: 1px solid #02875d; }
.manufacturer-features::after { content: ""; position: absolute; bottom: 20px; left: 50%; margin-left: -276px; width: 556px; height: 20px; background: #4b9b47; border-radius: 16px; }
.manufacturer-features p { color: #007953; font-size: 22px; }
.manufacturer-features .box { position: relative; padding: 10px 15px 25px 15px; border-radius: 16px; margin-bottom: 35px; background: rgba(75,155,71,1); background: -moz-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(90,170,86,1) 50%, rgba(75,155,71,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,155,71,1)), color-stop(50%, rgba(90,170,86,1)), color-stop(100%, rgba(75,155,71,1))); background: -webkit-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(90,170,86,1) 50%, rgba(75,155,71,1) 100%); background: -o-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(90,170,86,1) 50%, rgba(75,155,71,1) 100%); background: -ms-linear-gradient(top, rgba(75,155,71,1) 0%, rgba(90,170,86,1) 50%, rgba(75,155,71,1) 100%); background: linear-gradient(to bottom, rgba(75,155,71,1) 0%, rgba(90,170,86,1) 50%, rgba(75,155,71,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9b47', endColorstr='#4b9b47', GradientType=0 ); }
.manufacturer-features .box h3 { color: #fff; font-size: 20px; margin: 0; }
.manufacturer-features .box h3 strong { font-size: 36px; display: block; }
.manufacturer-features .box::before { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -67px; width: 134px; height: 20px; background: #24ac81; border-radius: 16px; }
/* MANUFACTURER PAGE / SERTIFICATS */
.manufacturer-sertificats { padding: 35px 0 55px 0; overflow: hidden; }
.manufacturer-sertificats h2 { color: #4b9b47; }
.manufacturer-sertificats-list::before { content: ""; position: absolute; top: 50%; left: -4000px; width: 10000px; height: 4px; background: url("../images/webp/dotted.webp") 0 0 repeat-x; }
.manufacturer-sertificats-list .dot-bg { position: absolute; top: 50%; left: -30px; margin: -17px 0 0 0; width: 35px; height: 35px; border-radius: 35px; background: #4b9b47; }
.manufacturer-sertificats-list .dot-bg.right { left: auto; right: -30px; }
.manufacturer-sertificats-list .dot-bg.big { width: 50px; height: 50px; border-radius: 50px; margin: -25px 0 0 -25px; left: 50%; }
.manufacturer-sertificats-list .item .icon { position: relative; width: 230px; height: 230px; border-radius: 230px; border: 5px solid #4b9b47; margin: 0 auto 15px auto; background: #fff; }
.manufacturer-sertificats-list .item .icon .td { height: 230px; }
.manufacturer-sertificats-list .item .icon .td img { margin-top: -8px; width: 100%; height: 100%; max-width: 75%; max-height: 75%; }
.manufacturer-sertificats-list .item h3 { font-size: 21px; color: #4b9b47; }
/* MANUFACTURER PAGE / PRODUCTIONS */
.manufacturer-productions { background: url("../images/webp/manufacturer-productions-bg.webp") 50% 50% no-repeat; background-size: cover; height: 540px; padding-top: 28px; }
.manufacturer-productions .bg-line { position: absolute; top: 50%; left: 50%; margin: -1px 0 0 250px; width: 4000px; height: 2px; background: #fff; }
.manufacturer-productions .bg-line.right { left: auto; right: 50%; margin: -2px 252px 0 0; }
.bg-line-dot { position: absolute; top: 120px; left: 50%; margin-left: -382px; width: 160px; height: 1px; background: #fff; }
.bg-line-dot::before { content: ""; position: absolute; top: -9px; left: 0; width: 18px; height: 18px; border-radius: 18px; background: #fff; }
.bg-line-dot.bg-line-dot-2 { top: auto; bottom: 120px; width: 85px; margin-left: -307px; }
.bg-line-dot.right { left: auto; right: 50%; width: 85px; margin-left: 0; margin-right: -307px; float: none; }
.bg-line-dot.bg-line-dot-2.right { width: 160px; margin-right: -382px; }
.bg-line-dot.right::before { left: auto; right: 0; }
.manufacturer-productions::before { content: ""; position: absolute; top: 0; left: 0; width: 70%; height: 100%; background: rgba(75,122,72,1); background: -moz-linear-gradient(left, rgba(75,122,72,1) 0%, rgba(75,122,72,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(75,122,72,1)), color-stop(100%, rgba(75,122,72,0))); background: -webkit-linear-gradient(left, rgba(75,122,72,1) 0%, rgba(75,122,72,0) 100%); background: -o-linear-gradient(left, rgba(75,122,72,1) 0%, rgba(75,122,72,0) 100%); background: -ms-linear-gradient(left, rgba(75,122,72,1) 0%, rgba(75,122,72,0) 100%); background: linear-gradient(to right, rgba(75,122,72,1) 0%, rgba(75,122,72,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b7a48', endColorstr='#4b7a48', GradientType=1 ); }
.manufacturer-productions .round-box { position: relative; width: 486px; height: 486px; border-radius: 486px; margin: 0 auto; background: #4b9b47; border: 4px solid #005f41; padding-top: 45px; z-index: 15; }
.manufacturer-productions .round-box::before { content: ""; position: absolute; top: -14px; left: -14px; width: 505px; height: 505px; border-radius: 505px; border: 2px solid #fff; }
.manufacturer-productions .round-box::after { content: ""; position: absolute; top: 50%; left: 50%; width: 420px; height: 420px; border-radius: 420px; margin: -210px 0 0 -210px; background: rgba(255,255,255,.08); }
.manufacturer-productions .round-box h2, .manufacturer-productions .round-box p { color: #fff; }
.manufacturer-productions .round-box h2 { font-size: 28px; margin-bottom: 20px; }
.manufacturer-productions .round-box h2 strong { display: block; font-size: 48px; }
.manufacturer-productions .round-box p { max-width: 70%; margin: 0 auto; }
/* MANUFACTURER PAGE / SEEMORE */
.manufacturer-seemore { padding-top: 55px; padding-bottom: 55px; }
.manufacturer-seemore h2 { margin-bottom: 25px; }
.manufacturer-seemore h3 { color: #007953; }
.manufacturer-seemore iframe { border: 1px solid #fff; }
.manufacturer-seemore .section-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 190px); background: url("../images/webp/manufacturer-seemore-bg.webp") 50% 50% no-repeat; background-size: cover; }
.manufacturer-seemore .section-bg::before { content: ""; position: absolute; top: -12px; left: 0; width: 100%; height: 4px; background: #007953; }
.manufacturer-seemore p { color: #fff; max-width: 760px; margin: 15px auto; }
.manufacturer-seemore h3 { color: #fff; padding: 5px 10px; text-align: center; border: 1px solid rgba(255,255,255,.75); border-radius: 15px; }
/* ORDER PAGE */
.order-box { margin: 0 25px; }
.order-header p { font-weight: bold; }
.order-header p span { font-size: 14px; }
.body-order { margin-bottom: 15px; }
.number-input { border: 1px solid #aaa; border-radius: 15px; display: -ms-inline-flexbox; display: inline-flex; }
.number-input:before { display: block; content: ""; border-bottom: 1px solid #aaa; position: absolute; width: 100%; height: 1px; top: 20px; left: 0; }
.number-input button.minus { border-radius: 15px 0 0 15px; }
.number-input button { outline: none; -webkit-appearance: none; background-color: #fafafa; border: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 39px; cursor: pointer; margin: 0; position: relative; }
.number-input button.minus:before { content: "-"; position: absolute; display: block; font-size: 32px; top: -1px; left: 0; }
.number-input button.minus:before { content: "-"; line-height: 32px; }
.number-input button:after, .number-input button:before { display: inline-block; font-size: 32px; color: #aaa; width: 100%; height: 100%; }
.number-input input[type=number] { font-family: sans-serif; max-width: 82px; padding: .5rem; border: solid #aaa; border-width: 0 1px; font-size: 23px; height: 39px; background-color: #fafafa; text-align: center; -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; z-index: 99; }
.number-input input[type=number]::-webkit-outer-spin-button,
.number-input input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
.number-input button.plus { border-radius: 0 15px 15px 0; }
.price { font-size: 27px; color: #4b9b47; }
.number-input button.plus:after { content: "+"; position: absolute; display: block; font-size: 32px; top: -3px; left: 0; }
.order-additional-conditions { padding: 15px; border: 1px dashed #4b9b47; text-align: center; }
/* CONTACTS PAGE */
.contacts-info-colls { max-width: 690px; padding: 20px; margin: 0 auto; border: 1px solid rgba(0,0,0,.15); background: rgba(0,0,0,.03); }
.contacts-info-colls .box { margin-right: 25px; }
.contacts-info-colls .box hr { max-width: 320px; }
.contacts-info-colls .box h2, .contacts-info-colls .title h3 { color: #4b9b47; font-size: 25px; }
.contacts-info-colls h5 { color: #4b9b47; font-size: 18px; }
.contacts-info-colls .box i { color: #4b9b47; margin-right: 5px; }
.contacts-info-colls .box strong { color: #4b9b47; }
.contacts-info-colls .socials-list { width: 100%; text-align: center; }
.contacts-info-colls .socials-list li { margin: 0 9px; }
.contact-tels a { color: #706f6f; text-decoration: none; }
/* WHERE TO BUY PAGE */
.logos-list { margin-top: 20px; }
.logos-list .item { position: relative; border: 1px solid #4b9b47; margin-bottom: 25px; }
.logos-list .item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 6px solid #4b9b47; opacity: .1; z-index: -1; }
.logos-list .td { height: 150px; text-align: center; }
.logos-list .td img { max-width: 80%; max-height: 90%; }
.logos-list .item:hover::before { border: 3px solid #4b9b47; opacity: .6; }
/* BLOG / ARTICLES */
.articles-category-page, .single-page-article { min-height: 500px; }
.articles-list article { text-align: center; margin-bottom: 50px; }
.articles-list article .preview-image-box, .preview-image { display: block; height: 215px; }
.articles-list article .preview-image-box { position: relative; overflow: hidden; margin-bottom: 10px; border: 1px solid #ddd; }
.articles-list article:hover .preview-image-box .preview-image { transform: scale(1.1); }
.articles-list article h2, .articles-list article h3 { margin: 0 0 10px 0; display: -webkit-box; height: 48px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; }
.articles-list article h2 a, .articles-list article h3 a { display: block; color: #000; font-size: 18px; font-weight: 600; text-decoration: none; }
.articles-list article:hover h2 a, .articles-list article:hover h3 a { color: #4b9b47; }
.articles-list article .preview-text { display: -webkit-box; height: 90px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 4; margin-bottom: 20px; }
.articles-list article .preview-text p { margin: 0; }
.articles-list article .more-butn { color: #4d1a80; font-weight: 600; padding: 10px 25px; background: #f5f5f5; color: #4b9b47; border-radius: 26px; text-decoration: none; }
.articles-list article .more-butn:hover { color: #fff; background: #4b9b47; }
.post-prewiev { float: left; margin: 0 15px 10px 0; }
/* BLOG / SINGLE ARTICLE */
.article-info { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 15px; }
.article-date i { margin-right: 7px; }
.shares-ttl { display: inline-block; vertical-align: top; margin-top: 4px; }
.post h2 { font-size: 25px; color: #4b9b47; font-weight: bold; margin-bottom: 15px; }
.alignleft { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { display: block; margin: 0 auto 25px auto; }
.wp-caption p { margin-top: 10px; font-style: italic; }
blockquote { position: relative; padding: 15px 15px 15px 45px; background: #f5f5f5; border-radius: 9px; }
blockquote p { font-size: 24px; margin: 0; font-weight: bold; }
blockquote::before { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f10e"; color: #f172ac; font-size: 24px; top: 10px; left: 20px; text-indent: 0; width: 30px; line-height: 35px; z-index: 25; }
table { width: 100%; border-top: 1px solid #ccc; border-right: 1px solid #ccc; margin-bottom: 25px; }
table td, table th { text-align: left; padding: 5px 10px; font-size: 15px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: middle !important; }
table th { background: #4b9b47; color: #fff; }
.download-box { margin-bottom: 55px; }
.download-box .butn a { color: #fff !important; text-decoration: none; }
.post-sources li { font-size: 13px; }
/* 404 */
.page-404 .box { margin: 15px; padding: 15px 20px; border: 1px dashed #ccc; }
/* TIPS */
#qtip-4, #qtip-5, #qtip-6, #qtip-7, #qtip-8 { margin-left: -15px !important; }
#qtip-0, #qtip-1, #qtip-2, #qtip-3 { margin-left: 5px !important; }
.qtip-content { padding: 15px; color: #fff; font-size: 16px; line-height: 1.4; max-width: 240px; }
.qtip-default { border-color: transparent !important; background: #4b9b47 !important; border-radius: 16px; }
.qtip-content h3 { font-size: 22px; text-transform: uppercase; margin-bottom: 5px !important; }
.qtip-content p { margin: 0; }
/* FORMS */
.form-group { position: relative; z-index: 100; }
.form-group.requaired p { margin-top: 15px; font-size: 14px; }
.form-group input.form-control, .form-group textarea, .form-group select { font-family: 'Roboto', sans-serif; border: 1px solid #4b9b47; background: #fff; padding: 6px 15px; height: auto; border-radius: 0; }
.form-group input.form-control::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group input.form-control::-moz-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group input.form-control:-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group input.form-control:-moz-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group textarea::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group textarea::-moz-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group textarea:-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group textarea:-moz-placeholder { font-family: 'Roboto', sans-serif; color: #707070; font-size: 16px; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { border-color: red !important; }
.form-group textarea { max-height: 100px; }
.hidden-form-group { display: none; }
.wpcf7 form .wpcf7-response-output { margin-left: 0; margin-right: 0; }
.form-input.wpcf7-not-valid, .form-textarea.wpcf7-not-valid, select.wpcf7-not-valid { border-color: #f03952; }
.ajax-loader { position: absolute !important; top: 12px !important; left: 0; width: 15px; height: 15px; margin: 0 !important; background: #ffffff; border-radius: 15px; }
.wpcf7-not-valid-tip, .screen-reader-response { display: none !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { background: #fff; }
.agree span.wpcf7-list-item { margin: 0; padding: 0 4px; }
.agree span.wpcf7-validates-as-required { border-bottom: 2px solid rgba(255,255,255,0); margin: 0 6px 0 0; }
.agree span.wpcf7-validates-as-required.wpcf7-not-valid { border-color: red; }
.agree a { color: rgba(98,72,49,0.95); text-decoration: underline; }
/* FORMS / TEL MASK */
.intl-tel-input { display: block !important; }
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { padding-left: 10px !important; }
.intl-tel-input.separate-dial-code .selected-flag { background: transparent !important; }
.selected-dial-code { font-size: 16px; }
.phone-select { padding-left: 95px !important; }
.intl-tel-input .country-list { left: 1px; z-index: 999 !important; }
/* POPUP */
.mfp-zoom-out .mfp-content { width: auto !important; vertical-align: middle !important; display: inline-block; }
.white-popup { display: inline-block; position: relative; background: #ffffff; color: #000; max-width: 1047px; z-index: 100000; padding: 45px 45px 25px 45px; -webkit-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.25); box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.25); border-radius: 16px; }
.mfp-zoom-out .mfp-close { background: #4b9b47 !important; color: #ffffff !important; top: -20px !important; right: 20px !important; width: 30px !important; height: 30px !important; border-radius: 30px !important; line-height: 30px !important; font-size: 28px !important; opacity: 1 !important; text-align: center !important; }
.mfp-zoom-out .mfp-close:hover { background: #811816 !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; background: rgba(255,255,255,0.90) !important; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.9; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.mfp-zoom-out .butn.get-access, .videos-access-form .butn.get-access { background: #00aaad; color: #ffffff; }
.mfp-zoom-out .butn.get-access:hover, .videos-access-form .butn.get-access:hover { background: #047678; border-color: #047678; }
.mfp-zoom-out .butn.get-back, .videos-access-form .butn.get-back { background: #bb302e; border-color: #bb302e; color: #ffffff; }
.mfp-zoom-out .butn.get-back:hover, .videos-access-form .butn.get-back:hover { background: #811816; border-color: #811816; color: #ffffff; }
.mfp-img-mobile .mfp-close { display: none !important; }
.mfp-img-mobile .mfp-figure .mfp-close { display: block !important; }
.mfp-figure figure { background: #fff; }
img.mfp-img { max-height: 100% !important; margin: 20px 0; }
.mfp-container.mfp-image-holder { padding-top: 25px; padding-bottom: 25px; margin-bottom: 25px; }
/* POPUP / ACCESS */
.access-modal { max-width: 650px; padding: 35px 25px 25px 25px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); }
.access-modal h3 { color: #4b9b47; font-size: 22px; text-transform: uppercase; font-weight: bold; text-align: center; }
.access-modal p { color: #000; text-align: center; }
.access-butn { display: block; width: 100%; padding: 6px 15px; margin: 0 6px 6px 6px; border: 0; border-radius: 16px; background: #169808; color: #fff; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: 700; cursor: pointer; outline: none; text-decoration: none; }
.access-butn:hover { text-decoration: none; background: #1b6d12; color: #ffffff; }
.access-butn.get-back { background: #c1092e; }
.access-butn.get-back:hover { background: #951831; color: #ffffff; }
.clinics-popup { max-width: 590px; padding: 35px 25px 25px 25px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); }
.clinics-popup img { max-width: 100%; border-radius: 16px; overflow: hidden; }
.clinics-popup img:hover { opacity: 0.75; }
/* POPUP / COOKIE */
.cookie-attempt { position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); -webkit-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.45); box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.45); z-index: 999; }
.cookie-attempt .container { padding-top: 15px; padding-bottom: 20px; }
.cookie-attempt, .cookie-attempt.hide { display: none; }
.cookie-attempt.show { display: block; }
.cookie-attempt .container p { font-size: 15px; margin: 0; }
.cookie-attempt .access-butn { padding: 2px 15px; margin: 0; }
/* INSTAGRAM FEED */
.esf_insta_feeds_holder .esf-insta-load-opacity, .esf_insta_load_more_btns_wrap { opacity: 1; display: block !important; }
.cff-wrapper { background: #fff; }
/* FOOTER */
footer { padding: 20px 0 30px 0; border-top: 6px solid #4b9b47; }
footer, footer *, footer .menu li a, footer .tel { color: #4b9b47; }
footer .menu { display: block; }
footer .menu li { width: 32%; margin-right: 0; }
footer .menu li a { font-size: 19px; }
footer li.menu-item-15, footer li.menu-item-16, footer li.menu-item-17, footer li.menu-item-39, footer li.menu-item-36, footer li.menu-item-204, footer li.menu-item-183, footer li.menu-item-184, footer li.menu-item-185, footer li.menu-item-281, footer li.menu-item-447, footer li.menu-item-460, footer li.menu-item-752, footer li.menu-item-778, footer li.menu-item-1152, footer li.menu-item-1149, footer li.menu-item-1175, footer li.menu-item-1176, footer li.menu-item-1428, footer li.menu-item-1429, footer li.menu-item-1430, footer li.menu-item-1449 { display: none !important; }
.footer-line-bottom { margin-top: 10px; }
.footer-line-bottom > ul > li { display: inline-block; vertical-align: top; width: 32%; }
.footer-line-bottom > ul > li > a { font-weight: bold; text-transform: uppercase; }
.footer-line-bottom > ul > li li { display: block; }
.footer-line-bottom ul ul { padding: 0; margin: 6px 0 0 0; }
.footer-line-bottom ul li a { font-size: 16px; text-decoration: none; }
.footer-line-bottom ul li a:hover { text-decoration: underline; }
.terms-of-use { display: block; font-size: 15px; margin-top: 20px; }
footer .socials-list { text-align: left; margin-top: 20px; }
footer .socials-list li { margin: 0 15px 0 0; }
.bottom-row { margin-top: 35px; }
.facebook-feed { position: relative; height: 510px; }
.facebook-feed::before, .instagram-feed::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/loading.gif") 50% 50% no-repeat; background-size: 80%; z-index: -1; }
.instagram-feed { height: 510px; text-align: center;}
.instagram-feed .esf-insta-wrap { padding: 65px 25px 25px 25px; background: #ddd; height: 510px; }
.instagram-feed .sbi_no_avatar .sbi_header_img { background: #ddd !important; }
.instagram-feed .sbi_follow_btn a, .instagram-feed .sbi_follow_btn a svg, .instagram-feed .sbi_follow_btn a span { color: #fff !important; }
.instagram-feed .sbi_follow_btn a svg path { fill: #fff !important; }
.instagram-feed .sbi_follow_btn a:hover { background: #257521 !important; }
/* ANIMATIONS */
@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}