@import "normalize.css";
#hidden-content {width: 100%; max-width: 580px; color: #fff; text-align: center; font-size: 32px; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  background: url(../img/opa-b.jpg) repeat-x;  
}
#hidden-content .fancybox-close-small {background: transparent;}

.section1, .section4, .section6, .section7, .section8, .section9, .section10, .container {margin: 0 auto; width: 975px; text-align: center; overflow: hidden;}
.section2 {margin: 0 auto; width: 1026px; text-align: center; overflow: hidden;}
.section3 {margin: 0 auto; width: 1000px; text-align: center; overflow: hidden;}
.section5 {margin: 0 auto; width: 1026px; padding: 40px 0; text-align: center; overflow: hidden;}
.container-foot {margin: 0 auto; width: 840px; text-align: center; overflow: hidden;}

.wrapper {width: 100%; background: url(../img/menu-back.jpg); position: fixed; height: 56px; margin-top: -56px; z-index: 100;}
.wrapper-2 {width: 100%; border-top: 30px solid white; opacity: 0.9; position: fixed; z-index: 100; height: 29px;}
.content975 {margin: 0 auto; width: 975px; height: 56px;}
.content975-2 {margin: 0 auto; width: 975px; height: 29px;}

.contant975b {background: #BF2666; padding: 20px 0 30px;}
.contant975d {background: #faf7f5;}
.contant975f {background: #bf2666; background:url(../img/doc-back.jpg); height: 597px; background-repeat: repeat-x ;}
.contant975e {background: #bf2666; background:url(../img/menu-b.jpg) !important; height: 90px !important; background-repeat: repeat-x ;}
.contant975g {background: #bf2666; height: 286px !important; background-repeat: repeat-x ;}
.contant975i {background: #bf2666; background:url(../img/listva.jpg); background-size: cover; width: 100%}
.contant975k {background: white; height: 90px !important; margin-bottom: -23px;}
.contant975ka {background:url(../img/opa-b.jpg) !important; height: 500px !important; background-repeat: repeat-x ;}
.contant975kaaa {background: url("../img/opa-c.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important; padding: 30px 0 100px;}

.contant975d.ssa {background: #faf6f3; height: auto; padding: 40px 0;}
.contant975d.ssb {background: #fff;  padding: 20px 0 30px;}
.contant975d.ssc {background: #fff;  padding: 60px 0;}
.contant975d.sse {background: #dcaec4; height: 405px !important; padding-top: 0px !important;}
.contant975d.ssf {background: white; height: 500px !important; padding-top: 0px !important;}
.contant975d.ssj {background: #f6efea; padding: 20px 0;}

 #foooter {height: 250px; margin-top: -125px; background: #fff; border-bottom: 30px #a42a64 solid !important;}
.ftrr {width: 965px; text-align: center; margin: 0 auto;}
.fsertif {padding-left: 15px; }

 /* Header H1 H2 H3 */
.sec1-logo, .sec1-slogo, .sec1-tel {float: left;}
.sec1-logo {padding: 12px 33px 0 10px;}
.sec1-slogo {color: #fff343; font-size: 19px; font-weight: bold; line-height: 1em; margin-top: -13px; padding-right: 105px;}
.sec1-slogo span {color: white; font-size: 19px; font-weight: bold;}
.sec1-tel > img {padding-top: 11px;}
.sec1-tel > p {color: white; font-size: 31px; margin: -40px 0 15px 43px; position: absolute;}
.sec1-zakaz {}
.sec1-zakaz > img {float: right; margin-right: 8px; margin-top: 6px; cursor: pointer;}

.menu {padding-top: 29px;}
.podmenu {margin: -56px auto 0; position: absolute;}
.m1, .m2, .m3 {padding-right: 48px; color: black;}
.m1, .m2, .m3, .m4 {font-size: 16px; color: black; float: left; cursor: pointer;}
.m1 {margin-left: 258px; text-align: left; width: 94px;}
.m2 {text-align: left; width: 64px;}
.m3 {text-align: left; width: 135px;}
.m4 {text-align: left; width: 94px; margin: 0 0 0 -7px;}
.m1:hover, .m2:hover, .m3:hover, .m4:hover {text-decoration: underline; color: #800b48; font-weight: bold; font-size: 15px;}


/* Body Clear */
body {font-family: tahoma; font-size: 16px; color: #000; background: #bf2666; margin-top: 56px;}	
.clear {clear: both;}

 /* Header H1 H2 H3 */
.widepic {background: url(../img/fifteen.jpg) ; height: 471px; background-position: top center; margin: 0px auto; text-align: center; background-size: cover;}
.widepic > img {padding-left: 28px; padding-top: 73px;}

.header {height: 527px;}
.logo {height: 56px; background: url(/assets/img/menu-back.jpg) repeat-x;}
a {text-decoration: none;}
h2 {color: white; font-size: 43px; font-weight: bolder; text-align: center; font-family: ; margin: 0px; padding-top: 15px; text-shadow: 2px 0px 0px rgba(0, 0, 0, 0.88);}
h3 {color: #ad2c7a; font-size: 43px; font-weight: bolder; text-align: center; font-family: ; margin: 0px; padding-top: 15px;}
 
/* Section 1 */

/* Section 2 */
.section3 {}
.section3 > img {margin-left: 15px;}
.section2 > img { margin: 73px 5% 0 0; float: right;}

.kupo {position: absolute; margin: 430px 0px 12px -65px; cursor: pointer;}
.kupo1 {position: absolute; margin-top: -55px !important;}
.kupo-4, .kupo-5, .kupo-6, .kupo-7, .kupo-8, .kupo-9, .kupo-10 {position: absolute; margin-top: -80px !important;}
.kupo2 { margin-top: -35px !important; padding: 10px 20px; cursor: pointer;}
.kupo5 { padding: 10px 20px; cursor: pointer;}
.kupo6, .kupo8 { padding: 10px 20px; cursor: pointer;}
.kupo7 {padding: 10px 20px; cursor: pointer; margin: 30px 0 0;}
.kupo9 {margin-top: 15px; padding: 10px 20px; cursor: pointer;}
.kupo10 { cursor: pointer;}
/* Section 3 */

.sect3img {background:url(../img/biov.png); height: 295px; background-repeat: no-repeat; margin: -35px 0px 0px 0px; width: 580px; float:left;}
.specimg {float: left; margin-left: 40px;}
#sec3form {background: #f1f1f1; padding: 2em 0; max-width: 480px; margin: 0 auto; border-radius: 10px;}
#sec3form2 {background: url(../img/formaeba.png); height: 538px; background-repeat: no-repeat; margin: 34px auto; width: 635px; }

/* Section 4 */
.mim-morsh, .mim-morsh2 {font-size: 20px;}
.mim-morsh > img {float: right; padding-left: 75px;}
.mim-morsh2 > img {float: left; padding-right: 75px;}
.mim-morsh span, .mim-morsh2 span {color: #9f2b4c; background: #fff566;}
.mimp {font-size: 20px; text-align: justify;}


/* Section 4 */
.martop {margin-top: 44px;}
.marto {margin-top: -65px !important; position: absolute !important;}
.martop37 {margin-top: -82px !important; position: absolute !important;}


/* Section 4 */
.sec5img {background:url(../img/doc.jpg); height: 166px; background-repeat: no-repeat; margin: 20pxpx 0px 0px 0px; width: 981px; float:left;}
.sec5img > p {font-size: 18px; margin: 23px 0 -7px 189px; width: 700px; color: #000;}
.martop2 {margin: -200px 0 0 130px; width: 331px; cursor: pointer;}

.section33 {margin: 0px 0px 0px 155px; padding: 55px 0px 0px 0px;}
.banka2 {float: right;}

/* Section 4 */
.rezimg {float: left; padding-right: 90px;}
.reztxt1 {font-size: 18px; color: black; padding-bottom: 13px; line-height: 1.29em; width: 910px;}
.reztxt2 {font-size: 18px; color: black;}
.rez {  clear: both;}
.rezka {background: url("../img/palka.png") scroll center top rgba(0, 0, 0, 0); margin: 10px 10px; width: 85%; padding: 3px; background-repeat: no-repeat !important;}
.asw {color: black; float: left; font-size: 22px; font-weight: bold; padding: 40px 0 0 0  ; width: 670px;}
.aswi {float: left; margin-top: -45px; padding-left: 75px;}	
/* Форма */
#t-form1 label.error {float: right; z-index: 10000; opacity: 0.9; padding: 3px; margin: -60px 11px 0 10px; font-size: 11px; color: red; border-radius: 4px; left: 205px; background: white; border: 1px solid #666;}
#t-form1 input.response_button, #t-form2 input.response_button {background: url('../img/bioven_free.png') no-repeat; width: 331px; height: 120px; box-shadow: none; outline: none; border: none; margin: 20px 0 0 0;}
#t-form input, #t-form1 input, #t-form2 input, #t-form3 input {box-sizing: border-box;padding: 0.8em 0.3em 0.8em 2em; width: 340px; margin: 4px auto; box-shadow: 0 0.2em 0.2em rgba(0,0,0,0.1); outline: none; background-color: #fff; border-radius: 1.5em; border: 0.1em solid transparent; transition: all 0.3s;margin-bottom: 1em;}

#t-form2 label.error {position: absolute; display: block;z-index: 10000; opacity: 0.9; padding: 3px; max-width: 200px; margin: -60px 11px 0 140px; font-size: 11px; color: red; border-radius: 4px; left: 205px; background: white; border: 1px solid #666;}
.qwaq2 {position: relative; padding-top: 108px;}


/* Countdown dashboard start */
.cracker {float: left; margin: 180px 0px 0px 55px;}
.days_dash {margin: -11px 17px 0px 0px !important; padding: 15px 1px 0px 0px;}
.hours_dash {margin: -11px 4px 0px 0px !important; padding: 15px 1px 0px 0px;}
.minutes_dash {margin: -11px -16px -9px 20px !important; padding: 15px 1px 0px 0px;}
.seconds_dash {margin: -11px -33px 0px 39px; padding: 15px 1px 0px 0px;}
.seconds_dash, x:-moz-any-link {margin: -11px -35px 0px 39px !important;}
.digit.reds {color: yellow !important;}
#countdown_dashboard1, #countdown_dashboard2 {position: relative; float: right; right: 34px; top: 23px;}
.dash {width: 103px; height: 93px; background: transparent url('../img/dash.png') 0 0 no-repeat; float: left; position: relative; opacity: 0.9; margin: -15px 0px 0px 11px !important; padding: 16px 0px 0px 0px !important;} 
.dash .digit {margin: -12px -17px 0 14.5px !important; font-size: 50pt; font-weight: 700; float: left; width: 36px; height: 33px; padding: 1px; text-align: center; font-family: sans-serif; color: #fff; position: relative; bottom: 3px; opacity: 0.8;}
.dash .digit, x:-moz-any-link {margin: -9px -6px 0 4.5px;}

/* Footer */
#foooter .info{
	width: 100%;
	margin: 30px auto 0;
}
#foooter .contact{
	width: 49%;
	text-align: left;
	font-size: 11px;
	line-height: 12px;
}
.contacts {clear: both; width: 100%; padding-top: 10px;}
#foooter .contact.text {padding-top: 10px;}
#foooter .left {float: left;}
#foooter .right {float: right;}