* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

html,
body {
	background-color: #efefef;
	min-width: 320px;
	width: 100%;
	height: 100%;
	font-family:  Tahoma;;
}

#wrap {
	max-width: 1250px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

#header {
	padding: 0 2%;
	width: 96%;
	height: 176px;
}

.header-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo {
	background: url(../pics/logo2.png) no-repeat;
	height: 111px;
	width: 340px;
	float: left;
	background-size: cover;
	margin: 10px 0 0;
}

.logo a {
	height: 111px;
	width: 340px;
	display: block;
	float: left;
}

.banner {
	height: 96px;
	padding-top: 26px;
	float: left;
	padding-left: 50px;
}

.banner a {
	width: 660px;
	height: 96px;
	display: block;
}

.phone2021 {
	font: bold 28px Tahoma;
}

.phone2021 a {
	color: #000000;
	float: right;
}

.phone2021 a:hover {
	color: #000000;
	text-decoration: none;
}
.phone a:visited {
	color: #000000;
	text-decoration: none;
}

.phone {
	font-family: Tahoma;
	line-height: 27px;
	width: 205px;
	float: right;
}

.flex-right{
	display: flex;
	align-items: center;
	column-gap: 40px;
}

.phone a {
	font-family: Tahoma;
	color: #026bad;

	float: right;
}

.phone a:hover {
	color: #ff433b;
	text-decoration: underline;
}

.phone a:visited {
	font-family: Tahoma;
	color: #026bad;
	text-decoration: underline;
	float: right;
}

.menu-right {
	background: url(../img/menu-right.jpg) no-repeat;
	height: 7px;
	width: 37px;
	position: absolute;
	float: right;
	right: 0;
}

.menu {
	background: url(../img/menu-bg.jpg) repeat-x 0;
	margin-top: 14px;
	height: 37px;
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.menu ul{
	display: flex;
}

.menu li {
	height: 37px;
	width: 20%;
	float: left;
	text-align: center;
}

.menu li a {
	display: block;
	width: 100%;
	height: 37px;
	margin: 0 auto;
	color: #fff;
	font: 400 27px Tahoma;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu li a:hover {
	background: #01609A;
	transition: .3s ease-out
}

.menu li p {
	height: 37px;
	width: 100%;
	float: left;
}

.menu li.menu1 p {
	background: url(../img/menu1.jpg) no-repeat center top;
}

.menu li.menu1:hover p {
	background: url(../img/menu1.jpg) no-repeat center bottom;
}

.menu li.menu1 a {
	background: url(../img/menu-left.jpg) no-repeat left bottom;
}

.menu li.menu1:hover a {
	background: url(../img/menu-left.jpg) no-repeat left top;
}

.menu li.menu2 p {
	background: url(../img/menu2.jpg) no-repeat center top;
}

.menu li.menu2:hover p {
	background: url(../img/menu2.jpg) no-repeat center bottom;
}

.menu li.menu3 p {
	background: url(../img/menu3.jpg) no-repeat center top;
}

.menu li.menu3:hover p {
	background: url(../img/menu3.jpg) no-repeat center bottom;
}

.menu li.menu4 p {
	background: url(../img/menu4.jpg) no-repeat center top;
}

.menu li.menu4:hover p {
	background: url(../img/menu4.jpg) no-repeat center bottom;
}

.menu li.menu5 span {
	background: url(../img/menu-right.jpg) no-repeat right bottom;
	height: 37px;
	width: 100%;
	float: left;
	display: block;
}

.menu li.menu5:hover span {
	background: url(../img/menu-right.jpg) no-repeat right top;
}

.menu li.menu5 p {
	background: url(../img/menu5.jpg) no-repeat center top;
}

.menu li.menu5:hover p {
	background: url(../img/menu5.jpg) no-repeat center bottom;
}

#content {
	padding: 0 2%;
	width: 96%;
	padding-top: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}

#content .left {
	width: 292px;
	margin-right: -292px;
	flex-shrink: 0;
}


.catalog-btn{
	margin-top: 15px;
	height: 45px;
	border-radius: 5px;
	background: #0B68AC;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	position: relative;
}

.catalog-btn img{
	position: absolute;
	left: 8px;
	top: 8px;
}


.left .nav {
	background: #fff;
	width: 100%;
	margin-bottom: 15px;
	padding: 0 8px;
	box-sizing: border-box;
}

/*.nav ul {
	padding-left: 8px;
	width: 261px;
	float: left;
}*/

