body {background: var(--bg_w);}
#for_anim {position: relative; display: block; top: 0; left: 0; padding: 0; width: 100%; height: 500px; background: url(mouseimages/1.jpg) no-repeat center; background-size: cover;
-o-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.services_preload {position: fixed; top: -100px; left: 0;}
.services_preload img {width: 1px; height: 1px; border: none; outline: none;}
.b4 {margin-top: 0px;}
.top_line {position: absolute; top: 50px;}
.main_pole {position: relative; top: 0; left: 0; width: 100%; padding: 190px 70px 90px;}
.main_pole_bg_br {background: #FFFFFF url(services1.jpg) no-repeat left top;}
.main_pole h1 {margin: 0 0 25px; line-height: 31px;}
.main_pole h2 {font-family: 'm'; font-weight: normal; font-size: 17px; line-height: 24px;color: var(--h1_color); margin: 0 0 40px; padding: 0;}
.main_pole p {margin: 0; padding: 0; color: var(--black_min_color);}
.main_pole_in {width: 90%; max-width: 1650px; margin: 0 auto; text-align: center;}
.main_pole_in .blocks {display: inline-block; width: 330px; margin: 30px 4%; text-align: left; vertical-align: top; padding-top: 50px; border-top: 7px dotted rgba(21,21,21,0.043);}
.top_logo {height: 20px; background: url(logo_b.png) no-repeat center;}
a.top_phone, a.top_phone:hover {font-size: 15px; color: #FFFFFF; padding: 7px 17px; background: var(--b_color); -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.top_phone_min {background: url(phone_b.png) no-repeat center top;}
.hamburger div {background: var(--bg_b);}

#tooltip{background: rgba(21,21,21,0.9); color: #EEEEEE;}
.b4_txt_right {margin-top: 0px;}
.b4 {background: #FFFFFF url(services2.jpg) no-repeat right bottom;}
.b4_left {height: 600px;}

.fon_fon {position: relative; display: table; top: 0; left: 0; padding: 0; width: 100%; height: 170px;}
.fon_left, .fon_right {display: table-cell; width: 50%; height: 100%; text-align: center; vertical-align: top;}
.fon_left {background: var(--bg_br);}


@media screen and (max-width: 1695px) {
.main_pole_in {width: 100%; max-width: none;}
}
@media screen and (max-width: 1513px) {
.main_pole_in .blocks {width: 300px;}
}
@media screen and (max-width: 1416px) {
.main_pole_in .blocks {width: 270px;}
.main_pole_bg_br {background: #FFFFFF;}
.b4 {background: #FFFFFF;}
}
@media screen and (max-width: 1281px) {
.main_pole_in .blocks {width: 250px;}
}
@media screen and (max-width: 1190px) {
.fon_fon {display: none;}
.b4_txt_right {margin-top: 80px;}
.main_pole_in .blocks {width: 350px;}
}
@media screen and (max-width: 1127px){
.b4_txt_right {margin-top: 0;}
.b4_left {height: auto;}
}
@media screen and (max-width: 1024px) {
.main_pole_in .blocks {width: 330px;}
}
@media screen and (max-width: 966px) {
.main_pole_in {width: 100%;}
.main_pole_in .blocks {width: 300px;}
}
@media screen and (max-width: 900px) {
.main_pole_in .blocks {width: 250px;}
}
@media screen and (max-width: 772px) {
.main_pole_in .blocks {width: 350px;}
}
@media screen and (max-width: 565px) {
.main_pole_in .blocks {width: 330px;}
}
@media screen and (max-width: 528px) {
.main_pole_in .blocks {width: 270px;}
}
@media screen and (max-width: 480px) {
.main_pole {padding: 190px 0px 120px;}
}
@media screen and (max-width: 426px) {
.main_pole {padding: 190px 40px 100px;}
.main_pole_in .blocks {width: 240px;}
}
@media screen and (max-width: 392px) {
.main_pole {padding: 190px 20px 100px;}
.main_pole_in .blocks {width: 210px;}
}










@media only screen and (-webkit-min-device-pixel-ratio: 1.01),
  only screen and (-moz-min-device-pixel-ratio: 1.01),
  only screen and (-o-min-device-pixel-ratio: 1.01/1),
  only screen and (min-device-pixel-ratio: 1.01),
  only screen and (min-resolution: 1.01dppx), (pointer: coarse) {


.top_logo {background: url(logo_b@1.1.png) no-repeat center; background-size: 165px 20px;}
.top_phone_min {background: url(phone_b@1.1.png) no-repeat center top; background-size: 18px;}


}