@font-face {font-family: "UniSansSemiBold";    src: url(../font/UniSansSemiBold.otf); }

@font-face {font-family: "ionicons"; src:url(../font/ionicons.ttf);}

@font-face {font-family: "UniSansBook"; src:url(../font/UniSansBook.otf);}

@font-face {font-family: "alwynBold"; src:url(../font/alwynBold.ttf);}

@font-face {font-family: "alwynRegular"; src:url(../font/alwynRegular.ttf);}

.none-decoration{ text-decoration: none }
.no-list-style{ list-style: none }
.white-text{ color: white }
.gray-text{ color: #6e6e6e }
.orange-text{ color: #f6591e }

body{
	margin: 0;
	padding: 0;
	border: 0;
	margin: 0 auto;
}

header{
	height: 96px;
	width: 100%;
	border-top: 3px solid #f6591e;
	background: white;
	position: fixed;
	top: 0px;
	z-index: 2;
}

nav{
	margin: 0 auto;
	width: 1120px;
}

input, textarea {
	box-sizing: border-box;
	max-width: 100%;
	min-height: 40px;
}

#logo{
	float: left;
	width: 384px;
}


#logotype-svg{
	width: 334px;
	height: 72px;
	margin-top: 12px;
}

#menu{
	float: left;
	width: 736px;
	height: 96px;
}

#menu ul{
	list-style: none;
	float: left;
	margin-top: 37px;
}

#menu ul li{
	padding: 0px 30px 38px 30px;
	font-family: "alwynBold";
	font-size: 14px;
	float: left;
	cursor: pointer
}

#menu ul li:hover{
	padding: 0px 30px 38px 30px;
	color: #f6591e;
	border-bottom: 4px solid #f6591e;
	text-align: center;
	cursor: pointer
}

#menu ul a{
	color: black
}


/******* menu-mobile *******/

#logoMobile{
	display: none
}

#menuMobile{
	display: none
}

.menu-mobile-ul{
	display: none
}

.ion-android-menu{
	display: none
}

/******* section ********/

section{
	margin: 0 auto;
	width: 1120px;
	margin-top: 99px;
}

.main-wrapper {
  width: 100%;
}

/******* txt class ********/

.bullet-txt{
	width: 18px;
	height: 5px;
	background-color: #f6591e;
	margin-left: 15px;
}

.txt-header-style{
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynBold";
	font-size: 22px;
	color: #434447;
	margin-left: 15px;
}

.txt-body-style{
	/*font-family: "UniSansBook";*/
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
	margin-left: 15px;
}

/*********************** HOME *************************/

/******** Slider ********/

.flickerplate .arrow-navigation{
	opacity: 0;
}

#slider{
	margin: 0 auto;
	width: 100%;
	height: 423px;
	position: relative;
	overflow: hidden;
}

#btn-mobile-menu{
	display: none;
}

.title-mobile-products{
	display: none;
}

.dot-navigation{
	display: none;
}

/* slider int info */

.nav-dot-cont{
	position: relative;
	top: -100px;
	left: 50px;
}

.nav-dot{
	border-radius: 15px;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}

.slider-int-title{
	font-family: "alwynBold";
	color: white;
	font-size: 39px;
	position: relative;
	top: -85px;
	left: -10px;
}

.slider-int-p{
	font-family: "alwynRegular";
	color: white;
	font-size: 29px;
	position: relative;
	top: -123px;
	left: 50px;
}

/******* options ******/
.options-container {
  display: inline-flex;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;

}
.options {
	width: 50%;
	background-color: rgba(240, 78, 35, 0.8);
	font-family: "alwynBold";
	font-size: 18px;
	text-align: center;
	list-style: none;
	color: white;
	vertical-align: middle;
	padding: 11px 0px 6px 0px;
	cursor: pointer;
  height: 40px;
  padding-top: 8px;
  box-sizing: border-box;
  z-index: 1;
}

#option2 {
  right: 0;
  left: initial;
}

.options:hover{
	background-color: rgba(199, 49, 39, 0.8);
}


#imgOptions{
	position: relative;
}

#imgOptions div{
	position: relative;
}

/***** over scale ******/

.img-options-scale{
	overflow: hidden;
	width: 50%;
	height: 190px;
	cursor: pointer;
}

.img-options-scale img{
	width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.img-options-scale:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*************************/

#imgOp2{
	margin-top: -190px;
	margin-left: 50%;
}

#txtOption{
	width: 1120px;
  margin: 20px auto;
	/*margin-top: 20px;*/
}

.txtOptionDiv{
	width: 560px;
	float: left;
}

#txtOption h1{
	font-family: "alwynBold";
	/*font-family: "UniSansSemiBold";*/
	font-size: 22px;
	color: #434447;
	margin-left: 15px;
}

#txtOption p{
	font-family: "alwynRegular";
	/*font-family: "UniSansBook";*/
	font-size: 16px;
	color: #434447;
	margin-left: 15px;
}

/*** options-mobile ***/

.optionsMobile{
	display: none;
}

.txtMobileOptionDiv{
	display: none;
}

.imgMobileOp{
	display: none;
}

/*********************** Our Company *************************/

#cont-company{
	margin-top: 40px;
	margin-bottom: 750px;
}

#company-left{
	width: 828px;
	height: auto;
	float: left;
}


#company-right{
	width: 292px;
	height: auto;
	float: left;
}

.company-right-fix{
	margin-top: -65px;
}

#cuotenow{
	width: 228px;
	height: 20px;
	color: white;
	border-radius: 5px;
	text-decoration: none!important;
	background-color: #f6591e;
	text-align: center;
	cursor: pointer;
	margin: 85px 0px 0px 32px;
	font-family: "alwynRegular";
	/*font-family: "UniSansBook";*/
	padding: 9px 0px 9px 0px;
}

#cuotenow:hover{
	background-color: rgb(199, 49, 39)
}

