@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
/* @import url('http://fontawesome.io/assets/font-awesome/css/font-awesome.css'); */


img { border:0;  }

hr { border-color:#ccc; clear:both; margin-top:30px }
.img-responsive2 { max-width:100%; height:auto }

.clear { clear:both }

p { padding:10px 0; margin:0; }

.a { text-decoration: none;}


h1 { font-family: 'Open Sans', sans-serif; font-weight:600; color:#002c8d;  font-size:2.5em; margin:0; padding:10px 0 ; line-height:1.1; clear:both }
h2 { font-family:'Open Sans', sans-serif; font-weight:300; color:#333333; font-size:2.25em; line-height:1.2; margin:0; padding:10px 0 10px; clear:both }
h3 { font-family: 'Open Sans', sans-serif; font-weight:300; color:#333333; font-size:1.75em; line-height: 1.2; margin:0; padding:10px 0 10px; clear:both }
h4 { font-family: 'Open Sans', sans-serif; font-weight:300; color:#333333; font-size:1.25em; line-height: 1.1; margin:0; padding:10px 0 10px; clear:both }
h5 { font-family: 'Open Sans', sans-serif; font-weight:bold; color:#333333; font-size:22px; line-height:1.3; margin:0; padding:10px 0 10px; clear:both; }
h6 { font-family:'Open Sans', sans-serif; font-weight:bold; color: #009d50; font-size:18px; line-height:1.5; margin:0; padding:10px 0; clear:both }

/* a { display:inline-block; text-decoration:none; outline:none; color:#00658b; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
a:focus, a:hover {  text-decoration: none !important;}
a:hover,a:focus,a:visited,.a:active{color:#fff;} */

input , button , textarea, select {  font-size:16px; color:#324149; font-family: 'Open Sans', sans-serif; }

.mr20 {margin-top:20px; }
.mrb20 {margin-bottom: 15px;}
.pb10 {padding-top: 10px;}
.pb20 { padding-top: 20px;}

.container { width:1330px; }

.msg { margin-bottom: 40px;}

.menu_main_nav > li > a {
    padding: 0em 1.1em 0em 1.1em;
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #ccc;
    text-decoration: none;
}
.menu_main_nav > li ul li a {
    padding: 0.5em 1.5em 0.5em;
    font-size: 12px;
}

.top-section { background-color: #009d50;  color: white; font-size: 22px; }
.color1 { color: #939393; font-weight: 400; padding-left:7px; }
.color2 { color:#009d50;}
.top-section h1 { color: #fff; }

/*main-body-section*/
.main-body-section { float: left; padding: 50px 0; width: 100%; }
.box-dimensions { font-size: 16px; color: #cccccc;  border:1px solid #ccc;  width:100%; float: left; padding: 20px; }
.step1 { float: left; font-size: 14px; margin-top: 30px;width: 100%;}
.select { width:100%; border: none; background-color: #009d50; color: white; padding: 15px 20px 15px 25px; font-size: 22px;font-weight: bold;}
span { font-size: 16px !important;}
.radio {margin-top:0 !important;}
.box-finsh { width:100%;float: left; padding: 0 25px; }
.reinforcement {width:100%;float: left; padding: 0px 25px 25px 25px;}
.step2 {float: left; font-size: 14px; margin-top: 30px; width: 100%;}
.step3 {float: left; font-size: 14px; margin-top: 30px; width: 100%;}
.aluminum { padding-left: 30px;}
.other {width:100%;float: left; font-size: 14px; margin-top: 30px; width: 100%;}
.brackets {width:100%;float: left; font-size: 14px; margin-top: 30px; width: 100%;}
.comments {width:100%;float: left; font-size: 14px; margin-top: 30px;width: 100%; }
.contact {width:100%;float: left; font-size: 14px; margin-top: 30px;}
.text {
    width: 100%;
    float: left;
    padding: 5px 13px;
    background-color: #ed2424;
    color: white;
    margin-top: 30px;
    font-size: 24px;
    text-align: left;
}.footer-section {width:100%; float: left; margin-top: 20px;}
.button {  width:100%;float:left;}
.submit { width:100%; background: #009b4f; padding: 15px 60px; color: white; border: none;}
.image { float: left;}
.full { border: 1px solid #009d50; width:100%; min-height: 210px;background-color: white;}
.fixed {position: fixed; right: 45px; }
.form-control{height: 46px;box-shadow: #ddd 0px 0px 20px 0 inset;-webkit-box-shadow:#ddd 0px 0px 20px 0 inset;-moz-box-shadow: #ddd 0px 0px 20px 0 inset;-o-box-shadow: #ddd 0px 0px 20px 0 inset; }
.panel-default>.panel-heading { 
    color: #fff;
    background: #009d50;
    border-color: #CCCCCC;
   
}

body {font-family: 'open sans';}

.panel-default>.panel-heading .toolPar {margin: 0 15px;}
.panel-default .panel-collapse .panel-body .box-finsh h6 , .panel-default .panel-collapse .panel-body h6{color: #002c8d;} 
.hd5-row-3 .block-search-element form , .search-form.style3 input[type="text"] {font-family: 'Roboto';}

.panel-default>.panel-heading span{ font-size: 22px;font-weight: bold;}
.hd5-row-1 .content-right .contact-top li span {font-size: 11px !important; font-family: 'Roboto';}
.hd5-row-1 .contact-top li .language-box p {padding: 0;}
.custom-link.wishlist .wishlist-number , .mini-cart-box.mini-cart-icon .mini-cart-text span {font-size: 10px !important;}
.hd5-hotline .hotline-wrap a span , .cate-list-menu.style3 > a {font-size: 14px !important; font-weight: 700; font-family: 'Roboto';}
.mini-cart-box.mini-cart-icon .mini-cart-text {line-height: 17px; top: 6px;}
.custom-link.wishlist .wishlist-number {top: -4px;}
.hd5-hotline .hotline-wrap a:before {top: -9px; left: -33px;}
.hd5-group-link .custom-link.wishlist {padding-top: 12px;}
.hd5-group-link a.minicart-icon {padding-top: 10px;}

.step1 .panel-heading,.step1 .panel-title,.step2 .panel-heading,.step2 .panel-title,.step3 .panel-heading,.step3 .panel-title,.other .panel-heading,.other .panel-title,.step1 .panel-heading,.step1 .panel-title,.brackets .panel-heading,.brackets .panel-title,.comments .panel-heading,.comments .panel-title,.contact .panel-heading,.contact .panel-title{padding: 0px;}
.step1 a,.step2 a,.step3 a,.other a,.brackets a,.comments a,.contact a{display: block;padding: 20px 15px;}
.step1 .panel-body .box-finsh .radio label,.step2 .panel-body .single .radio label,.step2 .panel-body .double .radio label,.step3 .panel-body .radio label{position: relative;}
.step1 .panel-body .box-finsh .radio input[type=radio],.step2 .panel-body .single .radio input[type=radio],.step2 .panel-body .double .radio input[type=radio],.step3 .panel-body .radio input[type=radio]{left: 0;top: 3px;width: 20px;}
.panel-body a{position: relative;}
.step1 .panel-heading a:after,.step2 .panel-heading a:after,.step3 .panel-heading a:after,.other .panel-heading a:after,.brackets .panel-heading a:after,.comments .panel-heading a:after,.contact .panel-heading a:after{position: absolute;content: "\f0d7";font-family: fontawesome;right: 40px;font-size: 22px;}


.box-dimensions .form-group { padding:0; width:28%; margin:0 7% 15px 0; }
.box-dimensions .form-group:nth-child(3n+1) { margin-right:0; }
.box-dimensions .form-group label { color:#747474; font-weight:400; }
.box-dimensions .dimensions { padding-top:10px; }

.reinforcement .radio { padding-left:0; }
.checkbox label, .radio label { padding-left:10px; }
input[type="checkbox"], input[type="radio"] { margin-top:6px; }
.brackets .form-control  { margin-top:15px; }

.footer-section .submit { font-size: 24px; font-weight: 700; line-height: 30px; padding: 15px 20px; text-transform: uppercase; width: 100%; }
		.contentmain-left {width: 30%; text-align:right;}
		.contentmain-right {width: 60%;}

.page-id-2204 .vc_custom_1580157087512 {padding-left: 0 !important;}
.page-id-2204 form .main-body-section .contentmain-right h5 {font-weight: 400; color: #002c8d;}
.page-id-2204 form .main-body-section .contentmain-right .box-dimensions h6 {font-size: 24px; color: #002c8d;}
.page-id-2204 form .main-body-section .contentmain-right .box-dimensions .boxDim  {color: #424242;}
.hd5-col-logo {
    width: 22%;
    max-width: none;
}


@media (max-width: 1023px) {

    .fixed{position: relative;width: 100%;float: left;right: 0px;}
    .box-button{width: 100%;}
    .fixed .image{width: 100%;}
    .step3 .panel-body .col-md-8 .radio img{margin: 0px 0px 20px;}
    .radio label{width: 100%;}
    .full{min-height: auto;     width: 50%; text-align:right;}
	.contentmain-right {width: 33%;}
	.contentmain-left {width: 75%; text-align:right;}

}



@media (min-width: 1024px) and (max-width: 1380px) {
	.contentmain-right {width: 52%;}
	.contentmain-left {width: 32%; text-align:right;}
	/* .col-md-2 {width: 100%;}
	.col-md-3 {width: 50%;} */

}


@media (max-width: 768px) {

    textarea{width: 100%;}
    .contentmain-right + div { position: static !important; margin-top: 35px; float: left; width: 270px; padding:0 !important; }
	    .full{min-height: auto;     width: 40%;}
		.contentmain-right {width: 45%;}
		#post-2204 .vc_custom_1580157087512 { padding-left: 15px !important;}
}

@media (max-width:480px ){

    .box-finsh,.reinforcement,.single,.double,.step3 .col-md-4,.step3 .col-md-8{padding: 10px;}
			.contentmain-right {width: 22%}
			.col-md-4 {width: 100% }
			.box-dimensions .form-group {
    width: 95%;
    margin: 0 7% 15px 0;
}

#post-2204 .vc_custom_1580157087512 { padding-left: 15px !important;}
}

@media (max-width: 1410px) {
.menu_main_nav > li > a {
    padding: 0em 0.3em 0em 0.3em;
    font-size: 12px;
    font-weight: 500;
    border-right: 1px solid #ccc;
    text-decoration: none;
}
}