@charset "utf-8";
/* CSS Document */
.offer h2{
width:100%;
line-height:25px;
}
.main_form {
width:256px;
// position:absolute;
background:url(diz/form_fon.png) repeat-x;
height:310px;

}
.main_form div {
font-size:15,5px;
font-weight:bold;
padding-left:30px;
margin-top:30px;	
}
.input {
width:200px;
height:32px;
margin-bottom:20px;	
}
.s_form input[placeholder]  {
padding-left: 15px;	
color:black;
font-size:13px;
opacity:1;
// font-family: arial;
}
.s_form {
margin-top:28px;	
}
.s_submit {
background:url(diz/button_form.png) no-repeat;
width:207px;
height:34px;
border:0;	
}
.s_submit:hover {
background:url(diz/button_form_hover.png) no-repeat;
cursor:pointer;
	
}
.offer {
width:auto;
margin:0 auto;
 height: auto;	
}
.offer h2 {
font-size:20px;
text-align:left;
}
.type {
width:250px;	
	
}
.type .title {
background:url(diz/tip.png) no-repeat;
height:35px;
width:100%;	
font-size:20px;
padding-left:50px;
padding-top:18px;
margin-bottom:10px;	
color:white;
font-weight:bold;
}
.button_offer {
background:url(diz/button_offer.png) no-repeat;
background-size: 100%;
height:51px;
	
}
.button_offer:hover {
background:url(diz/button_offer_hover.png) no-repeat;
background-size: 100%;
cursor:pointer;
}
.descr {
font-size:22px;
line-height: 22px;
margin-bottom:15px;	
	
}
.type ul {
padding-left:0px;	
height:210px;
}