.nav li {
	background: url(../img/nav-marker.gif) no-repeat 3px 14px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 14px;
	width: 100%;
	border-bottom: 1px solid #f4f4f4;
	float: left;
	box-sizing: border-box;
}

.nav li a {
	color: #026bad;
	font: 18px Tahoma;
	display: block;
	width: 100%;
	text-decoration: none;
	float: left;
}

.nav li a:hover {
	color: #ff443b;
	text-decoration: underline;
}

.nav .nav-top {
	background: url(../pics/left/sistemy-kreplenija-fasadov.png) no-repeat;
	width: 276px;
	height: 36px;
}

.nav .materials {
	background: url(../pics/left/oblicovochnye-materialy.png) no-repeat;
	width: 276px;
	height: 36px;
}

.nav .komplekt {
	background: url(../pics/left/komplektacija-navesnogo-fasada.png) no-repeat;
	width: 276px;
	height: 36px;
}

.nav .other {
	background: url(../pics/left/drugie-tovary.png) no-repeat;
	width: 276px;
	height: 36px;
}

.nav .steklo {
	background: url(../pics/left/sistema-osteklenija.png) no-repeat;
	width: 276px;
	height: 36px;
}

.nav .info {
	background: url(../pics/left/poleznaja-informacija.png) no-repeat;
	width: 276px;
	height: 36px;
}

.nav .nav-bottom {
	background: url(../pics/left/nav-bottom.png) no-repeat 0 bottom;
}

.nav .nav-bottom p {
	border: none;
}

.left .nav li {
	width: 100%;
}


.nav-title{
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px 5px 0 0;
	background: #0B68AC;
	padding: 0 15px;
	font: 600 16px Tahoma;
	color: #fff;
}

.nav-title img{
	display: none;
}

.nav-item .nav{
	float: none;
}

.nav-item .nav li, .nav-item .nav li a{
	float: none;
}

.right {
	width: 232px;
	margin-left: -232px;
	float: right;
}

.right .news {
	background: url(../pics/right/news-bg.png) repeat-y;
	width: 232px;
	float: right;
}

.catalog-top{
	display: none;
}

.right .news ul {
	background: url(../pics/right/news-top.png) no-repeat;
	width: 206px;
	padding: 0 13px;
	padding-top: 40px;
	float: left;
}

.news li {
	padding-left: 5px;
	padding-top: 25px;
	padding-bottom: 17px;
	border-bottom: 1px solid #f1f1f1;
	width: 190px;
	float: left;
}

.news li.last {
	border: none;
}

.news li.news-top {
	background: url(../pics/right/news-top.png) no-repeat;
	padding-top: 50px;
}

.news .news-bottom {
	background: url(../pics/right/news-bottom.png) no-repeat;
	width: 232px;
	height: 8px;
	font-size: 1px;
	float: left;
}

.news li .pict {
	width: 63px;
	margin-left: -74px;
	padding-left: 11px;
	float: right;
}

.news li .pict span {
	color: #939393;
	font: 16px Tahoma;
	display: block;
	float: right;
	padding-bottom: 13px;
}

.news li .pict a {
	color: #366797;
	font: 16px Tahoma;
	display: block;
	padding-left: 2px;
}

.news li .more {
	padding-top: 10px;
	float: left;
	width: 100%;
}

.news li .more a {
	color: #366797;
	font: 16px Tahoma;
	display: block;
	float: right;
}

.news .one {
	margin-right: 74px;
	overflow: hidden;
}

.news .one-none {
	width: 100%;
	float: left;
}

.news .one p,
.news .one-none p {
	color: #000000;
	font: 16px Tahoma;
	padding-top: 11px;
	float: left;
	width: 100%;
	text-align: left;
}

.news .one a,
.news .one-none a {
	color: #026bad;
	font: 16px Tahoma;
	text-decoration: none;
	display: block;
	width: 100%;
	float: left;
}

.news .one a:hover,
.news .pict a:hover,
.news .one-none a:hover,
.news li .more a:hover {
	color: #ff433b;
	text-decoration: none;
}

.right .banner2 {
	padding-top: 15px;
	width: 245px;
	height: 405px;
	float: left;
}

.right .banner2 a {
	width: 245px;
	height: 405px;
	display: block;
	float: left;
}

a.flashLink1 {
	position: absolute;
	z-index: 2;
	width: 240px;
	height: 400px;
	background: url(../swf/spacer1.gif) no-repeat;
}