.divider-company{
	height: 1px;
	background-color: #d7d7d7;
	position: relative;
	margin-left: 32px;
}

#divider-company-1{
	margin: 0 auto;
	width: 1088px;
}

.divider-company-2{
	width: 260px;
	margin-left: 15px;
	margin-top: 22px;
}

#container-txt-catalog{
	margin: 22px 0px 0px 32px;
}

#img-company-r{
	text-align: center;
    margin-left: 32px;
    margin-top: 22px;
    width: 228px;
    height: auto;
    cursor: pointer;
}

#img-company-r:hover{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

/*************************** Products ***************************/

#product1{
	display: inline-block;
}

#product2{
	display: inline-block;
}

#product2b{
	height: 450px;
}

#product3{
}

/* img-products */

#img-products{
	width: 1120px;
	height: 423px;
}

.img-products-contain{
	width: 1120px;
	height: 423px;
}

#img-products-2{
	display: none;
}

#img-products-3{
	display: none;
}

/**/

.products-menu{
	position: relative;
	width: calc(100% / 5);
	height: 25px;
	background-color: rgba(240, 78, 35, 0.8);
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynBold";
	font-size: 15px;
	text-align: center;
	list-style: none;
	float: left;
	color: white;
	vertical-align: middle;
	top: -23px;
	padding: 11px 0px 6px 0px;
	cursor: pointer;
}

.products-menu.active, .products-menu:hover{
	background-color: rgba(199, 49, 39, 0.8);
}

#products-container{
	/*margin-bottom: 950px;*/
}

#title-prod{
	margin-top: 40px;
}

#divider-product-1{
	margin: 0 auto;
	width: 1088px;
}

#cuotenow-prod{
	width: 228px;
	height: 20px;
	color: white;
	border-radius: 5px;
	text-decoration: none!important;
	background-color: #f6591e;
	text-align: center;
	cursor: pointer;
	margin: 25px 0px 0px 32px;
	font-family: "alwynRegular";
	padding: 9px 0px 9px 0px;
}

#cuotenow-prod:hover{
	background-color: rgb(199, 49, 39)
}

.container-title-prod{
	width: 100%;
}

#container-title-sheet{
	margin-top: 300px;
}

#container-table-rolls{
	width: 100%;
}

#menu-products-mobile{
	display: none;
}

/************** Table ***************/

.table-prod-class{
	/* float: left; */
	text-align: center;
	/*font-family: "UniSansBook";*/
	font-family: "alwynRegular";
	font-size: 13px;
	border-collapse: collapse;
	width: 80%;
	padding: 8px;
    border-bottom: 1px solid #f6591e;
}

.table-prod-class th{
	padding: 1px 13px 1px 13px;
}

.gray{
	border-bottom: 1px solid #cdced0;
	border-right: 1px solid #cdced0;
	border-left: 1px solid #cdced0;
}

.gray.description {
  width: 120px;
}

.gray2 {
	border-right: 1px solid #cdced0;
	border-left: 1px solid #cdced0;
}

.gray3{
 	border-bottom: 1px solid #cdced0;
}

.gray4{
	border-bottom: 1px solid #cdced0;
}

.white1{
	border-left: 1px solid #ffffff;
}

.white2{
	border-right: 1px solid #ffffff;
}

.custom1 {
  position: absolute;
  height: 84px;
  padding-top: 66px;
  width: 80px;
  border-left: 0;
  border-right: 0;
}
.custom2 {
  position: absolute;
  width: 80px;
  text-align: center;
  height: 45px;
  padding-top: 30px;
  border-left: 0;
  border-right: 0;
}
.custom3 {
  position: absolute;
  width: 40px;
  text-align: center;
  height: 52px;
  padding-top: 42px;
  border-left: 0;
  border-right: 0;
}
​
.border-left {
 border-left: 1px solid #cdced0;
 border-right: 1px solid #cdced0;
 color: #000;
}

.title-orange{
    background-color:#f6591e;
    color:white; height:45px;
    text-align:center;
}

/********************************/

#img-prod-1{
	width: 20%;
	float: left;
}

.img-prods-class{
	width: 78px;
	height: 78px;
}

/* img-prod-2 */

#img-prod-2{
	float: left;
}

.img-prods-class-2{
	width: 240px;
}

/****/

.img-prods-class img{
	margin-left: 30px;
}

/*  mobile txt header */
.container-title-prod img{
	display: none;
}

#nails{
	/*display: none;	*/
}

#tltNails{
	display: none;
}

#menu-subproducts-mobile{
	display: none;
}

/************ Bar Supports **************/


#company-left-p2{
	margin-left: 27px;
	width: 536px;
	float: left;
}

#nav-subproducts{
	width: 276px;
	float: left;
	margin-top: 40px;
}

.btn-subproducts{
	border-bottom: 1px solid #b5111a;
	color: #6e6e6e;
	font-family: "alwynBold";
	font-size: 16px;
	width: 266px;
	height: 32px;
	padding-top: 13px;
	padding-left: 10px;
	cursor: pointer;
}

.btn-subproducts.active, .btn-subproducts:hover{
	background-color: #989a9d;
	color: white;
}

.gray-text:hover{
	color: white;
}

.white-text:hover{
	color: #6e6e6e;
}

.btn-subproducts-p3{
	border-bottom: 1px solid #b5111a;
	color: #6e6e6e;
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynBold";
	font-size: 16px;
	width: 266px;
	height: 32px;
	padding-top: 13px;
	padding-left: 10px;
	cursor: pointer;
}

.btn-subproducts-p3.active, .btn-subproducts-p3:hover{
	background-color: #989a9d;
	color: white;
}

.ion-chevron-right{
	float: right;
	margin-right: 10px;
}

#divider-product-p2{
	width: 800px;
	margin: 0 auto;
}

#company-right-p2{
	width: 228px;
	float: left;
	margin-top: 110px;
}

