/* Start:/bitrix/templates/crabbeton/components/bitrix/news.list/allcity/style.css?1600326377150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/crabbeton/styles.css?174901659919864*/
* {box-sizing:border-box;}
html,body{padding:0; margin:0; font-family:'Roboto',sans-serif; font-size:18px; line-height:1.2; color:#333;}
a,a:visited{text-decoration:none; color:#333;}
p{margin:0; padding:10px 0;}
ul{list-style:none; padding:0; margin:0;}
h1,h2,h3{margin:0; padding:0;}
h1{font-size:40px; line-height:40px;}
h2{font-size:36px; line-height:40px;}
h3{font-size:30px; line-height:36px;}
h1{ text-transform:uppercase;}
.brdleft{font-size:40px; line-height:40px; padding-left:20px; border-left:30px solid #ff9201; color:#333333; text-transform:uppercase;}
h3{padding:20px 0;}
h1.error{padding:calc(50vh - 310px) 0; text-align:center;}

/*Template set */
header{background:url(/inc/img/topfon.jpg)no-repeat center bottom #fff; background-size:cover; min-height:auto; padding:10px 0 100px; margin-bottom:30px;}
.page{width:100%; max-width:1200px; margin:0 auto; position:relative;}
.page:after{content:''; display:block; clear:both;}
.content{}
.clear{content:''; display:block; clear:both;}
.topreg{text-transform:uppercase;}
.templcolor{color:#ff9201;}
.white{color:#fff;}
.col2{float:left; width:50%;}
.pdright{padding:0 40px 0 0;}
.pdleft{padding:0 0 0 40px;}
.bot50{margin-bottom:30px;}
.bot40{margin-bottom:40px;}
.bot70{margin-bottom:30px;}

#arrup {
    height: 35px;
    width: 35px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    opacity: 0;
	background:url(/inc/img/arrtop.png)no-repeat center center;
	background-size:contain;
    visibility: hidden;
    z-index: 1003;
    cursor: pointer;
}
#arrup.arvis {
    opacity: 1;
    visibility: visible;
}

.head1{color:#ffffff; padding-bottom:0;}
.head1:after{content:''; display:block; clear:both;}
.toplogo,.toplogotxt{float:left;}
.toplogo img{width:170px; height:auto;}
.topaddress{float:right; text-align:right; width:200px; line-height:24px; font-weight:bold; padding-top:3px;}
.toplogo{margin-right:10px;}
.toplogotxt{font-size:22px; font-weight:bold; line-height:30px; width:calc(100% - 380px); text-align:center; padding-top:25px;}
.adrpoint{display:inline-block; padding-left:22px; line-height:26px; background:url(/inc/img/adrpoint.png)no-repeat left top;}
.head2{background:#00000070; margin-bottom:30px;}
.head2:after{content:''; display:block; clear:both;}
.butcall{float:right; padding:0 5px; color:#fff; width:200px; height:38px; line-height:38px; font-weight:bold; background:#ff9101; cursor:pointer; text-align:center; text-transform:uppercase;}
.topphone{float:right; padding:0 5px; color:#fff; height:38px; line-height:38px; font-weight:bold; border:1px solid #fff; text-align:center;}
.topphone a{color:#fff;}
.head3{}
.topramka{width:450px; height:70px; border-top:35px solid #fff; border-left:35px solid #fff; border-right:35px solid #fff;}
.midborder{padding:40px; padding-right:70px; border-left:35px solid #fff; font-size:40px; line-height:45px; color:#fff;}
.botramka{width:450px; height:70px; border-bottom:35px solid #fff; border-left:35px solid #fff; border-right:35px solid #fff;}

.contto .topphone a{color:#000;}

.priceblock{padding:20px 0 10px;}
.hdtempl{height:60px; background:#3a4146; padding-top:13px; text-align:center; color:#fff; font-size:20px; line-height:35px; font-weight:bold; text-transform:uppercase;}
.tabprice{width:100%; border-spacing:0; border-bottom:1px solid #b7b7b7;}
.tabprice th{height:40px; background:#dcdcdc; padding-left:30px; text-align:left; font-weight:bold; font-size:20px; line-height:26px; text-transform:uppercase;}
.tabprice td{height:30px; padding-left:30px; font-weight:bold; border-right:1px solid #b7b7b7;}
.tabprice td:first-child{border-left:1px solid #b7b7b7;}
.tabprice td:last-child{padding-left:0; padding-right:30px; text-align:right; width:110px;}
.prcltxt{padding:0 10px 0 20px; font-weight:bold;}
.butprcall{padding:10px 5px; font-size:18px; color:#fff; width:100%; border-radius:5px; font-weight:bold; background:#ff9101; cursor:pointer; text-align:center; text-transform:uppercase; margin-top:5px;}

.autopark{background:url(/inc/img/midfon.jpg)no-repeat center bottom #fff; background-size:cover; padding-top:120px; height:750px; margin:30px 0;}
.autopark .col{float:left; width:30%;}
.col.mrgr25{margin-right:2.5%;}
.col.mrgl25{margin-left:2.5%;}
.autoimg{width:200px; height:200px; display:table; margin:0 auto 30px; border:1px solid #fff; border-radius:5px;}
.mixer{background:url(/inc/img/mixer.png)no-repeat center center #ffffff40;}
.nasos{background:url(/inc/img/autonasos.png)no-repeat center center #ffffff40;}
.star{background:url(/inc/img/starbig.png)no-repeat center center #ffffff40;}
.autopark h3{font-size:26px; line-height:32px; color:#ff9101; text-align:center;}
.autotxt{color:#fff; text-align:center; min-height:70px;}
.butauto{font-size:30px; padding:14px 5px; text-align:center; color:#333; border-radius:5px; background:linear-gradient(to bottom, #f9a841, #ff9002); font-weight:bold; text-transform:uppercase; cursor:pointer;}

.zakaz{padding:30px 0;}
.tmplcheck li{padding-left:55px; background:url(/inc/img/licheck.png)no-repeat left center; background-size:auto 36px; line-height:36px; margin-bottom:20px;}
.calldescr{font-size:26px; text-transform:uppercase;}
.calldescr b{font-size:38px;}
.ramkatop{border-top:35px solid #ff9201; height:35px; width:70px;}
.ramkaleft{border-left:35px solid #ff9201; padding:10px 0 10px 25px;}
.ramkabot{border-bottom:35px solid #ff9201; height:35px; width:70px;}
.cdtxt{}
.formzakaz{width:400px; display:ftable; margin:0 60px 0 auto;}
.formzakaz .frminp{width:100%; font-size:20px; border:1px solid #ff9201; padding:5px 15px; margin-bottom:20px;}
.formzakaz select{width:88%; font-size:20px; border:1px solid #ff9201; padding:10px 15px; margin-bottom:20px;}
.formzakaz input[name="formzakaz"]{width:88%; padding:8px 10px; font-size:18px; color:#fff; font-weight:bold; border-radius:5px; background:#ff9101; text-transform:uppercase; border:0; cursor:pointer;}

.midvideo{width:100%; height:300px; max-width:560px;}

.about{background:url(/inc/img/downfon.jpg)no-repeat center bottom #fff; background-size:cover; min-height:auto; padding-top:120px; height:600px; margin:30px 0;}
.kvadr{float:left; margin-right:calc(33.3% - 313.3px); width:235px; height:235px; border:2px solid #ff9101; background:#00000040; text-align:center; padding-top:70px; font-size:36px; color:#fff;}
.kvadr:last-child{margin-right:0;}
.kvadr span{font-size:36px; font-weight:bold;}
.aboutnext h3{font-size:30px; color:#ff9201; padding-top:0; text-transform:uppercase;}
.aboutnext .col2:first-child{width:45%; padding-right:50px;}
.aboutnext .col2:last-child{width:55%;}
.abniz{font-size:22px; padding: 30px 0;}

.botmap{background:#efefef; padding:30px 0;}
.botmap .page{display:flex; justify-content: space-between;}
.map{width:60%; height:600px;}
.map iframe{width: 100% !important; height: 100% !important;}
.map > ymaps{width:100% !important; height:100% !important;}
.contact{width:35%; order:2; padding:40px 30px; border: 1px solid #ff9101;}
.contact h2{padding-left: 0; border-left: 0; color: #333333; text-transform: uppercase; text-align: center;}
.contdescr{font-size:22px; line-height:1; margin-bottom:30px;}
.contadr,.contto{font-size:22px; margin-bottom:20px;}
.contto.bot70{padding-bottom:30px;}
.contcol {display:inline-block; width:170px;}

footer{padding:50px 0; background:#3f3935;}
.logobot{line-height:35px; font-size:14px; color:#fff; text-transform:uppercase; padding-top:10px;}
.logobot a{line-height:18px; font-size:14px; color:#fff;}
.logobot img{height:40px; width:auto; float:left;}
.logobot span{font:12px 'arial'; font-weight:700; color:#fff; text-transform:uppercase;}
.botadr{}
.rejim{margin:0 auto; padding:0 20px; text-align:center; font-size:18px; line-height:36px; color:#fff; font-weight:700; text-transform:uppercase;}
.bottel{flex-shrink: 0;}
.botnum{display:inline-block; vertical-align:top; padding:4px 0 4px 45px; background:url(/inc/img/bottel.png)no-repeat left top; background-size:30px;}
.botnum a{color:#fff; font:24px 'arial'; line-height:24px;}
.citylink{text-align:center; padding-top:5px;}
.citylink a{font-size:18px; color:#f10505; padding:4px 15px; background:#4f4945; border-radius:8px;}

.flexblock{display: flex; justify-content: space-between;}
.hide_more{display: none;}
.hide_more.show{display: block;}
.show_more{text-align: center; text-transform: uppercase; font-size: 20px; cursor: pointer;}


#allcity{display:none; background:rgba(0,0,0,0.8); position:fixed; overflow:auto; left:0; top:0; width:100%; height:100%; z-index:100001; padding:0 60px 10px;}
#allcity h2{font-size:40px; line-height:48px; color:#fff; text-align:center; margin-bottom:30px; padding:30px 0 0; border-left:0;}
#allcity .col4{width:25%; float:left; padding:0 15px 10px;}
#allcity a{font-size:24px; color:#fff;}

#popup_bg{display:none; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:101001;}
#popup_bg.active{display:block;}
.popup_alert{display:none; background:#fff; position:fixed; left:50%; top:50%; width:100%; max-width:470px; 
	transform: translate(-50%,-50%); padding:20px; border-radius:5px; text-align:center; z-index:101002;}
.popup_alert.active{display:block;}
.popup_alert h2{
	color: #575757;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	margin: 25px 0;
	padding: 0;
	line-height: 40px;
}
.popup_alert p{color:#797979; font-size:16px;}
.confirm-container{display:inline-block;}
.confirm{
	color: #fff;
	border: none;
	font-size: 18px;
	font-weight: 500;
	-webkit-border-radius: 4px;
	border-radius: 5px;
	padding: 10px 32px;
	margin: 26px 0 0;
	cursor: pointer;
	background-color: #ff9101;
}


@media (max-width:1140px){
	#allcity{padding:0 15px 10px;}
	#allcity .col4{width:33%; padding:0 10px 10px;}
}

.upform, .retform, .bg{display: none;}
.vis{display: block;}
.bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: #000000d0;
    overflow: hidden;
}
.upform {
    width: 380px;
    padding: 50px 30px 30px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -190px;
    top: 50%;
    margin-top: -200px;
    z-index: 9999;
}
.btclose {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/inc/img/closebt.png)no-repeat center center;
}
.upform h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 30px;
}
.upform p {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
}
form input[type="text"] {
    width: 100%;
    max-width: 350px;
    padding: 10px 25px;
    border: 1px solid #ff9201;
    border-radius: 5px;
    margin-bottom: 15px;
}
.upform .sendform {
    padding: 8px 25px 8px;
	color:#fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
    border: none;
    background: #ff9201;
    margin-top: 20px;
	cursor:pointer;
}
.retform{width:300px; padding:40px; background:#fff; position:fixed; left:50%; margin-left:-150px; top:50%; margin-top:-150px; z-index:9999;}
.tel_inner{
	padding: 40px 40px 0;
	max-width: 560px;
	margin: 0 auto;
}
.tel_inner a{
	display: block;
	padding: 20px 30px;
	border: 2px solid #ff9101;
	text-align: center;
	color: #ff9101;
	font-size: 24px;
}
.form_pers{
	margin: 10px 0;
	font-size: 12px;
	color: #000;
	text-align: left;
}

@media (max-width:1600px){
	html,body{font-size:18px;}
	h1, h2, h3,.brdleft{font-size: 22px; line-height: 30px;}
	h3{padding:0 0 20px;}
	p {padding: 5px 0;}
	.page{max-width:1080px;}
	header{background-position-y: bottom;}
	.topramka{width: 200px; height: 40px; border-top: 20px solid #fff; border-left: 20px solid #fff; border-right: 20px solid #fff;}
	.midborder{padding: 20px; padding-right:0; border-left: 20px solid #fff; font-size: 28px; line-height: 32px;}
	.botramka{width: 200px; height: 40px; border-bottom: 20px solid #fff; border-left: 20px solid #fff; border-right: 20px solid #fff;}
	.autopark{padding-top:100px; height:680px;}
	.autopark h3{font-size: 22px; line-height: 25px;}
	.butauto{font-size: 18px; padding: 10px 5px;}
	.calldescr{font-size: 20px;}
	.ramkatop{border-top: 20px solid #ff9201; height: 20px; width: 40px;}
	.ramkaleft{border-left: 20px solid #ff9201; padding: 10px 0 10px 15px;}
	.ramkabot{border-bottom: 20px solid #ff9201; height: 20px; width: 40px;}
	.calldescr b{font-size: 25px;}
	.about{}
	.abniz {font-size: 20px;}
	.map{height:450px;}
	.botmap .bot70{margin-bottom: 50px;}
	.contact{margin-top:0;}
}
@media (max-width:1200px){
	.page{padding:0 15px;}
	.contcol{display:block; width:auto;}
}
@media (max-width:840px){
	html,body{font-size:18px;}
	h1, h2, h3,.brdleft{font-size: 24px; line-height: 28px;}
	h3{padding:0 0 20px;}
	p {padding: 5px 0;}
	header{background: url(/inc/img/topfon_840.jpg)no-repeat center top #fff; padding: 10px 0 80px; background-size: cover;}
	.head1{padding-bottom: 10px;}
	.toplogo{margin-right: 10px;}
	.toplogo img{height: 55px; width:auto;}
	.toplogotxt{font-size: 18px; line-height: 20px; padding-top: 15px; width: calc(100% - 320px);}
	.topaddress{padding-top: 0;}
	.adrpoint{line-height: 20px; background-size: auto 20px;}
	.head2{margin-bottom: 40px;}
	.butcall{padding: 0 15px; line-height: 30px; height: 30px; width:auto;}
	.topphone{padding: 0 15px; width: auto; line-height: 30px; height: 30px;}
	.topramka{width: 160px; height: 40px; border-top: 20px solid #fff; border-left: 20px solid #fff; border-right: 20px solid #fff;}
	.midborder{padding: 10px; padding-right:0; border-left: 20px solid #fff; font-size: 28px; line-height: 32px;}
	.botramka{width: 160px; height: 40px; border-bottom: 20px solid #fff; border-left: 20px solid #fff; border-right: 20px solid #fff;}
	.priceblock{padding: 30px 0;}
	.pdright{padding:0 20px 0 0;}
	.pdleft{padding:0 0 0 20px;}
	.hdtempl{height: 40px; padding-top: 0; padding-left: 20px; font-size: 20px; line-height: 40px;}
	.tabprice th{height: 30px; padding-left: 20px; font-size: 18px; line-height: 0;}
	.tabprice td{height: 28px;}
	.tabprice td:first-child{padding-left: 20px;}
	.tabprice td:last-child{padding-right: 20px;}
	.bot50{margin-bottom: 30px;}
	.prcltxt{padding: 0 10px 0 0;}
	.butprcall{padding: 10px; font-size: 18px;}
	.autopark{background: url(/inc/img/midfon_840.jpg)no-repeat center top #fff; padding:40px 0; height:auto;}
	.autoimg{width: 100px; height: 100px; margin: 0 auto 20px;}
	.autopark h3{font-size: 22px; line-height: 25px;}
	.mixer,.nasos,.star{background-size: 90%;}
	.autotxt{min-height: 70px;}
	.butauto{font-size: 22px; padding: 10px 5px;}
	.zakaz{padding: 10px 0;}
	.tmplcheck li{padding-left: 45px; background-size: auto 36px; line-height: 22px; margin-bottom: 10px; background-size: auto 30px; min-height: 30px;}
	.calldescr{font-size: 20px;}
	.ramkatop{border-top: 20px solid #ff9201; height: 20px; width: 40px;}
	.ramkaleft{border-left: 20px solid #ff9201; padding: 10px 0 10px 15px;}
	.ramkabot{border-bottom: 20px solid #ff9201; height: 20px; width: 40px;}
	.calldescr b{font-size: 25px;}
	.formzakaz{width: 100%; margin: 0 auto;}
	.formzakaz .frminp{font-size: 16px; padding: 4px 10px; margin-bottom: 10px;}
	.formzakaz select{font-size: 16px; padding: 4px 10px; margin-bottom: 10px;}
	.formzakaz input[name="formzakaz"] {padding: 6px 10px; font-size: 16px;}
	.bot70 {margin-bottom: 40px;}
	.about {background: url(/inc/img/downfon_840.jpg)no-repeat center top #fff; padding:40px 0; height: auto;}
	.kvadr {margin: 0 calc(25% - 70px) 20px; width: 140px; height: 140px; padding-top: 45px; font-size: 20px;}
	.kvadr span {font-size: 24px;}
	.aboutnext h3{font-size: 24px;}
	.aboutnext .col2:first-child {width: 50%; padding-right: 20px;}
	.aboutnext .col2:last-child {width: 50%;}
	.abniz {font-size: 20px;}
	.botmap .page{display:block;}
	.contact {width: 320px; margin: 0 auto 20px; padding-top: 30px;}
	.map {width: 100%; height: 300px;}
	.contdescr {font-size: 20px; margin-bottom: 15px;}
	.contadr, .contto {font-size: 20px; margin-bottom: 15px;}
	footer{padding:30px 0 10px; text-align:center;}
	.logobot{float:none; width:240px; display:inline-block; margin-bottom:20px;}
	.botadr{float:none; width:auto; border:0; margin-bottom:20px;}
	.bottel{float:none; width:auto; text-align:center; padding:0;}
	.botnum{float:none;}
	.rejim{padding:0 15px; font-size:16px; line-height:20px;}
}
@media (max-width:770px){
	#allcity .col4{width:50%;}
	#allcity h2{font-size:28px; line-height:36px; margin-bottom:20px; padding:20px 0 0;}
}
@media (max-width:640px){
	html, body {font-size: 16px;}
	.toplogo img {height: 48px;}
	.toplogotxt {font-size: 16px; line-height: 20px; padding-top: 4px; width: calc(100% - 270px);}
	.topaddress {font-size: 16px; line-height: 20px; width: 160px;}
	.adrpoint {background: none;}
	.topramka,.botramka {display:none;}
	.midborder {border:0; padding: 0; font-size: 20px; line-height: 24px;}
	h1, h2, h3,.brdleft {font-size: 22px; line-height: 22px;}
	h2 {padding-left: 10px; border-left: 10px solid #ff9201; display:table; margin: 0 auto 20px;}
	.pdright,.pdleft {padding: 0;}
	.col2{float:none; width:100%;}
	.hdtempl {height: 30px; padding-left: 10px; font-size: 16px; line-height: 30px;}
	.priceblock {padding: 0 0 40px;}
	.tabprice th {height: 20px; padding-left: 10px; font-size: 16px; line-height: 20px;}
	.tabprice td {height: 22px; font-size: 16px;}
	.tabprice td:first-child {padding-left: 10px;}
	.tabprice td:last-child {padding-right: 10px;}
	.bot50 {margin-bottom: 20px;}
	.nobot{margin-bottom:0;}
	.autopark {background: none; padding: 20px 0;}
	.autopark h2,.autopark h3{color:#333;}
	.autopark h3{font-size: 16px; line-height: 20px; padding: 0 0 10px;}
	.autopark .col {float: none; width: 220px; margin:0 auto 20px;}
	.autoimg {border: 1px solid #333;}
	.mixer {background: url(/inc/img/mixer.png)no-repeat center center #00000040; background-size:90%;}
	.nasos {background: url(/inc/img/autonasos.png)no-repeat center center #00000040; background-size:90%;}
	.star {background: url(/inc/img/starbig.png)no-repeat center center #00000040; background-size:90%;}
	.autotxt {color: #333;}
	.butauto {font-size: 18px; padding: 6px 5px;}
	.zakaz .col2{max-width:400px; margin:0 auto 20px;}
	.ramkatop,.ramkabot{display:none;}
	.ramkaleft{border:0; padding: 0;}
	.calldescr {font-size: 16px;}
	.calldescr b {font-size: 18px;}
	.formzakaz .frminp,.formzakaz select {font-size: 14px;}
	.aboutnext .col2:first-child {width: 100%; padding-right: 0; padding-bottom:20px;}
	.aboutnext .col2:last-child {width: 100%;}
	.aboutnext h3 {font-size: 20px; padding-bottom:10px; text-align:center;}
	.abniz {font-size: 16px; padding-bottom: 20px;}
	.bot40 {margin-bottom: 20px;}
	.bot70 {margin-bottom: 20px;}
	.contact {width: 380px;}
	.map {height: 250px;}
	.contadr, .contto{font-size: 18px;}
	.page{flex-wrap: wrap;}
	.logobot{width: 150px; text-align: left; padding-left: 15px;}
	.botnum a{font-size: 18px;}
	.botnum{padding: 4px 0 4px 30px; background-size: 28px;}
	.botadr{order: 3; width: 100%;}
	.bottel{margin-bottom: 15px;}
}
@media (max-width:540px){
	#allcity .col4{padding:0 10px 10px 0;}
	#allcity a{font-size:20px; line-height:20px;}
}
@media (max-width:480px){
	.contact{width: 100%; padding: 20px 15px;}
}
@media (max-width:440px){
	.toplogotxt{width:calc(100% - 110px);}
	.topaddress{display:none;}
	.butcall {padding: 0 12px;}
	.topphone {padding: 0 11px;}
	.upform{width:300px; padding:30px 20px 10px; margin-left:-150px;}
	.upform h3{padding-bottom:20px;}
	.upform p{margin-bottom:20px;}
	.rejim{font-size:14px; line-height:18px; font-weight:500;}
	.midvideo{height:200px;}
	#allcity a{font-size:16px; line-height:20px;}
	#allcity h2{font-size:22px; line-height:26px;}
}
@media (max-width:390px){
	footer{padding: 10px 0;}
	.page{display: block;}

}
@media (max-width:360px){
	.topphone {padding: 0 5px; font-size: 14px; float: left;}
	.butcall {padding: 0 10px; font-size: 14px;}
}
/* End */
/* /bitrix/templates/crabbeton/components/bitrix/news.list/allcity/style.css?1600326377150 */
/* /bitrix/templates/crabbeton/styles.css?174901659919864 */