.center {
	margin-left: 292px;
	margin-right: 248px;
	overflow: hidden;
}

.center .box {
	background: url(../pics/center/box-bg-l.png) repeat-y;
	width: 100%;
	float: left;
}

.box .box-tl {
	background: url(../pics/center/content-tl.png) no-repeat;
	height: 26px;
	width: 100%;
}

.box .box-tr {
	background: url(../pics/center/content-tr.png) no-repeat;
	height: 26px;
	width: 19px;
	margin-top: -26px;
	float: right;
}

.box .box-bl {
	background: url(../pics/center/content-bl.png) no-repeat;
	height: 10px;
	width: 100%;
	font-size: 1px;
	float: left;
}

.box .box-br {
	background: url(../pics/center/content-br.png) no-repeat;
	height: 10px;
	width: 16px;
	position: relative;
	margin-top: -10px;
	font-size: 1px;
	float: right;
}

.box .box-inside {
	background: url(../pics/center/box-bg-r.png) repeat-y right 0;
	float: left;
	width: 100%;
}

.box .box-inside .in {
	width: 96%;
	padding: 0 2%;
	overflow: hidden;
}

.box-inside {
	color: #000000;
	float: left;
	font: 16px Tahoma;
	line-height: 24px;
}

.box-inside p {
	color: #000000;
	font: 16px Tahoma;
	line-height: 24px;
	text-align: left;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

.box-inside img {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.box-inside ul li {
	list-style-position: inside;
	list-style-type: circle;
	font: 16x Tahoma;
	line-height: 24px;
	padding-left: 15px;
	padding-right: 15px;
}

.box-inside ul {
	list-style-position: inside;
	list-style-type: circle;
	font: 16px Tahoma;
}

.box-inside a {
	color: #026bad;
	text-decoration: none;
}

.box-inside a:hover {
	color: #ff443b;
	text-decoration: underline;
}

.box-inside a:visited {
	color: #026bad;
	text-decoration: none;
}

.box-inside h1 {
	color: #000000;
	font: bold 28px Tahoma;
	line-height: 120%;
	margin-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	clear: both;
}

.box-inside h2 {
	color: #000000;
	font: bold 24px Tahoma;
	line-height: 24px;
	text-align: left;
	margin-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	clear: both;
}
.box-inside h3 {
	color: #000000;
	font: 18px Tahoma;
	line-height: 21px;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	clear: both;
}
.box-inside h4 {
	color: #000000;
	font: 16px Tahoma;
	line-height: 21px;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	clear: both;
}
.box-inside h5 {
	color: #000000;
	font: 16px Tahoma;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	clear: both;
}

.box-inside p span {
	font-weight: bold;
}

.banner3 {
	width: 637px;
	height: 85px;
	float: left;
}

.banner3 a {
	width: 637px;
	height: 85px;
	display: block;
	margin: 0 auto;
}

a.flashLink {
	position: absolute;
	z-index: 2;
	width: 635px;
	height: 79px;
	background: url(../swf/spacer.gif) no-repeat;
}

.list {
	width: 100%;
	float: left;
	padding-left: 4px;
}

.list li {
	background: url(../img/list-bg.jpg) no-repeat;
	width: 204px;
	height: 120px;
	float: left;
	position: relative;
	padding-left: 1%;
}

.list li .pict {
	padding-top: 3px;
	padding-left: 2px;
	width: 84px;
	margin-right: -86px;
	height: 98px;
	float: left;
}

.list li .text {
	background: url(../img/list-text.jpg) no-repeat 0 3px;
	margin-left: 86px;
	height: 65px;
	width: 100px;
	overflow: hidden;
	padding: 0;
	padding-top: 36px;
	color: #5a5a5a;
	font: bold 10px Verdana;
}

.list li .text p {
	color: #5a5a5a;
	font: bold 10px Verdana;
	padding: 0;
}

.list li h3 {
	color: #a72624;
	font: bold 12px Arial;
	position: absolute;
	bottom: 24px;
	left: 93px;
}

.clear {
	height: 130px;
	clear: both;
}

.table {
	width: 95%;
	border: 1px #f4f4f4 solid;
	display: table;
}

.table img {
	border: 1px #ccc solid;
}

.table .tr,
.table .td {
	position: relative;
}

.tdLeft {
	display: table-cell !important;
	vertical-align: bottom;
	text-align: center;
	width: 230px;
	display: inline; /* ��� IE */
	float: left;
	padding-top: 20px;
}

.tdRight {
	display: table-cell !important;
	vertical-align: bottom;
	text-align: center;
	width: 450px;
	display: inline;
	margin-left: 210px;
}

img .aligncenter {
	display: block;
	margin-left: auto;
	margin: 10px;
}

img .alignleft {
	float: left;
	padding: 10px;
}

img .alignright {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

#footer {
	max-width: 1200px;
	padding: 0 25px;
	min-height: 200px;
	position: relative;
	margin: 0 auto;
	margin-top: -130px;
}

#footer .in {
	width: 100%;
	min-height: 200px;
	padding-top: 10px;
	border-top: 0px solid #7baccd;
	overflow: hidden;
}

#footer h3 {
	color: #000000;
	font: 24px Tahoma;
	padding-right: 30px;
	padding-bottom: 15px;
	float: none;
	clear: both;
}

