@font-face{font-family:'SFUIDisplay-Regular';font-display:block;src:url('../fonts/SFUIDisplay-Regular.eot');src:url('../fonts/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/SFUIDisplay-Regular.woff') format('woff'),url('../fonts/SFUIDisplay-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'SFUIDisplay-Light';font-display:block;src:url('../fonts/SFUIDisplay-Light.eot');src:url('../fonts/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/SFUIDisplay-Light.woff') format('woff'),url('../fonts/SFUIDisplay-Light.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'ProximaNova-Bold';font-display:block;src:url('../fonts/ProximaNova-Bold.eot');src:url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/ProximaNova-Bold.woff') format('woff'),url('../fonts/ProximaNova-Bold.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'EtelkaMediumPro-Regular';font-display:block;src:url('../fonts/EtelkaMediumPro-Regular.eot');src:url('../fonts/EtelkaMediumPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/EtelkaMediumPro-Regular.woff') format('woff'),url('../fonts/EtelkaMediumPro-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face {font-family: 'SFUIDisplay-Bold';font-display: block;src: url('../fonts/SFUIDisplay-Bold.eot');src: url('../fonts/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Bold.woff') format('woff'), url('../fonts/SFUIDisplay-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'SFUIDisplay-Thin';font-display: block; src: url('../fonts/SFUIDisplay-Thin.eot'); src: url('../fonts/SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Thin.woff') format('woff'), url('../fonts/SFUIDisplay-Thin.ttf')  format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'ProximaNova-Regular'; font-display: block; src: url('../fonts/ProximaNova-Regular.eot'); src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf')  format('truetype');  font-weight: normal;  font-style: normal;}
@font-face {font-family: 'SFUIDisplay-Heavy'; font-display: block;  src: url('../fonts/SFUIDisplay-Heavy.eot');  src: url('../fonts/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Heavy.woff') format('woff'), url('../fonts/SFUIDisplay-Heavy.ttf')  format('truetype');  font-weight: normal;  font-style: normal;} 
@font-face {font-family: 'Bebas Neue';font-display: block; src: url('../fonts/BebasNeueBold.eot');src: local('Bebas Neue Bold'), local('BebasNeueBold'),url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeueBold.woff') format('woff'), url('../fonts/BebasNeueBold.ttf') format('truetype'); font-weight: bold; font-style: normal;}
.px8{font-size:8px}.px9{font-size:9px}.px10{font-size:10px}.px11{font-size:11px}.px12{font-size:12px}.px13{font-size:13px}.px14{font-size:14px}.px15{font-size:15px}.px16{font-size:16px}.px17{font-size:17px}.px18{font-size:18px}.px19{font-size:19px}.px20{font-size:20px}.px21{font-size:21px}.px22{font-size:22px;}.px23{font-size:23px}.px24{font-size:24px}.px25{font-size:25px}.px26{font-size:26px}.px27{font-size:27px}.px28{font-size:28px}.px29{font-size:29px}.px30{font-size:30px}.px31{font-size:31px}.px32{font-size:32px}.px33{font-size:33px}.px34{font-size:34px}.px35{font-size:35px}.px36{font-size:36px}.px37{font-size:37px}.px38{font-size:38px}.px39{font-size:39px}.px40{font-size:40px}.px41{font-size:41px}.px42{font-size:42px}.px43{font-size:43px}.px44{font-size:44px}.px45{font-size:45px}.px46{font-size:46px}.px47{font-size:47px}.px48{font-size:48px}.px49{font-size:49px}.px50{font-size:50px}.px51{font-size:51px}.px52{font-size:52px}.px53{font-size:53px}.px54{font-size:54px}.px55{font-size:55px}.px56{font-size:56px}.px57{font-size:57px}.px58{font-size:58px}.px59{font-size:59px}.px60{font-size:60px}.px61{font-size:61px}.px62{font-size:62px}.px63{font-size:63px}.px64{font-size:64px}.px65{font-size:65px}.px66{font-size:66px}.px67{font-size:67px}.px68{font-size:68px}.px69{font-size:69px}.px70{font-size:70px}.px71{font-size:71px}.px72{font-size:72px}.px73{font-size:73px}.px74{font-size:74px}.px75{font-size:75px}.px76{font-size:76px}.px77{font-size:77px}.px78{font-size:78px}.px79{font-size:79px}.px80{font-size:80px}.px81{font-size:81px}.px82{font-size:82px}.px83{font-size:83px}.px84{font-size:84px}.px85{font-size:85px}.px86{font-size:86px}.px87{font-size:87px}.px88{font-size:88px}.px89{font-size:89px}.px90{font-size:90px}.px91{font-size:91px}.px92{font-size:92px}.px93{font-size:93px}.px94{font-size:94px}.px95{font-size:95px}.px96{font-size:96px}.px97{font-size:97px}.px98{font-size:98px}.px99{font-size:99px}.px100{font-size:100px}.px112{font-size:112px}.px124{font-size:124px}.px128{font-size:128px}.px132{font-size:132px}

/*============ CSS BEGIN ============*/
/* Geniral style */
* {padding: 0; margin: 0;}
header, nav, section, article, aside, footer {display: block;}
html, body {height: 100%;}
body {background-color: #fff; font-family:'SFUIDisplay-Light', Arial, sans-serif; font-size: 100%; color: #211d1e; /*-webkit-font-smoothing: antialiased;*/}
.content {height: auto; /*min-height: 100%;*/ background-color: #ffffff;}
p {padding: 10px 0; line-height: 118%;}
fieldset {border: none; margin: 0; padding: 0;}

/* Colors style */
.white {color: #ffffff;}
.gray {color: #6e6f71;}
.lilac {color: #a462f1;}
.blue {color: #1f214b;}
.blue2 {color: #39434e;}
.black {color: #171b26;}

/* Link Style */
a, a[href^=tel] {color:inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
a {color:inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: none;}
a.link {color: #1aa2e1; border-bottom: 1px solid;}
a.link:hover {border-bottom: none;}

/* Font family style */
.sfr {font-family: 'SFUIDisplay-Regular', sans-serif;}
.sfb {font-family: 'SFUIDisplay-Bold', sans-serif;}
.sfh {font-family: 'SFUIDisplay-Heavy', sans-serif;}
.sfl {font-family: 'SFUIDisplay-Light', sans-serif;}
.sft {font-family: 'SFUIDisplay-Thin', sans-serif;}
.aab {font-family: 'Bebas Neue';}
.pnt {font-family: 'ProximaNovaT-Thin', sans-serif;}
.pnl {font-family: 'ProximaNova-Light', sans-serif;}
.pnr {font-family: 'ProximaNova-Regular', sans-serif;}
.pnbd {font-family: 'ProximaNova-Bold', sans-serif;}
.pnbk {font-family: 'ProximaNova-Black', sans-serif;}

.etmr {font-family: 'EtelkaMediumPro-Regular', sans-serif;}
.etmb {font-family: 'EtelkaMediumPro-Bold', sans-serif;}

.ari {font-family: 'Arial', sans-serif;}
.tnr {font-family: 'Times New Roman', sans-serif;}

/* Text & font style */
.fnorm {font-weight: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;}
.alleft {text-align: left;}
.alright {text-align: right;}
.upp {text-transform: uppercase;}
.under {text-decoration: underline;}
.line-th {text-decoration: line-through;}
.no-padding {padding: 0;}
.flleft {float: left;}
.flright {float: right;}
.lh80 {line-height: 80%;}
.lh90 {line-height: 90%;}
.lh100 {line-height: 100%;}
.lh110 {line-height: 110%;}
.lh120 {line-height: 120%;}
.lh130 {line-height: 130%;}
.lh140 {line-height: 140%;}
.lh150 {line-height: 150%;}
.lh160 {line-height: 160%;}

/* Display style */
.inline-b {display: inline-block; zoom: 1; *display: inline;}
.vam {vertical-align: middle!important;}
.vat {vertical-align: top!important;}
/* Positon's style */
.rel {position: relative;}
.abs {position: absolute;}
.fix {position: fixed;}
/* Clear */
.clearfix:after {content: ""; display: table; clear: both; *zoom: 1;}
.clear {clear: both;}

/*============ FORM ============*/

input, select, textarea {
  display: initial;
  width: calc(100% - 2px);
  line-height: 45px;
  margin: 4px auto;
  border: 1px solid #cfd1d3;
  border-radius: 3px;
  outline: none;
  text-indent: 26px;
  color: #2d2d2d;
  box-sizing:content-box;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

input {height: 54px;}
textarea{width: calc(100% - 54px); min-height: 144px; text-indent: inherit; padding: 20px 26px;}

/* placeholder style */
::-webkit-input-placeholder {color: #c5c5c5; font-size: 16px;}
:-moz-placeholder {color: #c5c5c5; font-size: 16px;}
::-moz-placeholder {color: #c5c5c5; font-size: 16px;} 
:-ms-input-placeholder {color: #c5c5c5; font-size: 16px;}

input[name="mail"]::-webkit-input-placeholder {color: #c5c5c5; font-size: 16px; font-style: italic;}
input[name="mail"]:-moz-placeholder {color: #c5c5c5; font-size: 16px; font-style: italic;}
input[name="mail"]::-moz-placeholder {color: #c5c5c5; font-size: 16px; font-style: italic;} 
input[name="mail"]:-ms-input-placeholder {color: #c5c5c5; font-size: 16px; font-style: italic;}




button {background: none; outline: none; border: none;}

.button {
  opacity: 0.88;
  position: relative;
  transition: 0.3s ease all 0s;
  -webkit-transition: 0.3s ease all 0s;
  -moz-transition: 0.3s ease all 0s;
  -o-transition: 0.3s ease all 0s;
  -ms-transition: 0.3s ease all 0s;
}

.button:hover {
  opacity: 1;
  -webkit-filter: contrast(140%); /* Safari */ 
  filter: contrast(140%); 
  -webkit-filter: brightness(120%); /* Safari */ 
  filter: brightness(110%);
}

.button:active {
  top: 1px;
}

.button:focus {
  
}





/* Flex */
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.flex-between {justify-content:space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;}
.flex-around {justify-content:space-around; -webkit-align-content: space-around;  -ms-flex-line-pack: distribute;}
.flex-center {justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
.flex-left {justify-content: flex-start; -webkit-justify-content: flex-start;  -ms-flex-pack: start;}
.flex-right {justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end;}

.flex-top {align-items:flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; }
.flex-mid {align-items:center; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;}
.flex-bot {align-items:flex-end; -webkit-align-items: flex-end; -ms-flex-align: end;}

.flex-wrap {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;}

.flex-column {flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;}
.flex-column-rev {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}
.flex-row {flex-direction: row; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row;}
.flex-row-rev {flex-flow: row-reverse;  -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}

h1 {font-size: 80px; line-height: 140%; margin: 0 ; font-family: 'Bebas Neue';}
h1 span {font-size: 114px;}
/*============ WRAPPER ============*/
header, .block, #wrapper, footer {min-width: 280px; margin: 0 auto;}
.block {overflow: hidden;}
.wrap {max-width: 1160px; padding: 0 20px; margin: 0 auto;}
.wrap:after, .wrap:before {content: " "; display: table; clear: both;}
ul {list-style-type: none;}
img {max-width: 100%;}

.link {border-bottom: 1px solid;}

.inline-container > div {display: inline-block; zoom: 1; *display: inline;}
.inline-container > div:first-child {margin-left: 0;}
.inline-container > div:last-child {margin-right: 0;}

/* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {
  border: 4px solid #fff;
  border-radius: 20px;
  height: 56px;
  margin: 0 auto;
  width: 32px;
  display: block;
  z-index: 10;
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
          animation-name: drop;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 20px;
  background: #fff;
  width: 6px;
  height: 12px;
  top: 14px;
  margin-left: auto;
  margin-right: auto;
}
@-webkit-keyframes drop {
  0% {
    top: 14px;
    opacity: 0;
  }
  30% {
    top: 20px;
    opacity: 1;
  }
  100% {
    top: 30px;
    opacity: 0;
  }
}
@keyframes drop {
  0% {
    top: 14px;
    opacity: 0;
  }
  30% {
    top: 20px;
    opacity: 1;
  }
  100% {
    top: 30px;
    opacity: 0;
  }
}

.underline {display: inline-block; border-bottom: 5px solid #211d1e;}

.product .inline-b {vertical-align: middle;}
.product-image-wrapper {width: 40%; max-width: 460px;}
.product-image {max-width: 370px;}
.product-image img {max-width: 100%; min-width: 280px;}
.product-info {width: 60%}
.product-button {
  transition: 0.3s ease all 0s;
  -webkit-transition: 0.3s ease all 0s;
  -moz-transition: 0.3s ease all 0s;
  -o-transition: 0.3s ease all 0s;
  -ms-transition: 0.3s ease all 0s;
  display: inline-block; height: 30px; line-height: 30px; border: 2px solid #211d1e; margin: 20px 0 0 0; padding: 0 13px; font-family: 'SFUIDisplay-Regular', sans-serif; font-size: 14px; text-transform: uppercase; background-color: #211d1e; color: #ffffff; border-radius: 4px;}
.product-button:hover {background-color: transparent; color: #211d1e;}
.online-button {border: 2px solid #00a2dc; background-color: #00a2dc; color: #ffffff;}
.online-button:hover {background-color: transparent; color: #00a2dc;}

.related-documents {text-align: justify; margin: 50px 0 0 0;}
.related-documents:after {content: ""; width: 100%; display: inline-block;}
.related-documents .inline-b img {margin: 0 15px 0 0;}
.related-documents .inline-b * {vertical-align: middle;}

.paralax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.li-line {display: inline-block; vertical-align: middle; width: 19px; height: 5px; margin: 0 18px 0 0; background: #211d1e;}
.dot {display: inline-block; vertical-align: middle; width: 7px; height: 7px; border-radius: 50px; background: #fff;}
.dot.black {display: inline-block; vertical-align: middle; width: 7px; height: 7px; border-radius: 50px; background: #211d1e;}

.product-label {
  top: -16%;
  right: -8%;
  width: 112px; height: 110px;
  margin: 0 auto;
  text-align: center;
  padding-top: 50px;
  -ms-transform: rotate(-25deg); /* IE 9 */
  -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
  transform: rotate(-25deg);
  color: #ffffff;
}

.pharmacies {text-align: justify;}
.pharmacies:after {content: ''; display: inline-block; zoom: 1; *display: inline; width: 100%;}
.pharmacies * {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}

.toggle {padding: 20px 0 14px 0; border-bottom: 1px dashed #d9d9d9; background: url('../images/slide_down.png') no-repeat top 25px right 10px; cursor: pointer;}
.toggle p {padding: 0;}
.toggle-question p {padding: 0 42px 0 0;}
.toggle-answer {display: none; padding: 10px 0 0 0!important; cursor: auto;}
.toggle.active {display: block; background: url('../images/slide_up.png') no-repeat top 25px right 10px;}
.toggle.no-toggle .toggle-answer {display: block;}
.toggle.no-toggle {background: none;}

.justify-wrapper {text-align: justify;}
.justify-wrapper:before {content: ''; display: block; width: 100%;}
.justify-wrapper:after {content: ''; display: inline-block; zoom: 1; *display: inline; width: 100%;}

.left-block {width: 47.5%; max-width: 530px; float: left; margin: 0 5% 0 0;}
.right-block {width: 47.5%; max-width: 530px; float: right;}

/*============ BLOCK'S ============*/
header {position: relative; z-index: 100; background-color: #00a3dc; padding: 22.5px 0;}
header .wrap * {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
header .menu, header .logo, header .phone {position: relative; top: 18px; transition: all 0.3s;}
header .phone p {margin:0;}
header .menu a {margin: 0 10px; font-family: 'SFUIDisplay-Regular', sans-serif; font-size: 19px; color: #ffffff;}
header .wrap {text-align: justify;}
header .wrap:before {content: ''; display: block; width: 100%;margin-bottom: -18px;}
header .wrap:after {content: ''; display: inline-block; zoom: 1; *display: inline; width: 100%;}
header .menu {transition: 0.3s ease all 0s; -webkit-transition: 0.3s ease all 0s; -moz-transition: 0.3s ease all 0s; -o-transition: 0.3s ease all 0s;  -ms-transition: 0.3s ease all 0s;}
header {transition: 0.1s ease all; -webkit-transition: 0.1s ease all; -moz-transition: 0.1s ease all; -o-transition: 0.1s ease all;  -ms-transition: 0.1s ease all;}


header.sticky {position: fixed; top: 0; left: 0; right: 0; }
header.min {padding: 10px 0; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -o-transition: 0.3s ease all;  -ms-transition: 0.3s ease all;}

.menu a.active {box-shadow: 0px 1px 0 #00a1dc; color: #999999;}
header.active {background-color: #181b26;}
header.active .menu {display: block; position: absolute; left: 0; top: 100%; width: 100%; max-width: 280px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);}
header.active .menu a {display: block; width: auto; margin: auto; box-shadow: none; padding: 5% 0 5% 20px; font-family: 'ProximaNova-Bold', sans-serif; font-size: 20px; background-color: #181b26; border-bottom: 1px solid #4c4c4c;}
header.active .menu a:last-child {box-shadow: none; border-bottom: none; border-radius: 0; color: #fff; text-transform: none;}
header.active .menu a:hover {color: #00a1dc;}
header.active .menu a.active {background-color: #00a1dc; color: #ffffff; border-bottom: none;}

header .dropdown {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

header.active .dropdown {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

main.sticky {padding-top:80px;}

.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.block0 {height: calc(100vh - 60px); min-height: 640px; }
.block0 .wrap {height: 100%; z-index: 90;}
/*.block0 .horse {margin: 126px 0 calc(10px + 1%) 0; min-width: 180px;}*/
.block0 .two-box {padding: 100px 0 30px;}
.block0 .bxslider1 {position: absolute!important; top: 0; right: 0; bottom: 0; left: 0;}
.block0 .bx-wrapper {position: absolute!important; top: 0; right: 0; bottom: 0; left: 0; margin: auto!important; box-shadow: inherit; border: inherit; background: inherit;}
.block0 .bx-wrapper .bx-viewport {height: 100%!important;}

.block0 h1 {font-size: 60px; line-height: 140%; font-family: 'Bebas Neue';}
.block0 h1 span {font-size: 114px; line-height: 100%;}
.block0 .horse {height: 30vh; min-height: 180px; max-height: 291px;}

.sliders {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.sliders .slide {width: 100%; height: 100%; background-size: cover;}
.sliders .slide:nth-child(1) {background-image: url('../images/bg/slide1.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.sliders .slide:nth-child(2) {background-image: url('../images/bg/slide2.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.sliders .slide:nth-child(3) {background-image: url('../images/bg/slide3.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}

.bottom-block {margin: 0 auto;}

.slogan  {border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff; padding: 5% 0 4%;}
.slogan p {padding: 0; margin: 0;}
.block1 {border-bottom: 1px solid #cccccc; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); padding: calc(30px + 3%) 0;}
/*.block1 .wrap * {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}*/
.block1 img {margin-right: 96px;}
.block1 p {text-transform: none; text-align: left;}

.block2 {padding: 80px 0 40px;}
.block2 .product .inline-b {vertical-align: top;}
.block2 .bx-wrapper {position: inherit; margin: auto!important; box-shadow: inherit; border: inherit; background: inherit;}
.block2 .bx-custom-controls {top: 50%; margin-top: -27px;}
.block2 .bx-custom-controls.arleft {left: 20px;}
.block2 .bx-custom-controls.arright {right: 20px;}

.block3 {padding: 140px 0; background-image: url("../images/bg/paralax1.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}

.block4 {padding: calc(30px + 3%) 0 0;}
.block4 .icons {margin-top: calc(30px + 3%);}
.block4 .icons li {width: 19%; vertical-align: top;}
.block4 .icons li img {margin-bottom: 20px;}
.block4 .icons li p {font-family: 'SFUIDisplay-Light', sans-serif; font-size: 22px;}

.block5 {padding: 140px 0;background-image: url("../images/bg/paralax2.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.block5 .dot {margin: 0 10px}

.block6 {padding: calc(30px + 3%) 0 calc(20px + 2%) 0;}
.block6 .product-block hr {border: none; border-bottom: 6px solid #211d1e; margin: 100px 0;}
.block6 .product-block .product.semental {width: 48%;}
.block6 .product-block .product.booster {width: 100%;}
.block6 .product-block .product-info {width: 53%;}
.block6 .product-block .product-image {width: 45%}
.block6 .product-block .product-image img {min-width: 140px;}
.block6 .product-block ul li {margin: 10px 0;}
.block6 .product-block ul li:first-child {margin-top: 5px;}
.block6 .product-block ul li:last-child {margin-bottom: 20px;}
.block6 .product-block .testomax .product-label {background: url('../images/label_yellow.png') no-repeat center; top: 0; padding-top: 40px;}
.block6 .product-image img {width: 100%}

.block7 {background: #f1f8fe; padding: calc(15px + 2%) 0 calc(30px + 3%) 0;}

/*============ FAQ ============*/
.faq {padding: calc(15px + 2%) 0 calc(30px + 3%);}
.faq .toggle p {font-size: 18px;}

/*============ REVIEWS ============*/
.reviews {padding: calc(15px + 2%) 0 calc(30px + 3%);}
.review-container {margin: 0 0 40px 0;}
.review-container:last-child {margin: 0;}
.review-user-name {margin: 6px 0 0 0;}
.review-user {min-width: 120px; float: left;}
.review-text {width: calc(100% - 120px); float: right;}
.review-text {width: 100%; float: right;}
.review-text p {padding: 0; font-size: 18px;}
.review-text .review-stars {margin: 10px 0 0 0;}
.review-container .stars span {cursor: auto;}

.leave-review form {}
.leave-review form button {
  width: 100%;
  height: 56px;
  margin-top: 0px!important;
  border-radius: 4px;
  font-family: 'ProximaNova-Regular'!important;
  font-size: 16px!important;
  background-color: #55dcb7;
  text-align: center;
  color: #ffffff;
  cursor: pointer;max-width: 200px; display: inline-block;
}

.you-rate {display: inline-block; margin: 0 0 0 30px;}
.you-rate * {display: inline-block;}

.br-theme-fontawesome-stars-o .br-widget a.br-active:after {
  content: '\f005';
  color: #fcb016!important;
}
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
  content: '\f005';
  color: #fcb016!important;
}
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  content: '\f123';
  color: #fcb016!important;
}

.stars span {color: #ccc; cursor: pointer;}
.stars span:after {content: "\2605";}
.stars .selected {color: #fcb016; cursor: pointer;}

/*============ WARRANTY ============*/
.warranty {padding: 80px 0;}
.warranty .product {margin: 0 0 40px 0;}
.about .left-block {width: 70%; max-width: 810px; float: left;}
.about .left-block {width: auto; max-width: initial; float: initial; margin: auto; padding: 0 0 16px;}
.about .right-block {width: auto; float: right; margin: -20px -50px 0;}
.about .about-img {margin: 30px 0;}
.hidden-about-img {display: none; margin: 25px 0;}
.hidden-about-img img {width: 100%; margin: 0 0 20px 0;}
.hidden-about-img img:last-child {margin: 0;}

.fancybox-slide {padding: 3%;}
#privacy {width: 100%; max-width: 1024px; margin: auto; background: #fff; padding: 3% 5%; box-sizing: border-box;}
#privacy p {padding: 10px 0;}
#privacy ul {padding: 10px 0; list-style-type: disc; margin-left: calc(20px + 2%);}

.about .inline-container {text-align: justify;}
.about .inline-container:after {content: ""; width: 100%; display: inline-block;}
.about .left-block .inline-b p {text-align: left;}
.about .left-block .inline-b {max-width: 110px; vertical-align: middle;}
.about .left-block .inline-b {max-width: initial; vertical-align: middle;}
/*.about .left-block .inline-b:last-child {max-width: 90px;}*/
.about .left-block .logo {width: 200px;}
.about .left-block .address {max-width: 370px;}
.about .left-block .address a {color: inherit; border: none;}
.about .left-block .icons {max-width: 165px;}
.about .left-block .icons * {display: inline-block; vertical-align: middle;}
.about .left-block .icons img {margin: 0 12px 0 0;}
.about .left-block .icons p {max-width: 86px;}

.warranty .related-documents {max-width: 380px;}
.warranty .related-documents .inline-b {margin: 0 0 20px 0;}
    
.warranty-container {width: 100%; max-width: 695px; min-height: 441px; margin: 40px 0 0 0; background: url('../images/warranty.jpg') no-repeat center; background-size: 100% 100%;}
.warranty-container:after {content: ""; position: absolute; right: -50px; bottom: -22px; width: 165px; height: 130px; background: url('../images/365_days.png') no-repeat center;}
.warranty-text {padding: 40px 50px 40px 50px;}
#success-send {width: 100%; max-width: 720px; line-height: 120%; text-align: center; color: #fff; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    background: #00a3dc;
}
#success-send .fancybox-close-small {background: transparent; color: #fff;}
#reviews-send {width: 100%; max-width: 720px; line-height: 120%; text-align: center; color: #fff; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    background: #00a3dc;
}
#reviews-send .fancybox-close-small {background: transparent; color: #fff;}

.warranty .pharmacies {padding: 50px 0 0 0;}

.days365 {display: none; margin: 20px auto;}

/*============ WARRANTY ============*/
.buy {padding: 80px 0;}
.buy {padding: 0 0 calc(30px + 3%);}
.buy h1 span {font-size: 60px; line-height: 140%; margin-bottom: calc(30px + 3%);}
.buy .special {padding: calc(30px + 2%) 0 calc(10px + 2%); width: 100%; max-width:680px; margin: 0 auto;}
.buy .product-block {margin: 60px 0 0 0;}
.buy .product-block hr {border-bottom: 6px solid #00a3dc;}
.buy .product {width: calc(100% / 2 - 30px); display: inline-block; vertical-align: top; margin: 0 30px;}
.buy .product:first-child {margin-left: 0;}
.buy .product:last-child {margin-right: 0;}
.buy .product .product-image {display: block; margin: 0 auto;}
.buy .product .product-image-wrapper, .buy .product .product-info {width: auto;}
.buy .product .underline {border: none;}
.buy .product hr {border-bottom: 2px solid #211d1e; margin: 40px 0;}
.buy .product-button {width: 100%; max-width: 196px; height: 50px; line-height: 50px; text-align: center; padding: 0;}
.buy .pharmacies {margin: 50px 0 20px 0;}
.buy .form {max-width: 640px; margin: 0 auto; text-align: center;}
.buy .form input {margin-bottom: 15px;}
.buy .product-button {font-size: 24px; cursor: pointer; max-width: 320px; background: #00a3dc; border: 3px solid #00a3dc; box-sizing: border-box; height: 60px; line-height: 57px;}
.buy .product-button:hover {background: #fff;}
.buy .item {width: 30%;}
.buy .item img {transition: all 0.3s; width: 90%; max-width: 300px;}
.buy .item:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
  
  .buy #form button:disabled {background: #8a8e91; border-color:#8a8e91 ;color: #ccc; cursor: wait;}
  form .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0; margin: 0;}
  form .call-privacy {margin: calc(10px + 1%) auto;}
  form .call-privacy a {display: inline; margin: 0; text-decoration: underline; }
  form .call-privacy a:hover {text-decoration: none;}

  .checkbox-custom {opacity: 0; position: absolute; display: none;}   
  .checkbox-custom-label {font-size: calc((8vw)/(420 - 160) * (9 - 5) + 8px);}
  .checkbox-custom-label a {font-size: calc((8vw)/(420 - 160) * (9 - 5) + 8px);}
  .checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; border: 2px solid #00a3dc; cursor: pointer; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; padding: 2px; margin-right: 3px; text-align: center; transition: border 0.3s;}
  .checkbox-custom + .checkbox-custom-label.attension:before {content: ''; background: #fff; border: 2px solid #ff0000; cursor: pointer; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; padding: 2px; margin-right: 3px; text-align: center; box-shadow: 0 0 10px #ff0000; transition: all 0.3s;}
  .checkbox-custom:checked + .checkbox-custom-label:before {content: ''; background: #fff url(../images/check-policy.png) no-repeat 50% 50%; background-size: 90%; color: #fff; box-shadow: 0 0 10px rgba(255,255,255,0.5);}


/*============ CONTACTS ============*/
.contacts {padding:calc(15px + 2%) 0 calc(30px + 3%);}
.contacts ul {margin: 40px 0 0 0;}
.contacts ul li {width: 26%;}
.contacts ul li:last-child  {width: 42%;}
/*@media only screen and (min-width: 980px) {
.contacts {min-height: 600px;}
}*/


/*============ PRODUCTS ============*/
.products {padding: calc(30px + 3%) 0;}
.products hr {border: none; border-bottom: 2px solid #211d1e; margin: 0 0 30px;}
.products .product-button {width: 100%; max-width: 196px; height: 50px; line-height: 50px; text-align: center; padding: 0;}
.products .related-documents {margin: 40px 0 20px 0;}
.products .pharmacies {margin: 70px 0 0;}
.products .features ul {width: 96%;}
.products .features ul:before {content: ''; display: block; width: 100%;}
.products .features ul:after {content: ''; display: inline-block; zoom: 1; *display: inline; width: 100%;}
.products .features ul li {display: inline-block; font-family: 'SFUIDisplay-Light', sans-serif; font-size: 16px; padding-left: 12px;}
.products .features ul li .dot {margin: 0 12px 0 0;}
.products .toggle p {font-size: 18px;}

/*============ FOOTER ============*/
footer {padding: 40px 0 0;}
footer p {color: #ffffff;}

footer .certificate {}
footer p {padding:0;margin:0;}
footer .foot-logo {width: 25%; max-width: 80px;}
footer .foot-logo img {width: 100%;}

footer .menu {width: 100%; max-width: 800px; margin: 3% auto;}
footer .menu a {margin: 0 10px; font-family: 'SFUIDisplay-Regular', sans-serif; font-size: 16px; color: #ffffff;}


footer .contacts p {padding:0;margin:0;}

.footer-about {background-color: #0b0d13; padding: 25px 0; margin: 20px 0 0 0;}
.footer-about p {color: #ffffff;}
.footer-about .wrap * {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}

.footer-about .bad {width: 100%;}
.footer-about .bad img {width: 100%; margin-right: 0px;}
.footer-about .wrap .pozitivbio {margin-right: 30px;}
.footer-about .wrap p {width: 80%;margin: 0 auto;}
footer .policy {width: 100%; padding-bottom: 1em;}
footer .policy a:hover {color: #fff; text-decoration: underline;}
/*============ POPUP ============*/
.thanks {text-align: center; margin: 20px auto;}

/* STYLE CSS END */

.owl-carousel .item a {display: block;}
.owl-carousel .item img {width: 100%;}

.next_button {top: 50%; right: -10%; margin-top: -27px; cursor: pointer;}
.prev_button {top: 50%; left: -10%; margin-top: -27px; cursor: pointer;}
.next_button2 {top: 50%; right: -15%; margin-top: -65px; cursor: pointer; width: 40px; z-index: 10;}
.prev_button2 {top: 50%; left: -15%; margin-top: -65px; cursor: pointer; width: 40px;z-index: 10;}
.next_button2 img {width: 100%;}
.prev_button2 img {width: 100%;}

@media only screen and (max-width: 1600px) {
.block6 .wrap {max-width: 100%; width: 100%; padding: 0 50px; box-sizing: border-box;}    
.next_button2 {right: 40px;}
.prev_button2 {left: 40px;}
.block6 .product-block .owl-stage {margin-left: -120px;}
}

@media only screen and (max-width: 1480px) {
.next_button {right: -50px;}
.prev_button {left: -50px;}

.slide-wrap {max-width: 100%; margin: 0 60px;}

}


@media only screen and (max-width: 1280px) {
  .px60 {font-size: 48px;}
  .block2 .bx-wrapper {padding: 0 50px;}
}

@media only screen and (max-width: 1200px) {
.block6 .wrap {max-width: 100%; width: 100%; padding: 0 80px; box-sizing: border-box;}
.block6 .product-block .owl-stage {margin-left: 0px;}
.next_button2 {right: 20px;}
.prev_button2 {left: 20px;}
}

@media only screen and (max-width: 1180px) {
  .buy .product {width: auto; display: inherit; margin: auto;}
  .buy .product .product-image-wrapper, .buy .product .product-info {width: 100%;}
  .buy .product:first-child {margin: 0 0 50px 0;}
  .buy .product hr {margin: 20px 0;}
  .warranty-container:after {content: none;}
  .warranty-text {padding: 40px 30px;}
}

@media only screen and (max-width: 1160px) {
    header .menu {
    position: absolute;
    top: 100%;
    left: -300%;
  }
  .dropdown {
    display: block!important;
    display: inline-block!important;
    vertical-align: middle;
    position: relative;
    top: 18px;
  }
  .product-image-wrapper {
    margin-right: 8%;
  }
  .product-info {
    width: 50%;
  }
  .about .left-block .address {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .related-documents .inline-b {
    margin: 10px;
  }
}

@media only screen and (max-width: 1024px) {

  }

@media only screen and (max-width: 980px) {
  .px60 {font-size: 42px;}
  h1 span {font-size: 80px;}


  #mc_embed_signup h2 {font-size: 42px;}

  .product-label {right :0;}
  .block4 .icons li {margin: 2% 0;}
  .block4 .icons li p {font-size: 22px;}
  .block4 .icons li img {margin-bottom: 0;}
}

@media only screen and (max-width: 920px) {
  .pharmacies {
    text-align: center;
  }
  .pharmacies * {
    margin: 10px;
  }
}

@media only screen and (max-width: 860px) {
  .px60 {font-size: 54px;}
  h1 span {font-size: 68px;}
  header {padding: 10px 0;}
  header .menu a  {font-size: 16px;}
  footer .menu a {
    display: none;
  }
  footer .inline-b.center {
    margin: inherit;
  }
  footer .certificate {width: 100%; max-width: 100%; text-align: center; margin: 3% auto;}
  footer .address {width: 100%; max-width: 100%; text-align: center;}
  footer .foot-logo {order: -1; text-align: center; margin: 0 auto; width: 80%;}

  .contacts {
    padding: inherit;
  }

  .product-image-wrapper {
    width: 100%;
    margin: 0 auto calc(10px + 2%);
  }
  .product-image {margin: 0 auto;}
  .product-info {
    width: auto;
  }
  .about .left-block, .about .right-block {
      width: auto;
      max-width: inherit;
      float: none;
      margin: auto;
  }
  .product-image-wrapper {
    max-width: inherit;
  }
  .warranty .related-documents {
    max-width: 100%;
  }
  .warranty .product-image {
    margin: 0 auto;
  }
  .warranty .product-info {
      width: 100%;
  }
  .warranty-container {
    margin: 40px auto 0;
  }
  .warranty .related-documents .inline-b {
    margin: 10px;
  }
  .days365 {
    display: block;
  }
  .left-block, .right-block  {
    width: auto;
    max-width: inherit;
    float: none;
    margin: auto;
  }
  .left-block, .right-block {
    margin: 0 0 25px 0;
  }
  .footer-about {
    padding: 16px 0;
  }

  .block4 .icons li {width: 48%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; justify-content:space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;align-items:center; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;}
  .block4 .icons li div {width: 20%;}
  .block4 .icons li p {width: 80%; padding-left: 5%; text-align: left;}

  .block6 .product-block .product-image {width: 100%;}
  .block6 .product-block .product-info {width: 100%;  }

  .contacts ul li {width: 45%; margin: 1% 0;}
  .contacts ul li:last-child  {width: 100%;}
  .contacts ul {margin-bottom: calc(15px + 2%);}
}

@media only screen and (max-width: 780px) {

  .px100 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 720px) {
  header {padding: 10px 0;}
  .footer-about .wrap img {margin: 0 0 16px 0;}
  .buy .item {width: 45%;}  
  footer .certificate {width: 100%; text-align: center;}
}

@media only screen and (max-width: 700px) {
  .block4 .icons li {width: 45%; vertical-align: top;} 
}

@media only screen and (max-width: 640px) {

  .px100 {font-size: 50px;}
  .px60 {font-size: 40px;}
  .px50 {font-size: 45px;}
  h1 {font-size: 45px;}
  h1 span {font-size: 54px;}
  .px40 {font-size: 24px;}
  .px36 {font-size: 24px;}
  .px26 {font-size: 20px;}

  #mc_embed_signup h2 {font-size: 32px;}
.block4 .icons li {width: 100%;}

}

@media only screen and (max-width: 580px) {
  .block2 .bx-wrapper {padding: 0;}
  .bx-custom-controls {display: none!important;}
  .contacts ul li {width: 100%; margin: 1% 0;}

  #mc_embed_signup .line1 .mc-field-group:first-child {width: 100%;}
  #mc_embed_signup .line1 .mc-field-group:last-child {width: 100%;}
  #mc_embed_signup .line2 .mc-field-group:first-child {width: 100%;}
  #mc_embed_signup .line2 .mc-field-group:last-child {width: 100%;}
  #mc_embed_signup.fancybox-content {padding: calc(15px + 3%) 3%;}
}

@media only screen and (max-width: 520px) {
  .px60 {font-size: 40px;}
  .block6 .product-block .product-image {width: 80%; margin: 0 auto;}

  .you-rate {margin: auto;}
  .px50 {font-size: 36px;}
  .px40 {font-size: 20px;}  
  .px36 {font-size: 20px;}
  .px20 {font-size: 16px;}


  h1 {font-size: 36px;}

  .slogan p.px26 {font-size: 14px;}
  .slogan {border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; padding: 5% 0 4%;}

}

@media only screen and (max-width: 460px) {
  h1 span {font-size: 42px;}
  header .logo {width: 100px;}
  header .phone p {font-size: 16px;}

  header.active .menu {display: block; position: absolute; left: 0; top: 100%; width: 100%; max-width: 200px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);}
  header.active .menu a {font-size: 18px;}


  .about .left-block .inline-b {margin: 0 0 25px 0;}
  .about .left-block .inline-b:last-child {margin: 0;}
  .about .left-block .inline-b, .about .left-block .inline-b:last-child {width: 100%; max-width: inherit; text-align: center;}
  .about .left-block .inline-b p {text-align: center;}
  .about .about-img {display: none;}
  .about .hidden-about-img {display: block;}
}

@media only screen and (max-width: 380px) {
  
  footer .inline-b {
    display: block;
    text-align: center;
  }
}

@media only screen and (max-width: 360px) {
  h1 {font-size: 30px;}
  .px60 {font-size: 32px;}
  .px50 {font-size: 30px;}
  .px40 {font-size: 18px;}  
  .px36 {font-size: 18px;}  
  .px26 {font-size: 14px;}
}

@media only screen and (max-width: 320px) {

}

@media only screen and (max-height: 760px) {
  .px100 {font-size: 50px;}
  .px50 {font-size: 25px;}
}



@media only screen and (max-width:520px){header .logo{width:100px}header .phone p{font-size:16px} .block0 h1 span{font-size:84px; margin-top: 3%;} h1{font-size:36px} .slogan p.px26{font-size:14px}}
@media only screen and (max-width:360px){h1{font-size:30px}.px26{font-size:14px}}


@media only screen and (min-width:980px) {.block0 {min-height: 720px;}}

/*@media only screen and (max-height: 920px) {.block0 .horse{width:28%}.block0 h1{font-size:60px;}.block0 h1 span{font-size:96px;}}
@media only screen and (max-height: 840px) {.block0 .horse{width:24%}.block0 h1{font-size:60px}.block0 h1 span{font-size:82px;}}
@media only screen and (max-height: 780px) {.block0 .horse{width:16%;} .block0 h1{line-height: 120%;}.slogan{margin-bottom: 1vh;}}
@media only screen and (max-height: 640px) {.block0 .horse { margin-bottom: 5%;} h1{font-size:45px}.px26{font-size:20px}}

@media only screen and (max-width:520px) and (max-height:760px){.block0 .horse{width:50%;margin: calc(90px + 3%) 0 10% 0}.bottom-block{bottom:15px}.slogan{margin:0 0 15px 0}}

@media only screen and (max-width: 1024px) and (max-height: 980px) {.block0 h1 {font-size: 60px;}}


@media only screen and (max-width: 540px) and (max-height: 980px) {.block0 h1 {font-size: 42px;}}  
@media only screen and (max-height: 640px) and (min-width: 720px) {.block0 .horse { margin-bottom: 10px;} h1{font-size:45px}.px26{font-size:20px}}


@media only screen and (max-width: 420px) and (max-height: 980px) {.block0 h1 {font-size: 32px;}}  
 

@media only screen and (max-width: 720px) and (max-height: 680px) {.block0 h1 {font-size: 36px;}}*/



@media only screen and (max-width:640px) {
  .block0 h1 span {font-size: 80px;}
  .block0 h1 {font-size: 48px; line-height: 100%;}
}
@media only screen and (max-width:540px) {
  .block0 h1 {font-size: 38px; line-height: 100%;}
  }

@media only screen and (max-width:640px) {.block0 {min-height: 540px;}}


@media only screen and (max-width: 540px) {
  .block6 .wrap {max-width: 100%; width: 100%; padding: 0 50px; box-sizing: border-box;}   
  .next_button2 {right: 5px; width: 25px; margin-top: -41px;}
  .prev_button2 {left: 5px; width: 25px; margin-top: -41px;}
  .block6 .product .px20 {font-size: 16px;}
  .block6 .product .px18 {font-size: 16px;}
}

@media only screen and (max-width:420px) {
  .px30 {font-size: 24px;}
  .btn-top {font-size: 14px;}
  .block0 h1 {font-size: 32px; }
  .slogan hr {margin: 3% 0;}
  .block0 {min-height: 380px;}


}

@media only screen and (max-width:360px) {
  .block4 .icons li p {font-size: 20px}
  .block0 h1 span {font-size: 72px;}
  .block0 h1 {font-size: 26px; }
  .prev_button2 {display: none;}
  .next_button2 {display: none;}
  .block6 .wrap {padding: 0 3%;}

}