/**** subproducts *****/

#beam-bolsters{

}

#continuous-high-chair{

}

.container2-table-collated-nails{

}

.table-prod-class-sp1{
	float: left;
	text-align: center;
	width: 50%;
	font-family: "alwynRegular";
	font-size: 14px;
	border-collapse: collapse;
	padding: 8px;
    border-bottom: 1px solid #f6591e;
}

#container-title-slab-bolster{
	margin-top: 0px;
}

#container-title-slab-plain{
	margin-top: 550px;
}

#container-table-slab-plain{
	margin-top: 20px;
}

#container-title-slab-dipped{
	margin-top: 290px;
}

#container-title-bolster-dipped{
	margin-top: 220px;
}

#container-title-chair-plain{
	margin-top: 330px;
}

#container-title-chair-dipped{
	margin-top: 235px;
}

#company-left-p3{
	margin-left: 27px;
	width: 536px;
	float: left;
}


/***************** Product 3 ******************/

#cp-p2-p3{
	font-size: 18px;
	margin-left: 31px;
}

#product3{
	height: 700px;
}

#duplex{

}

#sinker{

}

#collated{

}


#container-table-collated-nails{
	margin-top: 35px;

}

#img-collated-nails{
	float: right;
	/*margin-top: -230PX;*/
}

.txt-new-subproduct.small{
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
	margin-top: 0px;
	width: 50%;
}

.txt-new-subproduct{
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
	width: 50%;
}

.txt-new-subproduct.below {
  display: block;
	width: 100%;
}
.txt-new-subproduct.below.float-left p {
  width: 100%;
}

.float-left { float: left !important; }

.margin-table-collated{
	margin-bottom: 20px;
    margin-top: -20px;
}


/*********************** Contact ***********************/



#contact-container{
	display: inline-block;
}

#img-contact{
	width: 1120px;
	height: 423px;
}

#img-contact img:nth-child(2){
	display: none;
}

#txt-option-careers{
	display: none;
	width: 560px;
	float: left;
}

/*
#option-contact-1{
	background-color: rgba(199, 49, 39, 0.8);
}
*/

.options-contact{
	width: 560px;
	height: 32px;
	background-color: rgba(240, 78, 35, 0.8);
	font-family: "alwynBold";
	font-size: 18px;
	text-align: center;
	list-style: none;
	float: left;
	color: white;
	vertical-align: middle;
	top: -42px;
	left: 1px;
	padding-top: 10px;
	cursor: pointer;
}

.options-contact.active, .options-contact:hover{
	background-color: #cf5047;
}


.input-style-contact{
	width: 222px;
    height: 28px;
    border: 1px solid #acacac;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0);
    color: #acacac;
    vertical-align: middle;
    font-size: 13px;
    padding: 5px;
    margin: 5px 9px 20px 10px;
    /*font-family: "UniSansBook";*/
    font-family: "alwynRegular";
    float: left;
}

.submit-container-contact{
	float: right;
	margin-right: 415px;
	margin-top: 10px;
}

.btnFormContact{
	width: 135px !important;
	height: 28px !important;
	color: white !important;
	vertical-align: middle !important;
	background-color: #f6591e !important;
	text-align: center !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	color: white;
	font-family: "alwynRegular" !important;
	border: none !important;
	/*margin-left: 5px !important;
	margin-top: 15px !important;*/
	border-radius: 2px !important;
	padding-top: 8px;
}

.btn-submit-quote:hover{
	background-color: rgb(199, 49, 39) !important;
}

.contact-input-p{
	font-size: 11px;
	color: #f09723;
	/*font-family: "UniSansBook";*/
	font-family: "alwynRegular";
	margin-left: 10px;
}

.contact-form-parts{
	float:left;
	margin-top: 15px;
}

.contact-form-parts-2{
	float:left;
}

.txt-phone-contact{
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
	margin-left: 15px;
}

#bullet-adress{
	margin-top: 25px;
}

#see-map{
	cursor: pointer;
}

#full-name{
	width: 480px;
}

#frmCareer_fullname{
	width: 476px;
}

#footer-message-contact{
	border: 1px solid #acacac;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0);
	color: #acacac;
	width: 485px;
	height: 90px;
	margin-left: 15px;
	margin-top: 10px;
}

#frmCareer_message {
	border: 1px solid #acacac;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0);
	color: #acacac;
	width: 480px;
	height: 90px;
	margin-left: 10px;
	margin-top: 10px;
}

#frmQuote_message {
	border: 1px solid #acacac;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0);
	color: #acacac;
	width: 480px;
	height: 90px;
	margin-left: 10px;
	margin-top: 10px;
}

#your-message{
	margin-top: 225px;
}

.container-title-prod-p2 img{
	display: none;
}

#quot-form-contact-mobile{
	display: none;
}

.title-option-contact{
	font-family: "alwynBold";
	font-size: 22px;
	color: #434447;
	margin-left: 15px;
}

.p-option-mobile{
	font-family: "alwynRegular";
    font-size: 16px;
    color: #434447;
    margin-left: 15px;
}

.p-option-mobile-2{
	font-family: "alwynRegular";
    font-size: 16px;
    color: #434447;
    margin-left: 15px;
   	padding-bottom: 120px;
}

#txt-option-contact{
	margin-top: 30px;
}



/*********************** footer ***********************/

footer{
	width: 100%;
	height: 535px;
	background-color: #f6591e;
	margin-top: 20px;
}

#footerContent{
	width: 1120px;
	margin: 0 auto;
	color: white;
	line-height: 25px;
}

.top-space{
	margin-top: 45px;
}

.footerSec{
	float: left;
}

.footerTxtSec{
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynBold";
	font-size: 18px;
	margin-left: 15px;
}

#footer1{
	width: 368px;
}

#footer1 p{
	margin: 0px 0px 0px 15px;
	/*font-family: "UniSansBook";*/
	font-family: "alwynRegular";
	font-size: 16px;
	height: 94px;
}

