@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* CSS Document */
body{margin:0; background-image:none; background-color:#FFF; background-repeat:repeat-x; background-position:top;}

.header100{width: 100%; height: 250px; background-color: #FFD400; border: 0;}
.header{width: 1200px; height: 250px; background-color: #FFD400; border: 0;}
.header-phone-button{width: 250px; height: 50px; border: 1px solid #000000; border-radius: 8px;}
.header-wa-button{width: 250px; height: 50px; background-image: linear-gradient(-180deg, #54F764 0%, #13A502 100%);border-radius: 8px;}

.nav100{width: 100%; height: 110px; background-color: #323754; border: 0;}
.nav{width: 1200px; height: 110px; background-color: #323754; border: 0;}

.avtokran100{width: 100%; height: 550px; background-color: none; background-image:url(images/avtokran-bg.png); border: 0;}
.avtokran{width: 1200px; height: 550px; background-color: none; background-image:url(images/avtokran-bg.png); border: 0;}

.main-page{width: 1200px; height: auto; background-color: #fff; border: 0; margin-top: 30px;}

.spectehnika{width: 1200px; height: auto; background-color: #fff; border: 0; margin-top: 0px;}

.otzyvy100{width: 100%; height: auto; background-color: #F4F4F4; border: 0;}
.otzyvy{width: 1200px; height: 600px; background-color: #F4F4F4; border: 0;}

.articles-partners{width: 1200px; height: auto; background-color: #fff; border: 0;}

.bottom100{width: 100%; height: auto; background-color: #fff; border-top:1px solid #CFCFCF;}
.bottom{width: 1200px; height: 250px; background-color: #fff; border: 0;}

h1{font-family:'Roboto'; font-weight:bold; font-size:38px; line-height:48px; color:#000;}
h2{font-family:'Roboto'; font-weight:normal; font-size:24px; line-height:34px; color:#000;}
span.logotype-font{font-family:'Roboto'; font-weight:bold; font-size:24px; line-height:28px; color:#000;}
span.city-change-font{font-family:'Roboto'; font-weight:normal; font-size:18px; line-height:28px; color:#000;}
span.phone-button-font{font-family:'Roboto'; font-weight:bold; font-size:22px; line-height:28px; color:#000;}
span.wa-button-font{font-family:'Roboto'; font-weight:normal; font-size:18px; line-height:28px; color:#fff;}
span.header-rt-font{font-family:'Roboto'; font-weight:bold; font-size:18px; line-height:22px; color:#000;}
span.nav-font{font-family:'Roboto'; font-weight:normal; font-size:22px; line-height:28px; color:#fff;}
span.avtokran-title-font{font-family:'Roboto'; font-weight:bold; font-size:26px; line-height:32px; color:#000;}
span.avtokran-article-font{font-family:'Roboto'; font-weight:normal; font-size:20px; line-height:28px; color:#000;}
span.tehnika-title-font{font-family:'Roboto'; font-weight:normal; font-size:20px; line-height:28px; color:#000;}
span.index-article-font{font-family:'Roboto'; font-weight:normal; font-size:20px; line-height:28px; color:#000;}
span.bottom-font{font-family:'Roboto'; font-weight:normal; font-size:16px; line-height:22px; color:#000;}


a:link{color: #000; text-decoration:none;}
a:visited{color: #000; text-decoration:none;}
a:hover{color: #000; text-decoration:none;}
a:active{color: #000; text-decoration:none;}

a.nav-link:link{color:#fff; text-decoration:none;}
a.nav-link:visited{color:#fff; text-decoration:none;}
a.nav-link:hover{color:#FFD400; text-decoration:none;}
a.nav-link:active{color:#FFD400; text-decoration:none;}

a.tonn-link:link{color:#000; text-decoration:none;}
a.tonn-link:visited{color:#000; text-decoration:none;}
a.tonn-link:hover{color:#5E5E5E; text-decoration:none;}
a.tonn-link:active{color:#5E5E5E; text-decoration:none;}

a.bottom-link:link{color:#000; text-decoration:underline;}
a.bottom-link:visited{color:#000; text-decoration:underline;}
a.bottom-link:hover{color:#333; text-decoration:none;}
a.bottom-link:active{color:#333; text-decoration:none;}

a.city-link:link{color:#000; text-decoration:none; border-bottom: 1px dashed #000000;}
a.city-link:visited{color:#000; text-decoration:none; border-bottom: 1px dashed #000000;}
a.city-link:hover{color:#323754; text-decoration:none; border-bottom: 1px dashed #323754;}
a.city-link:active{color:#323754; text-decoration:none; border-bottom: 1px dashed #323754;}

.fz__minimized {
  width: 170px;
  cursor: pointer;
  border: 1px solid #E0E0E0;
  margin:0;
}

.fz__minimized:hover {
  border: 1px solid #E0E0E0;
  margin:0;
}