#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: #ff7a1f;}
#success-send .fancybox-close-small {background: transparent; color: #fff;}



body {font-size: 18px; font-family: 'ProximaNovaRegular';}

.wrap{max-width:1280px; width: 96%; margin:0 auto}
b, .bold{font-weight:normal; font-family: 'ProximaNovaBold';}
.light {font-family: 'ProximaNovaLight';}
.px14 {font-size: 14px;}
.px16 {font-size: 16px;}
.px18 {font-size: 18px;}
.px20 {font-size: 20px;}
.px24 {font-size: 24px;}
.px26 {font-size: 26px;}
.px34 {font-size: 34px;}
.px36 {font-size: 36px;}

.px40 {font-size: 40px;}
.px48 {font-size: 48px;}
.px54 {font-size: 54px;}
.px60 {font-size: 60px;}

.px72 {font-size: 72px;}
.white{color:#fff;}
.orange {color: #f35d40;}
.grey {color: #767575;}
.mint {color: #fcfaeb;}

.rbtb {font-family: 'Roboto', sans-serif;}

.button{background:#ff4a44;background:-webkit-gradient(linear,left top,right top,from(#ff4a44),to(#ff8600));background:-webkit-linear-gradient(left,#ff4a44,#ff8600);background:-o-linear-gradient(left,#ff4a44,#ff8600);background:linear-gradient(to right,#ff4a44,#ff8600);display:block;border-radius:50px;text-align:center;color:#fff;text-transform:uppercase;font-family:"Glober-Bold";width:100%;border:none;outline:none;cursor:pointer}
form input {color:#7b9297;font-size:20px;outline:none;border-radius:8px;padding:20px 30px;background:#fff;border:2px solid #f35d40;margin-bottom:10px;width:100%}
form input::-webkit-input-placeholder{color:#7b9297}
form input::-moz-placeholder{color:#7b9297;color:#7b9297}
form input::-ms-input-placeholder{color:#7b9297}


header {box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); position: relative; background: #fff; z-index: 999;}
header .wrap {height: 60px;}
header .headline {width: 100%;}
header .logo {width: 16%;}
header .logo img {max-width: 200px; width: 100%;}
header .site-nav-box {width: calc(76% - 350px);}
header ul.nav {width: 100%;}
header ul.nav li {width: 100%;  background: url(../img/separator.png) no-repeat 0 50%; }
header ul.nav li:last-child {background: url(../img/separator.png) no-repeat 0 50%, url(../img/separator.png) no-repeat 100% 50% }
header ul.nav li a {font-size: 14px; display: block; width: 100%; text-decoration: none; text-align: center; text-transform: uppercase; color: #ff4a0a; padding: 23px 0; letter-spacing: -0.6px;}
header ul.nav li a:hover {border-top: 5px solid #ff4a0a; padding: 20px 0 24px; }

header .head-btn {display: block; color:#fff; text-decoration: none;  background: #ff4a0a;  border-radius: 6px;   text-align: center;  border: 2px solid #ff4a0a; width: 50%; max-width: 160px; text-transform: uppercase; font-size: 20px; font-weight: bold;  transition: all 0.3s;  padding: 8px 0;}
header .head-btn:hover {  background:#fff;  color: #ff4a0a;  border: 2px solid #ff4a0a;}
header .phone-header {color: #ff4a0a;letter-spacing: -2px;}
header.margin {margin-top: -100px; }
header.fixed {background: #fff; position: fixed;  width: 100%; margin-top: 0; top: 0; transition: margin 1s;}
header.fixed .headline {display: none;}
header .right-block {width: 350px; transition: all 0.3s;}

/*menu*/
.menu-icon {height: 40px; width: 45px; position: relative; cursor: pointer; transition: all 0.2s linear 0s;}
.menu-icon .bar {width: 100%; height: 6px; background-color: #ff4a0a; border-radius: 20px;  transition: all 0.3s linear 0.1s;}
.menu-icon .bar-1 {position: absolute;top: 0px;left: 0;}
.menu-icon .bar-2 {position: absolute;top: 17px;left: 0;}
.menu-icon .bar-3 {position: absolute;top: 34px;left: 0;}

.menu-button.open .menu-icon {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.menu-button.open .menu-icon .bar-2 {opacity: 0;}
.menu-button.open .menu-icon .bar-1 {-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 17px; left: 0;}
.menu-button.open .menu-icon .bar-3 {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 17px; left: 0;}

.mobile-nav-expand a {cursor: pointer;   width: 45px;  background: transparent;  color: #000;  display: block;  text-transform: uppercase;}
.site-nav:after {  clear: both;  display: table;  content: "";}
.sub-menu-holder {  width: 100%;  box-sizing: border-box;  overflow: auto;  text-transform: uppercase;  font-size: 18px;  line-height: 1.8em;  padding: 5px 10px;  background: #EDEDED;}
.sub-menus:after {content: "";  display: table;  clear: both;}
li ul.sub-menu li {width: 100%;  text-align: left;  margin: 0;  list-style: none;}
li ul.sub-menu li .sub-menu {text-transform: none; font-size: 14px;  border-top: none;}
li ul.sub-menu li .sub-menu a {display: block;  padding: 2px 0;}

.main-header-nav .sub-menu li a {margin-left: 5px;}
.sub-menu-holder {display: none;}
.menu-item:hover .sub-menu-holder {display: block;}
.menu-item:hover .sub-menu-holder.js-menu {display: none;}
.js-menu {display: none;}

@media (min-width: 1140px) {
.js-menu-holder.is-hidden {display: block!important;}

.mobile-nav-expand {display: none;}

.site-nav-box {display: block; position: relative;}
.main-header-nav ul {text-align: center;}

.menu > .menu-item > .sub-menu-holder {border-bottom: 1px solid #C2C2C2; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2;  position: absolute;  left: 0;  overflow: visible;  background: #f3f5f8;}
.sub-menus {margin: 0 auto;}
li ul.sub-menu li {padding: 0 20px 0 0;}
}

@media (max-width: 1140px) {
  header ul.nav {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;}
  header .site-nav-box {width: 50%;}
  header ul.nav li a {border-top: 1px solid #ccc;}
  header ul.nav li a:hover {border-top: 5px solid #ff4a0a; padding: 19px 0 23px;}
  .js-menu-holder.is-hidden {display: none;}
  .site-nav-box {position: absolute; right: 0; top: 100%; width: 50%; text-align: center; background: #fff; box-shadow: 0 15px 10px rgba(0,0,0,0.1);}
  .site-nav-box .menu-item {width: 100%; z-index: 999;}
  .site-nav-box .menu-item .menu-item-link:hover {transition: all 0.3s;}
  header ul.nav li {background: none;}
  header ul.nav li:last-child {background: none;}
}

.block1 {padding: calc(20px + 2%) 0; background: url(../img/bg/bg1.jpg) no-repeat 50% 50%; background-size: cover;}
.block1 .p1 {width: 35%;}
.block1 .p1 img {width: 100%; max-width: 464px;}
.block1 .p2 {width: 35%;}
.block1 .p2 img {width: 100%; max-width: 501px;}
.block1 .pack {width: 20%;}


.block1 .box {margin-bottom: calc(30px + 3%); width: 100%; max-width: 305px; }
.block1 .box .scale {width: 100%; padding-bottom: 154.7%; transition: all 0.4s;}
.block1 .box .img {position: absolute; width: 100%;  z-index: 10; transition: all 0.4s;}
.block1 .box .img img {width: 100%;}
.block1 .box .tab {position: absolute; width: 80%; height: 100%; top: 10px; z-index: 5; transition: all 0.4s;}
.block1 .box .tab img {width: 100%; }

.block1 .box:hover .img {margin-top: 30px; transform: scale(0.8);}
.block1 .box:hover .tab {margin-top: -60px; transform: scale(0.8);}

.block1 .btn-link {margin: 0 auto; width: 100%; max-width: 160px; border: 2px solid #fff; border-radius: 30px; overflow: hidden;}
.block1 .btn {cursor: pointer; margin: 0 auto; width: 100%; padding: 5px; border-radius: 25px; background: #e24307; transition: all .15s; outline: 0; border-bottom: 6px solid #f26f21;}
.block1 .btn span.ico {display: inline-block; text-align: center; line-height:30px; background: #fff; color: #ff6608; width: 30px; height: 30px; border-radius: 50%; transition: all 0.15s;}
.block1 .btn span:last-child {width: calc(100% - 35px); text-align: center;}

.block1 .btn:hover {background: #d13200; border-bottom:0px solid #f26f21; }
.block1 .btn:hover span.ico {color: #d13200;}

.block2 {padding: calc(30px + 3%) 0; background: #FCFAEC;
background: -webkit-linear-gradient(top, #FCFAEC, #FFFFFF);
background: -moz-linear-gradient(top, #FCFAEC, #FFFFFF);
background: linear-gradient(to bottom, #FCFAEC, #FFFFFF);}
.block2 .ico {width: 26%; text-align: center; margin: 2% 0;}
.block2 .ico p {max-width: 200px; margin: 0 auto;}
.block2 .ico .img {width: 100%; max-width: 193px; margin: 0 auto calc(20px + 3%);}
.block2 .ico .img img {width: 100%;}
.block3 {padding: calc(10px + 1%) 0 calc(30px + 3%) 0; background: #fff; overflow: hidden;}
.block3 .revolver {position:relative; width: 500px; height: 500px;}
.block3 .rev-logo {background: url(../img/logo.png) no-repeat 50% 54%; background-size: 36%;}
.block3 .transition{-webkit-transition:1s;transition:1s}
.block3 .ico{position:absolute; width:120px; height:80px; text-align: center;cursor:pointer;}
.block3 .ico img{height:100px; width:100px; margin: 0 auto;}
.block3 .ico p {font-size: 14px; margin: 0 auto; padding-top: 5px;}
.block3 .ing-desc{width: calc(100% - 500px);  position:relative;}
.block3 #arrow {position:absolute; width:20px; height:20px; top:50%; right:-10px;transform:translateY(-50%) rotate(45deg); transition: all 0.5s;}
.block3 .desc {width: 100%; height: 100%; padding: calc(20px + 2%) calc(10px + 3%); display: none; position: relative; top: 0; line-height: 180%;}
.block3 .desc h4 {font-size: 32px; font-weight: normal; line-height: 140%; padding-bottom: calc(10px + 2%);}
.block3 .d1 {background-color:#D56F97;}
.block3 .d2 {background-color:#F79829;}
.block3 .d3 {background-color:#F26B36;}
.block3 .d4 {background-color:#EE7373;}
.block3 .d5 {background-color:#FFC43E;}
.block3 .d6 {background-color:#F27D7E; display: block;}
.block3 .d7 {background-color:#545bac;}


.block4 {padding: calc(10px + 1%) 0 calc(30px + 3%) 0;}
.block4 .apteka {margin-top: calc(30px + 3%);}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute; top: calc(50% - 20px); transform: translateY(-50%); font-size: 80px; margin: 0; padding: 0;}
.owl-carousel .owl-nav button span {font-weight: 300;  font-family: 'Roboto', sans-serif; color: #ff680c;}
.owl-carousel .owl-nav button:hover span {color: #fe4200;}
.owl-theme .owl-nav [class*='owl-']:hover {background: transparent; }
.owl-theme .owl-nav [class*='owl-'] {padding: 0; margin: 0;}
.owl-theme .owl-dots .owl-dot span {background: #fff; border: 1px solid #ff680c;}
.owl-theme .owl-dots .owl-dot.active span {background: #ff680c; border: 1px solid #ff680c;}
.owl-theme .owl-dots .owl-dot:hover span {background: #ff680c; border: 1px solid #ff680c;}
.owl-carousel .owl-nav button.owl-next {right: -50px;}
.owl-carousel .owl-nav button.owl-prev {left: -50px;}

.block5 {padding: calc(20px + 2%) 0 calc(30px + 3%) 0;}
.block5 .box {box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);}
.block5 .img {width: 50%; background: #fff;}
.block5 .img img {width: 100%;}
.block5 .text {width: 50%; background: #ff7a1f; padding:  0 calc(50px + 5%); letter-spacing: 1px;}
.block5 .text .title {padding: calc(30px + 3%) 0 calc(10px + 1%);}
.block5 .text .conf {padding-bottom: calc(30px + 3%);}
.block5 .text .garant {width: 100%; padding-top: calc(10px + 1%);}
.block5 .text .line {width: 100%; display: block; padding: 30px 0;}
.block5 .text .btn { display:block; background: #fcfaeb; color: #4e4e4e; text-align: center; line-height: 45px; border-radius: 40px; width: 100%; max-width: 180px; transition: all 0.3s;}
.block5 .text .btn:hover {background: #fff; color: #f35d40;}

.block6 {padding: calc(20px + 2%) 0 calc(30px + 3%) 0; background: #fff;}

.block6 .box {width: 44%;}
.block6 .img {width: 48%;}
.block6 .img img {width: 100%; max-width: 488px; margin: 0 auto;}

.block6 ul {margin: calc(20px + 1%) 0 calc(20px + 1%) 5%; max-width: 480px;}
.block6 ul li {margin: 5px 0; padding: 8px 0 8px 40px; background: url(../img/check.png) no-repeat 0 7px; background-size: 25px;}

.block7 {padding: calc(20px + 1%) 0; background: #fff;}
.block7 .logo {width: 46%;}
.block7 .logo img {width: 100%; max-width: 156px;}
.block7 .logo p { padding-left: 30px; margin-top: 20px; color: #e24307;}
.block7 .logo p:before {content:''; position: absolute; width: 19px; height: 18px; background: url(../img/star.png) no-repeat 0 50%; margin-left: -30px;}
.block7 .text {width: 52%;}

footer {padding: 10px 0; background: #ebeaea; color: #d0d0d0; letter-spacing: -1px; }



.popup-form {padding: calc(10px + 2%) 3%;}
.popup-form .title {padding-bottom: calc(10px + 2%);}
form .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0; margin: 0;}


.call-privacy {margin: calc(10px + 1%) auto;}
.call-privacy span {display: inline; margin: 0; text-decoration: underline; cursor: pointer;}
.call-privacy span:hover {text-decoration: none;}

.checkbox-custom {opacity: 0; position: absolute; display: none;}   
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff url(../img/check-policy.png) no-repeat 50% 50%; background-size: 0%; border: 0.15em solid #ff7a1f; cursor: pointer; display: inline-block; vertical-align: middle; width: 1.4em; height: 1.4em; margin-right: 0.4em; border-radius: 50%; text-align: center; transition: all 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: 1.4em; height: 1.4em; border-radius: 50%; margin-right: 0.4em; text-align: center; box-shadow: 0 0 10px #ff0000; transition: all 0.3s;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: ''; background: #fff url(../img/check-policy.png) no-repeat 50% 50%; background-size: 70%; color: #fff; box-shadow: 0 0 10px rgba(255,255,255,0.5);}


#zakaz .zakaz {width: 100%; max-width: 600px; margin: calc(20px + 2%) auto 0;}
#zakaz .zakaz .title {text-align: center; font-size: 24px; padding-bottom: calc(10px + 2%);}
#zakaz .zakaz button:disabled {cursor: wait; -webkit-filter: grayscale(0.3); background: #f3f3f3; filter: grayscale(0.3); color: rgba(0,0,0,0.3); border: 2px solid #cdcdcd; box-shadow: none;}
#zakaz .btn-order {display: block; color:#fff; text-decoration: none;  background: #ff4a0a;  border-radius: 6px;   text-align: center;  border: 2px solid #ff4a0a; width: 50%; max-width: 300px; width: 100%; text-transform: uppercase; font-size: 20px; font-weight: bold; margin: 0 auto;  transition: all 0.3s;  padding: 20px 0;}
#zakaz .btn-order:hover {background:#fff; color: #ff4a0a; border: 2px solid #ff4a0a;}



form {max-width: 480px; margin: calc(10px + 2%) auto;}
form button.btn {color: #fff; text-decoration: none;  background: #ff4a0a;  border-radius: 8px; text-align: center; border: 2px solid #ff4a0a; width: 100%; text-transform: uppercase; font-size: 20px; font-weight: bold; transition: all 0.3s; padding: 20px 0;}
form button.btn:hover {background: #ff0000; color: #fff; border: 2px solid #ff0000;}
form button.btn:disabled {cursor: wait; -webkit-filter: grayscale(0.3); background: #f3f3f3; filter: grayscale(0.3); color: rgba(0,0,0,0.3); border: 2px solid #cdcdcd; }

#privacy {width :100%; max-width: 1024px; margin: 0 auto;}
#privacy p {padding: 10px 0;}
#privacy ul {padding: 10px 0; list-style-type: disc; margin-left: calc(20px + 2%);}
#policy {width :100%; max-width: 1024px; margin: 0 auto;}
#policy p {padding: 10px 0;}
#policy ul {padding: 10px 0; list-style-type: disc; margin-left: calc(20px + 2%);}

@media only screen and (max-width: 1400px) {
	.px54 {font-size: 45px;}

.block4 .apteka {padding: 0 30px;}
.owl-carousel .owl-nav button.owl-next {right: 0px;}
.owl-carousel .owl-nav button.owl-prev {left: 0px;}
}

@media only screen and (max-width: 1140px) {
	.px54 {font-size: 38px;}

	header .logo  {width: 25%;}
	header .right-block {width: 70%; max-width: 500px;}
	.block1 .btn-link {position: absolute; top: 0; left: 50%; transform: translate(-50%,-30px);}
	.block1 .space {display: 30%;}
	.block1 .text2 {width: 70%; padding-top: calc(30px + 3%);}
}

@media only screen and (max-width: 980px) {
.px54 {font-size: 32px;}	
.block1 .p1 {width: 38%;}
.block1 .p2 {width: 38%;}
.block1 .pack {width: 24%;}
.block1 .pack img {width: 100%; max-width: 266px;}
.block3 .ing-desc {width: 100%; order: 2;}
.block3 .rev-logo {order: 1; margin: 0 auto calc(20px + 2%);}
.block3 #arrow {position:absolute; width:20px; height:20px; top:-10px; right:50%;transform:translateX(50%) rotate(45deg); transition: all 0.5s;}
.block5 .img {width: 100%;}
.block5 .text {width: 100%; text-align: center;}
.block5 .text .btn {margin: 0 auto;}
}

@media only screen and (max-width: 860px) {
.px54 {font-size: 26px;}



.block6 .box {width: 100%; order: 2;}
.block6 .box .title {text-align: center;}
.block6 .img {width: 100%; order: 1; margin-bottom: calc(20px + 2%);}
.block6 .img img {width: 60%;}

}

@media only screen and (max-width: 720px) {
	.px34 {font-size: 26px;}
	header .wrap {padding: 5px 0;}
	.block1 .text1 {padding-bottom: calc(30px + 3%);}
	.block1 .box {width: 40%; margin-bottom: calc(50px + 5%);}
}

@media only screen and (max-width: 640px) {
.px54 {font-size: 20px;}
header .phone-header {font-size: 18px;}
header .head-btn {max-width: 100px; padding: 4px 0; font-size: 14px;}
header .right-block {max-width: 320px;}
.mobile-nav-expand a {width: 35px;}
.menu-icon {height: 28px; width: 35px;}
.menu-icon .bar {width: 100%; height: 4px; background-color: #ff4a0a;}
.menu-icon .bar-2 {position: absolute;top: 12px;}
.menu-icon .bar-3 {position: absolute;top: 24px;}
.menu-button.open .menu-icon .bar-1 {top: 12px;}
.menu-button.open .menu-icon .bar-3 {top: 12px;}
header ul.nav li a {padding: 20px 0;}
header ul.nav li a:hover {padding: 16px 0 20px;}

.block2 .ico {width: 31%;}

.block7 .logo {width: 100%; text-align: center;}
.block7 .logo img {margin: 0 auto;}
.block7 .text {width: 100%; text-align: center;padding-top: calc(10px + 1%);}

}

@media only screen and (max-width: 540px) {
.px54 {font-size: 18px;}
header .site-nav-box {width: 100%;}

.block1 .p1 {width: 40%;}
.block1 .p2 {width: 40%;}
.block1 .pack {width: 20%;}


.block2 .ico {width: 38%;}
.block2 .ico .img {margin: 0 auto 5%;}	
.block3 .desc {line-height: 140%;}
.block3 .revolver {width: 400px; height: 400px;}
.block5 .text {padding: 0 5%;}
.block5 .text .lh140 {line-height: 120%;}

.block3 .ico img {width: 70px; height: 70px;}
.block3 .ico p {font-size: 12px;}
.block3 .rev-logo {background-position: 50% 50%; background-size: 30%;}
}

@media only screen and (max-width: 420px) {
.px54 {font-size: 16px;}
.px34 {font-size: 20px;}
header .phone-header {font-size: 14px; letter-spacing: 0px;}
header .head-btn {max-width: 70px; padding: 3px 0; font-size: 12px;}
.mobile-nav-expand a {width: 30px;}
.menu-icon {height: 21px; width: 30px;}
.menu-icon .bar {width: 100%; height: 3px; background-color: #ff4a0a;}
.menu-icon .bar-2 {position: absolute;top: 9px;}
.menu-icon .bar-3 {position: absolute;top: 18px;}
.menu-button.open .menu-icon .bar-1 {top: 9px;}
.menu-button.open .menu-icon .bar-3 {top: 9px;}

.block1 .p1 {width: 46%; order: 1;}
.block1 .p2 {width: 46%; order: 2;}
.block1 .pack {width:60%; order: 3; margin-top: calc(30px + 3%);}

.block2 .ico p {font-size: 14px; line-height: 120%;}
.block2 {padding-bottom: calc(10px + 2%);}
}

@media only screen and (max-width: 437px) {
.block3 .revolver {width: 300px; height: 300px;}
.block3 .ico img {width: 50px; height: 50px;}
.block3 .ico p {font-size: 10px;}
}
@media only screen and (max-width: 360px) {
.px54 {font-size: 14px;}
.px36 {font-size: 32px;}
header ul.nav li a {padding: 15px 0;}
header ul.nav li a:hover {padding: 11px 0 15px;}
header .phone-header {font-size: 12px;}
.block3 .desc {line-height: 120%;}
.block2 .ico p {font-size: 12px; line-height: 120%;}
}