#logotype-svg-footer{
	width: 156px;
	height: 46px;
	margin-top: 40px;
	margin-left: 15px;
	margin-bottom: 15px;
}

#f1-tx1{
	height: 94px;
}

#f1-tx2{
	height: 121px;
}

.ion-social-facebook{
	font-size: 30px;
	margin-left: 15px;
	text-decoration: none;
	color: white;
}

#lineA{
	width: 1px;
	height: 455px;
	background-color: #c73127;
	float: left;
	margin-top: 25px;
}

#footer2{
	width: 368px;
	/*font-family: "UniSansBook";*/
	font-family: "alwynRegular";
	font-size: 16px;

}

.left-space{
	margin-left: 15px;
}


.icons-class{
	font-size: 36px;
	float: left;
	margin-right: 15px;
	width: 28px;
	text-align: center;
}

#phone{
	height: 72px;
}

#message{
	height: 48px;
}

.ion-location{
	height: 80px;
}

#footer3{
	width: 383px;
	/*font-family: "UniSansBook";*/
	font-family: "alwynRegular";
	font-size: 16px;
}

.f3-tx2{
	height: 80px;
}

.input-style{
	width: 158px;
	height: 28px;
	border: 1px solid white;
	background-color: rgba(0, 0, 0, 0);
	color: white;
	vertical-align: middle;
	font-size: 13px;
	padding: 5px;
	margin: 0px 9px 15px 0px;
	/*font-family: "UniSansBook";*/
	font-family: "alwynRegular";
}

.left-space ::-webkit-input-placeholder{
	 color:white;
}

.left-space ::-moz-placeholder{
	color: white;
}

.left-space :-ms-input-placeholder{
	color: white;
}

.left-space input:-moz-placeholder{
	color: white;
}

#footerMessage{
	padding-left: 6px;
	border: 1px solid white;
	background-color: rgba(0, 0, 0, 0);
	color: white;
	width: 343px;
	height: 90px;
}

#contactFooterMessage{
        padding-left: 6px;
        border: 1px solid white;
        background-color: rgba(0, 0, 0, 0);
        color: white;
        width: 343px;
        height: 90px;
}


#frmCareerMobile_message{
	padding-left: 6px;
	border: 1px solid #acacac;
	background-color: rgba(0, 0, 0, 0);
	color: #acacac;
	width: 100%;
	height: 90px;
	font-family: "alwynRegular";
	font-size:13px;
	margin: 5px 9px 20px 10px;
}

.btnForm{
	width: 168px;
	height: 27px;
	color: white;
	border-radius: 5px;
	border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none!important;
    background-color: #989a9d;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    margin-top: 16px;
    /*font-family: "UniSansBook";*/
    font-family: "alwynRegular";
}

/*******  ******/

#footerMobile{
	display: none;
}


/************** media queries *****************/

@media only screen and (min-width: 960px) and (max-width: 1120px){

	.contact-form-parts-2{
		float: none;
		width: 100%;
	}

	/************************** HOME ***************************/

	section{
		width: 960px;
		margin: 0 auto;
		margin-top: 111px;
	}

  .main-wrapper {
    width: 100%;
  }

	#slider{
		margin: 0 auto;
		width: 100%;
		height: 423px;
		position: relative;
		overflow: hidden;
	}

	#img-products{
		margin: 0 auto;
		width: 960px;
		height: 423px;
		position: relative;
		overflow: hidden;
	}

	.options{
		position: relative;
		width: 50%;
		height: 42px;
		background-color: rgba(240, 78, 35, 0.8);
		/*font-family: "UniSansSemiBold";*/
		font-family: "alwynBold";
		font-size: 18px;
		text-align: center;
		list-style: none;
		float: left;
		color: white;
		vertical-align: middle;
		padding: 11px 0px 6px 0px;
	}

	#imgOp2{
		position: relative;
		top: 0;
		/*left: -80px;*/
	}

	/***** over scale ******/

	.img-options-scale{
		overflow: hidden;
		width: 580px;
		height: 163px;
		cursor: pointer;
	}

	.img-options-scale img{
		max-width: 100%;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.img-options-scale:hover img{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	/*************************/

	#txtOption{
		width: 960px;
		margin-top: 45px;
	}

	.txtOptionDiv{
		width: 480px;
		float: left;
	}

	.img-opciones-size{
		width: 480px;
		height: auto;
	}

	.txt-header-style{
		font-size: 18px;
		margin-left: 5px;
	}

	/*********************** OUR COMPANY ************************/

	#divider-company-1{
		width: 960px;
	}

	#company-left{
		width: 740px;
	}

	#company-right{
		width: 218px;
	}

	.divider-company-2{
		width: 205px;
	}


	/************************ PRODUCTS *************************/

	.products-menu {
	    position: relative;
	    width: 320px;
	    height: 25px;
	    background-color: rgba(240, 78, 35, 0.8);
	    font-family: "alwynBold";
	    font-size: 18px;
	    text-align: center;
	    list-style: none;
	    float: left;
	    color: white;
	    vertical-align: middle;
	    top: -42px;
	    padding: 11px 0px 6px 0px;
	    cursor: pointer;
	}

	#divider-product-1{
		margin: 0 auto;
	 	width: 960px;
	}

	#company-left{
		width: 730px;
	}

/***** quote *****/

	#cuotenow-prod{
		width: 175px;
	}

	#img-company-r{
		width: 175px;
		height: auto;
	}

	#cp-p2-p3{
		width: 100%;
		font-size: 14px;
		margin-left: 20px;
	}