.type {
float:left;	
}
.type:nth-child(2), .type:nth-child(3) {
margin-right:60px;

}
.right_block .type ul li {
list-style: none;
background:url(diz/galka.png) no-repeat;
padding-left:29px;	
margin-bottom:10px;
background-position:0 5px;
}
.right_block .type ul li:before{
content:none;
}
/* =============== ВСПЛЫВАЮЩИЕ ОКНА ======================= ===================
============================================================ POP-UP============
/////////////////////////////////////////////////////////////////////////////*/
/*заказ звонка верхняя*/
.overlay-zvonokt {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay-zvonokt:target {
    visibility: visible;
    opacity: 1;
}
.popup-zvonokt {              
    left: 50%;

    padding: 10px;
    position: fixed;    
    top: 40%;
  
    z-index: 50000;
 
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;   
 
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.wind-zakaz-top {
  /*width: 400px;*/
  height: 100%!important;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  text-align: center; 
  padding: 0px;  
  background: #EAEFF0;  
  position: relative;
}
.bold {
  font-weight: bold;
}
.wind-zakaz-top p{
  padding: 20px;
}
.wind-zakaz-top input[type="text"] {
  width: 340px;
  height: 42px;
  margin: 8px auto;  
  text-align: center;
  font-size: 20px;  
  font-weight: normal;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #d4d4d4;
}
.wind-zakaz-top input[type="text"]:focus {
  outline: none;
}
.wind-zakaz-top input[type="button"] {
  width: 252px;
  background: #f15a22;
 height: 45px;
color:white;
   font-size: 18px;
    height: 35px;
    width: 200px;
}
.wind-zakaz-top input[type="button"]:hover {
	 background: #f15a22;

}

.overlay-zvonokt:target+.popup-zvonokt {    
    opacity: 1;
    visibility: visible;
}
.wind-zakaz-top p{
  font-size: 21px;
}
.rel-pos {
  position: relative;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing: border-box;
}
/* Кнопка закрытия окна  */
/*.close {        
height: 24px;
line-height: 24px;
position: absolute;
right: 16px;
font-weight: bold;
text-align: center;
text-decoration: none;
top: 17px;
width: 24px;
border-radius: 15px;
z-index: 15;   
}
.close:before {
    color: #81A2C1;
    content: "X";
    font-size: 22px;
    font-family: arial;
}*/
/*заказ звонка нижняя*/
.overlay-zvonokb {
    background-color: rgba(0, 0, 0, 0.0);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;  
    z-index: 2;  
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay-zvonokb:target {
    visibility: visible;
    opacity: 1;
}
.popup-zvonokb {              
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: -210px;
    bottom: 0px;  
    z-index: 10;  
    visibility: hidden;    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;   
 
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.wind-zakaz-bot {

  width: 379px;
  height: 260px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  text-align: center; 
  padding: 10px;  
  background: #fff;  
  position: relative;
}
.wind-zakaz-bot:after {
  content: "";
  position: absolute;
  background: url(../img/background/pointer-bottom.png) no-repeat;
  width: 27px;
  height: 18px;
  bottom: -15px;
  right: 110px;
}
.wind-zakaz-bot input[type="text"] {
  width: 340px;
  height: 42px;
  margin: 8px auto;  
  font-size: 20px;
  padding-left: 15px;
  font-weight: normal;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid #d4d4d4;
}
.wind-zakaz-bot input[type="text"]:focus {
  outline: none;
}
.wind-zakaz-bot input[type="button"] {
  width: 252px;
  height: 44px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;  
  border: none;
  color: #fff;
  margin: 8px auto; 
  font-size: 19px;
  cursor: pointer;
  background: rgba(241,122,116,1);
background: -moz-linear-gradient(left, rgba(241,122,116,1) 0%, rgba(211,75,68,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241,122,116,1)), color-stop(100%, rgba(211,75,68,1)));
background: -webkit-linear-gradient(left, rgba(241,122,116,1) 0%, rgba(211,75,68,1) 100%);
background: -o-linear-gradient(left, rgba(241,122,116,1) 0%, rgba(211,75,68,1) 100%);
background: -ms-linear-gradient(left, rgba(241,122,116,1) 0%, rgba(211,75,68,1) 100%);
background: linear-gradient(to right, rgba(241,122,116,1) 0%, rgba(211,75,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a74', endColorstr='#d34b44', GradientType=1 );
cursor: pointer;
}
.overlay-zvonokb:target+.popup-zvonokb {    
    opacity: 1;
    visibility: visible;
}
.wind-zakaz-bot p{
  font-size: 21px;
}
.center-980-pop {
  margin: 0 auto;
  width: 980px;
  position: relative; 
  z-index:50000;
}
#overlay {
    background-color: #000;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30000;
}
#modal_form {
display:none;	
}

#textarea {
display:none;
margin-top:10px;	
}
#textarea textarea{
margin-top:10px;
width:340px;
height:150px;	
}
#textarea h5 {
font-size:16px;	
}
.wind-zakaz-top .bold {
 background: #f15a22 none repeat scroll 0 0;
    color: white;
    height: 30px;
    text-align: left;
	font-weight: normal;
	 padding-left: 10px;
    padding-top: 10px;
}
.wind-zakaz-top #cleaning {
margin-top:35px;	
}
.wind-zakaz-top .s_submit {
margin-top:20px;;	
}
.strelka {
	background:url(diz/strelka.png) no-repeat;
	width:118px;
	height:80px;
	 margin-top: -25px;
	 margin-left:700px;
	 position:absolute;
}

.wind-zakaz-top .form .form_head {
	 border-bottom-color: #08437b!important;
	 border-bottom: 2px solid;
	 padding: 34px 75px 35px 35px;
	 text-align: left; 
}
.wind-zakaz-top .form .form_head h2{
	 margin:0;
}
.wind-zakaz-top {
    border-radius: 0;
    background: #fff;
    min-width: 420px;
    max-width: 520px;
}

.popup-zvonokt .close{
    margin: 0;
    position: absolute;
    right: 43px;
    top: 47px;
    z-index: inherit;
    cursor: pointer;
}

.popup-zvonokt .close, .popup-zvonokt .close i{
    display: block;
    border-radius: 0;
    width: 14px;
    height: 14px;
    opacity: 1;
}
.popup-zvonokt .close i {
    background-position: -1px -46px!important;
}
.popup-zvonokt .close i, .popup-window-close-icon.popup-window-titlebar-close-icon:after {
    background: url(diz/close_icons.png) -1px -59px no-repeat;
}

.popup-zvonokt .form .form_result {
    margin: 0;
    padding: 30px 35px 0;
    text-align: left; 
}
.main_form .green_txt{
color:green;
}
@media (max-width: 768px) {
.offer h2 {
    text-align: left;
    width: 97%;
}

.type {
    margin-top: 40px;
}

.wind-zakaz-top {
    max-width: 370px;
    min-width: 350px;
}

}

@media (max-width:375px) {

.wind-zakaz-top {
    max-width: 300px;
    min-width: 270px;
}

}