/* v1.0 | 20080212 */
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');
body { font-weight: normal; line-height: 1.6em; color: #898989; font-family: 'Lato', sans-serif; font-size: 100%; background: #fff; }
a { color: #0088CC; text-decoration: none; }
a:hover, a:focus { color: #005580; text-decoration: underline; }
h1 { font-size: 2em; color: #000; font-weight: 900; text-transform: uppercase; line-height:1.5em; }
h1 span, h2 span { color: #43C2F3; }
h2 { font-size: 2em; color: #3693AD; font-weight: 900; line-height: 1.75em; text-transform: uppercase; }
h3 { font-size: 26px; line-height: 40px; color: #656162; font-style: normal; font-weight: 600; padding: 0; }
h4 { overflow: hidden; position: relative; visibility: hidden; }
h3, h4, h5, h6 { color: #707070; font-weight: normal; margin-bottom: 10px; white-space: normal; }
h5 { margin: 1% auto; padding: 10px 0px; text-align: center; font-weight: 900; text-transform: uppercase; color: #0088CC; }
em { font-size: .8em; color: #903; line-height: 1.3em; }
main { width: 100%; float: left; display: block; margin: 0px auto; background: #fff; clear: both; }
header { width: 100%; color: #FFFFFF;  position: absolute; z-index: 200; }
.banner { width: 100%; text-align: center; background: url(../images/banner-bg.jpg) repeat-x center top; background-size: 100% auto;   }
.footer {width: 100%;  max-width: 1002px; margin: auto; }
.link { width:48%; display: inline-block;  padding:0px; font-size:.8em; text-align: left; vertical-align:top}
.link a {  text-decoration: none; color: #FFF; }
.copy { width:48%; display: inline-block; vertical-align:top; text-align:right;font-size:.8em;}
/*submennu end*/
.clearfix { clear: both; content: " , "; display: block; height: 1px; width: 1px; }
/*about*/
.wrapper { width: 100%; max-width:1280px; display: block; margin: auto;}

.product_description { margin: 10px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
ul.dotted-list { margin-bottom: 30px; }
ul.dotted-list li { border-bottom: 1px solid #ECECEC; padding: 6px 0px 6px 20px; color: #6A7577; line-height: 18px; }
ul.dotted-list li a { color: #437EA1; text-decoration: none; }
ul.dotted-list li a:hover { color: #437EA1; text-decoration: underline; }
li.simple-check-list { background: url("../images/list-check-2.png") no-repeat scroll 0 8px transparent; }
.list-unordered li { margin-bottom: 5px; }
.list-unordered li ul { list-style-type: circle; margin-left: 25px; }
.list-unordered { list-style-position: inside; list-style-type: disc; }
.list-arrow li { background: url("../images/bullet-arr.png") no-repeat scroll 0 3px transparent; margin-bottom: 10px; padding-left: 20px; }
ul.check li { padding: 8px 0px 8px 25px; color: #444; line-height:1.5em; border: none; margin: 0px 0px 0px 10px; }
ul.check li a { color: #3693AD; text-decoration: none; }
ul.check li a:hover { color: #F90; text-decoration: none; }
li.check-list { background: url("../images/list.jpg") no-repeat scroll 10px bottom transparent; }

li.add{  background: url(../images/index-04.jpg) no-repeat left 10px; padding-bottom:10px;}
li.tel{  background: url(../images/index-04.jpg) no-repeat left -40px;}
li.fax{ background: url(../images/index-04.jpg) no-repeat left -90px;}
li.mail{  background: url(../images/index-04.jpg) no-repeat left -160px;}

/*index*/
#footer_main { width: 100%; min-height: 547px; display: block; margin: auto; background: #FFF;  text-shadow: 0px 1px 0px rgba(153,153,153,0.5); }
.footer_top { width:100%; min-height: 150px; margin: auto;  background: url(../images/main-content.jpg) no-repeat center bottom; }
.footer_content {width:100%; max-width:1100px; min-height: 264px; height:auto;   margin:30px auto 20px auto;  display: block; background:fff;  color: #444444; }
.title { margin: 0px 0px 30px 50px; display: block; font-size:1em; font-weight: 900;  }
.row1 {  width: 30%; padding:10px 20px 0px 0px; margin: auto; display: inline-block; vertical-align:top; background: url(../images/index-01.jpg) no-repeat left top; }
.row1 p { color: #444444; }
.row2 { width:30%; padding: 10px 0px 0px 0px;margin: auto; display: inline-block;vertical-align:top;background: url(../images/index-02.jpg) no-repeat left top;  }
.row3 { width:30%;  padding:13px 20px 0px 40px; margin: auto; display: inline-block; color: #b7bbc2; vertical-align:top;background: url(../images/index-03.jpg) no-repeat left top; }
.row3 strong { font-size: 15px; font-weight: bold; }
.row4 { width: 100%; max-width: 1002px; padding:40px 0px 0px 0px; margin:2% auto auto auto; display: block; color: #666666; background: url(../images/footer-main.jpg) no-repeat center top;}
.row4 a { color: #666666; }
.row-container { width:100%; max-width:1100px;  height: auto; margin: 0px auto; padding: 20px 0px 0px 0px; display: block; position: relative; text-align: center; }
.row-container h1 { padding: 10px 0px 5px 0px;  color: #13a5d1;  text-transform: uppercase; font-size:2em; background: none; }
.row-container p { padding:20px 10px 60px 10px; font-size:1em; line-height: 1.6em;  text-shadow: 0px 1px 0px #cccccc; color: #999999; text-align: center;   }
.row-container strong { color: #000; }
/*slide show*/
.clear { overflow: hidden; clear: both; width: 0px; height: 0px; }

@media screen and (max-width:999px){
.row2,.row3 {  width:90%; display: block; margin: auto; padding:2%;} 
.row1 {  width:80%; display: block; margin: auto; padding:2% 2% 2% 10%;} 
.row1 span.title{ padding-left:-50px !important;}
ul.check{ margin-left:4%;}	
.link,.copy{width:96%; display: block; margin: auto; text-align:left; }
.banner { padding-top:78px; background: none;}
.row-container h1 { line-height:1.15em;}
.row-container p { padding:20px 20px 40px 20px;}

}
@media screen and (max-width:640px){
.row-container { padding: 0px;}
ul.check{ margin-left:10%;}	

}