#footer .menu-nav li{
	display: inline-block;
}

#footer .menu-nav li:last-child a{
	background: none;

}

#footer .product {
	max-width: 600px;
	float: left;
}

#footer .product p {
	width: 100%;
	float: left;
	clear: both;
	line-height: 21px;
	text-align: left;
}

#footer .product .last {
	background: none;
}

#footer .product a {
	background: url(../img/product-marker.gif) no-repeat right center;
	color: #026bad;
	font: 16px Tahoma;
	text-decoration: none;
	padding-right: 10px;
	display: inline;
}

#footer .product a:hover {
	color: #ff443b;
	text-decoration: underline;
}

#footer .otdel {
	float: left;
	padding-left: 15px;
}

#footer .otdel h4 {
	color: #000000;
	font: 17px Tahoma;

	padding-top: 0px;
	float: left;
	clear: both;
}

#footer .copyright {
	color: #000000;
	font: 16px Tahoma;
	padding-top: 40px;
	line-height: 21px;
	text-align: right;
	max-width: 330px;
	float: right;
}

#footer .copyright a {
	color: #026bad;
}

#footer .copyright a:hover {
	color: #ff443b;
	text-decoration: none;
}

#footer .copyright ul {
	width: 100%;
	float: right;
	padding-bottom: 16px;
	text-align: right;
}

#footer .copyright ul li {
	display: inline;
	padding-left: 12px;
}

#footer .copyright li a {
	display: block;
	display: inline;
}

.text2 {
	color: #000000;
	font: 16px Tahoma;
	border: 1px solid white;
	width: 100%;
	line-height: 24px;
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	float: left;
}

.center.big {
	/*fix*/
	margin-left: 292px;
	margin-right: 0;
	overflow: hidden;
	width: 100%;
}
.center.big .tdLeft {
	width: 40%;
	display: block;
	padding: 0 15px;
}
.center.big .tdRight {
	width: 60%;
	display: block;
}
.center.big a {
	text-decoration: none !important;
}
.center.big .table {
	width: 100%;
	display: block;
	overflow: hidden;
}
.center.big .table img {
	border: none !important;
}
.td100w {
	width: 100%;
	padding: 0;
	text-align: center;
	clear: both;
}
.td100w a {
	width: 30%;
	margin: 1%;
	display: inline-block;
	vertical-align: top;
}
.td100w img {
	width: 100%;
	height: 200px;
	padding: 0;
	border: none !important;
	object-fit: cover;
}
.box-inside .h2-custom {
	padding-top: 50px;
}

.btn-menu {
	width: 26px;
	height: 26px;
	display: none;
	position: relative;
	z-index: 999;
}

.box-inside iframe{
	width: 100%;
	aspect-ratio: 16/9;
	height: auto;
}



.box-inside img{
	padding: 0;
	margin: 15px;
}

.td100w {
	display: flex;
}

.nav-item .nav li.current-menu-item a{
	    color: #353535;
	    text-decoration: underline;
}


@media screen and (max-width:991.98px) {
	.btn-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}
.btn-menu .burger {
	width: 100%;
	height: 4px;
	background: #0B68AC;
	position: relative;
	-webkit-transition: .3s linear;
	transition: .3s linear;
	border-radius: 4px;
}
.btn-menu .burger.on {
	background: 0 0
}
.btn-menu .burger.on::after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.btn-menu .burger.on::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.btn-menu .burger::before,
.btn-menu .burger:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background: #0B68AC;
	border-radius: 4px;
	-webkit-transition: .3s linear;
	transition: .3s linear
}
.btn-menu .burger::before {
	top: -7px
}
.btn-menu .burger::after {
	top: 7px
}

