/* CSS Document */
body {font-size: 12px; line-height: 22px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:#FFF; min-width: 100%; margin:0 !important; padding:0; color:#333; font-weight:normal; text-rendering: optimizeLegibility !important; font-stretch:normal !important;}
html{height:100%; margin-bottom:0px;}
* { margin: 0; padding: 0; outline: 0; }

.clear {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

#wrapper { width:100%; height:100%; margin:0; padding:0;}

h1 {width:100%; height:auto; min-height:10px; line-height:35px; font-size:28px; color:#008CD0; text-align: center; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat center bottom; text-transform:uppercase;}
h1 span { color:#333;}

h2 { width:100%; height:auto; min-height:10px; line-height:35px; font-size:28px; color:#008CD0; text-align: left; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat left bottom; text-transform:uppercase;}
h2 span { color:#333;}

h3 {  width:100%; height:auto; min-height:10px; line-height:28px; font-size:22px; color:#008CD0; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style:italic;}

h4 {  width:100%; height:auto; min-height:10px; line-height:26px; font-size:18px; color:#333; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:600; text-transform: capitalize; }

h6 { width:100%; font-size:16px; text-align:center; color:#333; line-height:24px; margin:10px 0 ; padding:0; font-weight:500;}

p { width: auto; font-size:14px; font-weight:500; line-height:20px; text-align: justify; margin:10px 0; padding:0; color:#333; display:block; }
p:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
p span { color:#008CD0; font-weight:600; font-style: italic; line-height:20px; font-size:14px}
p strong { color:#333; font-weight:600; line-height:20px; font-size:14px}
p a {color:#008CD0;  text-decoration:underline;}
p a:hover { color:#333; text-decoration: none; }

.center { width:1000px; height:auto; min-height:20px;margin:0 auto; }
.center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.call-now-icon { display:none; /*float:left; width:30px; height:30px; margin:0; padding:0;*/}

header { width:100%; height:auto; min-height:10px; margin:0; padding:0; border-top:5px solid #008DD0; border-bottom:1px solid #008DD0;}
header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*LOGO*/
.logo { float:left; margin:10px; padding:0; width:auto; height:auto; display:block;}
/*LOGO*/

.main { float:left; width:980px; height:auto; min-height:200px; margin:10px; padding:0;}

/*Button*/
.button { float:left; width:180px; height: auto; margin:10px 400px 0 400px; padding:0; display:block;}
.button a { float:left; width:176px; height:48px; line-height:48px; margin:0; padding:0; text-align:center; background:#FFF; font-size:18px; color:#333; text-decoration:none; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
.button a:hover { color:#FFF; background:#008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
/*Button*/

.line { width:100%; height:1px; margin:10px 0; padding:0; background:#E9EBE9; display:block;}
.line:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}



/*New Scoller*/
.more-products { position:relative; float:left; width:1000px; height: auto; margin:10px 0px 0px 0px; padding:0px; list-style:none;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:5px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:213px; height: auto; min-height:150px; padding:0px 0px 0px 0px; margin:10px; border:1px solid #E9EBE9; }
.more-products ul li:hover { border:1px solid #008CD0;}

.more-products-img { float:left; width:213px; min-height:100px; height: auto; margin:0; padding:0;}
.more-products-img img { width:213px;}
.more-products-titel { float:left; width:100%; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#333; font-weight:500; margin:10px 0 ; padding:5px 0;}
.more-products-titel a { color:#333; text-decoration:none;}
.more-products-titel a:hover { color:#008CD0;}

.more-products-holder { width:940px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:170px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:970px;width:20px; height:40px; background:url(../images/icon-rt.png);  display:block;opacity:0.3;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:970px; opacity:1;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:10px;  display:block;opacity:0.3;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:10px; opacity:1;}
/*New Scoller*/

/*HOME-CONTACT*/
.home-contact { width:100%; height:auto; margin:10px 0 0 0; padding:20px 0; background:#E9EBE9;}
.home-contact:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.home-contact-box { float:left; width:323px; height:auto; min-height:10px; margin:10px 5px; padding:0;}
.home-contact-box-icon { float:left; width:50px; height:50px; margin:0; padding:0; background:#FFF;-webkit-box-shadow: 2px 2px 2px 0px #E9EBE9;
box-shadow: 2px 2px 2px 0px #E9EBE9;}
.home-contact-box-text { float:left; width:263px; height: auto; margin:0 0 0 10px; padding:0;}
.home-contact-box-text h1 {width:100%; height:auto; min-height:30px; line-height:30px; font-size:18px; color:#008CD0; text-align:left; margin:0; padding:0; font-weight:500; background:none; text-transform:uppercase;}
.home-contact-box-text p { width:100%; height:auto; min-height:20px; line-height:20px; font-size:13px; color:#666666; text-align:left; margin:0; padding:0; font-weight:500;}
.home-contact-box-text p a {color:#666666; text-decoration:none;}
.home-contact-box-text p a:hover {color:#008CD0;}
/*HOME-CONTACT*/

/*footer*/
footer { width:100%; height:auto; min-height:10px; margin:0 0 0 0; padding:10px 0; background:#008DD0;}
footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-logo { float:left; width:auto; height:auto; margin:10px; padding:0; display:block;}

.footer-right { float: right; width:auto; height:auto; margin:0; padding:0;}

/*footer-nav*/
.footer-nav { float:left; width: auto; height:auto; min-height:10px; margin: 0 0 10px 0; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; min-height:30px; line-height:30px; font-size:14px; text-align:left; color:#FFF; font-weight:500; margin:0; padding:0;}
.footer-nav ul li a { float:left; width: auto; line-height:30px; color:#FFF; margin:0; padding:0 10px; text-decoration:none;}
.footer-nav ul li a:hover { color:#FFF; background:url(../images/footer-hover.png) repeat-x bottom center;}
/*footer-nav*/

/*Folow-Us*/
.folow-us { float: right; width: auto; height:auto; min-height:30px; margin:10px 0; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:30px; height:30px; margin:0 10px 0 0 ; padding:0; line-height:30px;}
.folow-us ul li a { float:left; width:30px; height:22px; margin:0; padding:8px 0 0 0; background:#33A4D9; text-align:center; line-height:30px; font-size:14px; color:#FFF;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.folow-us ul li a:hover { float:left; background:#FFF; color:#008DD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Folow-Us*/

.footer-line { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:#33A4D9;}

.copy { float: left; width: auto; height:auto; min-height:30px; line-height:30px; margin:0 10px; padding:0; font-size:13px; text-align: left; color:#FFF; font-weight:500;}
/*footer*/

/*INNER-BANNER*/
.inner-banner { width:100%; height: auto; margin:0px auto; padding:0; overflow:hidden; text-align: center;}
.inner-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; padding:0;}
.inner-banner img { width:100%; height: auto;}
/*INNER-BANNER*/

/*breadcrumb*/
.breadcrumb-bg { float:left; width:100%; height:auto; min-height:10px; border-bottom:1px solid #E9EBE9; margin:0 0 10px 0; padding:0 0 0 0;}
.breadcrumb-handler { float: left; width: auto; height:auto; min-height:20px; line-height:20px; margin:10px; padding:0; font-size:14px; color:#333; font-weight:400; text-align: left;}
.breadcrumb-handler a {  text-align: left; color:#333; font-size:14px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 16px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#008CD0;}
/*breadcrumb*/

.conact-add { float:left; width:430px; height:auto; min-height:50px; margin:0 10px 0 0; padding:0;}

/*CONTACT-FORM*/
.contact-form { float:left; width:530px; height:auto; min-height:100px; margin:0 0 0 10px; padding:0; display:block;  }
.contact-form ul { float:left; margin: 0; padding:0; list-style:none;}
.contact-form ul li { float:left; width:530px; height:auto; min-height:20px; margin: 10px 0 0 0; padding:0; font-size:13px; line-height:18px; color:#666; font-weight:500;}
.contact-form ul li.contact-sm { float:left; width:255px; height:auto; min-height:20px; margin: 10px 10px 10px 0px; padding:0; }
.contact-form ul li.contact-sm11 { float:left; width:255px; height:auto; min-height:20px; margin: 10px 0px 10px 10px; padding:0;}


.contact-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:243px; height:43px; line-height:43px; background:#FFF; border: none; border:1px solid #E9EBE9; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.contact-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:518px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #E9EBE9;  font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.contact-bor:focus, .contact-textar:focus { border:1px solid #008DD0;   background:#FFF;}
/*CONTACT-FORM*/

.contact-form ul li label, .quick_inquiry_form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; font-weight:500; margin:0; padding:0 0 7px 0;}
.contact-form ul li label span, .quick_inquiry_form ul li label span { color:#F00;}

input.btn { float:left; text-align:left; height:auto; min-height:40px; line-height:40px; font-size:16px; color:#333; text-decoration:none; font-weight:500; margin:10px 0 0 0; padding:0 25px; background:#FFF;  border:2px solid #008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;}
input.btn:hover { background:#008CD0; color:#FFF; border:2px solid #008CD0;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.no-margin { margin: 0; padding:0;}
.no-margin:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
	
/*GALLERY*/
ul#gallery-list li { float:left;	display:block;	width:225px; height: auto; margin:10px; padding:0px;background-color:#E9EBE9;	}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:1px; border:none; width:223px; height: auto; background:#FFF  }
ul#gallery-list li .content_block h5 a{ font-size:13px; font-weight:500; text-decoration:none; margin:0; padding:0 10px; line-height:40px; display:block; color:#008DD0;}


ul#gallery-list li:hover{  background-color:#008DD0; }
ul#gallery-list li:hover .content_block h5 a{  color:#FFF;	}
/*GALLERY*/

/*PRODUCT-PAGE*/
.product-page-box { float:left; width:304px; height:auto; min-height:400px; margin:10px; padding:0; border:1px solid #E9EBE9;}
.product-page-box:hover { border:1px solid #008DD0;}

.product-page-box-img { float:left; width:304px; height:auto; min-height:50px; margin:0 0 0 0; padding:0;}

.product-page-box-text { float:left; width:284px; height:auto; min-height:50px; margin:0 10px; padding:0;}
.product-page-box-text h3 { width:100%; height:auto; min-height:10px; line-height:28px; font-size:20px; color:#008CD0; text-align: left; margin:0 0 10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style: normal;}
.product-page-box-text p { text-align:left;}
/*PRODUCT-PAGE*/



/* Portrait tablet to landscape and desktop */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

h1 { width:100%; height:auto; min-height:10px; line-height:33px; font-size:26px; color:#008CD0; text-align: center; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat center bottom; text-transform:uppercase;}
h1 span { color:#333;}

h2 {width:100%; height:auto; min-height:10px; line-height:33px; font-size:26px; color:#008CD0; text-align: left; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat left bottom; text-transform:uppercase;}
h2 span { color:#333;}

h3 {width:100%; height:auto; min-height:10px; line-height:26px; font-size:20px; color:#008CD0; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style:italic;}

h4 {  width:100%; height:auto; min-height:10px; line-height:26px; font-size:18px; color:#333; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:600; text-transform: capitalize; }

h6 { width:100%; font-size:16px; text-align:center; color:#333; line-height:24px; margin:10px 0 ; padding:0; font-weight:500;}

.center { width:760px; height:auto; min-height:20px;margin:0 auto;  }
.center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.call-now-icon { display:none; /*float:left; width:30px; height:30px; margin:0; padding:0;*/}

header { width:100%; height:auto; min-height:10px; margin:0; padding:0; border-top:5px solid #008DD0; border-bottom:1px solid #008DD0;}
header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*LOGO*/
.logo { float:left; margin:10px; padding:0; width:auto; height:auto; display:block;}
/*LOGO*/

.main { float:left; width:760px; height:auto; min-height:200px; margin:10px 0; padding:0;}

/*Button*/
.button { float:left; width:180px; height: auto; margin:10px 290px 0 290px; padding:0; display:block;}
.button a { float:left; width:176px; height:48px; line-height:48px; margin:0; padding:0; text-align:center; background:#FFF; font-size:18px; color:#333; text-decoration:none; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
.button a:hover { color:#FFF; background:#008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
/*Button*/

.line { width:100%; height:1px; margin:10px 0; padding:0; background:#E9EBE9; display:block;}
.line:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*New Scoller*/
.more-products { position:relative; float:left; width:760px; height: auto; margin:10px 0px 0px 0px; padding:0px; list-style:none;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:5px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:158px; height: auto; min-height:150px; padding:0px 0px 0px 0px; margin:10px; border:1px solid #E9EBE9; }
.more-products ul li:hover { border:1px solid #008CD0;}

.more-products-img { float:left; width:158px; min-height:100px height: auto; margin:0; padding:0;}
.more-products-img img { width:158px;}
.more-products-titel { float:left; width:100%; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#333; font-weight:500; margin:10px 0 ; padding:5px 0;}
.more-products-titel a { color:#333; text-decoration:none;}
.more-products-titel a:hover { color:#008CD0;}

.more-products-holder { width:720px; height: auto; position:relative; overflow:hidden; top:0px; left:20px;}
.more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:150px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:740px;width:20px; height:40px; background:url(../images/icon-rt.png);  display:block;opacity:0.3;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:740px; opacity:1;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px;  display:block;opacity:0.3;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;}
/*New Scoller*/

/*HOME-CONTACT*/
.home-contact { width:100%; height:auto; margin:10px 0 0 0; padding:20px 0; background:#E9EBE9;}
.home-contact:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.home-contact-box { float:left; width:243px; height:auto; min-height:10px; margin:10px 5px; padding:0;}
.home-contact-box-icon { float:left; width:50px; height:50px; margin:0; padding:0; background:#FFF;-webkit-box-shadow: 2px 2px 2px 0px #E9EBE9;
box-shadow: 2px 2px 2px 0px #E9EBE9;}
.home-contact-box-text { float:left; width:183px; height: auto; margin:0 0 0 10px; padding:0;}
.home-contact-box-text h1 {width:100%; height:auto; min-height:20px; line-height:20px; font-size:16px; color:#008CD0; text-align:left; margin:0; padding:0; font-weight:500; background:none; text-transform:uppercase;}
.home-contact-box-text p {width:100%; height:auto; min-height:30px; line-height:15px; font-size:12px; color:#666666; text-align:left; margin:0; padding:0; font-weight:500;}
.home-contact-box-text p a {color:#666666; text-decoration:none;}
.home-contact-box-text p a:hover {color:#008CD0;}
/*HOME-CONTACT*/

/*footer*/
footer { width:100%; height:auto; min-height:10px; margin:0 0 0 0; padding:10px 0; background:#008DD0;}
footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-logo { float:left; width:auto; height:auto; margin:10px; padding:0; display:block;}

.footer-right { float: right; width:auto; height:auto; margin:0; padding:0;}

/*footer-nav*/
.footer-nav { float:left; width: auto; height:auto; min-height:10px; margin: 0 0 10px 0; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; min-height:30px; line-height:30px; font-size:14px; text-align:left; color:#FFF; font-weight:500; margin:0; padding:0;}
.footer-nav ul li a { float:left; width: auto; line-height:30px; color:#FFF; margin:0; padding:0 10px; text-decoration:none;}
.footer-nav ul li a:hover { color:#FFF; background:url(../images/footer-hover.png) repeat-x bottom center;}
/*footer-nav*/

/*Folow-Us*/
.folow-us { float: right; width: auto; height:auto; min-height:30px; margin:10px 0; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:30px; height:30px; margin:0 10px 0 0 ; padding:0; line-height:30px;}
.folow-us ul li a { float:left; width:30px; height:22px; margin:0; padding:8px 0 0 0; background:#33A4D9; text-align:center; line-height:30px; font-size:14px; color:#FFF;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.folow-us ul li a:hover { float:left; background:#FFF; color:#008DD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Folow-Us*/

.footer-line { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:#33A4D9;}

.copy { float: left; width: auto; height:auto; min-height:30px; line-height:30px; margin:0 10px; padding:0; font-size:13px; text-align: left; color:#FFF; font-weight:500;}
/*footer*/

/*INNER-BANNER*/
.inner-banner { width:100%; height: auto; margin:0px auto; padding:0; overflow:hidden; text-align: center;}
.inner-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; padding:0;}
.inner-banner img { width:100%; height: auto;}
/*INNER-BANNER*/

/*breadcrumb*/
.breadcrumb-bg { float:left; width:100%; height:auto; min-height:10px; border-bottom:1px solid #E9EBE9; margin:0 0 10px 0; padding:0;}
.breadcrumb-handler { float: left; width: auto; height:auto; min-height:20px; line-height:20px; margin:10px; padding:0; font-size:14px; color:#333; font-weight:400; text-align: left;}
.breadcrumb-handler a {  text-align: left; color:#333; font-size:14px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 16px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#008CD0;}
/*breadcrumb*/

.conact-add { float:left; width:260px; height:auto; min-height:50px; margin:0 10px 0 0; padding:0;}

/*CONTACT-FORM*/
.contact-form { float:left; width:480px; height:auto; min-height:100px; margin:0 0 0 10px; padding:0; display:block; }
.contact-form ul { float:left; margin: 0; padding:0; list-style:none;}
.contact-form ul li { float:left; width:480px; height:auto; min-height:20px; margin: 10px 0 0 0; padding:0; font-size:13px; line-height:18px; color:#666; font-weight:500;}
.contact-form ul li.contact-sm { float:left; width:230px; height:auto; min-height:20px; margin: 10px 10px 10px 0px; padding:0; }
.contact-form ul li.contact-sm11 { float:left; width:230px; height:auto; min-height:20px; margin: 10px 0px 10px 10px; padding:0;}


.contact-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:218px; height:43px; line-height:43px; background:#FFF; border: none; border:1px solid #E9EBE9; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.contact-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:468px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #E9EBE9;  font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.contact-bor:focus, .contact-textar:focus { border:1px solid #008DD0;   background:#FFF;}
/*CONTACT-FORM*/

.contact-form ul li label, .quick_inquiry_form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; font-weight:500; margin:0; padding:0 0 7px 0;}
.contact-form ul li label span, .quick_inquiry_form ul li label span { color:#F00;}

input.btn { float:left; text-align:left; height:auto; min-height:40px; line-height:40px; font-size:16px; color:#333; text-decoration:none; font-weight:500; margin:10px 0 0 0; padding:0 25px; background:#FFF;  border:2px solid #008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;}
input.btn:hover { background:#008CD0; color:#FFF; border:2px solid #008CD0;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.no-margin { margin: 0; padding:0;}
.no-margin:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*GALLERY*/
ul#gallery-list li { float:left;	display:block;	width:180px; height: auto; min-height:100px; margin:5px; padding:0px;background-color:#E9EBE9;	}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:1px; border:none; width:178px; height: auto; background:#FFF  }
ul#gallery-list li .content_block h5 a{ font-size:13px; font-weight:500; text-decoration:none; margin:0; padding:0 10px; line-height:40px; display:block; color:#008DD0;}


ul#gallery-list li:hover{  background-color:#008DD0; }
ul#gallery-list li:hover .content_block h5 a{  color:#FFF;	}
/*GALLERY*/

/*PRODUCT-PAGE*/
.product-page-box { float:left; width:231px; height:auto; min-height:350px; margin:10px; padding:0; border:1px solid #E9EBE9;}
.product-page-box:hover { border:1px solid #008DD0;}

.product-page-box-img { float:left; width:231px; height:auto; min-height:50px; margin:0 0 0 0; padding:0;}
.product-page-box-img img { width:231px;}
.product-page-box-text { float:left; width:211px; height:auto; min-height:50px; margin:0 10px; padding:0;}
.product-page-box-text h3 { width:100%; height:auto; min-height:10px; line-height:26px; font-size:20px; color:#008CD0; text-align: left; margin:0 0 10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style: normal;}
.product-page-box-text p { text-align:left;}
/*PRODUCT-PAGE*/

}
/* Portrait tablet to landscape and desktop */


/* Landscape phone to portrait tablet */
@media only screen and ( min-width: 600px) and ( max-width: 767px ) {

h1 {width:100%; height:auto; min-height:10px; line-height:30px; font-size:24px; color:#008CD0; text-align: center; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat center bottom; text-transform:uppercase;}
h1 span { color:#333;}

h2 { width:100%; height:auto; min-height:10px; line-height:30px; font-size:24px; color:#008CD0; text-align: left; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat left bottom; text-transform:uppercase;}
h2 span { color:#333;}

h3 {width:100%; height:auto; min-height:10px; line-height:24px; font-size:18px; color:#008CD0; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style:italic;}

h4 {  width:100%; height:auto; min-height:10px; line-height:24px; font-size:16px; color:#333; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:600; text-transform: capitalize;}

h6 {width:100%; font-size:16px; text-align:center; color:#333; line-height:24px; margin:10px 0 ; padding:0; font-weight:500;}

.center { width:580px; height:auto; min-height:20px;margin:0 auto;  }
.center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

header { width:100%; height:auto; min-height:10px; margin:0; padding:0; border-top: none; border-bottom:1px solid #008DD0;}
header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}


.call-now-icon { /*float:left;*/ width:25px; height:25px; margin:0; padding:0; position: fixed; top:7px; left:10px; display:block; z-index:99999;}

/*LOGO*/
.logo { float:none; width:126px; height:auto;  margin:50px auto 10px auto; padding:0;display:block;}
.logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/*LOGO*/

.main { float:left; width:580px; height:auto; min-height:200px; margin:10px 0; padding:0;}

/*Button*/
.button { float:left; width:180px; height: auto; margin:10px 200px 0 200px; padding:0; display:block;}
.button a { float:left; width:176px; height:48px; line-height:48px; margin:0; padding:0; text-align:center; background:#FFF; font-size:18px; color:#333; text-decoration:none; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
.button a:hover { color:#FFF; background:#008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
/*Button*/

.line { width:100%; height:1px; margin:10px 0; padding:0; background:#E9EBE9; display:block;}
.line:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*New Scoller*/
.more-products { position:relative; float:left; width:580px; height: auto; margin:10px 0px 0px 0px; padding:0px; list-style:none;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:5px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:238px; height: auto; min-height:150px; padding:0px 0px 0px 0px; margin:10px; border:1px solid #E9EBE9; }
.more-products ul li:hover { border:1px solid #008CD0;}

.more-products-img { float:left; width:238px; min-height:100px height: auto; margin:0; padding:0;}
.more-products-img img { width:238px;}
.more-products-titel { float:left; width:100%; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#333; font-weight:500; margin:10px 0 ; padding:5px 0;}
.more-products-titel a { color:#333; text-decoration:none;}
.more-products-titel a:hover { color:#008CD0;}

.more-products-holder { width:520px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:190px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:560px;width:20px; height:40px; background:url(../images/icon-rt.png);  display:block;opacity:0.3;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:560px; opacity:1;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px;  display:block;opacity:0.3;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;}
/*New Scoller*/

/*HOME-CONTACT*/
.home-contact { width:100%; height:auto; margin:10px 0 0 0; padding:10px 0; background:#E9EBE9;}
.home-contact:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.home-contact-box { float:left; width:183px; height:auto; min-height:10px; margin:10px 5px; padding:0;}
.home-contact-box-icon { float:left; width:50px; height:50px; margin:0px 66.5px; padding:0; background:#FFF;-webkit-box-shadow: 2px 2px 2px 0px #E9EBE9; box-shadow: 2px 2px 2px 0px #E9EBE9;}
.home-contact-box-text { float:left; width:183px; height: auto; margin:10px 0 0 0; padding:0;}
.home-contact-box-text h1 {width:100%; height:auto; min-height:30px; line-height:30px; font-size:18px; color:#008CD0; text-align: center; margin:0; padding:0; font-weight:500; background:none; text-transform:uppercase;}
.home-contact-box-text p {width:100%; height:auto; min-height:20px; line-height:20px; font-size:13px; color:#666666; text-align:center; margin:0; padding:0; font-weight:500;}
.home-contact-box-text p a {color:#666666; text-decoration:none;}
.home-contact-box-text p a:hover {color:#008CD0;}
/*HOME-CONTACT*/

/*footer*/
footer { width:100%; height:auto; min-height:10px; margin:0 0 0 0; padding:10px 0; background:#008DD0;}
footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-logo { float:left; width:auto; height:auto; margin:10px; padding:0; display:block;}

.footer-right { float: right; width:auto; height:auto; margin:0; padding:0;}

/*footer-nav*/
.footer-nav { float:left; width: auto; height:auto; min-height:10px; margin: 0 0 10px 0; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; min-height:30px; line-height:30px; font-size:13px; text-align:left; color:#FFF; font-weight:500; margin:0; padding:0;}
.footer-nav ul li a { float:left; width: auto; line-height:30px; color:#FFF; margin:0; padding:0 10px; text-decoration:none;}
.footer-nav ul li a:hover { color:#FFF; background:url(../images/footer-hover.png) repeat-x bottom center;}
/*footer-nav*/

/*Folow-Us*/
.folow-us { float: right; width: auto; height:auto; min-height:30px; margin:10px 0; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:30px; height:30px; margin:0 10px 0 0 ; padding:0; line-height:30px;}
.folow-us ul li a { float:left; width:30px; height:22px; margin:0; padding:8px 0 0 0; background:#33A4D9; text-align:center; line-height:30px; font-size:14px; color:#FFF;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.folow-us ul li a:hover { float:left; background:#FFF; color:#008DD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Folow-Us*/

.footer-line { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:#33A4D9;}

.copy { float: left; width: auto; height:auto; min-height:30px; line-height:30px; margin:0 10px; padding:0; font-size:13px; text-align: left; color:#FFF; font-weight:500;}
/*footer*/

/*INNER-BANNER*/
.inner-banner { width:100%; height: auto; margin:0px auto; padding:0; overflow:hidden; text-align: center;}
.inner-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; padding:0;}
.inner-banner img { width:100%; height: auto;}
/*INNER-BANNER*/

/*breadcrumb*/
.breadcrumb-bg { float:left; width:100%; height:auto; min-height:10px; border-bottom:1px solid #E9EBE9; margin:0 0 10px 0; padding:0;}
.breadcrumb-handler { float: left; width: auto; height:auto; min-height:20px; line-height:20px; margin:10px; padding:0; font-size:14px; color:#333; font-weight:400; text-align: left;}
.breadcrumb-handler a {  text-align: left; color:#333; font-size:14px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 16px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#008CD0;}
/*breadcrumb*/

.conact-add { float:left; width:280px; height:auto; min-height:50px; margin:0 10px 0 0; padding:0;}

/*CONTACT-FORM*/
.contact-form { float:left; width:280px; height:auto; min-height:100px; margin:0 0 0 10px; padding:0; display:block;  }
.contact-form ul { float:left; margin: 0; padding:0; list-style:none;}
.contact-form ul li { float:left; width:280px; height:auto; min-height:20px; margin: 10px 0 0 0; padding:0; font-size:13px; line-height:18px; color:#666; font-weight:500;}
.contact-form ul li.contact-sm { float:left; width:280px; height:auto; min-height:20px; margin: 10px 0px 10px 0px; padding:0; }
.contact-form ul li.contact-sm11 { float:left; width:280px; height:auto; min-height:20px; margin: 10px 0px 10px 0px; padding:0;}


.contact-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:268px; height:43px; line-height:43px; background:#FFF; border: none; border:1px solid #E9EBE9; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.contact-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:268px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #E9EBE9;  font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.contact-bor:focus, .contact-textar:focus { border:1px solid #008DD0;   background:#FFF;}
/*CONTACT-FORM*/

.contact-form ul li label, .quick_inquiry_form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; font-weight:500; margin:0; padding:0 0 7px 0;}
.contact-form ul li label span, .quick_inquiry_form ul li label span { color:#F00;}

input.btn { float:left; text-align:left; height:auto; min-height:40px; line-height:40px; font-size:16px; color:#333; text-decoration:none; font-weight:500; margin:10px 0 0 0; padding:0 25px; background:#FFF;  border:2px solid #008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;}
input.btn:hover { background:#008CD0; color:#FFF; border:2px solid #008CD0;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.no-margin { margin: 0; padding:0;}
.no-margin:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*GALLERY*/
ul#gallery-list li { float:left;	display:block;	width:183px; height: auto; min-height:100px; margin:5px; padding:0px;background-color:#E9EBE9;	}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:1px; border:none; width:181px; height: auto; background:#FFF  }
ul#gallery-list li .content_block h5 a{ font-size:12px; font-weight:500; text-decoration:none; margin:0; padding:0 10px; line-height:40px; display:block; color:#008DD0;}


ul#gallery-list li:hover{  background-color:#008DD0; }
ul#gallery-list li:hover .content_block h5 a{  color:#FFF;	}
/*GALLERY*/


/*PRODUCT-PAGE*/
.product-page-box { float:left; width:171px; height:auto; min-height:300px; margin:10px; padding:0; border:1px solid #E9EBE9;}
.product-page-box:hover { border:1px solid #008DD0;}

.product-page-box-img { float:left; width:171px; height:auto; min-height:50px; margin:0 0 0 0; padding:0;}
.product-page-box-img img { width:171px;}
.product-page-box-text { float:left; width:161px; height:auto; min-height:50px; margin:0 5px; padding:0;}
.product-page-box-text h3 { width:100%; height:auto; min-height:10px; line-height:24px; font-size:18px; color:#008CD0; text-align: left; margin:0 0 10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style: normal;}
.product-page-box-text p { text-align:left;}
/*PRODUCT-PAGE*/

}
/* Landscape phone to portrait tablet */



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

h1 {width:100%; height:auto; min-height:10px; line-height:28px; font-size:22px; color:#008CD0; text-align: center; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat center bottom; text-transform:uppercase;}
h1 span { color:#333;}

h2 {width:100%; height:auto; min-height:10px; line-height:28px; font-size:22px; color:#008CD0; text-align: left; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat left bottom; text-transform:uppercase;}
h2 span { color:#333;}

h3 {width:100%; height:auto; min-height:10px; line-height:22px; font-size:16px; color:#008CD0; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style:italic;}

h4 {  width:100%; height:auto; min-height:10px; line-height:22px; font-size:15px; color:#333; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:600; text-transform: capitalize;}

h6 { width:100%; font-size:14px; text-align:center; color:#333; line-height:22px; margin:10px 0 ; padding:0; font-weight:500;}

.center { width:460px; height:auto; min-height:20px;margin:0 auto; }
.center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

header { width:100%; height:auto; min-height:10px; margin:0; padding:0; border-top: none; border-bottom:1px solid #008DD0;}
header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.call-now-icon { /*float:left;*/ width:25px; height:25px; margin:0; padding:0; position: fixed; top:7px; left:10px; display:block; z-index:99999;}


/*LOGO*/
.logo { float:none; width:100px; height:auto;  margin:50px auto 10px auto; padding:0;display:block;}
.logo img { width:100px;}
.logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/*LOGO*/

.main { float:left; width:460px; height:auto; min-height:200px; margin:10px 0; padding:0;}

/*Button*/
.button { float:left; width:180px; height: auto; margin:10px 140px 0 140px; padding:0; display:block;}
.button a { float:left; width:176px; height:48px; line-height:48px; margin:0; padding:0; text-align:center; background:#FFF; font-size:18px; color:#333; text-decoration:none; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
.button a:hover { color:#FFF; background:#008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
/*Button*/

.line { width:100%; height:1px; margin:10px 0; padding:0; background:#E9EBE9; display:block;}
.line:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*New Scoller*/
.more-products { position:relative; float:left; width:460px; height: auto; margin:10px 0px 0px 0px; padding:0px; list-style:none;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:5px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:178px; height: auto; min-height:150px; padding:0px 0px 0px 0px; margin:10px; border:1px solid #E9EBE9; }
.more-products ul li:hover { border:1px solid #008CD0;}

.more-products-img { float:left; width:178px; min-height:100px height: auto; margin:0; padding:0;}
.more-products-img img { width:178px;}
.more-products-titel { float:left; width:100%; height:auto; min-height:10px; line-height:20px; font-size:14px; text-align:center; color:#333; font-weight:500; margin:10px 0 ; padding:5px 0;}
.more-products-titel a { color:#333; text-decoration:none;}
.more-products-titel a:hover { color:#008CD0;}

.more-products-holder { width:400px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:160px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:440px;width:20px; height:40px; background:url(../images/icon-rt.png);  display:block;opacity:0.3;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:440px; opacity:1;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px;  display:block;opacity:0.3;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;}
/*New Scoller*/

/*HOME-CONTACT*/
.home-contact { width:100%; height:auto; margin:10px 0 0 0; padding:5px 0; background:#E9EBE9;}
.home-contact:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.home-contact-box { float:left; width:440px; height:auto; min-height:10px; margin:5px 10px; padding:0;}
.home-contact-box-icon { float:left; width:50px; height:50px; margin:0px 195px; padding:0; background:#FFF;-webkit-box-shadow: 2px 2px 2px 0px #E9EBE9; box-shadow: 2px 2px 2px 0px #E9EBE9;}
.home-contact-box-text { float:left; width:440px; height: auto; margin:10px 0 0 0; padding:0;}
.home-contact-box-text h1 {width:100%; height:auto; min-height:30px; line-height:30px; font-size:18px; color:#008CD0; text-align: center; margin:0; padding:0; font-weight:500; background:none; text-transform:uppercase;}
.home-contact-box-text p { width:100%; height:auto; min-height:20px; line-height:20px; font-size:13px; color:#666666; text-align:center; margin:0; padding:0; font-weight:500;}
.home-contact-box-text p a {color:#666666; text-decoration:none;}
.home-contact-box-text p a:hover {color:#008CD0;}
/*HOME-CONTACT*/

/*footer*/
footer { width:100%; height:auto; min-height:10px; margin:0 0 0 0; padding:10px 0; background:#008DD0;}
footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-logo { float:none; width:100px; height:auto; margin:10px auto; padding:0; display:block;}
.footer-logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.footer-logo img { width:100px;}

.footer-right { float: left; width:100%; height:auto; margin:0; padding:0;}

/*footer-nav*/
.footer-nav { float:left; width: auto; height:auto; min-height:10px; margin:10px 0; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; min-height:30px; line-height:30px; font-size:14px; text-align:left; color:#FFF; font-weight:500; margin:0; padding:0;}
.footer-nav ul li a { float:left; width: auto; line-height:30px; color:#FFF; margin:0; padding:0 13px; text-decoration:none;}
.footer-nav ul li a:hover { color:#FFF; background:url(../images/footer-hover.png) repeat-x bottom center;}
/*footer-nav*/

/*Folow-Us*/
.folow-us { float: right; width:120px; height:auto; min-height:30px; margin:10px 170px; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:30px; height:30px; margin:0 5px ; padding:0; line-height:30px;}
.folow-us ul li a { float:left; width:30px; height:22px; margin:0; padding:8px 0 0 0; background:#33A4D9; text-align:center; line-height:30px; font-size:14px; color:#FFF;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.folow-us ul li a:hover { float:left; background:#FFF; color:#008DD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Folow-Us*/

.footer-line { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:#33A4D9;}

.copy { float: left; width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:0; font-size:13px; text-align: center; color:#FFF; font-weight:500;}
/*footer*/

/*INNER-BANNER*/
.inner-banner { width:100%; height: auto; margin:0px auto; padding:0; overflow:hidden; text-align: center;}
.inner-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; padding:0;}
.inner-banner img { width:100%; height: auto;}
/*INNER-BANNER*/

/*breadcrumb*/
.breadcrumb-bg { float:left; width:100%; height:auto; min-height:10px; border-bottom:1px solid #E9EBE9; margin:0 0 10px 0; padding:0;}
.breadcrumb-handler { float: left; width: auto; height:auto; min-height:20px; line-height:20px; margin:10px; padding:0; font-size:14px; color:#333; font-weight:400; text-align: left;}
.breadcrumb-handler a {  text-align: left; color:#333; font-size:14px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 16px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#008CD0;}
/*breadcrumb*/

.conact-add { float:left; width:460px; height:auto; min-height:50px; margin:0 0 10px 0; padding:0;}

/*CONTACT-FORM*/
.contact-form { float:left; width:460px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; display:block; }
.contact-form ul { float:left; margin: 0; padding:0; list-style:none;}
.contact-form ul li { float:left; width:460px; height:auto; min-height:20px; margin: 10px 0 0 0; padding:0; font-size:13px; line-height:18px; color:#666; font-weight:500;}
.contact-form ul li.contact-sm { float:left; width:220px; height:auto; min-height:20px; margin: 10px 10px 10px 0px; padding:0; }
.contact-form ul li.contact-sm11 { float:left; width:220px; height:auto; min-height:20px; margin: 10px 0px 10px 10px; padding:0;}


.contact-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:208px; height:43px; line-height:43px; background:#FFF; border: none; border:1px solid #E9EBE9; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.contact-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:448px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #E9EBE9;  font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.contact-bor:focus, .contact-textar:focus { border:1px solid #008DD0;   background:#FFF;}
/*CONTACT-FORM*/

.contact-form ul li label, .quick_inquiry_form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; font-weight:500; margin:0; padding:0 0 7px 0;}
.contact-form ul li label span, .quick_inquiry_form ul li label span { color:#F00;}

input.btn { float:left; text-align:left; height:auto; min-height:40px; line-height:40px; font-size:16px; color:#333; text-decoration:none; font-weight:500; margin:10px 0 0 0; padding:0 25px; background:#FFF;  border:2px solid #008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;}
input.btn:hover { background:#008CD0; color:#FFF; border:2px solid #008CD0;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.no-margin { margin: 0; padding:0;}
.no-margin:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*GALLERY*/
ul#gallery-list li { float:left;	display:block;	width:210px; height: auto; min-height:100px; margin:10px; padding:0px;background-color:#E9EBE9;	}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:1px; border:none; width:208px; height: auto; background:#FFF  }
ul#gallery-list li .content_block h5 a{ font-size:13px; font-weight:500; text-decoration:none; margin:0; padding:0 10px; line-height:40px; display:block; color:#008DD0;}


ul#gallery-list li:hover{  background-color:#008DD0; }
ul#gallery-list li:hover .content_block h5 a{  color:#FFF;	}
/*GALLERY*/

/*PRODUCT-PAGE*/
.product-page-box { float:left; width:141px; height:auto; min-height:300px; margin:5px; padding:0; border:1px solid #E9EBE9;}
.product-page-box:hover { border:1px solid #008DD0;}

.product-page-box-img { float:left; width:141px; height:auto; min-height:50px; margin:0 0 0 0; padding:0;}
.product-page-box-img img { width:141px;}
.product-page-box-text { float:left; width:131px; height:auto; min-height:50px; margin:0 5px; padding:0;}
.product-page-box-text h3 { width:100%; height:auto; min-height:10px; line-height:24px; font-size:18px; color:#008CD0; text-align: left; margin:0 0 10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style: normal;}
.product-page-box-text p { text-align:left;}
/*PRODUCT-PAGE*/

}


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

h1 {width:100%; height:auto; min-height:10px; line-height:26px; font-size:20px; color:#008CD0; text-align: center; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat center bottom; text-transform:uppercase;}
h1 span { color:#333;}

h2 {width:100%; height:auto; min-height:10px; line-height:26px; font-size:20px; color:#008CD0; text-align: left; margin:0 0 5px 0; padding:0 0 15px 0; font-weight:500; background: url(../images/h1-bg.png) no-repeat left bottom; text-transform:uppercase;}
h2 span { color:#333;}

h3 {width:100%; height:auto; min-height:10px; line-height:22px; font-size:16px; color:#008CD0; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style:italic;}


h4 {  width:100%; height:auto; min-height:10px; line-height:22px; font-size:15px; color:#333; text-align: left; margin:10px 0; padding:0 0 0 0; font-weight:600; text-transform: capitalize;}

h6 {width:100%; font-size:14px; text-align:center; color:#333; line-height:22px; margin:10px 0 ; padding:0; font-weight:500;}

.center { width:300px; height:auto; min-height:20px;margin:0 auto; }
.center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

header { width:100%; height:auto; min-height:10px; margin:0; padding:0; border-top: none; border-bottom:1px solid #008DD0;}
header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.call-now-icon { /*float:left;*/ width:25px; height:25px; margin:0; padding:0; position: fixed; top:7px; left:10px; display:block; z-index:99999;}


/*LOGO*/
.logo { float:none; width:90px; height:auto;  margin:50px auto 10px auto; padding:0;display:block;}
.logo img { width:90px;}
.logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/*LOGO*/

.main { float:left; width:300px; height:auto; min-height:200px; margin:10px 0; padding:0;}

/*Button*/
.button { float:left; width:280px; height: auto; margin:10px 10px 0 10px; padding:0; display:block;}
.button a { float:left; width:276px; height:43px; line-height:45px; margin:0; padding:0; text-align:center; background:#FFF; font-size:16px; color:#333; text-decoration:none; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
.button a:hover { color:#FFF; background:#008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #008CD0;  }
/*Button*/

.line { width:100%; height:1px; margin:10px 0; padding:0; background:#E9EBE9; display:block;}
.line:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*New Scoller*/
.more-products { position:relative; float:left; width:300px; height: auto; margin:10px 0px 0px 0px; padding:0px; list-style:none;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:5px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:118px; height: auto; min-height:150px; padding:0px 0px 0px 0px; margin:10px 5px; border:1px solid #E9EBE9; }
.more-products ul li:hover { border:1px solid #008CD0;}

.more-products-img { float:left; width:118px; min-height:100px height: auto; margin:0; padding:0;}
.more-products-img img { width:118px;}
.more-products-titel { float:left; width:100%; height:auto; min-height:10px; line-height:20px; font-size:12px; text-align:center; color:#333; font-weight:500; margin:10px 0 ; padding:5px 0;}
.more-products-titel a { color:#333; text-decoration:none;}
.more-products-titel a:hover { color:#008CD0;}

.more-products-holder { width:260px; height: auto; position:relative; overflow:hidden; top:0px; left:20px;}
.more-products-holder .jcarousel-clip{ width:100%; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:125px; left:0; width:20px; height:40px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:280px;width:20px; height:40px; background:url(../images/icon-rt.png);  display:block;opacity:0.3;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:280px; opacity:1;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px;  display:block;opacity:0.3;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; opacity:1;}
/*New Scoller*/

/*HOME-CONTACT*/
.home-contact { width:100%; height:auto; margin:10px 0 0 0; padding:5px 0; background:#E9EBE9;}
.home-contact:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.home-contact-box { float:left; width:280px; height:auto; min-height:10px; margin:5px 10px; padding:0;}
.home-contact-box-icon { float:left; width:50px; height:50px; margin:0px 115px; padding:0; background:#FFF;-webkit-box-shadow: 2px 2px 2px 0px #E9EBE9; box-shadow: 2px 2px 2px 0px #E9EBE9;}
.home-contact-box-text { float:left; width:280px; height: auto; margin:10px 0 0 0; padding:0;}
.home-contact-box-text h1 {width:100%; height:auto; min-height:30px; line-height:30px; font-size:18px; color:#008CD0; text-align: center; margin:0; padding:0; font-weight:500; background:none; text-transform:uppercase;}
.home-contact-box-text p {width:100%; height:auto; min-height:20px; line-height:20px; font-size:13px; color:#666666; text-align:center; margin:0; padding:0; font-weight:500;}
.home-contact-box-text p a {color:#666666; text-decoration:none;}
.home-contact-box-text p a:hover {color:#008CD0;}
/*HOME-CONTACT*/

/*footer*/
footer { width:100%; height:auto; min-height:10px; margin:0 0 0 0; padding:10px 0; background:#008DD0;}
footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-logo { float:none; width:100px; height:auto; margin:10px auto; padding:0; display:block;}
.footer-logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.footer-logo img { width:100px;}

.footer-right { float: left; width:100%; height:auto; margin:0; padding:0;}

/*footer-nav*/
.footer-nav { float:left; width: auto; height:auto; min-height:10px; margin:10px 0; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; min-height:30px; line-height:30px; font-size:13px; text-align:left; color:#FFF; font-weight:500; margin:0; padding:0;}
.footer-nav ul li a { float:left; width: auto; line-height:30px; color:#FFF; margin:0; padding:0 10px; text-decoration:none;}
.footer-nav ul li a:hover { color:#FFF; background:url(../images/footer-hover.png) repeat-x bottom center;}
/*footer-nav*/

/*Folow-Us*/
.folow-us { float: right; width:120px; height:auto; min-height:30px; margin:10px 90px; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:30px; height:30px; margin:0 5px ; padding:0; line-height:30px;}
.folow-us ul li a { float:left; width:30px; height:22px; margin:0; padding:8px 0 0 0; background:#33A4D9; text-align:center; line-height:30px; font-size:14px; color:#FFF;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.folow-us ul li a:hover { float:left; background:#FFF; color:#008DD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Folow-Us*/

.footer-line { float:left; width:100%; height:2px; margin:10px 0; padding:0; background:#33A4D9;}

.copy { float: left; width:100%; height:auto; min-height:30px; line-height:30px; margin:0; padding:0; font-size:13px; text-align: center; color:#FFF; font-weight:500;}
/*footer*/

/*INNER-BANNER*/
.inner-banner { width:100%; height: auto; margin:0px auto; padding:0; overflow:hidden; text-align: center;}
.inner-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; padding:0;}
.inner-banner img { width:100%; height: auto;}
/*INNER-BANNER*/

/*breadcrumb*/
.breadcrumb-bg { float:left; width:100%; height:auto; min-height:10px; border-bottom:1px solid #E9EBE9; margin:0 0 10px 0; padding:0;}
.breadcrumb-handler { float: left; width: auto; height:auto; min-height:20px; line-height:20px; margin:10px; padding:0; font-size:14px; color:#333; font-weight:400; text-align: left;}
.breadcrumb-handler a {  text-align: left; color:#333; font-size:14px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 16px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#008CD0;}
/*breadcrumb*/

.conact-add { float:left; width:300px; height:auto; min-height:50px; margin:0 0 10px 0; padding:0;}

/*CONTACT-FORM*/
.contact-form { float:left; width:300px; height:auto; min-height:100px; margin:0 0 10px 0; padding:0; display:block; }
.contact-form ul { float:left; margin: 0; padding:0; list-style:none;}
.contact-form ul li { float:left; width:300px; height:auto; min-height:20px; margin: 10px 0 0 0; padding:0; font-size:13px; line-height:18px; color:#666; font-weight:500;}
.contact-form ul li.contact-sm { float:left; width:300px; height:auto; min-height:20px; margin: 10px 0px 10px 0px; padding:0; }
.contact-form ul li.contact-sm11 { float:left; width:300px; height:auto; min-height:20px; margin: 10px 0px 10px 0px; padding:0;}


.contact-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:288px; height:43px; line-height:43px; background:#FFF; border: none; border:1px solid #E9EBE9; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.contact-textar { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:288px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #E9EBE9;  font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.contact-bor:focus, .contact-textar:focus { border:1px solid #008DD0;   background:#FFF;}
/*CONTACT-FORM*/

.contact-form ul li label, .quick_inquiry_form ul li label{ float:left; width:100%; height:auto; min-height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; font-weight:500; margin:0; padding:0 0 7px 0;}
.contact-form ul li label span, .quick_inquiry_form ul li label span { color:#F00;}

input.btn { float:left; text-align: center; width:280px; height:auto; min-height:40px; line-height:40px; font-size:16px; color:#333; text-decoration:none; font-weight:500; margin:10px 10px 0 10px; padding:0 ; background:#FFF;  border:2px solid #008CD0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;}
input.btn:hover { background:#008CD0; color:#FFF; border:2px solid #008CD0;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.no-margin { margin: 0; padding:0;}
.no-margin:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*GALLERY*/
ul#gallery-list li { float:left;	display:block;	width:140px; height: auto; min-height:100px; margin:5px; padding:0px;background-color:#E9EBE9;	}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:1px; border:none; width:138px; height: auto; background:#FFF  }
ul#gallery-list li .content_block h5 a{ font-size:12px; font-weight:500; text-decoration:none; margin:0; padding:5px 10px; line-height:20px; display:block; color:#008DD0;}


ul#gallery-list li:hover{  background-color:#008DD0; }
ul#gallery-list li:hover .content_block h5 a{  color:#FFF;	}
/*GALLERY*/

/*PRODUCT-PAGE*/
.product-page-box { float:left; width:278px; height:auto; min-height:100px; margin:10px; padding:0; border:1px solid #E9EBE9;}
.product-page-box:hover { border:1px solid #008DD0;}

.product-page-box-img { float:left; width:278px; height:auto; min-height:50px; margin:0 0 0 0; padding:0;}
.product-page-box-img img { width:278px;}
.product-page-box-text { float:left; width:258px; height:auto; min-height:50px; margin:0 10px; padding:0;}
.product-page-box-text h3 { width:100%; height:auto; min-height:10px; line-height:24px; font-size:18px; color:#008CD0; text-align: left; margin:0 0 10px 0; padding:0 0 0 0; font-weight:500; text-transform: capitalize; font-style: normal;}
.product-page-box-text p { text-align:left;}
/*PRODUCT-PAGE*/

}