@charset "utf-8";



/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');



@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');



@font-face {



					font-family: "flaticon";



					src: url("../font/flaticon.eot");



					src: url("../font/flaticon.eot?#iefix") format("embedded-opentype"),



					url("../font/flaticon.woff") format("woff"),



					url("../font/flaticon.ttf") format("truetype"),



					url("../font/flaticon.svg#flaticon") format("svg");



					font-weight: normal;



					font-style: normal;



					-webkit-font-smoothing: antialiased;



					-moz-osx-font-smoothing: grayscale;



				}







*, html, body{ margin:0; padding:0;    }



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



h1,h2,h3,h4{margin-bottom:15px; margin-top:0; color:#132384; font-weight:normal;font-family: 'PT Sans', sans-serif;}



h1{font-size:24px}



h2{font-size:22px}



h3{font-size:20px}



h4{font-size:18px}

h5{font-size:14px}

h6{font-size:12px}



p{ font-size:16px; line-height:24px; margin-bottom:15px;margin-top:0; text-align:justify;font-family: 'PT Sans', sans-serif;}



a{color:#132384; text-decoration:underline; bo}
a img{border:0}


a:hover{color:#000; text-decoration:none}



a, ul, ol, table, input, textarea, select{font-family: 'PT Sans', sans-serif;}



.left{ float:left}



.right{float:right}

.img-left{float:left; margin-right:20px;}
.img-right{float:right; margin-left:20px;}
.black{color:#000}



.blue{color:#132384}



.red{color:#800000}

.tagline-logo{    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
}

.container{width:1324px;margin:0 auto}

table.product{border:1px solid #dedede;border-collapse: collapse;border-spacing: 0; width:90%}

table.product th {

background-color: #f6f6f6;

padding: 10px;

border: 1px solid #dedede;



}

table.product td{border: 1px solid #dedede; padding:10px}



table.prod-selector{border:1px solid #dedede;border-collapse: collapse;

border-spacing: 0;}

table.prod-selector th {

background-color: #f6f6f6;

padding: 10px;

border:none;

text-align:left

}

table.prod-selector td{padding:10px; border:none; word-break:break-word; width:30%; vertical-align:top}

table.prod-selector tr:nth-child(even) {background-color: #f6f6f6}


input[type="text"],select {



    display: block;



	border:#666666 solid 1px;



	height:50px;



	width:96%;



	padding:0 15px;







}



input[type="submit"]{



	background:#013eef;



	padding:15px 100px;



	border:1px solid #666666;



	color:#fff;



	font-size:18px;	



	margin-top:10px;



}



textarea{



	display: block;



	border:#666666 solid 1px;



	width:96%;



	padding:15px;



	height:70px



	}



.news h1{font-weight:bold}

.slider .container{width:1192px; }

ul.check{margin:0; padding:0; list-style:none}



ul.check li:before {



	  content: '\e038';



	  font-family: 'flaticon';



	  color: #112183;



	  display: inline-block;



	  line-height:24px;



	  margin:0 8px 0 10px



	}



ul.arrow{margin:0; padding:0; list-style:none}



ul.arrow li{line-height:24px; text-decoration:underline}



ul.arrow li:before {



	  content:url(../images/right-arrow.png);



	  color: #000;



	  display: inline-block;



	 



	  margin:3px 8px 0 10px



	}

ul.arrow li a{color:#000}

ul.arrow li a:hover{color:#000; text-decoration:none}



	

ul.arrow2{margin:0; padding:0; list-style:none}



ul.arrow2 li{line-height:24px; }



ul.arrow2 li:before {



	  content: '\e011';



	  font-family: 'flaticon';



	  color: #112183;



	  display: inline-block;



	  line-height:24px;



	  margin:0 8px 0 20px;

	  font-size:14px;



	}

#myaccordionid3 ul.arrow2 li::before { margin-left:0}

.col-r{margin-left:40px;}

.col-resc{margin-left:20px;}

.col-r p, .col-resc p{margin-left:0!important; margin-right:0!important}

.col-r h6{text-align:justify}

ul.menusidebar{margin:0; padding:0; list-style:none}



ul.menusidebar li{line-height:24px; }



ul.menusidebar li:before {

	  content: '\e011';

	  color: #112183;

	  font-size:14px;

	  font-family: 'flaticon';

	  display: inline-block;

	  line-height:24px;

	  margin:7px 8px 0 10px;

	  float:left

	}

ul.menusidebar li {

    border-bottom: dotted #999 1px;

    

    

}

ul.menusidebar li a{

	

	display:block;

	content: '\e011';

	color: #112183;

	padding: 7px 5px;

	text-decoration:none!important

	

}

ul.menusidebar li a:hover{

	background:#f2f2f2;

}

ul.menusidebar li.active{background:#f2f2f2;}

.project-list p{ margin:0!important;font-size:14px; }

.project-list ul{font-size:14px; }

.project-list ul li{line-height:24px;}

.pjlist-brand{background:#f6f6f6; padding:24px 0;}

.pjlist-brand img{margin-left:17px}



/* HEADER */



.topblack{ height:48px; background:#000;}



.socmed{color:#fff; margin:10px 5px 0 0; width:179px}



.socmed span{ float:left; margin:5px 15px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;}



#logo .logo{ margin:20px 0 12px}



#logo .phone{font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:30px 5px 0 0; font-weight:bold; color:#000; width:180px}



	



	/*------------------------- MENU ----------------------------- */







	



	ul.menu  {



		list-style: outside none none;



		margin: 0 auto ;



		padding: 0;

		width:1324px;



	}



	ul.menu li {



		float: left;



		position: relative;
		transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;



	}

	ul.menu li.item-101{margin-left:60px}

	ul.menu li.active a {



		color: #999;






	}



	ul.menu li.parent a{}



	ul.menu li a {



		color: #fff;



		font-size: 16px;



		padding:15px 35px 15px;



		text-decoration: none;



		display:block;



		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold



	}



	ul.menu li a:hover {

		color: #999;
  transition: left 0s ease 0s, opacity 0.6s ease 0s;
	}



	ul.menu ul li a {



		display: block;



		font-size:12px;



		padding:5px 0;



		text-align:center;



		color:#fff;



		text-transform: none



	}



	ul.menu ul {



		list-style: outside none none;



		margin: 0;



		padding: 13px 0 0 0;



		position: absolute;



		width: 100%;



		z-index: 99999;



		background:url(../images/submenuarrow.png)top center no-repeat;



		border-bottom: 5px solid #333;



		



	}



	ul.menu li ul a{



		top: 45px;



		



	}



	ul.menu ul ul {



		left: 100%;



		top: 0;



	}



	ul.menu ul li {



		background: #333333 none repeat scroll 0 0;



		float: none;



	}



	ul.menu ul, ul.menu li:hover ul ul, ul.menu ul li:hover ul ul {



		display: none;



	}



	ul.menu li:hover ul, ul.menu ul li:hover ul, ul.menu ul li ul li:hover ul {



		display: block;



	}



	ul.menu li * a:hover {



		color:#cccc00



	}



	



	ul.menu li.active ul li a {



		color: #fff;



	}



	ul.menu li.active ul li a:hover {



		color: #cccc00;



	}



	



	/* BANNER SLIDER */



	.slider{margin:24px 0 0 0; position:relative}



	.slider-img{ position:relative}



	.banner-desc{ position:absolute; z-index:9999; bottom:70px; left:40px; background:#000; opacity:0.8; padding:20px 50px; color:#fff; font-size:30px; font-family:Arial, Helvetica, sans-serif}



	.banner-bullet{margin:30px 0 50px; text-align:center; position:relative}



	



	/* CONTENT FULL WIDTH */



	.content-full{ width:1100px; margin:25px auto}



	.content-full p{ margin:0 20px 15px}



	.tagline{text-align:center; margin-bottom:40px; font-family: 'PT Sans', sans-serif;}



	span.tagline-s{font-size:34px; }



	span.tagline-l{font-size:60px;}



	.home-left{float:left; width:46%; border-top:2px solid #9b7537; padding-top:20px;}



	.home-left h3{ color:#000; line-height:30px; text-align:justify}



	.home-left p, .home-right p{margin-left:0; margin-right:0}



	.home-right{float:right; width:46%;border-top:2px solid #9b7537;padding-top:20px;}



	.news{background:#f4f4f4; padding:10px 15px 1px; margin:20px 0 10px}



	.banner-int{margin:37px 0 28px;}



	.tagline-int {text-align:center; margin-bottom:40px; font-family: 'PT Sans', sans-serif;}



	span.tagline-int-s{font-size:20px; line-height:20px; padding-bottom:5px; display:inline-block }



	span.tagline-int-l{font-size:48px;}



	span.twvyears{ margin:0 0 0 5px; display:inline-block; overflow:hidden}



	span.tagline-int-width{width:460px; display:inline-block; overflow:hidden}



	.prod-col{  background:url(../images/box.png) no-repeat; width:155px; text-align:center; padding:20px 0 35px; float:left; margin-right:2px}



	.prod-col:last-child{margin-right:0}



	.prod-col a img{text-decoration:none}



	.prod-col .zeradur{background:url(../images/zeradur.png);  text-indent:-99999px; color:transparent; display:inline-block; width:129px; height:30px}



	.prod-col a.zeradur:hover { background:url(../images/zeradur-hover.png)}



	.prod-col .zeraklear{background:url(../images/zeraklear.png);  text-indent:-99999px; color:transparent; display:inline-block; width:129px; height:30px}



	.prod-col a.zeraklear:hover { background:url(../images/zeraklear-hover.png)}



	.prod-col .zeratuf{background:url(../images/zeratuf.png);  text-indent:-99999px; color:transparent; display:inline-block; width:105px; height:30px}



	.prod-col a.zeratuf:hover { background:url(../images/zeratuf-hover.png)}



	.prod-col .zeraornate{background:url(../images/zeraornate.png);  text-indent:-99999px; color:transparent; display:inline-block; width:141px; height:30px}



	.prod-col a.zeraornate:hover { background:url(../images/zeraornate-hover.png)}



	.prod-col .zeradelux{background:url(../images/zeradelux.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeradelux:hover { background:url(../images/zeradelux-hover.png)}



	.prod-col .zerastout{background:url(../images/zerastout.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerastout:hover { background:url(../images/zerastout-hover.png)}



	.prod-col .zeraprime{background:url(../images/zeraprime.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeraprime:hover { background:url(../images/zeraprime-hover.png)}



	.prod-col .zeraflex{background:url(../images/zeraflex.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeraflex:hover { background:url(../images/zeraflex-hover.png)}



	.prod-col .zeracryl{background:url(../images/zeracryl.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeracryl:hover { background:url(../images/zeracryl-hover.png)}



	.prod-col .zerabond{background:url(../images/zerabond.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerabond:hover { background:url(../images/zerabond-hover.png)}



	.prod-col .zeradeck{background:url(../images/zeradeck.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeradeck:hover { background:url(../images/zeradeck-hover.png)}



	.prod-col .zerafloor{background:url(../images/zerafloor.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerafloor:hover { background:url(../images/zerafloor-hover.png)}



	.prod-col .zerabrite{background:url(../images/zerabrite.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerabrite:hover { background:url(../images/zerabrite-hover.png)}



	.prod-col .zerachem{background:url(../images/zerachem.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerachem:hover { background:url(../images/zerachem-hover.png)}


	.prod-col .zerakrete{background:url(../images/zerakrete-new.png) no-repeat center;  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}


	.prod-col a.zerakrete:hover { background:url(../images/zerakrete-hover-new.png) no-repeat center;}



	.prod-col .zeraguard{background:url(../images/zeraguard.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeraguard:hover { background:url(../images/zeraguard-hover.png)}



	.prod-col .zeralite{background:url(../images/zeralite.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeralite:hover { background:url(../images/zeralite-hover.png)}



	.prod-col .zerashield{background:url(../images/zerashield.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerashield:hover { background:url(../images/zerashield-hover.png)}



	.prod-col .zerasolv{background:url(../images/zerasolv.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerasolv:hover { background:url(../images/zerasolv-hover.png)}
	
	.prod-col .zerastone{background:url(../images/zerastone.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerastone:hover { background:url(../images/zerastone-hover.png)}
.prod-col .zeraseal{background:url(../images/zeraseal.png);  text-indent:-99999px; color:transparent; display:inline-block; width:129px; height:30px}



	.prod-col a.zeraseal:hover { background:url(../images/zeraseal-hover.png)}


	.prod-col .zeracote{background:url(../images/zeracote.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeracote:hover { background:url(../images/zeracote-hover.png)}



	.prod-col .zerajoint{background:url(../images/zerajoint.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zerajoint:hover { background:url(../images/zerajoint-hover.png)}



	.prod-col .zeraclad{background:url(../images/zeraclad.png);  text-indent:-99999px; color:transparent; display:inline-block; width:139px; height:30px}



	.prod-col a.zeraclad:hover { background:url(../images/zeraclad-hover.png)}







	/* CONTENT CONTACT US */



	.contact{width:68%; float:left; }



	.address{width:25%; float:right; background:#f6f6f6; padding:25px 0; margin-top:-25px }



	.address h1, .address iframe{ margin-left:10px}



	.address p{margin-left:10px; margin-right:10px; text-align:left}



	.col42{width:45%!important}



	.col45{width:49%!important}



	.col100{width:100%!important}



	



	/* CONTENT PRODUCT INDEX*/





	.prod-index p{ margin-left:0!important;}



	.col50{ width:50%; float:left}



p.img-caption{ background:#000; color:#fff;  text-align:center; margin-bottom:28px;   ;

}

p.img-caption a{color:#fff; text-decoration:none!important; display:block;padding:5px;font-family: 'Open Sans', sans-serif!important}

p.img-caption a:hover{ background:#003cef}

.item-pageproducts h1{margin-left:15px!important;}

.item-pageproducts p {

    margin-left: 15px !important;

}

.img-desc{ background: #f6f6f6;

padding: 10px 0;

float: right;

width: 289px;

height: 347px;

overflow: hidden;}

.img-desc p, .img-desc-left p{margin:0 15px 10px!important}
.img-desc-left{ background: #f6f6f6;

padding: 10px 0;

float: left;

}

.content-grey {

    background: #f6f6f6;

    padding: 15px 0 5px;

	overflow:hidden

}

.content-grey p{ margin:0 30px 15px 15px !important}

.dec-col{width:300px; float:left; margin-bottom:20px; min-height:330px}

.dec-col:nth-of-type(3n+1){width:300px; float:left; margin:0 60px 20px;min-height:330px}

.dec-col h4, .dec-col2 h4{margin:10px 0;}

.dec-col p,.dec-col2 p{margin:0 0 10px 0!important}

.col-8{ width:12.5%; float:left}

.col-8 p{margin:10px 0 20px}

.col-5{ width:138px; float:left; margin-right:4px;}

.col-5 p{margin:10px 0 20px}

.rescol50{ width:377px;}

.rescol50 h4{margin:10px 0;}

#rsform_error_3 p{margin-left:0}

tbody#rsform_3_page_0 td{ position:relative}

.acc49{width:49%}



/* FOOTER */

.content-footer{ width:1100px; margin:0 auto}

.content-footer:before,
.content-footer:after{
	display:block;
	content:'';
	clear:both;
}

.content-footer p{ margin:0 0px 15px}

.new-accept{
	width:1100px;
	margin:20px auto;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
.new-accept ul{
	display: flex;
	align-items:center;
	list-style:none;
	margin-left:0;
}
.new-accept li img{
	height:26px;
	margin-left:20px;
}

#fot-top{background:#181818; padding:20px 0; overflow:hidden; color:#fff; margin-top:30px }



#fot-top > .content-footer{font-family:Arial, Helvetica, sans-serif!important; font-size:14px;}



#fot-top .col4 a{font-weight:bold; color:#fff; text-decoration:none;}



.col2b{width:35%; }



.col3{width:33.33%; }



.col3b{width:30% }



.col4{width:25%; }



.col5{width:20%; }



.col10{width:9%; }



#fot-bot{background:#212121; padding:15px 0; overflow:hidden;color:#fff; text-align:center}



#fot-bot > .content-footer{font-family:Arial, Helvetica, sans-serif!important; font-size:11px;}



.txt-m{display:none; }
.m12{margin: 0 12px}
.mfp-bottom-bar{display:none}
.logososmed{width:23px; height:23px;}
table.product td.tcol1 {
    width: 70%;
}


@media (max-width : 680px) {



.container{width:100%;margin:0 auto}


#logo .left{float:none}



#logo .logo{text-align:center;margin:10px 0 0px}



#logo .phone{ margin:5px 5px 5px 0}



.slider-img img,.banner-int img{width:100%; height:auto}



.content-full{width:auto; margin:0 20px;}



.img-responsive{width:100%; height:auto}



.home-left{float:left; width:auto; border-top:2px solid #9b7537; padding-top:20px; }



.home-right{float:left; width:auto; border-top:2px solid #9b7537; padding-top:20px;}



.col2b{width:100%; margin:5px 0}



.col3{width:100%; margin:5px 0}



.col3b{width:100%;margin:5px 0 }



.col4{width:100%;margin:5px 0 }



.col5{width:100%;margin:5px 0 }

.col-8{width:25%}
.col10{width:100%!important;margin:5px 0; text-align:left!important }



span.tagline-int-width{width:auto!important}



span.tagline-int-l {



    font-size: 30px;



}



span.tagline-int-s{font-size:14px;}



.address{width:100%!important}


.contact{width:100%!important;}



input[type="text"], select {



    width: 90%!important;



	float:none!important



}



.col42 { margin-bottom:10px}



.col100 {



    width: 100%!important;



}



textarea {



    width: 90%!important;



}



input[type="submit"]{padding: 15px 65px;}



.col45 {



    width: 100%!important;



}
.col50{width:auto}
.banner-desc {

   

    bottom: 0;

    left: 0px;

    

    padding: 10px 20px;

    font-size: 18px;

}

.txt-m{display:block!important; color:#fff; font-family:Arial, Helvetica, sans-serif; margin:15px 0 0 20px}

.content-footer{ width:auto!important; margin:0!important}
.new-accept{
	width:auto;
	margin:50px auto 0;
	flex-flow:column;
}
.new-accept ul li:first-child img{
	margin-left:0;
}

#fot-top{padding-left:20px; padding-right:20px;!important}

.nivo-caption {

   

    font-size: 18px;

    position: absolute;

    left: 10px;

    bottom: 10px;

  

    padding: 10px 10px;



}

ul.menusidebar{margin:0 0 20px}

ul.menu li.item-101{margin-left:0}
.acc49{width:100%}
.dec-col{min-height:auto; margin:0 0 20px!important}
.rescol50 {
    width: 100%!important;
}
.myaccordion-content ul
{
	display: inline-block;
	width:auto!important
}
.myaccordion-content p{width:auto!important}
iframe{width:auto!important}
table.product{width:100%}
.theadm{display:none}
table.product td.tcol1 {
    width: 30%;
}
table.product td.tcol2 {
    width: 30%;
}
table.product td.tcol3 {
    width: 30%;
}


}







@media (max-width : 1024px) {

	.new-accept{
		width:auto;
		margin:20px 20px 0;
	}

.container{margin:0 auto; width:95%!important}	
.slider .container{width:auto; }
.txt-m{display:none; }

ul.menu{margin: 0 auto 0 0px; width:auto}	

ul.menu li.item-101{margin-left:0}

ul.menu li a{padding: 15px 20px 15px; font-size:16px;}

.dec-col{margin:0 20px}
.dec-col:nth-of-type(3n+1){margin: 0 20px 0px;}
.slider-img img,.banner-int img{width:100%; height:auto}



.content-full{width:auto; margin:0 20px;}



.img-responsive{width:100%; height:auto}



.col3{width:30%;}



.col10{width:13%}



span.tagline-int-width{width:460px}

.address{margin-top:0; width:27%}

.address h1, .address iframe {



    margin-left: 10px;



    width: 90%;



}


.col42 {



    width: 42%!important;



}



input[type="text"], select{



	width: 94%;



}



.contact{width:70%; margin-top:20px}



textarea{ width:90%}

.img-responsive{width:100%; height:auto}
.img-desc{width:auto; height:auto}
.content-footer{width:auto; margin:0 20px}
.m12{margin: 0 0px}
.rescol50 {
    width: 49%;
}
}

@media (max-width : 1280px) {

.container{margin:0 auto; width:95%!important}	
ul.menu{width:auto}

}
/*---------------------------------GABBY---------------------------------*/

.myaccordion-content ul
{
	display: inline-block;
}