@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,cyrillic");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&subset=latin,cyrillic");
body {
  font-family: 'Roboto', helvetica, arial, sans-serif;
  width: 100%;
  overflow-x: hidden;
      
	  margin: 0;
    padding: 0;
	color:#333;
}
.container {
    width: 980px;
    margin: 15px auto;
    background: #ffffff;
    padding: 15px;
    border-radius: 10px;
    border: none;
    box-shadow: 0 0 30px rgba(82, 92, 118, 0.13);
}
.adapt-menu {
    text-align: center;
    margin: 25px 0;
            }
            .adapt-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
            }
            .adapt-menu ul li {
display: inline-block;
    margin: 0 5px;
            }
            .adapt-menu ul li a {
                color: #333;
    font-size: 14px;
    text-decoration: none !important;
    opacity: 0.8;
    border-bottom: 1px dashed;  
            }
            .adapt-menu ul li a:hover {
    opacity: 1;
    
            }
            .back {
                display: table;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px dashed;
    opacity: 0.8;
            }
            @media (max-width: 600px) {
                .adapt-menu ul {
    margin: 15px;
    text-align: left;
}
.adapt-menu ul li {
    display: block;
    margin: 10px 0px;
}
            }
.main-title {
    text-align: center;
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
}
.title-block {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
	    margin: 0;
	text-align:left;
}

.phones {
    text-align: center;
    margin: 15px 0;	
}
.phones span {
	    font-size: 12px;
}
.phones p {
	    margin: 5px;
    font-weight: 700;
}
.logo {
	    text-align: center;
    margin: 0 0 15px;
}
.logo img {
    max-width: 100px;
}
.services {
text-align: center;	
}
.serv-block {
    display: inline-block;
    width: 17%;
    overflow: hidden;
    background: #fff;
    margin: 5px;
    border: none;
    padding: 5px;
    cursor: pointer;
    color: #333;
    min-height: 260px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.21);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.serv-block p { 
	font-size: 14px;
}
.serv-block img {
	max-width:50%;
	    margin: 10px 0;
		    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.serv-block:hover img,.serv-block:active img,.serv-block:focus img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1); 
transform: scale(1.1);
	    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.serv-block:hover,.serv-block:focus,.serv-block:active {
border: none;
    background: #ffffff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.31);
    transform: translateY(-10px);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;	
}
.serv-block:hover .title-serv,.serv-block:active .title-serv,.serv-block:focus .title-serv {
	color:#00632c;
	-webkit-transform: translateY(5px);
-ms-transform: translateY(5px); 
transform: translateY(5px);
	    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.title-serv {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1;	
        vertical-align: middle;
    display: table-cell;
	    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.link-serv {
	    text-decoration: none !important;
}

.title-ser-bl {
height: 50px;
    width: 100%;
    display: table;
}
.link-serv:hover {
	
}





@media (max-width:1280px) {

}

@media (max-width:1024px) {

}
@media (max-width:960px) {

}
@media (max-width:800px) {

}
@media (max-width:767px) {

}
@media (max-width:600px) {
.container {
    width: auto;
}
.serv-block {
    width: auto;
    margin: 5px auto;
        min-height: 210px;
}
.title-serv {
    margin: 10px 0;
    font-size: 22px;

}
.serv-block img {
    max-width: 25%;
    margin: 0px 0;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}
.serv-block:hover,.serv-block:focus,.serv-block:active {
border: none;
    background: #ffffff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.31);
    transform: translateY(0px);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;   
}
}

@media (max-width:480px) {

}
@media (max-width:360px) {

}