body{
margin: 0px;
background: url(../images/styleb01.png) repeat 0 0;
}

a{
text-decoration: none;
}

.mainblock{
margin:auto;
width: 1000px; 
margin-top: 10px;
}

.name_site{
margin: 10px 10px 30px 10px;
text-align: center;
font-size: 60px;
background-color: #666666;
background-clip: text;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 10px 3px 3px;
}

.service_block{
width: 280px;
height: 210px;
float: left;
margin: 10px 15px 10px 32px;
border-radius: 20px 20px 5px 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
overflow: hidden;
}

.service_block:hover{
box-shadow: 0 0 20px rgba(0,0,0,0.9);  
}

.service_block img{
width: 280px;
height: 210px;   
}

.service_name{
text-align: center;
margin-top: -64px;
position: absolute;
width: 280px;
height: 60px;
background: hsla(0,0%,100%,.8);
line-height: 60px;
font-size: 23px;
color: black;
}

.region{
font-size: 26px;
font-weight: 600;
background-color: #666666;
background-clip: text;
color: transparent;
padding: 10px;
margin: 20px 0px 10px 0px;
}


.link_city{
margin: 0px 0px 0px 10px; 
line-height: 40px;
background: #A9A9A9;
color: white;
font-size: 20px;
text-decoration: none;
padding: 5px 8px 5px 8px;
border-radius: 15px 0px 15px 0px;
}

.link_city:hover{
background:#000000;  
border-radius: 0px 15px 0px 15px;
}

.rent_block{
width: 1000px;
height: 47px;
margin:auto;
}

.rent_link{
padding: 10px;
border: solid 1px black;
float: right;
background:darkgreen;
color: white;
text-decoration: none;
font-size: 21px;
font-weight: 700;
border-radius: 20px 0px 20px 0px;
box-shadow: 0px 5px 18px #9EACB8;
}

.rent_link:hover{
background: #a0203a;
border-radius:20px;
}

.container{
margin:auto;
margin-top:5px;
width: 1000px;
background-color: white;
border: solid 1px red;
border-radius: 20px;
box-shadow: 0px 5px 18px #9EACB8;
border: 1px solid #E3EAF0;
padding: 0px 20px 20px 20px;
}

.telephone{
font-size: 28px;
font-weight: 700;
text-align: center;
line-height: 0px;
}

h1{
text-align: center;
font-size: 30px;
background-color: #666666;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 10px 3px 3px;     
}

h2{
text-align: center;
font-size: 25px;
background-color: #666666;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
font-weight: 700;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 10px 3px 3px;   
}

h3{
text-align: center;
font-size: 25px;
background-color: #666666;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
font-weight: 700;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 10px 3px 3px;       
}

.afro_bl{
width: 300px;
margin: 10px 20px 10px 10px; 
border: solid 1px #9EACB8;
overflow: hidden;
border-radius: 20px 20px 0px 0px;
float: left;
}
.afro_bl:hover{
box-shadow: 0px 5px 28px #9EACB8;    
}
.afro_bl img{
width: 300px;
height: 250px;
}

.afro_bl{
text-align: center;
font-size: 23px;
line-height: 10px;
font-weight: 700;
}

.portf_text{
text-align: center;
font-size: 30px;
background-color: #666666;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
font-weight: 700;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 10px 3px 3px;  
}

.portfolio_s1{
margin: 10px 15px 10px 20px; 
margin: px;
width: 210px;
height: 200px;
border-radius: 10px;
box-shadow: 0px 5px 18px #9EACB8;   
}

.portfolio_s2{
margin: 10px 15px 10px 20px; 
margin: px;
width: 160px;
height: 160px;
border-radius: 10px;
box-shadow: 0px 5px 18px #9EACB8; 
}

.portfolio_s1:hover{  
box-shadow: 0px 5px 38px #9EACB8;   
}

.form_info{
margin: auto;
margin-top: 0px;
width: 700px;
height: 200px;
background-color: white;
border-radius: 20px;
box-shadow: 0px 5px 18px #9EACB8;
border: 1px solid #E3EAF0;
padding: 20px;
}

.main_info{
text-align: center;
font-size: 23px;
font-weight: 700;
line-height: 1.6;   
}

.info_teleph{
text-align: center;
font-size: 35px;
font-weight: 700; 
color: darkgreen;
}

.in_copyright{
margin:auto;
font-size: 18px;
padding: 20px;
text-align: center;
}
@media only screen and (max-width:767px){
 
.rent_block{
margin:auto;
width: 80%;
height: 47px;
}
   
.container{
margin:auto;
margin-top: 45px;
width: 80%;
}
    
h1{
font-size: 20px;   
}

h2{
font-size: 15px; 
}

.afro_bl{
display: block;
width: 285px;
margin: 10px 20px 10px 0px; 
border: solid 1px #9EACB8;
overflow: hidden;
border-radius: 20px 20px 0px 0px;
float: left;
}

.afro_bl img{
width: 285px;
height: 250px;
}
    
.portfolio_s1{
margin: 10px 15px 10px 20px; 
margin: px;
width: 260px;
height: 210px;
border-radius: 10px;
box-shadow: 0px 5px 18px #9EACB8;   
}  

.portfolio_s2{
margin: 10px 15px 10px 20px; 
margin: px;
width: 260px;
height: 210px;
border-radius: 10px;
box-shadow: 0px 5px 18px #9EACB8; 
}  

.form_info{
margin:auto;
width: 80%;
} 

.main_info{
font-size: 18px;
}

.info_teleph{
font-size: 30px;
}
}