@charset "utf-8";
/* CSS Document */

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
	padding:0; margin:0;
}
.content{max-width: 1170px; margin: 0 auto;transition: .4s all cubic-bezier(.25,.46,.45,.94);}

p {
    color: inherit;
    line-height: 1.4;
    margin: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.niz{background-color: rgb(36, 36, 36); color:#FFF;font-size: 16px; padding:20px 0;}
.niz a{color: rgb(25, 178, 230);font-size: 16px;}
.niz .left{ float:left; max-width:33%;}
.kont-niz{padding-left:70px;}
.niz p {
    color: inherit;
    line-height: 1.4;
    margin: 0;
}
.clear {clear:both;}
.zigzag-top {border-top: 10px solid transparent;  /*  подготовим место под зубчики  */
background-image:
        linear-gradient(rgb(36, 36, 36), rgb(36, 36, 36)),  /*  общий фон блока, всегда идёт первым перекрывая всё что под ним  */
        linear-gradient(to bottom right, transparent 50.5%, rgb(36, 36, 36) 50.5%),
        linear-gradient(to bottom left, transparent 50.5%, rgb(36, 36, 36) 50.5%);
background-repeat: repeat, repeat-x, repeat-x;
background-position: 0 0, 10px 0, 10px 0;
background-size: auto auto, 20px 20px, 20px 20px;
background-clip: padding-box, border-box, border-box;  /*  обрезаем края у общей заливки  */
background-origin: padding-box, border-box, border-box, border-box, border-box;  /*  позиционируем зубцы относительно верхней границы, а фон относительно внутреннего отступа  */
}
.panel {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px;
    margin: 10px auto;
    background-color: rgba(255,255,255,.75);
    z-index: 220;
	text-align:center;
	max-width:59%;
}
.fonkarta{position:relative;min-height:400px;}
.vopros{padding:25px 0; text-align:center}
.wrapper1{background-position: center top; background-repeat: no-repeat; background-size: auto auto; color: rgb(255, 255, 255); background-image: url(img/fon.jpg); text-align: center;}
.wrapper1 h1{text-transform:uppercase;-moz-text-shadow:0 0 10px #000; -webkit-text-shadow:0 0 10px #000; text-shadow:0 0 10px #000; padding-top:25px;}
.video9 {
    position: relative;
    margin: 0 auto;
	max-width: 759px;
	
}
.video9 img{max-width: 100%;width: 100%;}
.wrap {
    top: 7.9%;
    height: 82.2%;
    bottom: 9.9%;
    left: 7.1%;
    width: 84.3%;
    right: 8.6%;
	position: absolute;
}
.wrapper3{background-color: rgb(255, 91, 0); color: rgb(255, 255, 255);font-size: 30px; text-transform:uppercase; text-align:center; padding: 20px 0;}
.zigzag-bottom {border-top: 10px solid transparent;  /*  подготовим место под зубчики  */
background-image:
        linear-gradient(rgb(255, 91, 0), rgb(255, 91, 0)),  /*  общий фон блока, всегда идёт первым перекрывая всё что под ним  */
        linear-gradient(to top right, transparent 50.5%, rgb(255, 91, 0) 50.5%),
        linear-gradient(to top left, transparent 50.5%, rgb(255, 91, 0) 50.5%);
background-repeat: repeat, repeat-x, repeat-x;
background-position: 0 0, 10px 100%, 10px 100%;
background-size: auto auto, 20px 20px, 20px 20px;
background-clip: padding-box, border-box, border-box;  /*  обрезаем края у общей заливки  */
background-origin: padding-box, border-box, border-box, border-box, border-box;  /*  позиционируем зубцы относительно верхней границы, а фон относительно внутреннего отступа  */
margin-bottom:10px;}

.fotoimg{ width:345px; height:200px; overflow:hidden;
margin:15px auto;}
.fotodiv{float:left; width:33%; }
.marg10{margin:20px auto;}
.marg11{margin:20px auto 0;}
.prdiv{float:left; width:20%; text-align:center; padding-bottom:30px; padding-top:15px}
.primdiv{float:left; width:25%; text-align:center;  padding-top:15px; font-size:20px;}
.primdiv img{width:100%;}
.wrapper4{background-color: rgb(16, 78, 139); color: rgb(255, 255, 255);font-size: 30px; text-transform:uppercase; text-align:center; padding: 20px 0;}
.zigzag-bottom2 {border-top: 10px solid transparent;  /*  подготовим место под зубчики  */
background-image:
        linear-gradient(rgb(16, 78, 139), rgb(16, 78, 139)),  /*  общий фон блока, всегда идёт первым перекрывая всё что под ним  */
        linear-gradient(to top right, transparent 50.5%, rgb(16, 78, 139) 50.5%),
        linear-gradient(to top left, transparent 50.5%, rgb(16, 78, 139) 50.5%);
background-repeat: repeat, repeat-x, repeat-x;
background-position: 0 0, 10px 100%, 10px 100%;
background-size: auto auto, 20px 20px, 20px 20px;
background-clip: padding-box, border-box, border-box;  /*  обрезаем края у общей заливки  */
background-origin: padding-box, border-box, border-box, border-box, border-box;  /*  позиционируем зубцы относительно верхней границы, а фон относительно внутреннего отступа  */
margin-bottom:10px;}
.dostdiv{max-width:500px; float:right;}
.dostdiv img{width:100%;}
.do{ padding:0; margin:0;}
.do li{
list-style:none;
		background: url('img/list.jpg') left center;
		background-repeat:no-repeat;
		padding:4px 0 4px 55px;
	font-size: 20px; line-height:30px;}
.do .do2{line-height:50px;}	
.d{font-size: 32px; text-transform:uppercase; font-weight:bold; padding-top:20px;}
.dostavka p.minf{font-size:34px;text-transform:uppercase; padding:30px 0;}
.dostavka p{font-size: 18px;padding-bottom:25px;}
.wrapper5{background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: rgb(255, 255, 255);
    background-image: url("img/big.jpg");
	padding:25px 0 45px;
}
h1{text-align: center;
line-height: 1.5;
font-size: 38px;
text-transform:uppercase;
font-weight:bold;
text-shadow: 0 0 10px #000;
margin-top: 0;
}
.font, .font a{ font-size:20px; line-height: 40px;}
.font a{color: rgb(241, 101, 34);}
.logo{text-align:center;}
.wrapper5 .cont{ background:/*rgb(16, 78, 139, 0.7)*/url("img/fonsin.png"); padding:25px; font-size:23px; width:  calc(59% - 40px);float:left; margin-right:40px;}
.wrapper5 .cont2{background:/*rgb(255, 255, 255, 0.7);*/url("img/fonbel.png"); width:35%; float:left; text-align:center; font-size:22px;  color:#000; padding:20px 0;}
.wrapper5 .cont2 span{color: rgb(241, 101, 34);}
.hr{border: 0;
height: 3px;
background: rgb(241, 101, 34);
background-image: -webkit-linear-gradient(left, #fff, rgb(241, 101, 34), #fff);
background-image: -moz-linear-gradient(left, #fff, rgb(241, 101, 34), #fff);
background-image: -ms-linear-gradient(left, #fff, rgb(241, 101, 34), #fff);
background-image: -o-linear-gradient(left, #fff, rgb(241, 101, 34), #fff);}
.leftt{float:left; padding:10px 0; width:20%;padding-top:15px;}
.lefttt{float:left; padding:10px 15px 10px 0px; width: calc (32% - 15px);min-width:330px;}
.logoimg{padding-top:10px;}
.logoimg2{padding-top:5px;}

.righ{text-align:right;padding-top:25px;}
.font{text-align:right;}
.form-control {
    width: 70%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
margin: 0 auto 3px;
color: #555;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-size: 14px;
}

#uid6:hover, #uid6.hover {
    background-color: rgb(230, 82, 0);
    border-color: rgb(230, 82, 0);
    color: rgb(255, 255, 255);
}

#uid6 {
    background-color: rgb(255, 91, 0);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: rgb(204, 73, 0);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 18px;
    width: 70%;
    text-decoration:none;
    margin: 10px auto 0;
    color: rgb(255, 255, 255);
}

.checkbox label{font-size: 14px; color:#555;}


/*Модальное окно*/
#modal_form1{width:450px;padding:19px 20px;border:2px solid rgb(255, 91, 0);border-radius: 6px;background-color:#FFF;height:330px;background:#fff;position:fixed;top:45%;left:50%;margin-top:-165px;margin-left:-225px;display:none;opacity:0;z-index:50000;}
#overlay{z-index:30000;position:fixed;background-color:#000;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);width:100%;height:100%;top:0;left:0;cursor:pointer;display:none;}
#modal_form1 input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;}
#modal_form1 input[type="text"].error{border:1px solid red;}
#modal_form1 h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin: 0;}
#modal_form1 .comment{color:#272727;padding-bottom:5px;font-size:14px;text-align:center;padding-top:0px;}
.exit{display:block !important;border-radius:50%;right:0px;padding-left:3px;padding-top:3px;top:0px;position:absolute;opacity:1;WIDTH:33PX;HEIGHT:33px;line-height:30px;font-size:36px;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}
.exit:after{display:block;font-size:23px;content:"x";padding-left:9px;line-height:24px;cursor:pointer;text-decoration:none;font-weight:bold;color:#000000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.exit:hover{background:#EAEAEA;text-decoration:none;}
#modal_form1 .button{display:block;cursor:pointer;height:40px;margin:10px 0;padding:2px 16px;width:210px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;
    background-color: rgb(255, 91, 0);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-color: rgb(204, 73, 0);
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
font-size: 18px;

text-decoration: none;
margin: 10px auto 0;
color: rgb(255, 255, 255);
}
#modal_form1 .button:hover{ background-color: rgb(230, 82, 0);
    border-color: rgb(230, 82, 0);
    color: rgb(255, 255, 255);}
#modal_form1 .error{border:1px solid red;}

#modal_form2{width:450px;padding:19px 20px;border:2px solid rgb(255, 91, 0);border-radius: 6px;background-color:#FFF;height:440px;background:#fff;position:fixed;top:45%;left:50%;margin-top:-225px;margin-left:-225px;display:none;opacity:0;z-index:50000;}
#modal_form2 input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;}
#modal_form2 input[type="text"].error{border:1px solid red;}
#modal_form2 h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin: 0;}
#modal_form2 .comment{color:#272727;padding-bottom:5px;font-size:14px;text-align:center;padding-top:0px;clear:both;}
#modal_form2 .button{display:block;cursor:pointer;height:40px;margin:10px 0;padding:2px 16px;width:210px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;
    background-color: rgb(255, 91, 0);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-color: rgb(204, 73, 0);
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
font-size: 18px;

text-decoration: none;
margin: 10px auto 0;
color: rgb(255, 255, 255);
}
#modal_form2 .button:hover{ background-color: rgb(230, 82, 0);
    border-color: rgb(230, 82, 0);
    color: rgb(255, 255, 255);}
#modal_form2 .error{border:1px solid red;}


#modal_form3{width:450px;padding:19px 20px;border:2px solid rgb(255, 91, 0);border-radius: 6px;background-color:#FFF;height:430px;background:#fff;position:fixed;top:45%;left:50%;margin-top:-215px;margin-left:-225px;display:none;opacity:0;z-index:50000;}
#modal_form3 input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;}
#modal_form3 input[type="text"].error{border:1px solid red;}
#modal_form3 textarea{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;}
#modal_form3 h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin: 0;}
#modal_form3 .comment{color:#272727;padding-bottom:5px;font-size:14px;text-align:center;padding-top:0px;clear:both;}
#modal_form3 .button{display:block;cursor:pointer;height:40px;margin:10px 0;padding:2px 16px;width:210px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;
    background-color: rgb(255, 91, 0);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-color: rgb(204, 73, 0);
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
font-size: 18px;

text-decoration: none;
margin: 10px auto 0;
color: rgb(255, 255, 255);
}
#modal_form3 .button:hover{ background-color: rgb(230, 82, 0);
    border-color: rgb(230, 82, 0);
    color: rgb(255, 255, 255);}
#modal_form3 .error{border:1px solid red;}

.af_example .button{
    background-color: rgb(255, 91, 0);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: rgb(204, 73, 0);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 18px;
    width: 70%;
    text-decoration:none;
    margin: 10px auto 0;
    color: rgb(255, 255, 255);
}

.af_example .button:hover {
    background-color: rgb(230, 82, 0);
    border-color: rgb(230, 82, 0);
    color: rgb(255, 255, 255);
}

.af_example .comment{font-size: 13px; color:#555;}

.vopros #uid6{margin-top:0px !important; 
position:relative; top:-5px;}

.vopros .div{position: relative;
display: inline-block;
max-width: 100%;
text-decoration: none; padding:0 15px;}
.vopros .div2{position: relative;
display: inline-block;
max-width: 100%;
text-decoration: none; }

.tooltip {
 
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}

.tooltip:hover span {
  font-size: 18px;
  position: absolute;
  left: 0em;
  top: 6em;
  z-index: 99;
  margin-left: 0;
  width: calc(100% - 2em);
}

.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
<strong>* html</strong> a:hover { background: transparent; }
.classic { background: #FFFFff; border: 1px solid #FFAD33;border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }
@media (max-width: 767px) {
.niz .left, .fotodiv, .leftt{float: none;width:100%;text-align:center;padding-top: 0px;max-width: 100%;}
.prdiv {float: none;width:calc(100% - 40px);padding-bottom: 0px;padding-left:20px;padding-right:20px;}
.logo div{float: none !important;margin-top:15px;}
h1{font-size:24px;margin:0 15px;}
.wrapper5 .cont{width: calc(100% - 50px);
float: none;
margin-right:0;font-size: 18px;margin-top:15px;}
.wrapper5 .cont2{width: calc(100% - 40px);
float: none;padding: 20px 20px;}
.primdiv {
    float: none;
    width: 100%;}
.tooltip:hover span {display:none;}
.tooltip h3{margin:10px}
.tooltip{cursor: none;}
.marg11{padding:0 20px;}
.kont-niz {
    padding-left: 0px;
}
.dostavka p.minf {
    font-size: 24px;}
.kku .wrapper4{font-size: 20px;}
.niz .clear {
    clear: both;
    margin-bottom: 25px;
}
.vopros .div2{margin-top:40px;}
.panel{max-width:90%;}
.panel h2 span{font-size:120% !important;}
.wrapper1 h1 span{font-size: 20px !important;}
}