body {margin:0px;background-color:#fff;padding:0px;}
p,td, div {font-family:Tahoma; margin-bottom:3px; font-size:15px; color:#000000;}
a:link{color:#333;text-decoration:underline;}
a:visited{color:#333;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}
h1 {font-family:Arial; padding:0px 0px 7px 0px; font-size:21px; font-weight:normal; color:#ff4910; margin:0px;}
h2 {font-family:Arial; padding:0px 0px 7px 0px; font-size:19px; font-weight:normal; color:#ff4910; margin:0px;}

form, select {font-size:17px;}

.splitting {background-image:url(fustian/entrance.png); background-repeat:repeat-x;}

#snowstorm ul {padding:0px; list-style:none; margin:0px;}
#snowstorm li {padding:3px 0px 3px 3px; border-bottom:1px dotted #dddddd;}
#snowstorm li a:link {color:#555; text-decoration:none; font-weight:bold;}
#snowstorm li a:visited {color:#555; text-decoration:none; font-weight:bold;}
#snowstorm li a:hover {color:#000; text-decoration:none; font-weight:bold;}

/* contacts */

.phone {position: relative; display: inline-block; margin: 0 auto; vertical-align: top;}
.phone ul {list-style: none; margin: 0; padding: 0;}
.phone li {display: block; width: 200px; color: #015b91; font-size: 18px; line-height: 22px; font-weight: normal; letter-spacing: 1px; background-color: #fff; border-radius: 2px; position: relative; box-shadow: 1px 3px 6px rgba(0,0,0,.3); padding: 4px 0 4px 27px; margin: 9px 0 9px 0;}
.phone li a {display: inline-block; top: -1px; position: relative;}
.phone li.te::before, .phone li.wa::before, .phone li.em::before {position: absolute; content: ''; top: -5px; left: -10px; width: 38px; height: 38px;}
.phone li.te::before {background: url('fustian/phone_01.png') no-repeat; background-size: cover;}
.phone li.wa::before {background: url('fustian/phone_02.png') no-repeat; background-size: cover;}
.phone li.em::before {background: url('fustian/mail_03.png') no-repeat; background-size: cover;}
.phone li.em {font-size: 15px;}


.polish {background-image:url(fustian/polish.png);}

#barbarism {float:left; padding:0px 0px 0px 30px;}
#janitor {float:right; padding:0px 30px 0px 0px;}

#stroypusher {
position:relative;
display:flex;
width:100%;
margin:0px auto;
padding:0px;
}

#stroy1 {width:100%;}

#stroy2 {width:100%;}

#stroy3 {width:100%;}

#stroy4 {width:100%;}

#prominent {
position:relative;
display:flex;
max-width:1200px;
margin:0px auto;
padding:0px;
}

#entrance {flex: 0 0 145px;}

#significance {flex: 1 1 auto; padding:0px 18px 0px 18px; text-align:justify;}
#significance img {border:1px solid #dddddd;}

#bulldozer {flex: 0 0 168px; text-align:center;}

/*burger menu https://www.magentawave.com/2016/09/css-responsive-menu-with-close.html */
.ad-menu *:focus,.ad-menu *::before,.ad-menu *::after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: content-box; /*это свойство обязательно*/
  background-color: #ffefb1; /*фон у раскрытого меню*/
}
.ad-menu li a {
  display: block;
  width: 100%;
}
/*конец burger menu*/

/*преимущества*/
.preim {background: linear-gradient(45deg, rgba(206,210,213,.2), rgba(244,245,245,.1)), url('fustian/mainbg.jpg') no-repeat; background-size: cover; background-position: 50% 50%; padding: 30px 20px; text-align: center;}
.preim img {margin-top:8px; border: none !important;}
.preim li {list-style-type: none};
.preim .pre_blocks {padding: 10px 0;}
.pre_blocks ul {display: flex; justify-content: space-around; flex-wrap: wrap;}
.pre_blocks ul li {flex: 0 1 200px; background: rgba(255,255,255,.75); border-radius: 4px; padding: 25px; margin: 10px; font-size: 22px; line-height: 24px; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.pre_blocks ul li.pr1::after, .pre_blocks ul li.pr2::after, .pre_blocks ul li.pr3::after, .pre_blocks ul li.pr4::after, .pre_blocks ul li.pr5::after {font-size: 45px; line-height: 45px; display: block; margin: 20px 0 0 0; color: #54AEE5;}
/*конец преимущества*/

@media screen and (max-width:650px)
{
/*burger menu*/
.ad-menu li {
    width: 100%;
}
.ad-menu ul {
  display: none;
}
.ad-menu nav::before,
.ad-menu::after {
  content: '';
  position: absolute;
  top: 0;
  left: 45%;
  display: block;
  background-image: url(/fustian/ico_menu.png);
  cursor: pointer;
  height: 40px;
  width: 40px;
}
.ad-menu nav::before,
.ad-menu::after {/*рамка у бургера*/
  background-color: #fc0;
  border: 3px solid #fc0;
  border-radius: 6px;
}
.ad-menu::after {
  background-position: -40px -40px;
  z-index: 1;
}
.ad-menu nav::before {
  z-index: 2;
}
.ad-menu nav:focus::before {
  z-index: 0;
}
.ad-menu nav:focus ul,
.ad-menu ul:hover { /*решаем проблему со скликиванием*/
  display: block;
}
/*конец burger menu*/

#prominent {flex-wrap:wrap;}
#entrance {order:0; width:170;}
#significance {order:1; width:100%; padding:7px;}
#bulldozer {order:2; width:100%;}

#stroypusher {flex-wrap:wrap;}
#stroy1 {order:0; width:100%;}
#stroy2 {order:1; width:100%;}
#stroy3 {order:2; width:100%;}
#stroy4 {order:3; width:100%;}

img {max-width:90%;}
iframe {max-width:235px;}
#pusher {visibility:hidden; display:none;}
#pushersuggestion {visibility:hidden; display:none;}
#barbarism {visibility:hidden; display:none;}
#janitor {float:none; padding:3px; text-align:center;}
.mobhidden {visibility:hidden; display:none;}
}