.close {
    position: absolute;
    top: 5px;
    right: 10px;
    /*float: right;*/
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.7;
    filter: alpha(opacity=20);
}


/*Форма заявки на вакансию*/

.modal-dialog{
     border-radius:0px;
    background:white;
    border: 2px solid white;
    padding: 0px;
    margin-top: 10px;
}
.modal-header{
display: block;
background:#4A4D5F;
border-bottom: 2px solid #C2C2C2;
width: 100%;
text-align: center;
}

.modal-content{
   

    background: url(../assets/images/body.png) repeat;
       
}

span.modal-title{
    
    font-family: inherit;
    font-weight: bold;
    color:white;

    letter-spacing: normal;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 10px;
    display: block;
}


span.modal-title + span{
    font-style: italic;
    letter-spacing: normal;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: white;
}


.modal-dialog #cont{
    
   margin-top: 5px; 
   padding: 10px 0px;
   background:#C35554; 
   text-align: center;
   color: white;
   font-weight: bold;
   font-size: 22px;
   border-radius:5px;
   margin-bottom: 10px;
}





.modal-dialog #item_work{

   padding: 5px 20px;
   background:#E7E7E7; 
   text-align: center;
   color:#3F3F44;
   font-weight: bold;
   font-size: 16px;
   border-radius:30px 30px;  
  
   margin: 5px auto 0;

   border:0px solid #400000;
   border-top: none;
   display: inline;

    
}


.form_border{
    
    border: 1px solid #DCDCDC;
    padding: 5px;
}



.name_form_servis{
    
    font-size: 27px;
    color: white;
    display: block;
    margin-bottom: 15px;
    
    border: 1px solid silver;
    padding:  10px 0;
    text-align: center;
    background: #41A8B9;
    line-height:25px;
    
}

.name_form_servis>span{
    
    font-size:20px;
   
}



.comment-input-consult{
    
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.modal-body {

    padding-top: 10px;
}



#form_test_2 input {border-radius: 0px;
font-size: 18px;
color:#2A646E;
font-style: italic;
background: none;
border: none;
border-bottom:1px solid #3C3C3C; 

/*padding: 20px;*/
}

.form-group {
    margin-bottom: 0px;
}


#form_test_2 textarea {border-radius: 0px;
font-size: 18px;
color:#2A646E;
font-style: italic;
background: none;
border: none;
border:1px solid #3C3C3C; 
border-top: none;
border-right: none;

padding: 10px;
}

#form_test_2 select{
    height: 40px;
    padding-left: 0px;
    border: none;
    border-bottom:1px solid #3C3C3C; 
    border-radius:0px;
font-size: 18px;

color:#2A646E;
font-style: italic;
background: none;


}

.form-control_ {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;


}





#form_test_2 label{
    
    text-align: left;
}

#form_test_2 p{color:red;}



.label_desc{
    display: block;
    
}
.error{
    display: none;
}
.error_input{
    border: 0px solid #FF0000; 
}


.hidd{
    
    display: none;
    
}

#ok_mess_2{
display: none;
text-align: center;
font-weight: bold; 
color: #262626; 
font-size: 18px;
}


#input_operator{
    
   
}

.phone{
    
 display: none;
    
}
.phone_rf,.phone_rb {
    
    display: block;
   
    
}




/*Стилизация ползунка горизонта расчета экспрес анализ проекта*/


#form_test_2 input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
  border: none;
}


#form_test_2 div#out, #form_test_2 #val_rang{
    
width: 70px;
height: 70px;  
border-radius:100%;
border: 0px solid red;  
padding: 0px;

display:block;  
text-align: center;
margin: 10px auto 0;
background:#C35554;
    
}



#form_test_2 output,#form_test_2 #val_rang span {
padding: 0;
text-align: center;
line-height: 70px;
color:white;
font-size: 25px;
font-weight: bold;


    
}

input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #9A4D4D;
  border-radius: 0px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 4.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}



output[for=fader]{text-align: center;
font-size: 25px;
font-weight: bold;
color: #381C1C;

}