@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:75px !important;}
.header {background: rgba(25, 25, 35, .8) !important;}

.nav-is-visible .podmenu { display: block !important;}
.services {
	width: 392px;

	margin: 0 auto;
}
.imgpartner-prod {
	margin-left: 0px;
		margin-right: 0px;
}
.imgpartner-prodd {
	display: flex;
	margin: 0px 0px 30px 0px;
	align-items: center;
}
.imgpartner {
	margin: 0px;
}
.cd-main-nav-wrapper { border: none;}
.adres {display: none;}
.header .logo { width: 175px; height:85px; background:url(../images/logo-white-text.svg) center no-repeat; background-size: 100%; position:absolute; left:25px !important; top:0; display:block;}
.header .tel { }
/*.header .tel { min-width:220px;}
.header .tel strong {font-size:20px !important;}*/
header, .header, .header .logo, .header .top, .scroll .header .top  {height: 75px !important;}

.header .top, .scroll .header .top  { padding: 8px 60px 0 220px; flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;}
.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 { /*margin: 0 60px 0 10px;*/ display: block;}
.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; text-align:left; position:absolute; bottom:60px;}
.mob font { display:block !important; }

.dopmenu { display:none;}
.topslider { height: 450px; background: url(../images/slide-1-mob.jpg) center bottom no-repeat; background-size: cover;}
.topslider video { 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, .newscont {justify-content: center;}
.news .cont .blog .block .newspic, .newscont .nhalf .newspic {height: initial;}
.news .cont .blog .block, .newscont .nhalf .block {padding: 30px;}

.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: 810px) {
.header .tel, .scroll .header .tel { display: none;}
.socicons .callus { display:inline-block;}
}



@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;}
.services {
	width: 273px;

}
.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 { min-width:220px;}
.header .tel strong {font-size:20px !important;}

.socicons {transform: scale(0.95);}
.header .top, .scroll .header .top  {display: flex; flex-wrap: nowrap; justify-content: flex-end; padding: 0 0 0 140px;}
.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; position:absolute; bottom:60px;}
.mob font { display:block !important; }

.dopmenu { display:none;}
.topslider { height: 450px; background: url(../images/slide-1-mob.jpg) center bottom no-repeat; background-size: cover;}
.topslider video { display:none;}

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

.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: -15px 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;}
.news .cont .blog .block, .newscont .nhalf .block {padding: 30px;}

.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;}
.footer .cont {height: auto; padding:0;}
.footer .logoinfo strong {font-size: 18px; padding:10px 0 0 0;}
.footer .menu, .footer .socmas{ 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: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;}
}