body{margin:0px;font: 400 16px/1.8 Roboto, sans-serif;color:#4c4c4c;}



* {    box-sizing: border-box;}

.row::after { content: "";  clear: both;  display: block;}

[class*="col-"] { float: left;width:100%;}



.txt-area{font-size:14px;font-family:Roboto,sans-serif;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:21px;text-align:justify;}



.txt-area a {font-weight:400;font-size:14px;font-family:Roboto,sans-serif;atext-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:21px;}



.txt-areas {text-align:left;font-weight:300;padding:0px;font-size:9pt;font-family:Roboto,sans-serif; text-decoration:none; text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:21px;}



.txt-areas a{font-weight:300; font-size:9pt;font-family:Roboto,sans-serif; line-height:21px; text-shadow: none !important;	-webkit-box-shadow: none !important;box-shadow: none !important;}



h1{font-weight:400;padding:0px;padding-top:5px;padding-bottom:5px;margin:0px;line-height:28px;}



h2{font-size:17px;font-family:Roboto,sans-serif; font-weight:400; padding:0px; padding-top:0px; padding-bottom:0px; margin:0px; line-height:25px; text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}



h2 a{font-size:17px;line-height:25px;text-decoration:none;margin:0px;color:#4c4c4c;}



.footer {    background-color: #0099cc;    color: #ffffff;    text-align: center;    font-size: 12px;    padding: 15px;}

/* For mobile phones: */



[class*="cola-"] { width: 100%;font-size:9pt;font-family:Roboto,sans-serif;line-height:21px;color:#4c4c4c;}

.quality{padding-top:190px;padding-right:20px;color:#C9C9C9;font-size:15px;}

.slideb{background-color:#000000;opacity:0.3;}



.inquirybg{text-decoration:none;background-color:#0066cc;color:#ffffff;text-shadow: none;padding:7px; border-radius: 2px; -webkit-box-shadow: none;box-shadow: none;font-family:Roboto,sans-serif;}



.inquirybg a{background-color:#0066cc;padding:7px;color:#ffffff;font-weight:100;font-size:13px; border-radius: 2px;text-decoration:none;}



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

{

			.topwid{max-width:600px;margin:0px;width:100%;}

			.proImg{height:auto;max-width:100%;}



			.lht{max-width:90%;}

			body {margin:0px;padding:0px;}

			.main-body{max-width:600px;width:100%; margin:0px;	border: solid 0px #524d3a;}

			.mobnodisplay{display:none;}

			.header-gap{height:9%;}

			.comname{display:none;}

			.logo{max-width:60%;height:auto;}

			.top-row{line-height:40px;height:40px;background-color:#eeeeee;color:#333;}

			.top-row a	{color:#333; padding-left:7px; padding-right:7px; font-family:Roboto,sans-serif; font-size:10pt;font-weight:400; text-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

			.top-row a.active{color:#ffffff; background-color:#0081c4 }

			h1{font-family:Roboto,sans-serif;font-size:140%;line-height:28px;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

			h2{font-family:Roboto,sans-serif;font-size:130%;line-height:25px;margin:0px;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

			h2 a{font-size:17px;line-height:25px;text-decoration:none;margin:0px;}

			.col-m-0 {width: 0%;}.col-m-1 {width: 8.33%;}.col-m-2 {width: 16.66%;}.col-m-3 {width: 25%;}.col-m-4 {width: 33.33%;}

			.col-m-5 {width: 41.66%;}.col-m-6 {width: 50%;}.col-m-7 {width: 58.33%;}.col-m-8 {width: 66.66%;}.col-m-9 {width: 72%;}

			.col-m-10 {width: 83.33%;}.col-m-11 {width: 91.66%;}.col-m-12 {width: 100%;}

			.pname{font-size:9pt;font-family:Roboto,sans-serif;font-weight:400;}

			.pcode{font-size:8pt;font-family:Roboto,sans-serif;font-weight:100;}

			.pro-img{height:100%;margin:5px;text-align:center;}

			.txt-area{font-size:14px;font-family:Roboto,sans-serif;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:22px;text-align:justify;color:#4c4c4c;}

			.txt-area a {font-weight:400;font-size:14px;font-family:verdana,arial,sans-serif;atext-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:24px;}

			.txt-areas {font-size:12px;}

			.txt-areas a{font-size:12px;text-decoration:none;}

			.readmore {font-size:11px;font-weight:300;text-align:right;text-decoration:none;}

			.readmore a{font-size:11px;font-family:Roboto,sans-serif;font-weight:300;text-align:right;text-decoration:none;padding:5px;}

			input[type="text"] {display: block;margin: 0;width: 95%;font-family: sans-serif;font-size: 9pt;appearance: none;box-shadow: none;border-radius: none;border: solid 1px #707070;

			transition: box-shadow 0.3s, border 0.3s;padding:6px;}

			input[type="text"]:focus {outline: none;	border: solid 1px #707070;	}

			textarea{width:95%;}

/** Slide Show**/

/*** set the width and height to match your images **/

#slideshow {position:relative;height:150px;}

#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}

#slideshow IMG.active {z-index:10;opacity:1.0;}

#slideshow IMG.last-active {z-index:9;}



}





@media only screen and (min-width: 769px) 

{

/* For desktop: */

			.proImg{max-height:160px;width:auto;}

			.desknodisplay{display:none;}

			.lht{max-width:80%;}

				body {margin:0px;padding:0px;}

				.topwid{max-width:1280px; width:100%;}

				.main-body{max-width:1280px;width:100%;	border: solid 0px #524d3a;}

				

				.top-row{line-height:40px;height:40px;background-color:#eeeeee;color:#333;}

				.top-row a	{color:#333; padding-left:15px; padding-right:15px; font-family:Roboto,sans-serif; font-size:14pt;font-weight:200; text-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

				

				.top-row a.active{color:#ffffff; background-color:#0081c4 }



				.header-gap{height:13%;}

				.logo{max-width:80%;height:auto;}

				.pname{font-size:9pt;font-family:Roboto,sans-serif;font-weight:400;}

				.pcode{font-size:8pt;font-family:Roboto,sans-serif;font-weight:400;}

				.pro-img{height:100%;margin:5px;text-align:center;}

				

				.txt-area{font-size:14px;font-family:Roboto,sans-serif;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:22px;text-align:justify;color:#4c4c4c;}



				.txt-area a {font-weight:400;font-size:14px;font-family:sans-serif,arial,verdana;atext-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:23px;}



				.txt-areas {font-size:12px;}

				.txt-areas a{font-size:12px;line-height:21px;}

				

				h1{font-size:23px;line-height:26px;}

				

				h2{font-size:17px;line-height:24px;font-weight:400;text-shadow: none !important;	-webkit-box-shadow: none !important;box-shadow: none !important;}

				

				h2 a{font-size:17px;line-height:24px;text-decoration:none;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}



				.readmore {font-size:11px;font-weight:300;text-align:right;text-decoration:none;font-family:Roboto,sans-serif;}

				.readmore a{font-size:11px;font-weight:300;text-align:right;text-decoration:none;color:#ffffff;padding:5px;}



				.col-0 {width: 0%;}.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}

				.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}

				.col-8 {width: 66.66%;}.col-9 {width: 72%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}

				.col-12 {width: 100%;}

				.top-links {float: left;font-family:Roboto,sans-serif;}

				.top-links a {display: inline-block;padding: 15px 20px;text-decoration: none;transition: 0.3s;font-size: 19px;color:#a45500;font-weight:400;}



/** Slide Show**/

/*** set the width and height to match your images **/

#slideshow {position:relative;height:340px;}

#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}

#slideshow IMG.active {z-index:10;opacity:1.0;}

#slideshow IMG.last-active {z-index:9;}

}





@media only screen and (min-width: 600px) and (max-width: 768px) 

{

/* For tablets: */

			.lht{max-width:100%;}

			.proImg{max-height:160px;width:auto;}



		.topwid{max-width:768px;width:100%;}

		.tabnodisplay{display:none;}

		.main-body{text-align:center;max-width:768px;width:100%;	aborder: solid 0px #524d3a;}

		.header-gap{height:7%;}



			.top-row{line-height:40px;height:40px;background-color:#eeeeee;color:#333;}

			.top-row a	{color:#333; padding-left:8px; padding-right:8px; font-family:Roboto,sans-serif; font-size:14pt;font-weight:400; text-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

			.top-row a.active{color:#ffffff; background-color:#0081c4 }



		.txt-area{font-size:12px;line-height:21px;}

		.txt-area a {font-size:13px;line-height:21px;}

		.txt-areas {font-size:9pt;}

		.txt-areas a {font-size:9pt;text-decoration:none;line-height:21px;}

		h1{font-size:20px;	line-height:28px;}

		h2{font-size:19px;line-height:25px;}

		h2 a{font-size:19px;line-height:25px;text-decoration:none;}

		.readmore {font-size:12px;font-weight:300;text-align:right;text-decoration:none;}

		.readmore a{font-size:12px;font-family:arial;font-weight:300;text-align:right;text-decoration:none;color:#ffffff;padding:15px;}

		.txt-area{font-size:12px;padding:5px;}

		.txt-area a{color:blue;font-size:12px;padding:5px;}

		.pname{font-size:9pt;font-family:Roboto,sans-serif;font-weight:400;}

		.pcode{font-size:8pt;font-family:Roboto,sans-serif;font-weight:400;}

		.pro-img{height:100%;margin:5px;text-align:center;}

	

		.col-t-0 {width: 0%;}.col-t-1 {width: 8.33%;}.col-t-2 {width: 16.66%;}.col-t-3 {width: 25%;}.col-t-4 {width: 33.33%;}

		.col-t-5 {width: 41.66%;}.col-t-6 {width: 50%;}.col-t-7 {width: 58.33%;}.col-t-8 {width: 66.66%;}.col-t-9 {width: 72%;}

		.col-t-10 {width: 83.33%;}.col-t-11 {width: 91.66%;}.col-t-12 {width: 100%;}



			.top-links {float: left;font-family:Roboto,sans-serif;}

			.top-links a {display: inline-block;padding: 19px 14px;text-decoration: none;transition: 0.3s;font-size: 14px;color:#a45500;font-weight:400;}





	/** Slide Show**/

	/*** set the width and height to match your images **/

	#slideshow {position:relative;height:230px;}

	#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}

	#slideshow IMG.active {z-index:10;opacity:1.0;}

	#slideshow IMG.last-active {z-index:9;}



}







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

/** Slide Show**/

/*** set the width and height to match your images **/

#slideshow {position:relative;height:120px;}

#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}

#slideshow IMG.active {z-index:10;opacity:1.0;}

#slideshow IMG.last-active {z-index:9;}

}





.aleft{text-align:left;}

.ctr{text-align:center;}

.tdnone{text-decoration:none;}

.tdnone a{text-decoration:none;}

input[type="text"] 

{

margin: 5px;

width:99%;

font-family: sans-serif;

font-size: 9pt;

appearance: none;

box-shadow: none;

border-radius: 3px;

border: solid 1px #707070;

transition: box-shadow 0.3s, border 0.3s;

padding:6px;

}



input[type="text"]:focus {outline: none;border: solid 1px #707070;}



input[type="password"] 

{

margin: 5px;

width:99%;

font-family: sans-serif;

font-size: 9pt;

appearance: none;

box-shadow: none;

border-radius: 3px;

border: solid 1px #707070;

transition: box-shadow 0.3s, border 0.3s;

padding:6px;

}





textarea{width:99%;margin:5px;border-radius:4px;border: solid 1px #707070;}

select{margin:5px;border-radius:4px;border: solid 1px #707070;height:28px;}

.rcor {    border-radius: 1px; border-color:#ececec; border-width:1px;border-style:solid;   apadding: 2px;}

.rcorimg {    border-radius: 3px 3px 0px 0px ; border-color:#e7dac3; border-width:0px;border-style:solid;}

body {margin:0px;padding:0px;}

img{max-width:100%;}

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

.img2{max-width:150%;height:auto;}

.bgwht{background-color:#ffffff;}

.wht{color:#ffffff;}

.wht a{color:#ffffff;}

.grey{color:#4c4c4c;}

.offwht{color:#C5C5C5;}

.offwht a{color:#C5C5C5;}

.mainbg{background-color:#f6f6f6;}

.golden{color:#1e1e1e;}

.golden a{color:#a45500;}

.p5{padding:5px;}

.p3{padding:3px;}

.p10{padding:10px;}

.p15{padding:15px;}

.p20{padding:20px;}

.uc{text-transform:uppercase;}

.bgimg{background:url(gifs/gbg.gif) no-repeat}



ul,li,ol{amargin:0px;apadding:0px; }

.pro ul{margin:0px;padding:10px;list-style:none;}

.pro li{margin:0 0 0 0px;background:url(gifs/dt.gif) no-repeat 0px 12px;padding:4px 0 4px 8px;border-bottom:1px dashed #d7d7d7}

.blu{color:#0082c8}





.tborder{border-style:solid;border-width:3px;border-color:#eeeeee;}

.bgmain{background-color:#eeeeee;}

.bgblue{background:url(gifs/rm.gif) no-repeat; text-align:right;}

.bgblue a{background:url(gifs/rm.gif) no-repeat; text-decoration:none;text-align:right;}

.arht{text-align:right;}



/* code below for panel from left to right for mobile devices */

@media only screen and (min-width: 601px) 

{

.overlay {height: 100%;width: 0;position: fixed;z-index: 1;top: 75px;left: 100px;background-color: #ffffff;background-color: #ffffff;

    overflow-x: hidden;transition: 0.6s;}

.overlay-content {position: relative;top: 0%;padding:5px;text-align: left; border-style:solid;border-width:1px;border-color:#cccccc; border-radius:2px;}

.overlay a {font-family:Roboto,sans-serif;text-decoration: none;afont-size: 16px;color: #a45500;adisplay: block;font-weight:400;}

.overlay a:hover, .overlay a:focus { color: #333366;}

.closebtn { position: absolute;top: 10px;right: 15px;font-size: 50px !important;}

}



@media screen and (max-width: 600px) 

{

			.overlay a 

			{

			font-size: 12px;

			}



			.closebtn 

			{

			font-size: 40px !important;

			font-family:Roboto,sans-serif;

			padding-top: 5px;

			right: 5px;

			font-weight:400;

			text-shadow: none !important;	

			-webkit-box-shadow: none !important;

			box-shadow: none !important;

			}



			.overlay 

			{

			padding:0px;

			height: 100%;

			width: 0;

			position: fixed;

			margin:0px;

			z-index: 100;

			top: 0;

			left: 0;

			background-color: #ffffff;

			overflow-x: hidden;

			transition: 0.5s;

			}



			.overlay-content

			{

			padding:0px;

			margin:0px;

			}



			.overlay-content a

			{

			position: relative;

			top: 0%;

			width: 100%;

			text-align: left;

			margin-top: 0px;

			font-size:12px;

			font-family:Roboto,sans-serif;

			text-decoration:none;

			color:#4c4c4c;

			font-weight:400;

			}

}