/*****/

	.title-products-menu{
	 	position: relative;
	 	z-index: 19;
		width: 100%;
		height: 25px;
		background-color: rgba(255, 255, 255, 0.8);
		/*font-family: "UniSansSemiBold";*/
		font-family: "alwynBold";
		font-size: 18px;
		text-align: center;
		list-style: none;
		color: #f6591e	;
		vertical-align: middle;
		top: -78px;
		padding: 11px 0px 6px 25px;
		cursor: pointer;
		display: none;
	}

	#img-prod-1{
		width: 0px;
	}

	.img-prods-class{
		margin-left: 10px;
		float: left;
	}

	/* img-prod-2 */

	#img-prod-2{
		float: left;
	}

	#img-prod-2 img{
		width: 200px;
	}

	.img-prods-class-2{
		width: 110px;
		height: auto;
	}



	/******  Product 2 *******/


	#company-right-p2{
		width: 160px;
	}

	#company-left-p2{
		margin-left: 0px;
		width: 445px;
	}

	.btn-subproducts{
		width: 235px;
	}

	#divider-product-p2{
		width: 666px;
	}

	#nav-subproducts{
		width: 266px;
	}

	.img-prods-class img {
	    margin-left: 5px;
	}


	/******  Product 3 *******/


	.btn-subproducts-p3{
		width: 235px;
	}

	#company-right-p3{
		width: 160px;
	}

	#company-left-p3{
		margin-left: 0px;
		width: 445px;
	}

	#divider-product-p3{
		width: 666px;
	}

	/******/

	#img-collated-nails{
		float: right;
		margin-top: -250PX;
		margin-right: 110px;
	}


	/******** Contact *******/

	#img-contact{
		width:960px;
	}

	#img-contact img{
		width: 960px;
	}

	.options-contact{
		width: 480px;
	}

	.input-style-contact {
    	width: 192px;
    }

	#txt-option-sales{
		margin-top: -20px;
		width: 480px;
	}

    #txt-option-careers{
    	margin-top: -20px;
		width: 480px;
    }

    #full-name {

    }

    .contact-input-p{
    	margin-top: -10px;
    }

    #frmQuote_message{
    	width: 420px;
    }

	#footer-message-contact{
		width: 425px;
	}

	#frmCareer_fullname{
		width: 416px;
	}

	#frmCareer_message{
		width: 420px;
		margin-bottom: 10px;
		margin-left: 10px;
	}

	.submit-container-contact{
		float: right;
		margin-right: 335px;
		margin-top: 10px;
	}


	/************** FOOTER ****************/

	footer{
		width: 100%;
		height: 515px;
		background-color: #e7672a;
		margin-top: 305px;
	}

	#footerContent{
		width: 960px;
		margin: 0 auto;
		color: white;
		line-height: 25px;
	}

	#footer1{
		width: 320px;
	}

	#footer2{
		width: 310px;
		/*font-family: "UniSansBook";*/
		font-family: "alwynRegular";
		font-size: 16px;

	}
	#footer3{
		width: 320px;
		/*font-family: "UniSansBook";*/
		font-family: "alwynRegular";
		font-size: 16px;
	}

	.input-style{
		width: 128px;
		height: 28px;
		border: 1px solid white;
		background-color: rgba(0, 0, 0, 0);
		color: white;
		vertical-align: middle;
		font-size: 13px;
		padding: 5px;
		margin: 0px 9px 15px 0px;
		/*font-family: "UniSansBook";*/
		font-family: "alwynRegular";
	}

	#footerMessage{
		border: 1px solid white;
		background-color: rgba(0, 0, 0, 0);
		color: white;
		width: 287px;
		height: 90px;
	}
	#contactFooterMessage{
                border: 1px solid white;
                background-color: rgba(0, 0, 0, 0);
                color: white;
                width: 287px;
                height: 90px;
        }


}


