body {margin:0px;padding:0px;}
* {    box-sizing: border-box;}
.row::after { content: "";  clear: both;  display: block;}
[class*="col-"] { float: left;width:100%;}
a{color: blue;}
hr{border:0px;color:#eeeeee;border-color:#ffffff; border-top:1px;border-style:solid;margin:0px;padding:1px;width:100%;}
.txt-area{font-weight:400;line-height:35px;font-size:19px;font-family:'Roboto',sans-serif,arial;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;text-align:justify;}
.txt-area a {line-height:40px;font-weight:300;font-size:17px !important;atext-decoration:none; }
.boxhgt{border-radius:8px;height:250px;overflow:hidden;}
.boxhgt a{text-decoration: none;color:#ffffff;}
.boxhgt2{border-radius:8px;height:300px;overflow:hidden;}
.boxhgt2 a{text-decoration: none;color:#ffffff;}
.blk{color:#000000;}
.blk a{color:#000000 !important;}
img{max-width:99%;width:100%;object-fit: contain;}

.p20{padding:20px;}

.primaryc{color:#d7160f;}
.primarybg{background-color:#d7160f;}
.secondaryc{color:#1980ad;}
.secondarybg{background-color:#1980ad;}
.top-row{font-size:17px;font-weight:300;font-family:'Roboto',sans-serif;color:#ffffff;line-height:40px;height:40px;}
.top-row a{color:#ffffff;padding:1px;text-decoration:none; text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

.txt-area2{line-height:34px;font-size:16px;font-family:'Roboto',sans-serif;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;text-align:justify;}
.txt-area2 a {atext-decoration:none;}
.topImg{height:55vh;width:auto;}
.txt-areas {text-align:left;font-weight:400;padding:10px;font-size:9pt;font-family:'Roboto',sans-serif;text-decoration:none;text-shadow: none !important;
-webkit-box-shadow: none !important;box-shadow: none !important;}
.txt-areas a{}
h1{font-weight:600;font-family:'Roboto',sans-serif;line-height:40px !important;font-size:28px !important;padding:0px;padding-top:5px;padding-bottom:5px;margin:0px;}
h2{font-weight:400;font-size:25px;line-height:38px; font-family:'Roboto',sans-serif,arial; padding:0px;padding-top:2px; padding-bottom:2px;margin:0px; text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
h3{font-family:'Roboto',sans-serif;line-height:25px;font-size:21px !important;font-weight:300;padding:0px;padding-top:5px;padding-bottom:5px;margin:0px;}
.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: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{color:#ffffff;text-shadow: none;	-webkit-box-shadow: none;box-shadow: none;font-family:sans-serif;}
.inquirybg a{background-color:#0066cc;padding:7px;color:#ffffff;font-weight:200;;font-size:13px;text-decoration:none; border-radius: 5px;}

@media only screen and (max-width: 599px)
{
.lrpadding{padding-left:20px !important;padding-right:10px  !important;}
.topwid{max-width:600px;margin:0px;width:100%;}
.proImg{height:auto;max-width:100%;}
.lht{max-width:90%;}
body {margin:0px;padding:0px;font-size:16px;}
.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{font-size:12pt !important;}
.top-row a{padding:1px;}

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

.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:sans-serif;font-weight:400;}
.pcode{font-size:8pt;font-family:sans-serif;font-weight:100;}
.pro-img{height:100%;margin:5px;text-align:center;}

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

.readmore a{font-size:11px;font-family:sans-serif;font-weight:100;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 #cccccc;
transition: box-shadow 0.3s, border 0.3s;padding:6px;}
input[type="text"]:focus {outline: none;	border: solid 1px #cccccc;	}
textarea{width:95%;}
}

@media only screen and (min-width: 769px)
{
/* For desktop: */
.lrpadding{padding-left:80px !important;padding-right:80px  !important;}
.proImg{max-height:160px;width:auto;}
.desknodisplay{display:none;}
.lht{max-width:80%;}
.topwid{max-width:1280px; width:100%;}
.main-body1{text-align:center;max-width:100vw;width:100%;}
.main-body 	{text-align:left;max-width:100vw;width:100%;}
.header-gap{height:13%;}
.logo{max-width:80%;height:auto;}
.pname{font-size:9pt;font-family:sans-serif;font-weight:400;}
.pcode{font-size:8pt;font-family:sans-serif;font-weight:100;}
.pro-img{height:100%;margin:5px;text-align:center;}
.txt-areas {font-size:9pt;}
.txt-areas a{text-decoration:none;line-height:21px;}
.readmore {font-size:11px;font-weight:100;text-align:right;text-decoration:none;font-family:sans-serif;}
.readmore a{font-size:11px;font-weight:100;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: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;}
}



@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{abackground-image:url('images/top-bg.jpg');	line-height:40px;height:40px;}
.top-row a	{color:#ffffff;padding:30px;font-family:sans-serif;font-size:12pt;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;}
.pname{font-size:9pt;font-family:sans-serif;font-weight:400;}
.pcode{font-size:8pt;font-family:sans-serif;font-weight:100;}
.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:sans-serif;}
.top-links a {display: inline-block;padding: 19px 14px;text-decoration: none;transition: 0.3s;font-size: 14px;color:#a45500;font-weight:200;}
}
.aleft{text-align:left;}
.ctr{text-align:center;}
.tdnone{text-decoration:none;}
.tdnone a{text-decoration:none;}
input[type="text"]{margin: 2px;width:99%;font-family: sans-serif;font-size: 13px;appearance: none;box-shadow: none;border-radius: 3px;border: solid 1px #cccccc;transition: box-shadow 0.3s, border 0.3s;padding:4px;}

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

textarea{font-size: 13px;	width:99%;margin:2px;border-radius:4px;border: solid 1px #cccccc;}
select{margin:2px;border-radius:4px;border: solid 1px #cccccc;height:28px;}
.bred{color:red}
.rcor {    border-radius: 15px; border-color:#eeeeee; border-width:2px;border-style:solid;}
.rcorimg {    border-radius: 3px 3px 0px 0px ; border-color:#e7dac3; border-width:0px;border-style:solid;}
			body {margin:0px;padding:0px;font-size:20px;}

.bgwht{background-color:#ffffff;}
.wht{color:#ffffff;}
.wht a{color:#ffffff;}
.grey{color:#4c4c4c;}
.bgoffwht{background-color:#eeeeee;}
.offwht{color:#faf8f5;}
.offwht a{color:#faf8f5;}
.golden{color:#1e1e1e;}
.golden a{color:#a45500;}
.p5{padding:5px;}
.p3{padding:3px;}
.p10{padding:4px;}
.p15{padding:15px;}

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



/* code below for panel from left to right for mobile devices */
.overlay {height: 100%;width: 0px; top:0px;right:0px;left:0px;bottom:0px; margin:0px; padding:0px; position: fixed;overflow-x: hidden;transition: 0.1s;}
.overlay-content {position: relative;top: 0%; width: 100%;padding:5px;text-align: left;margin-top: 0px;margin:0px;}
.overlay-content a{font-family:'Roboto',sans-serif;font-size:14px;line-height:22px;text-shadow: none;	-webkit-box-shadow: none;box-shadow: none;}
.overlay-content2 {background-color:#ffffff;position: relative;right:0 !important;top: 0px; max-width:1000px; width: 100%;height:auto;padding:0px;margin-top: 0px;margin:0px;border:ridge 5px #cccccc;border-radius:10px;}
.overlay a {atext-decoration: none;}
.overlay a:hover, .overlay a:focus { color: #333366;}
.closebtn { top: 5px;right: 5px; position:absolute;color:#ffffff !important;}
.closebtn2 { top: 5px;left: 25px; font-size: 50px;position:absolute;float:left}


#header { background-color: #333366;color: #ffffff;width:100%; margin-bottom: 0px;z-index:999; float: left; overflow: hidden;top:0;box-sizing: border-box;
-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}