.menu_expand{
	overflow: hidden;
}

.lang{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 15px;
}

.lang a{
	color: #0B68AC;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 800;
	text-decoration: none;
}

.lang .current-lang a{
	color: #353535;
}

.social{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 20px;
}

.social img{
	height: 32px;
	width: 32px;
}

.menu-block .bottom-contacts{
	display: none;
}

.catalog-btn{
	display: none;
}

@media screen and ( max-width: 1260px ){
	#footer .in{
		display: flex;
	}

	#footer .otdel{
		flex-shrink: 0;
		padding: 0 20px;
	}

	.menu li a {
		font: 400 22px Tahoma;
	}

}




@media screen and ( max-width: 992px ){

	.catalog-btn{
		display: flex;
	}

	.menu-block .bottom-contacts {
		display: flex;
	}


	#header{
		background: #EFEFEF;
		height: auto;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	#content{
		width: 100%;
		margin: 20px 0 10px;
		padding: 0;
		box-sizing: border-box;
		background: #fff;
	}
	.center .box{
		background: none;
	}
	.box .box-inside{
		background: none;
	}

	.logo{
		width: 188px;
		height: 61px;
		background-size: cover;
	}

	.flex-right .phone{
		display: none;
	}

	.logo a{
		width: 188px;
		height: 64px;
	}

	#footer{
		height: auto;
		text-align: center;
		padding: 30px 15px;
	}

	#footer .in{
		flex-direction: column;
		align-items: center;
		height: auto;
	}

	#content .left-nav{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		z-index: 999;
		padding: 0 15px 15px;
		box-sizing: border-box;
	}

	.catalog-top{
		padding: 20px 15px;
		background: #EFEFEF;
		box-sizing: border-box;
		margin: 0 -15px 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #353535;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
	}


	.center.content-block{
		margin-left: 0;
	}

	#footer .copyright{
		text-align: center;
	}

	#footer .product{
		margin-bottom: 30px;
	}

	#footer h3, #footer .product p{
		text-align: center;
		float: none;
		padding: 0;
		margin-bottom: 15px;
	}

	#footer .otdel h4{
		text-align: center;
		float: none;
	}

	.menu-block{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #EFEFEF;
		z-index: 9;
	}

	.menu{
		background: none;
		height: auto;
	}

	.menu ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 15px;
	}

	.menu ul li{
		width: 100%;
	}

	.menu ul li a{
		color: #353535;
		font-size: 18px;
	}

	.menu-inner{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		padding: 120px 20px 40px;
		width: 100%;
		box-sizing: border-box;
	}

	.bottom-contacts{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		row-gap: 20px;
	}

	.phone{
		width: 100%;
		text-align: center;
	}

	.phone a{
		color: #000;
		font-weight: 800;
		text-decoration: none;
		float: none;
	}

	

	.social{
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 20px;
	}

	.social img{
		height: 32px;
		width: 32px;
	}

	.menu li a:hover{
		background: none;
		color: #01609A;
	}

	.nav-title{
		border-radius: 5px;
		justify-content: space-between;
	}

	.nav-title img{
		display: block;
		transition: .3s ease-out;
	}


	.menu-in{
		display: none;
	}

	.nav-item:not(:last-child){
		margin-bottom: 15px;
	}

	.nav-title.active img{
		transform: rotate(-180deg);
	}

	.right{
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.content-flex{
		flex-direction: column;
	}

	.right .news{
		width: 100%;
	}

	.right .news ul{
		width: 100%;
	}

	.center{
		margin-right: 0;
	}

}


@media screen and ( max-width: 768px ){

	.center.big .table{
		display: flex;
		flex-direction: column;
	}
	
	


	.center.big .tdRight{
		width: 100%;	
		margin-left: 0;
	}

	.center.big .tdLeft{
		width: 100%;	
		display: flex !important;
		justify-content: center;
		padding: 0;
	}

	.box-inside img{
		float: none !important;
		max-width: 100%;
		padding: 0;
		height: auto;
	}
	.box-inside p, .box-inside p strong{
		float: none;
	}

	.box-inside img + strong{
		display: block;
	}

	.flex-right .lang{
		display: none;
	}
}

@media screen and ( max-width: 576px ){
 .header-top .social {
        display: none;
    }
}