@media screen and (min-width: 320px) and (max-width: 960px) {

	body{
		width: 100%;
	}

	#QuoteForm {
		width: 90%;
	}

	/*** header mobile ***/

	header{
		height: 78px;
		width: 100%;
		border-top: 3px solid #f6591e;
		background: white;
		position: fixed;
		top: 0px;
		z-index: 20;
	}

	nav{
		width: 100%;
	}

	.ion-android-menu{
		display: block;
	}

	#menu{
		display: none;
	}

	#logo{
		display: none;
	}

	#headerMobileContent{
		width: 100%;
	}

	#logoMobile{
		display: block;
		float: left;
		margin-top: 10px;
		margin-left: 20px;
	}

	#logotype-svg-mobile{
		width: 215px;
	}

	.ion-android-menu{
		color: #f55123;
		font-size: 50px;
		float: right;
		cursor: pointer;
		margin-top: 10px;
		margin-right: 20px;
		position: relative;
		z-index: 200;
	}

	#txtOption{
		display: none;
	}

	#menuMobile{
		width: 100%;
		height: 100vh;
		background-color: rgba(240, 78, 35, 0.8);
		position: relative;
		z-index: 200;
		display: none;
		margin-top: -16px;
	}

	.menu-mobile-ul{
		display: block;
		color: white;
		list-style: none;
		margin-left: -40px;
		position: relative;
		z-index: 25;
		top: -68px;
	}

	.close-menu{
		font-family: "ionicons";
		font-size: 20px;
		color: white;
		cursor: pointer;
		width: 15px;
		height: 20px;
		position: relative;
		z-index: 26;
		float: right;
		margin-top: 25px;
	}

	.menu-mobile-li{
		/*font-family: "UniSansSemiBold";*/
		font-family: "alwynBold";
		font-size: 20px;
		border-bottom: 1px solid #fff;
		width: 100%;
		height: 20px;
		text-align: center;
		cursor: pointer;
		padding: 25px 0px 25px 0px;
		overflow: hidden;
	}

	#menuMobile a{
		color: white;
		text-decoration: none;
	}

	/************************* HOME ***********************/

	section{
		width: 100%;
	}

	#slider{
		margin: 0 auto;
		width: 100%;
		height: 423px;
		position: relative;
		overflow: hidden;
		margin-top: -30px;
	}

	#img-products{
		margin: 0 auto;
		width: 100%;
		height: 423px;
		position: relative;
		overflow: hidden;
		margin-top: -30px;
	}

	.options{
		display: none;
	}

	#imgOptions{
		display: none;
	}

	#mobileOptions{
		display: block;
	}

	.optionsMobile{
		display: block;
		width: 100%;
		height: 53px;
		background-color: rgba(240, 78, 35, 0.8);
		/*font-family: "UniSansSemiBold";*/
		font-family: "alwynBold";
		font-size: 30px;
		text-align: center;
		list-style: none;
		float: left;
		color: white;
		vertical-align: middle;
		padding: 28px 0px 6px 0px;
		position: relative;
		z-index: 10;
    margin-top: -30px;
	}

	.imgMobileOp{
		display: block;
	}

	.imgMobileOp img{
		width: 100%;
		position: relative;
		z-index: 1;
		top: -87px;
	}

	#optionMobile2{
		background-color: rgba(199, 49, 39, 0.8);
	}

	.txtMobileOptionDiv{
		display: block;
		margin-top: -70px;
	}

	.txtMobileOptionDiv h1{
		/*font-family: "UniSansSemiBold";*/
		font-family: "alwynBold";
		font-size: 22px;
		color: #434447;
		text-align: center;
	}

	.txtMobileOptionDiv p{
		/*font-family: "UniSansBook";*/
		font-family: "alwynRegular";
		font-size: 16px;
		color: #434447;
		text-align: center;
	}

	.p-option-mobile{
		font-family: "alwynRegular";
		font-size: 16px;
		color: #434447;
		margin-left: 5px;
		margin-right: 5px;

	}

	.p-option-mobile-2{
		font-family: "alwynRegular";
		font-size: 16px;
		color: #434447;
		margin-left: 5px;
		margin-right: 5px;
	}

	.bullet-mobile-txt{
		width: 18px;
		height: 5px;
		background-color: #f6591e;
		text-align: center;
		margin: 0 auto;

	}

	/*********************** OUR COMPANY ************************/

	#divider-company-1{
		width: 95%;
		margin: 0 auto;
		margin-top: 15px;
	}

	#cont-company{
		margin-bottom: 1600px;
	}

	#company-left{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.txt-body-style{
		margin-top: 25px;
		margin-left: 5px;
		margin-right: 5px;
	}

	#company-right{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	#cuotenow{
		margin-top: 30px;
	}

	#cp-p2-p3{
		margin-left: 0px;
		margin-bottom: 20px;
	}

	.divider-company-2{
		width: 95%;
	}

	#company-left-p{
		margin-left: 0px;
		text-align: center;
	}

	.center-bullet{
		margin: 0 auto;
	}

	#fix-margin-left{
	    margin: 0 auto;
    	margin-top: 20px;
	}

	#cuotenow{
		margin: 0 auto;
		width: 60%;
		height: auto;
		color: white;
		border-radius: 5px;
		text-decoration: none!important;
		background-color: #f6591e;
		text-align: center;
		cursor: pointer;
		/*font-family: "UniSansBook";*/
		font-family: "alwynRegular";
		font-size: 1.5em;
		padding: 9px 0px 9px 0px;
	}

	#cuotenow-prod{
		margin: 0 auto;
		margin-top: 50px;
	}

	#container-txt-catalog{
		margin: 22px 0px 0px 0px;
	}

	#company-right img{
		width: 58%;
		height: auto;
		margin: 0 auto;
		margin-top: 25px;
	}


/************************** PRODUCTS *************************/


 #btn-mobile-menu{
 	display: block;
 	position: relative;
 	z-index: 19;
	width: 100%;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.8);
	margin-top: -20px;
	font-family: "alwynBold";
	font-size: 18px;
	text-align: center;
	list-style: none;
	color: #f6591e;
	vertical-align: middle;
	top: -97px;
	padding: 17px 0px 6px 25px;
	cursor: pointer;
 }

.products-menu{
	position: relative;
	width: 100%;
	height: 35px;
	background-color: rgba(240, 78, 35, 0.8);
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynBold";
	font-size: 18px;
	text-align: center;
	list-style: none;
	color: white;
	vertical-align: middle;
	top: -117px;
	left: 1px;
	padding: 17px 0px 6px 0px;
	cursor: pointer;
}

#mobile-menu-arrow{
	float: right;
	margin-right: 45px;
}

.ion-chevron-down{
	float: right;
	margin-right: 45px;
}

.ion-chevron-down{
	float: right;
	margin-right: 45px;
}

.products-menu{
	display: none;
}

#menu-products-mobile{
	display: none;
	}

.mobile-products-menu{
	position: relative;
	width: 100%;
	height: 35px;
	background-color: rgba(255, 255, 255, 1);
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynBold";
	font-size: 18px;
	text-align: center;
	list-style: none;
	color: #f6591e;
	vertical-align: middle;
	top: -58px;
	padding: 17px 0px 6px 0px;
	cursor: pointer;
	border-bottom: 1px solid black;
	z-index: 21;
}

#btnWelded{
	background-color: white;
	z-index: 21;
	/*border-top: 1px solid black;*/
}

.title-mobile-products{
	display: block;
	position: relative;
	width: 100%;
	height: 35px;
	background-color: rgba(240, 78, 35, 0.8);
	/*font-family: "UniSansSemiBold";*/
	font-family: "alwynBold";
	font-size: 18px;
	text-align: center;
	list-style: none;
	color: white;
	vertical-align: middle;
	top: -97px;
	padding: 17px 0px 6px 0px;
	cursor: pointer;
}


#divider-product-1{
	width: 90%;
    margin: 0 auto;
}

.company-left-p{
	margin:0 auto;
	text-align: center;
	margin-top: 15px;
}

.container-title-prod{
	text-align: center;
}

