@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600');
/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #666; }
input, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #666; }
body { background: #fff; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1280px; position: relative; }
p { line-height: 25px; }
.btn { background: #b5b5b5; display: inline-block; padding: 9px 20px; border-radius: 7px; color: #fff; font-weight: 600; text-decoration: none; }
.btn:hover { opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
h1 { font-weight: normal; font-size: 40px; }
h2 { font-weight: normal; font-size: 35px; }
h3 { font-weight: normal; font-size: 30px; }
h4 { font-weight: normal; font-size: 25px; }
h5 { font-weight: normal; font-size: 20px; }
h6 { font-weight: normal; font-size: 15px; }

.socialBox li a { color: #dc5c25; }
.socialBox li a:hover { color: #666; }
#footerCntr .bot p a { color: #FFF; }
#footerCntr .bot p a:hover { color: #dc5c25; }
.show_mobile { display: none; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 146px; }
	#headerCntr .logo { position: absolute; top: 30px; left: 40px; }
	#headerCntr .logo img { max-width: 100%; }
	#headerCntr .visit { position: absolute; top: 75px; right: 144px; }
	#headerCntr .visit a { background: url(../images/header-visit-arrow.png) no-repeat left; color: #dc5c25; font-size: 15px; font-weight: 600; text-decoration: none; text-align: right; padding-left: 30px; display: inline-block; }
	#headerCntr .visit a:hover { opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
	#headerCntr .partner { position: absolute; top: 65px; right: 19px; }
	#headerCntr .partner img { display: inline; }

	/* ### social box ### */
	.socialBox { position: absolute; top: 28px; right: 21px; }
	.socialBox ul { overflow: hidden; }
	.socialBox li { float: left; margin-left: 9px; }

	/* ### menu box ### */
	.menuBox:not(.mm-menu) { position: absolute; top: 26px; right: 111px; }
	.menuBox:not(.mm-menu) li { float: left; margin-left: 12px; font-size: 15px; font-weight: 300; }
	.menuBox:not(.mm-menu) li a { color: #666; text-decoration: none; border-bottom: 1px solid transparent; }
	.menuBox:not(.mm-menu) li a:hover, .menuBox:not(.mm-menu) li.active a { border-bottom: 1px solid #dc5c25; }

	.mobileMenu {display: none;cursor:pointer;z-index:15;float:left;display:none;width:40px;height:40px;position:relative;transition:.2s;overflow:hidden}
	.mobileMenu span{display:block;height:4px;text-indent:-9999px;border-radius:5px;background:#dc5c25;position:absolute;top:50%;right:20%;left:20%;transition:.2s}
	.mobileMenu span:before,.mobileMenu span:after{display:block;width:100%;height:4px;content:'';border-radius:5px;background-color:#dc5c25;transition-duration:0.2s,.2s;position:absolute;left:0}
	.mobileMenu span:before{top:-7px;transition-property:top,transform}
	.mobileMenu span:after{bottom:-7px;transition-property:bottom,transform}
	.mm-opened .mobileMenu span{background:none}
	.mm-opened .mobileMenu.active span:before,.mm-opened .header__menu-toggle.active span:after{transition-delay:0s,.2s}
	.mm-opened .mobileMenu span:before{top:0;transform:rotate(45deg)}
	.mm-opened .mobileMenu span:after{bottom:0;transform:rotate(-45deg)}

	/* ### banner container ### */
	#bannerCntr { width: 100%; height: 452px; overflow: hidden; position: relative; }
	#bannerCntr .slider { width: 100%; height: 100%; position: relative; z-index: 0; }
	#bannerCntr .slider ul { width: 100%; height: 100%; }
	#bannerCntr .slider li { width: 100%; height: 100%; position: relative; }
	#bannerCntr .slider li img { min-height: 100%; height: auto!important; min-width: 100%; width: auto!important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
	#bannerCntr .slider li .inner { transform: translateX(-50%); width: 928px; position: absolute; top: 0; left: 50%; }
	#bannerCntr .slider li .center { height: 100%; max-width: 928px; }
	#bannerCntr .slider li .text { padding-top: 180px; }
	#bannerCntr h1 { color: #fff; margin-bottom: 10px; text-shadow: 0px 0px 20px rgba(0,0,0,0.7); font-weight: 600; }
	#bannerCntr p { color: #fff; font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 10px; text-shadow: 0px 0px 20px rgba(0,0,0,0.7); }
	#bannerCntr p:hover {  text-shadow: 0px 0px 00px rgba(255,255,255,0.0); }
	#bannerCntr .btn { padding: 13px 50px; background: rgba(220,92,37,0.9); font-size: 20px; font-weight: 600; }
	#bannerCntr .btn:hover { background: #dc5c25; }
	#bannerCntr .prev { position: absolute; top: 55%; left: 50px; background: url(../images/prev.png) no-repeat; width: 31px; height: 31px; margin-top: -15px; z-index: 1000; }
	#bannerCntr .next { position: absolute; top: 55%; right: 50px; background: url(../images/next.png) no-repeat; width: 31px; height: 31px; margin-top: -15px; z-index: 1000; }
	#bannerCntr .top { position: absolute; top: 0; right: 0; z-index: 1001; width: 100%; height: 90px; }
	#bannerCntr .top .inner { margin-left: -640px; width: 1280px; position: absolute; top: 0; left: 50%; }
	#bannerCntr .top ul.links { overflow: hidden; float: right; height: 90px; border-radius: 0 0 0 25px; background: #dc5c25; padding: 33px 33px 0 33px; }
	#bannerCntr .top li { float: left; margin: 0 13px; font-size: 20px; font-weight: 600; height: 57px; }
	#bannerCntr .top li a { color: #fff; text-decoration: none; }
	#bannerCntr .top li a:hover { text-decoration: none; color: #666; }
	#bannerCntr .top .number { float: right; height: 90px; width: 367px; background: #666; padding: 20px 20px 0 32px; }
	#bannerCntr .top p { line-height: 27px; font-weight: 300; text-align: right; font-size: 14px; }
	#bannerCntr .top p a { font-weight: 600; font-size: 24px; text-decoration: none; display: block; color: #fff; }
	#bannerCntr .top p a:hover { color: #dc5c25; }

	#bannerCntr .top .dropdown-content {
    display: none;
    position: absolute;
    background-color: #dc5c25;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999999;
		color: #FFF;
		margin-top: 20px;
		font-size: 16px;
}
#bannerCntr .top .dropdown-content a {
    color: #FFF;
    padding: 8px 16px;
    text-decoration: none;
    display: inline-block;
		font-size: 16px;
    z-index: 9999999;
		width: 240px;
}
#bannerCntr .top .dropdown-content a:nth-child(odd) {
    float: left;
    margin-right: 10px;
}
#bannerCntr .top .dropdown-content a:nth-child(even) {
}

/* Change color of dropdown links on hover */
#bannerCntr .top .dropdown-content a:hover { background-color: #FFF; color: #666; }

/* Show the dropdown menu on hover */
#bannerCntr .top li:hover .dropdown-content { display: block; }


	/* ### content container ### */
	#contentCntr { width: 100%; }
	#contentCntr .center { padding-left: 176px; }

		/* ### about box ### */
		.aboutBox { width: 100%; background: #666; }
		.aboutBox .holder { overflow: hidden;
			flex-wrap: wrap;
			align-items: stretch;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}
		.aboutBox .block { width: 33.33%; }
		.aboutBox .blockfull { width: 66.66%; }
		.aboutBox .inner { height: 100%; width: 100%; padding: 35px 22px 40px 22px; }
		.aboutBox .innerfull { width: 100%; padding: 35px 50px 0px 50px; }
		.aboutBox .photo iFrame { height: 360px; }
		.aboutBox .block:first-of-type .inner { padding-left: 44px; }
		.aboutBox .block:last-of-type .inner { padding-left: 32px; padding-right: 35px; padding-bottom: 58px; background: #dc5c25 url(../images/about-bg.jpg) no-repeat right bottom; }
		.aboutBox .block:nth-of-type(2) .inner { padding-right: 42px; }
		.aboutBox h2 { color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 12px; }
		.aboutBox .photo  { margin-bottom: 22px; width: 100%; }
		.aboutBox .photo img { width: 100%; margin-bottom: 15px; }
		.aboutBox p { margin-bottom: 22px; color: #fff; font-weight: 300; }
		.aboutBox p a { color: #fff; font-weight: 500; }
		.aboutBox p a:hover { color: #e63500; font-weight: 500; }
		.aboutBox .btn { background: #858585; padding: 10px 36px; }
		.aboutBox .block:last-of-type .inner p { font-style: italic; margin-bottom: 0; }
		.aboutBox strong { display: block; margin-bottom: 20px; font-weight: 600; font-size: 15px; line-height: 25px; color: #fff; }
		.aboutBox strong a { color: #FFF; text-decoration: none; }
		.aboutBox strong a:hover { color: #CCC; }

		.aboutBox .type_row { display: flex; margin-bottom: 20px; }
		.aboutBox .type_left { flex: 2; width: 70%; display: inline-block; float: left; background: #999; padding: 15px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
		.aboutBox .type_left p { font-weight: 300; }
		.aboutBox .type_left p a { color: #FFF; line-height: 20px; }
		.aboutBox .type_left p a:hover { color: #e63500; }
		.aboutBox .type_right { flex: 1; width: 30%; display: inline-block; float: left; }
		.aboutBox .type_right img { width: 100%; }
		.aboutBox .folder_type_row { width: 66.66% }
		.aboutBox .block_folder_type_full { width: 100%; }

		.aboutBox fieldset { border: 0; width: 100%; font-size: 14px; font-family: 'open_sansregular'; text-decoration: none; line-height: 26px; color: #dc5c25; }
		.aboutBox input[type="text"] { border: 0; background: #fff; width: 100%; height: 40px; line-height: 40px; margin-bottom: 20px; color: #dc5c25; padding: 0 16px; font-size: 16px; }
		.aboutBox input[type="text"]:focus { background: #eeeaea; color: #445c64; }
		.aboutBox input[type="password"] { border: 0; background: #fff; width: 100%; height: 40px; line-height: 40px; margin-bottom: 20px; color: #666; padding: 0 16px; font-size: 16px; }
		.aboutBox input[type="password"]:focus { background: #eeeaea; color: #445c64; }
		.aboutBox select { border: 0; background: #fff url(../images/arrow_select.png) no-repeat left; padding: 0 20px 0 60px; color: #666; font-size: 16px; margin-bottom: 20px; height: 40px; }
		.aboutBox textarea { border: 0; background: #fff; width: 100%; height: 148px; padding: 12px 16px; resize: none; margin-bottom: 17px; color: #666; font-size: 16px; }
		.aboutBox .bot { width: 100%; overflow: hidden; }
		.aboutBox a.link { float: left; color: #FFF; font-size: 14px; text-decoration: none; }
		.aboutBox a.link:hover { text-decoration: underline; }
		.aboutBox input[type="submit"] { border: 0; background: #dc5c25; width: 122px; height: 43px; cursor: pointer; float: right; color: #fff; font-size: 16px; font-weight: 500; -webkit-border-radius: 8px; border-radius: 8px; }
		.aboutBox input[type="submit"]:hover { background: #FFF; color: #666; }

		.aboutBox .inner address { color: #fff; line-height: 25px; font-style: normal; font-weight: 300; }
		.aboutBox .inner address span { font-weight: 600; }
		.aboutBox .inner address a { color: #333; text-decoration: none; font-weight: 600; }
		.aboutBox .inner address a:hover { text-decoration: underline; }

		.aboutBox .link a { color: #FFF; font-weight: 600; font-size: 16px; text-decoration: none;  }

		/* ### left container ### */
		#leftCntr { float: left; width: 66.5%; }

			/* ### brochures box ### */
			.brochuresBox { width: 100%; padding: 37px 40px 0 46px; }
			.brochuresBox h3 { font-size: 26px; font-weight: 600; margin-bottom: 20px; }
			.brochuresBox .holder { margin-right: -40px; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
			.brochuresBox .block { float: left; margin-bottom: 44px; padding-right: 40px; width: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex;}
			.brochuresBox .inner { width: 100%; }
			.brochuresBox .photo { width: 100%; margin-bottom: 15px; padding-right: 40px; }
			.brochuresBox .photo img { width: 100%; }
			.brochuresBox p { margin-bottom: 12px; }
			.brochuresBox p span { display: block; font-size: 15px; line-height: 25px; font-weight: 600; color: #e63500; }

		/* ### right container ### */
		#rightCntr { float: right; width: 33.5%; }

			/* ### steel box ### */
			.steelBox { width: 100%; padding: 34px 38px 30px 26px; background: #ebebeb; }
			.steelBox h4 { font-size: 26px; font-weight: normal; margin-bottom: 16px; line-height: 32px; }
			.steelBox p { font-style: italic; margin-bottom: 16px; }
			.steelBox p:first-of-type { margin-bottom: 24px; }
			.steelBox ul { overflow: hidden; }
			.steelBox li { float: left; margin-right: 12px; }

			#rightCntr .block:first-of-type .inner { padding-left: 44px; }
			#rightCntr .block:last-of-type .inner { padding-left: 32px; padding-right: 35px; padding-bottom: 58px; background: #dc5c25 url(../images/about-bg.jpg) no-repeat right bottom; }
			#rightCntr .block:nth-of-type(2) .inner { padding-right: 42px; }
			#rightCntr strong { display: block; margin-bottom: 20px; font-weight: 600; font-size: 15px; line-height: 25px; color: #fff; }
			#rightCntr strong a { color: #FFF; text-decoration: none; }
			#rightCntr strong a:hover { color: #CCC; }
			#rightCntr .inner { height: 100%; width: 100%; padding: 35px 22px 40px 22px; }

			/* ### supplier box ### */
			.supplierBox { width: 100%; padding: 78px 0 50px 0; border-top: 1px solid #f0f0f0; }
			.supplierBox h2 { font-size: 36px; text-align: center; font-weight: 600; margin-bottom: 32px; }
			.supplierBox ul { width: 100%; text-align: center; }
			.supplierBox li { display: inline-block; margin: 0 31px 28px 31px; }
			.supplierBox li img { display: inline; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #666; }
	#footerCntr .left { width: 71%; padding-left: 224px; padding-top: 34px; }
	#footerCntr .right { width: 29%; padding: 34px 30px 80px 30px; background: #dc5c25 url(../images/footer-right-bg.jpg) no-repeat bottom right; }
	#footerCntr .right .inner { height: 100%; width: 100%; }
	#footerCntr .center  {
		flex-wrap: wrap;
		align-items: stretch;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	#footerCntr .stripRight { position: absolute; top: 0; left: 99.9%; width: 5000px; height: 100%; background: #dc5c25; }
	#footerCntr .block { float: left; width: 50%; }
	#footerCntr .block span.head { color: #fff; font-size: 20px; margin-bottom: 20px; font-weight: 600; display: block; }
	#footerCntr .block li { line-height: 25px; }
	#footerCntr .block li a { color: #fff; text-decoration: none; }
	#footerCntr .block li a:hover { color: #dc5c25; }
	#footerCntr .bot { padding-left: 140px; text-align: center; padding-top: 150px; padding-bottom: 22px; }
	#footerCntr .bot p { line-height: 20px; font-size: 12px; color: #fff; font-weight: 300; }
	#footerCntr .logo { margin-bottom: 17px; }
	#footerCntr address { color: #fff; line-height: 25px; font-style: normal; font-weight: 300; }
	#footerCntr address span { font-weight: 600; }
	#footerCntr address a { color: #333; text-decoration: none; font-weight: 600; }
	#footerCntr address a:hover { text-decoration: underline; }

/* #Media Queries
================================================== */

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

	#bannerCntr .top .inner { width: 100%; margin-left: 0; left: 0; }
	#bannerCntr .slider li .text { padding-left: 70px; }

	#footerCntr .bot { padding-left: 0; }

	#contentCntr .center {padding-left: 0;}
	#footerCntr .left {padding-left: 20px;}
	.aboutBox .block:first-of-type .inner {padding-left: 20px;}
	.aboutBox .block:nth-of-type(2) .inner {padding-right: 20px;}
	.aboutBox .block:last-of-type .inner {padding-bottom: 110px;}
	.brochuresBox {padding: 35px 20px 0 20px;}
	.brochuresBox .holder {margin-right: -20px;}
	.brochuresBox .block {padding-right: 20px;}
	.steelBox {padding: 30px 20px;}
	.brochuresBox .photo {padding-right: 0;}

}


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

	#headerCntr .logo { left: 15px; }

	.menuBox:not(.mm-menu) { right: 95px; }
	.menuBox:not(.mm-menu) li { margin-left: 8px; }

	.socialBox { right: 15px; }

	#bannerCntr .top ul.links { padding: 33px 0 0 0; }
	#bannerCntr .top li { font-size: 16px; margin: 0 10px; }
	#bannerCntr .slider li .inner { transform: none; width: 100%; left: 0; }
	#bannerCntr .slider li .text { padding-left: 50px; }
	#bannerCntr .prev { left: 10px; }
	#bannerCntr .next { right: 10px; }

	#contentCntr .center { padding: 0; }

	#footerCntr .left { padding-left: 20px; width: 68%; }
	#footerCntr .right { width: 32%; }

	.supplierBox li { margin: 0 15px 20px 15px; }

}

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

	.menuBox:not(.mm-menu) { display: none; }
	.mobileMenu { display: block; }
	.show_mobile { display: block; }

	#headerCntr .logo { width: 100%; text-align: center; left: 0; }
	#headerCntr .logo img { display: inline; }
	#headerCntr .partner { right: 15px; }
	#headerCntr .partner img { width: 90px; }
	#headerCntr .visit { top: 140px; right: 0; text-align: center; width: 100%; }
	#headerCntr { height: 200px; }

	#bannerCntr .top { height: 138px; }
	#bannerCntr .top .number { height: auto; padding: 10px 20px; width: 90%; border-radius: 20px 0 0 0; }
	#bannerCntr .top ul.links { padding: 15px 0; height: auto; width: 90%; text-align: center; }
	#bannerCntr .top ul.links li { display: inline-block; float: none; }
	#bannerCntr h1 { font-size: 29px; }
	#bannerCntr p { font-size: 16px; line-height: 24px; }
	#bannerCntr .slider li .text { padding: 170px 20px 0 50px; }

	.aboutBox .block { width: 50%; }
	.aboutBox .blockfull { width: 100%; }
	.aboutBox .block:last-of-type { width: 100%; }
	.aboutBox .block:last-of-type .inner { padding: 35px 20px 100px 20px; }
	.aboutBox .btn { padding: 10px 30px; }
	.aboutBox .block:first-of-type .inner { padding: 35px 20px 0px 20px; }
	.aboutBox .block:nth-of-type(2) .inner { padding-right: 20px; padding-bottom: 30px; }
	.aboutBox .inner { padding: 35px 20px 0px 20px; }
	.aboutBox .photo iFrame { height: 200px; }
	.aboutBox .folder_type_row { width: 100% }

	#leftCntr { width: 100%; }
	#rightCntr { width: 100%; }

	.brochuresBox { padding: 30px 20px; }
	.brochuresBox .block { padding-right: 20px; }
	.brochuresBox .holder { margin-right: -20px; }

	.steelBox { min-height: inherit; }

	.supplierBox { padding: 35px 0; }
	.supplierBox h2 { font-size: 26px; line-height: 32px; margin-bottom: 12px; }
	.supplierBox li img { width: 144px; }
	.supplierBox li { margin: 0 5px 6px 5px; }

	#footerCntr .left { width: 100%; padding: 30px 20px; }
	#footerCntr .bot { padding-top: 30px; }
	#footerCntr .right { width: 100%; padding: 30px 20px; }

}

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

	#headerCntr .partner { display: none; }
	#headerCntr .logo { margin-top: 40px; }
	#headerCntr .visit { margin-top: 40px; }
	#bannerCntr { margin-top: 40px; }

	#bannerCntr .top { display: none; }
	#bannerCntr .prev { display: none; }
	#bannerCntr .next { display: none; }
	#bannerCntr { height: 320px; }
	#bannerCntr .slider li .text { padding: 40px 20px 0 20px; }
	#bannerCntr .btn { font-size: 17px; padding: 10px 30px; }

	.aboutBox .block { width: 100%; }

	.brochuresBox .block { width: 100%; }
	.brochuresBox .photo { padding-right: 0; }

}