/* вид файлов */
.service-details {
width: 98%;
min-width: 300px;
height: 185px;
overflow: hidden;
position: relative;
margin: 5px;
float: left;
background: url($IMG_URL1$);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.service-details:hover img {
box-shadow: 0px 0px 45px 47px rgba(0, 0, 0, 0.8);
border: 10px solid rgba(0, 0, 0, 0);
}

.service-details img {
position: absolute;
right:0px;
width: 175px;
height: 175px;
float: left;
border-radius: 50%;
border: 10px solid rgba(0, 0, 0, 0);
box-shadow: 0px 0px 27px 1px #000000;
margin:5px;
}

.service-details .service-hover-text h3 {
padding: 5px;
color:#95b9bf;
text-align:left;
font-size:18px;
font-family: 'Jura', sans-serif;
transition: color 1s, font-size 1s, text-shadow 1s;
-moz-transition: color 1s, font-size 1s, text-shadow 1s;
-webkit-transition: color 1s, font-size 1s, text-shadow 1s;
-o-transition: color 1s, font-size 1s, text-shadow 1s;
background: #313b46;
}
.service-details:hover h3 {
padding: 5px;
color:#fff;
z-index:10;
font-size:18px;
text-shadow:0 0 20px #EAF8FF;
}
.service-details .service-hover-text h4 {
margin-right: 0;
padding: 0 5px 2px;
color: #9A9A9A;
border: 1px solid #5D5D5D;
border-radius: 2px;
font-family: tahoma,arial,sans-serif;
margin-bottom: 10px;
display: inline-block;
}
.service-details .service-hover-text p {
position: absolute;
padding: 10px;
font-size: 14px;
font-family: 'Jura', sans-serif;
color: #3a3a3a;
text-align:left;
}
.service-details .service-text h2 {
position: absolute;
width: 50%;
padding: 2px;
color:#fff;
text-align:left;
text-shadow:1px 1px 1px #000;
font-size:14px;
font-family:Arial Narrow, Arial, sans-serif;
background: #438a96;
transition: color 1s, font-size 1s, text-shadow 1s;
-moz-transition: color 1s, font-size 1s, text-shadow 1s;
-webkit-transition: color 1s, font-size 1s, text-shadow 1s;
-o-transition: color 1s, font-size 1s, text-shadow 1s;
}
.service-details .service-hover-text a {
font-size: 12px;
background: #313b46;
margin-right: 0;
padding:5px;
color: #FFF;
border-radius: 2px;
font-family: tahoma,arial,sans-serif;
margin-bottom: 10px;
display: inline-block;
border: 0px solid #00BFFF;
}
.service-details:hover a {

}
.service-details .service-hover-text{
width: 50%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
background: #fff;
color: #ccc;
box-shadow: 19px 8px 79px 30px #fff;
/* display: none;*/
transition: all 0.5s ease-in-out;
-moz-transition: all 0.4s;
}

.service-details:hover .service-hover-text {
display: block !important;
color:;
left: 0px;
top: 0px;
}
.service-details .service-text {
position: absolute;
bottom: 0px;

}
.service-details .service-text p {
position: absolute;
right:3px;
bottom:3px;
line-height: 40px;
text-align:center;
font-family: 'Jura', sans-serif;
font-size: 13px;
font-weight:600;
color:#fff;
background: #ff0000;
border-radius: 50%;
box-shadow: 0px 0px 23px 5px #ff0000;
width:40px;
height:40px;
}
.service-white {
width: 100%;
height: 25px;

}