.txt-header-style{
	font-family: "alwynBold";
	font-size: 22px;
	color: #434447;
	margin:0 auto;
	width: 100%;
	margin-top: 15px;
    margin-bottom: 15px;
}

.txt-header-style-mobile{
	float: left;
}

.img-product-container{
	width: 100%;
}

#container-title-sheet{
		margin-top: 150px;
	}

.container-title-prod img{
	display: block;
	margin: 0 auto;
}

#divider-product-1{
	margin-top: 25px;
}


#img-prod-1{
	display: none;
}


.table-prod-class {
    width: 90%;
    height: auto;
    text-align: center;
    margin-left: 5%;
    /*font-family: "UniSansBook";*/
    font-family: "alwynRegular";
    font-size: 15px;
    border-collapse: collapse;
    padding: 8px;
    margin-top: 30px;
    border-bottom: 1px solid #f6591e;
}

#cont-products{
		display: inline-block;
	}

/************* PRODUCT 2 ***************/

#img-prod-2{
	display: none;
}

#nav-subproducts{
	width: 99%;
	float: left;
	margin-top: -18px;
}

.btn-subproducts{
	width: 100%;
}

.ion-chevron-right{
	display: none;
}

#company-left-p2{
	width: 100%;
	margin-left: 0px;
}

#divider-product-p2 {
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
}

.container-title-prod-p2{
	text-align: center;
	width: 100%;
}

.container-title-prod-p2 img {
    display: block;
    margin: 0 auto;
}

.table-prod-class-sp1{
	width: 94%;
	margin-top: 15px;
	margin-left: 3%;
}

#company-right-p2 {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
}

#company-right-p2 img {
	width: 58%;
	height: auto;
	margin-top: 25px;
	margin: 0 auto;
}

#container-txt-catalog{
	text-align: center;
}

.txt-header-style{
	margin-top: 15px;
}

.divider-company-2{
	margin-bottom: 20px;
}

/******* prod 3 *******/

#product3{
	height: 150px;
}

.btn-subproducts-p3{
	width: 100%;
}

#img-collated-nails{
	display: none;
}

.txt-new-subproduct{
	width: 100%;
	text-align: center;
}

.margin-table-collated{
	float: none;
}


/****************** CONTACT ******************/

#contact-container {
    height: 1600px;
}

#img-contact{
	width: 100%;
	text-align: center;
}

#img-contact img{
	width: 100%;
	height: 442px;
}

.options-contact {
    width: 100%;
    height: 33px;
    background-color: rgba(240, 78, 35, 0.8);
    font-family: "alwynBold";
    font-size: 18px;
    text-align: center;
    list-style: none;
    float: left;
    color: white;
    vertical-align: middle;
    top: -118px;
    left: 1px;
    padding: 20px 0px 6px 0px;
}

.submit-container-contact{
	margin-top: 20px;
    text-align: center;
    margin-left: 13%;
    float: left;
}

#txt-option-contact{
	width: 100%;
	margin-top: 20px;
	max-width: 100vw;
}

#txt-option-sales{
	margin-bottom: 50px;
	width: 100%;
	max-width: 100vw;
}

#txt-option-sales h1{
	font-family: "alwynBold";
	font-size: 22px;
	color: #434447;
	margin-left: 15px;
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
}

#txt-option-sales p{
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
	margin-left: 15px;
	text-align: center;
}

.bullet-txt-contact{
	margin: 0 auto;
	margin-top:35px;
	width: 18px;
	height: 5px;
	background-color: #f6591e;
}

.contact-form-parts{
	width: 100%;
	margin: 0 auto;
}

.input-style-contact{
	width: 100%;
}

.contact-input-p{

}

.btnFormContact{
	margin-left: 35%;
	width: 30%;
	border-radius:2px;
}

#bullet-adress{
	margin: 0 auto;
	margin-top: 35px;
}

#txt-option-2{
	float: none;
	width: 100%;
}

#txt-option-2 h1{
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
}

#txt-option-2 .txt-phone-contact{
	text-align: center;
}

#txt-option-2 p{
	text-align: center;
}

#see-map{
	text-align: center;
}

#frmQuote_message{
	width: 101%;
}

/**** careers ****/

#txt-option-careers{
	width: 100%;
}

#txt-option-careers h1{
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
}

#txt-option-careers p{
	text-align: center;
}

#quot-form-contact-desktop{
	display: none;
}

#quot-form-contact-mobile{
	display: block;
}

#full-name{
	width: 100%;
}

#frmCareer_fullname{
	width: 100%;
}

#quot-form-contact-mobile{
	width: 90%;
}

#your-message{
	margin-top: 0px;
}

#footer-message-contact {
    width: 100%;
    margin-left: 10px;
}

#frmCareer_message{
		width: 100%;
    margin-left: 10px;
}

#btnFormContact-career{
	margin-left: 40%;
	width: 30%;
}


/*************************** FOOTER **************************/


	footer{
		width: 100%;
		height: 700px;
		margin-top: 70px;
	}

	#footerDesktope{
		display: none;
	}

	#footerMobile{
		display: block;
	}

	#footerContent{
		width: 100%;
	}

	#footer1{
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}

	#footer1 img{
		margin: 50px 40px;
	}

	#footer1 p{
		margin: 0 auto;
		font-family: "alwynRegular";
		font-size: 20px;
	}

	.footerTxtSecMobile{
		/*font-family: "UniSansSemiBold";*/
		font-family: "alwynBold";
		font-size: 25px;
		margin-bottom: 50px;
	}

	#f1-tx2{
		margin-top: 70px;
	}


}

@media screen and (min-width: 420px) and (max-width: 960px){

	#quot-form-contact-mobile{
		width: 96%;
	}

}

@media screen and (min-width: 645px) and (max-width: 960px){

	.submit-container-contact{
		margin-top: 20px;
	    text-align: center;
	    margin-left: 35%;
	    float: left;
	}

}

