@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
.myBody {
  font-family: 'Roboto', sans-serif;
  font-size:1.15em;
  color:#1C1C1C;
  font-weight:300;
}
.myHeader1 {
  font-family: 'Roboto', sans-serif;
  font-size:2.5em;
  padding-top:1em;
  padding-bottom:1em;
  text-align:center;
  letter-spacing:1px;
  font-weight:300;
  color:#1C1C1C;
  margin:0 0 0 0;
}
.myHeader2 {
  font-family: 'Roboto', sans-serif !important;
  font-size:3.5em !important;  
  letter-spacing:1px !important;
  font-weight:300 !important;
  background: #0a8fc4 !important;
  padding:0.5em !important;
  opacity: 0.7 !important;
}
.myBlock1 {    
    text-align:center;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    background-color:#F0F0F0;
    border-radius:10px;
    border:1px solid #0a8fc4;
}
    .myBlock1 p {
        font-size: 2em;        
        color: #0a8fc4;        
  		text-align:center;
  		padding-top:1em;
    	padding-bottom:0.5em;
    }
    .myBlock1 img {
        padding-top:1em;
        padding-bottom:1em;
    } 
.myBlock2 {
    padding-top:0.5em;
    padding-bottom:0.5em;
    color:#F0F0F0;
    font-size:2.5em;    
    text-align:center;
    background-color:#0a8fc4;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
  	border:1px solid #0a8fc4;  
}
.myBlock3 {
    font-size: 1.25em;        
    color: #1C1C1C;
    padding-top:0.5em;
    padding-bottom:1em;
    padding-left:2em;
    padding-right:2em;
  	height:9em;
}
.myBlock4 {
    font-size: 1.15em;        
    color: #1C1C1C;
    padding: 1em 1em;
    text-align:left;
    font-family: 'Roboto', sans-serif;
  	height:20em;
}
	.myBlock4 p {
  		font-size:1.25em !important;
  		padding-top:0em !important;
}
.myBlock5 {
    text-align: left;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    font-size: 1.75em;
    color: #0a8fc4;
    padding-left: 1em;
    padding-right: 1em;
}
.myBlock6 {
    font-size: 1.15em;        
    color: #1C1C1C;
    padding: 1em 1em;
    text-align:left;
    font-family: 'Roboto', sans-serif;  	
}
.myBtn1 {
    margin-top:1.5em;
    margin-bottom:1.5em;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    font-size:1.15em;
    text-align:center;
}
    .myBtn1 a {        
        border-radius:10px;
        padding-top:0.5em;
        padding-bottom:0.5em;
        padding-left:2em;
        padding-right:2em;        
        background-color:#0a8fc4;
        color:#F0F0F0;
        cursor:pointer;
        letter-spacing:1px;
        border:1px solid #0a8fc4;
        text-decoration:none;      
    }
        .myBtn1 a:hover {
            background-color:#F0F0F0;
            color:#0a8fc4;
            transition:0.5s;
        }
.myBtn2 {
    margin-top:1.5em;    
}
    .myBtn2 a {        
        border-radius:5px;
        padding-top:0.5em;
        padding-bottom:0.5em;
        padding-left:2em;
        padding-right:2em;        
        background-color:#eeeeee;        
        cursor:pointer;
        letter-spacing:1px;        
        text-decoration:none;   
        color: #0a8fc4;
    }
        .myBtn2 a:hover {
            background-color:#0a8fc4;
            color:#eeeeee;
            transition:0.5s;
        }
/*contact form*/
.myLabel {
  font-family: 'Roboto', sans-serif;
  font-size:1em;
  text-align:left;
  color:#1C1C1C;
  width:95% !important;
  padding:0.5em 0.5em !important;
  cursor:pointer;
  font-weight:300;
  letter-spacing:1px;
  border-radius:5px !important;
  border:1px solid #0a8fc4 !important;
  margin:0.25em 0.25em !important;
  max-width:710px !important;
}
.headPhone {
  font-family: 'Roboto', sans-serif;  
  text-align:right;
  padding-top:0.25em;
  padding-bottom:0.25em;  
  /*letter-spacing: 3px;*/
  max-width: 1180px;
  margin: 0 auto;
}
.headPhoneA {
  font-size:2.2em;
  color:#0e3965;  
}
.spanHeadPhone {
  font-size:0.55em;
  color: #666666;
}
/*add 07-02-2017*/
#headSection {
    background-image: url("https://khv-signal.ru/wp-content/uploads/2017/02/background06022017.jpg");
    background-position: center;
    background-repeat: no-repeat;    
    max-height: 600px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;    
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
#headSection p {    
    font-size: 3.5vh;
    padding-top: 18vh;
    color: #eeeeee;
}
#headSection div {        
    padding-top: 1em;
    padding-bottom: 11em;
}
#headSection a {    
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 1.2em;
    padding-bottom: 1em;
    font-size: 1em;    
    background-color: brown;    
    text-decoration: none;
    cursor: pointer;
    color: #eeeeee;
}
#headSection a:hover {
    background-color: #0a8fc4;
    transition: 0.5s;    
}
/*services-main*/
.servicesBlock {
    text-align: center;
    max-width: 250px;    
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;    
}
.servicesBlock img:hover {    
    background-color: #eeeeee;
    border-radius: 25px;
    transition: 0.5s;
}
.servicesPrice {
    text-transform: uppercase;
    font-size: 2em;
    color: brown;
}
/*btn style 1*/
.myBtnStyle1 {
    border-radius:5px;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:1em;
    padding-right:1em;        
    background-color:#b92e39;        
    cursor:pointer;
    letter-spacing:1px;        
    text-decoration:none;   
    color: #eeeeee !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    vertical-align: super;
}
.myBtnStyle1:hover {
    background-color:#0e3965;    
    transition:0.5s;
}