@charset "utf-8";
.tel a, .contacts strong a { text-decoration:none; border:none;}



@media (max-width: 1260px) {
.maxcontent, .mincontent {padding: 0 20px;}
	.footer { padding: 0;}
}

@media (max-width: 1140px) {
.headcont { height:80px !important;}
.header {background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(20px);
    filter: none;}

.nav-is-visible .podmenu { display: block !important;}
.gkmenu a {    font-size: 1rem;}
.objblock strong {font-size: 1.1rem !important;}
	.info font {font-size: 0.9rem;}
.cd-main-nav-wrapper { border: none;}
.adres, .sokr {display: none;}	
.header .logo { width: 175px; height:85px; background:url(../images/logo-text-col.svg) center no-repeat; background-size: 100%; margin-top: 0; }
header, .header, .header .logo, .header .top, .scroll .header .top  {height: 80px !important;}


.cd-main-nav {padding-top: 30px !important; display:block; margin:0; background: rgba(0, 0, 0, .9);}
.scroll .cd-main-nav li a, .cd-main-nav li a { color:#fff; font-size: 1rem; font-weight: normal; border:none;}
.scroll .header .top { flex-direction: unset; }	
.header .tel, .scroll .header .tel { display: none;}
.header .callback a {height: 45px; background: url(../images/icons/phone.svg) 7% 50% no-repeat rgba(137, 33, 27, 1); background-size: 14%; padding: 13px 17px 0 50px; font-weight: 500; text-transform: none;}
.socicons a {background-color: rgba(255, 255, 255, .1) !important;}
.cd-main-nav li { width:100%; padding:15px; list-style:none;  }
.mob { display:block !important; }
.mob font { display:block !important; }

.dopmenu { display:none;}	

.topslider .texts .one { width:300px; height:140px; top: 20px; left: calc(50% - 150px); border:none; font-size:1.5rem; padding:0; }


.maxcontent, .mincontent { padding:0 20px;}
.usicons .icon { margin: 16px 0;}
.usicons .icon a div { width: 145px;}

table {width: 100%;}
td {max-width: 155px;}


.compicts .icon {margin: 15px 0;}
.compicts .icon .bord { width: 140px; height: 140px;}
.compicts .icon .bord div { width: 130px; height: 130px;}


.flex .shadow {flex: 1 0 40%;}

h1, h2, h3 {font-size: 30px;}


.news .cont .blog .block .newspic, .newscont .nhalf .newspic {height: initial;}


.callback .formend {order: 1; padding:20px 0 0 0;}
.callback .formcheck {flex: 0 0 220px; padding-top: 14px;}
.callback .rsformred {padding-bottom: 30px;}
.callback .rsformdarkred form {margin:15px 0;}
.foot .formend {padding: 20px;}
.callback .cont {padding: 0 20px;}
.red h2, .gray h2, .darkred h2 {font-size: 30px; padding:30px 0 0 0;}
.callbackbg { display:none;}
.compictsnongal a {width: 165px; height: 235px; margin: 5px;}
.compictsnongal a div {width: 165px; height: 165px; font-size: 4rem;}
.compicts a:hover div, .compictsnongal a:hover div {font-size: 5rem;}
	
	
.contacts {line-height: 1.2;}
.contacts strong {/*font-size: 28px;*/ padding:0; }
.contacts strong:before { display:none;}

/*.footer .logoinfo {width: 100%; background-size: 20vh; padding-left: 22vh; padding-top:20px;}*/
/*.footer .cont {height: auto; padding:0;}*/
.footer .logoinfo strong {font-size: 18px; padding:10px 0 0 0;}
.footer .menu { display:none;}
.footer .socicons, .footer .massager {justify-content: center;}
	
.socicons a, .massager a {width: 50px; height: 50px; margin: 0 0 0 10px;}

/*.socmas { margin-top:20px; border-top:1px solid #FFF; padding:20px 0; width: 100%;}*/

.mobile { display:none;}

.darkgray { padding:10px 0;}
.breadcrumbs {padding-bottom: 20px;}
}






@media (max-width: 890px) {
.header .tel, .scroll .header .tel { display: none;}
.socicons .callus { display:inline-block;}
.gkmenu { display: none;}
.newscont .nhalf, .news .contentblock .cont .blog {padding: 20px;}
.obj .contentblock .cont .blog {padding: 0px;}	
.gray {background-size: cover;}
.stroy {background: url(../images/gray-bg.jpg), rgba(209, 209, 210, .6); background-blend-mode: color; background-size: cover;}
.stroy .block {width: auto;}
.maxcontent .cont {padding: 20px 0px;}
}



@media (max-width: 610px) {

	html, body {font-size: 15px;}
	table {font-size: 11px;}
	.loaderArea img {width: 45%;}	
.headcont { height:75px !important;}

.header .callback { display:none;}

.contacts strong a {font-size: 30px; padding-left: 35px;}
.contacts strong a:before, .tel strong a:before {width: 35px; height: 35px;}
	
.nav-is-visible .podmenu { display: block !important;}

/*.header .logo, .scroll .header .logo { width: 120px; height:75px; background-size: 100%; position:absolute; left:15px !important; top:0; display:block;}*/
.header .tel { display:none;}
.header .tel strong {font-size:20px !important;}

	
.overlay .tel {display: block; position: absolute; top: 1; left: 30px; top: 0px;}	
.overlay .tel div {background: #fff;}
.overlay .tel a { color: #fff;}
.overlay.open {	opacity: .99;}	
.overlayMenu ul {padding: 20px;}	
.overlayMenu ul li a {padding: 10px 20px 10px 20px;}	
.header .top { padding: 0 10px 0 30px;}

.header .menu {	right: 20px !important; left: auto;}	
	.overlay .menu {right: 20px !important; left: auto; top: 0;}	
	.brand { display: none;}
	.choice .block { width: 100%; padding: 0 40px;}
	.choice {    background: url(../images/choice.jpg) 72% no-repeat; background-size: cover;}
	.choice .dots {background: rgba(255, 255, 255, .7);}
	.choice .razdelitel {bottom: 0px; background: rgba(255, 255, 255, .7);}
	
	
	.navBurger.active {top: 25px; left: 30px;}
	
	
	
	
	
	
	
.socicons {transform: scale(0.95);}
.cd-main-nav {padding-top: 30px !important; display:block; margin:0; background: rgba(0, 0, 0, .9);}
.scroll .cd-main-nav li a, .cd-main-nav li a { color:#fff; font-size: 1.2rem; font-weight: normal; border:none;}
.cd-main-nav li { width:100%; padding:15px; list-style:none;  }
.mob { display:block !important; text-align:left; }
.mob font { display:block !important; }

.dopmenu { display:none;}	



.topslider .texts .one { width:300px; height:140px; top: 20%; left: calc(50% - 150px); border:none; font-size:1.5rem; padding:0; flex-wrap: wrap; text-align: center; }
.topslider .texts .one .year {	font-size: 2rem; width: 100%; padding: 0 2rem 0 0; border: none; text-align: right;}	
.topslider .texts .one .name { padding: 0;}
.topslider .texts .one .customer {top: calc(30% - 135px); left: 20px; min-height: 155px;}
.topslider .texts .one .customer img {max-width: 120px;}

.galone {background-position: bottom; background-size: contain;}	
	
.slide0 {background-image:url(../images/slide-0-mob.jpg);}
.slide1 {background-image:url(../images/slide-1-mob.jpg);}
.slide2 {background-image:url(../images/slide-2-mob.jpg);}
.slide3 {background-image:url(../images/slide-3-mob.jpg);}
.slide4 {background-image:url(../images/slide-4-mob.jpg);}
	
	
	
.usicons .icon a {padding-left: 160px;}
.maxcontent, .mincontent { padding:0 20px;}
.usicons .icon { margin: 16px 0;}
.usicons .icon a div { width: 145px;}

table {width: 100%;}
td {max-width: 155px;}


.compicts .icon {margin: 15px 0;}
.compicts .icon .bord { width: 140px; height: 140px;}
.compicts .icon .bord div { width: 130px; height: 130px;}


.flex .shadow {flex: 1 0 55%; margin: 15px 5px 20px 15px;}
.flex .shadow img {top: -15px; left: -15px;}
.flex .right {margin: 40px 15px 20px 0px;}	
.flex .right img {top: 15px; left: 15px;}	
	
h1, h2 {font-size: 1.8rem !important;}
h3, h4 {font-size: 1.5rem !important;}

.news .cont .blog, .newscont .nhalf, .news .cont .blog, .newscont .nhalf, .news .cont .blog .block .newspic, .newscont .nhalf .newspic {width: 100%;}
.news .cont .blog .block .newspic, .newscont .nhalf .newspic {height: initial;}


.callback .formend {order: 1; padding:20px 0 0 0;}
.callback .formcheck {flex: 0 0 220px; padding-top: 14px;}
.callback .rsformred {padding-bottom: 30px;}
.callback .rsformdarkred form {margin:15px 0;}
.foot .formend {padding: 20px;}
.callback .cont {padding: 0 20px;}
.red h2, .gray h2, .darkred h2 { padding:30px 0 0 0;}
.callbackbg { display:none;}
.compictsnongal a {width: 42%; height: auto; margin: 10px;}
.compictsnongal div {width: 40vw; height: 40vw; font-size: 3.5rem;}

.contacts {line-height: 1.2;}
.contacts strong {/*font-size: 28px;*/ padding:0; }
.contacts strong:before { display:none;}

.footer .logoinfo {width: 100%; background-size: 110px; padding-left: 135px; padding-top:0px; display: none;}
.footer .cont {height: auto; padding:0;}
.footer .logoinfo strong {font-size: 18px; padding:10px 0 0 0;}
.footer .menu, .footer .socmas{    text-align: center; border: none;}
.footer .socicons, .footer .massager {justify-content: center;}
	
.socicons a, .massager a {width: 50px; height: 50px; margin: 0 0 0 10px;}

.socmas { margin-top:20px; border-top:1px solid #FFF; padding:20px 0; width: 100%;}

.mobile { display:block;}
.nomobile { display:none;}

.darkgray { padding:10px 0;}
.breadcrumbs {padding-bottom: 20px;}
}


@media (max-width: 350px) {
	
	html, body {font-size: 14px;}
	table {font-size: 10px;}
	.socicons .insta, .socicons .facebook { display: none;	}
	.usicons .icon a { padding-left: 110px;	}
	.usicons .icon font { min-height: 75px; height: auto;}
	.usicons .icon {height: auto;}
	
	.contacts strong a {font-size: 26px; padding-left: 30px;}
.contacts strong a:before, .tel strong a:before {width: 32px; height: 30px;}
	.footer .logoinfo { background-size: 95px; padding-left: 115px;}
}