@media screen and (min-width: 420px) and (max-width: 645px){

	.submit-container-contact{
		margin-top: 20px;
	    text-align: center;
	    margin-left: 25%;
	    float: left;
	}

}

@media screen and (min-width: 320px) and (max-width: 420px){

	.submit-container-contact{
		margin-top: 20px;
	    text-align: center;
	    margin-left: 14%;
	    float: left;
	}

}

@media screen and (min-width: 320px) and (max-width: 645px) {

	.table-prod-class {
	    width: 90%;
	    height: auto;
	    text-align: center;
	    margin-left: 5%;
	    /*font-family: "UniSansBook";*/
	    font-family: "alwynRegular";
	    font-size: 15px;
	    border-collapse: collapse;
	    padding: 8px;
	    margin-top: 30px;
	    border-bottom: 1px solid #f6591e;
	}


}

/************ mobile options titles ***********/

@media screen and (min-width: 320px) and (max-width: 560px) {

	/**************************** HOME **************************/

	.optionsMobile{
		top: -45px;
		display: block;
		width: 100%;
		height: auto;
		background-color: rgba(240, 78, 35, 0.8);
		/*font-family: "UniSansSemiBold";*/
		font-family: "alwynBold";
		font-size: 1.4em;
		text-align: center;
		list-style: none;
		float: left;
		color: white;
		vertical-align: middle;
		padding: 9px 0px 6px 0px;
		position: relative;
		z-index: 10;
	}

	#txtMobileOption1{
		display: block;
		margin-top: -70px;
		margin-bottom: 110px;
	}

	#cont-company{
		margin-bottom: 1120px;
	}

	#footer1 img{
		width: 55%;
		height: auto;
		margin: 50px 40px;
	}

	.arrow-navigation{
		display: none;
		z-index: 18;
	}

	/*** products ***/

	.container-title-prod img{
		margin-top: 15px;
	}

	#container-title-sheet{
		margin-top: 150px;
	}

	#cont-products{
		display: inline-block;
	}

	/*** ***/
	.btnFormContact{
		margin-left: 38%;
	}

}

@media screen and (min-width: 320px) and (max-width: 420px) {

	.container-title-prod img{

		margin-top: 15px;

	}

	.table-prod-class {
	    width: 94%;
        height: auto;
        text-align: center;
        margin-left: 2%;
        /* font-family: "UniSansBook"; */
        font-family: "alwynRegular";
        font-size: 4px;
        border-collapse: collapse;
        margin-top: 30px;
        border-bottom: 1px solid #f6591e;
	}

}


/* Concrete accessories */

.container-ca {
  width: 100%;
  float: left
}

.slider-container {
  width: 100%;
  position: relative;
  height: 423px;
  display: inline-block;
  float: left;
  /*margin-top: 34px;*/
}

.slick-slide {
  background-size: cover !important;
}

.slick-track {
  height: 423px;
}

.left-arrow, .right-arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  background: transparent;
  z-index: 1;
  cursor: pointer;
}

.right-arrow {
  right: 0;
  left: initial;
}

.btnFormContact.disabled {
	pointer-events: none;
	background-color: gray !important;
	opacity: 50%;
}

/* 18/01/2022 */

.container-columns-wrapper {
	display: flex;
	margin-bottom: 50px;
}

.container-columns-wrapper .product-image-left {
	display: inline-block;
	margin-right: 30px;
	padding-top: 63px;
}

.container-columns-wrapper .product-image-left img {
	max-width: 200px;
}

.container-columns-wrapper .container-columns-content {
	display: flex;
	flex-flow: column;
}

.container-columns-wrapper .container-columns-content p {
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
	margin: 0;
}

.container-columns-wrapper .container-columns-content p.sizes-disclaimer {
	text-align: center;
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
	margin: 20px 0;
}

.rebar-images {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
}

.rebar-images img {
	width: 100%;
	max-width: 100%;
}

.img-prods-class-2 img {
	max-width: 100%;
	max-height: 100%;
}

@media screen and (max-width: 1120px) {
	.container-columns-wrapper {
		flex-flow: column;
	}

	#cont-products {
		width: 100%;
	}

	#product1{
		width: 100%;
	}

	#container-table-sheets, #container-table-rolls {
		overflow: scroll;
	}

	.desktop-product-image {
		display: none;
	}
}

/* 03/02/2021 */

/* #img-prod-2 {
	display: flex;
} */

#img-prod-2 img:not(:last-of-type) {
	margin-right: 20px;
}

/* 28/02/2022 */

.products-double-column {
	display: flex;
	width: 100%;
}

.products-double-column .products-column-item {
	width: calc(50% - 10px);
}

.products-double-column .products-column-item p {
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
}

.products-double-column .products-column-item p.small {
	text-align: center;
}

.products-double-column .products-column-item .title {
	font-size: 1.2rem;
	font-weight: bold;
	color: rgba(0,0,0,.5);
}

.products-double-column .products-column-item .img {
	width: 100%;
	height: 150px;
	margin: 10px 0;
	background-size: cover;
	background-position: center;
}

.products-double-column .products-column-item:first-of-type {
	margin-right: 20px;
}

/* 09/03/2022 */

.product-wrapper {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

.table-wrapper {
	display: block;
	width: 100%;
}

.product-wrapper.img-table {
	display: flex;
}

.product-wrapper.img-table .table-wrapper .table-prod-class-sp1 {
	float: none;
}

.product-wrapper.img-table .img-prods-class-2 {
	min-width: 240px;
	margin-right: 30px;
}

.product-wrapper.img-table .table-wrapper table,
.product-wrapper.img-table .table-wrapper {
	width: 100%;
}

.product-wrapper.img-table .table-wrapper .txt-new-subproduct {
	text-align: center;
}

.product-wrapper.img-table .table-wrapper p {
	width: 100%;
	margin-top: 20px;
	font-family: "alwynRegular";
	font-size: 16px;
	color: #434447;
}