/* 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; overflow:hidden;}

h1 { float:left; width:100%; font-size:30px; text-align: center; line-height:40px; font-weight:600; color:#333; margin:0px 0 0px 0; padding:0 0 0 0; /*background:url(../images/titel-bg.png) no-repeat center bottom;*/}
h2 { float:left; width:100%; font-size:26px; text-align: left; line-height:40px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h3 { float:left; width:100%; font-size:24px; text-align: left; line-height:40px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h4 { float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#333; margin:5px 0; padding:0 0 0 0;}

h6 { float:left; width:100%; font-size:18px; text-align: left; line-height:25px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h5 { float:left; width:100%; font-size:15px; text-align: left; line-height:22px; font-weight:600; color:#333; margin: 0; padding:0 0 5px 0;}
h5 a {color:#333; text-decoration:none;}
h5 a:hover { color:#0267D7;}

p { float:left; width:100%; font-size:14px; text-align: justify; line-height:22px; color:#333; font-weight:500; margin:10px 0; padding:0;}
p a { color:#2188FD; text-decoration:none;}
p a:hover { color:#0267D7;}
p span { color:#2188FD; font-weight:600;}
p strong { color:#0267D7; font-weight:600;}

.center { width:1000px; min-height:20px; height:auto; 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; margin:0; padding:0; border-top:3px solid #2188FD;}
.header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*LOGO*/
.logo { float:left; width: auto; height:auto; min-height:10px; margin:20px 10px; padding:0;}
.logo img { width:290px;}
/*LOGO*/

.top-right { float:right; width:auto; height:auto; margin:0; padding:0;  display:block;}

/**CALL-NOW**/
.call-now { float:right; width: auto; height:30px; margin:10px 0 0 0; padding:0;}
.call-now ul { float:left; margin:0; padding:0; list-style:none; height:30px;}
.call-now ul li { }
.call-now ul li.icon { float:left; width:auto; width:20px; height:20px; line-height:20px; padding:0; margin:0;}
.call-now ul li.text { float:left; text-align:left; font-size:14px; color:#333; font-weight:600; width:auto; height:20px; line-height:20px; padding:0; margin:0 10px;}
.call-now ul li.text a { text-decoration:none; color:#333;}
.call-now ul li.text a:hover {color:#2188FD;}
/**CALL-NOW**/

/*TOP-RT-LOGO*/
.top-rt-logo { float:left; width:auto; height:auto; margin:5px 10px 0 0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:25px;}
.top-rt-logo ul { float:left; margin:0; padding:0; list-style:none;}
.top-rt-logo ul li.tr-text { float:left; width:auto; height:auto; margin:0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:25px; border:none;}
.top-rt-logo ul li.tr-text:hover { border:none;}
.top-rt-logo ul li { float:left; width:50px; height:25px; margin:0 0 0 5px; padding:0; border:1px solid #DDD;}
.top-rt-logo ul li:hover { border:1px solid #2188FD;}
/*TOP-RT-LOGO*/

/*SEARCH*/
.search { float: right; width:auto; height:auto; margin:5px 10px 0 10px; padding:0;}
#search-form {display:inline-block;position:relative; background:#FFF; border: none;width:300px; height:40px;margin:0;}
#search-form input {outline:none;margin:0 0 0 0;color:#666;border:none;font-size:14px;height:40px; line-height:40px;
padding:0 0 0 10px;width:260px;}
.search-form-submit {position:absolute;display:block;width:40px;height:40px;background: url(../images/search.png) no-repeat 0 0;right:0px;top:0px;}
.search-form-submit:hover {background:url(../images/search.png) no-repeat 0 bottom;}
/*SEARCH*/

.main-wrapper { width:100%; height:auto; min-height:50px; margin:0 0 5px 0; padding:10px 0; background:url(../images/bg.png) repeat top left;}
.main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.main-wrapper h1 { float:left; width:100%; font-size:36px; text-align: center; line-height:50px; font-weight:600; color:#333; margin:0px 0 0px 0; padding:0 0 15px 0; background:url(../images/titel-bg.png) no-repeat center bottom;}
.main-wrapper p { float:left; width:100%; height:auto; font-size:16px; text-align:center; color:#33343F; font-weight:600; line-height:24px; margin:10px 0; padding:0; }

/*BUTTON*/
.button { float:left; width:140px; height:50px; margin:10px 430px; padding:0;}
.button a { float:left; width:100%; color:#0267D7; text-align: center; font-size:18px; height:50px; line-height:50px; margin:0; padding:0; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*BUTTON*/

/*New Scoller*/
.more-products { position:relative; float:left; width:690px; height: auto; margin:10px 0 0px 10px; padding:0px; list-style:none; overflow:hidden;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:210px; height: auto; min-height:230px; padding:0px 0px 0px 0px; margin:10px 20px 10px 0; border:1px solid #DDD; }
.more-products ul li:hover { border:1px solid #2188FD;}

.pro-img { float:left; width:208px; height:auto; min-height:50px; margin:0; padding:0;}
.pro-text { float:left; width:188px; height:auto; min-height:30px; font-size:15px; text-align:left; color:#333; font-weight:600; line-height:22px; margin:0; padding:10px;}
.pro-text a { color:#333; text-decoration:none;}
.pro-text a:hover { color:#2188FD;} 


.more-products-holder { width:100%; height: auto; position:relative; overflow:hidden; top:0px; left:0px;}
.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:5px; left:0; width:35px; height:35px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:635px;width:35px; height:35px; background:#333 url(../images/icon-rt.png)}
.more-nav a.next:hover {background:#2188FD url(../images/icon-rt.png); left:635px;}

.more-nav a.prev{ background:#333 url(../images/icon-lf.png); left:590px;}
.more-nav a.prev:hover { background:#2188FD url(../images/icon-lf.png); left:590px;}
/*New Scoller*/

/*NEWS*/
.news { float:left; width:290px; height:auto; min-height:50px; margin:10px 10px 0px 0; padding:0;}

#news-container { float:left; width: 100%; margin: auto; height:260px !important; margin-top: 10px;}
#news-container ul{ float:left; margin:0; padding:0; list-style:none;}
#news-container ul li{ float:left; height:auto; margin:0 ; padding:0;}
#news-container ul li div{ float:left;}

.news-img { float:left; width:90px; height:70px; margin:0 0 10px 0; padding:0; border:1px solid #DDD; }
.news-text { float:left; width:190px; height:auto; min-height:10px; margin:0 0 10px 10px; padding:0; font-size:14px; text-align:left; color:#333; line-height:20px; font-weight:500;}
.news-text a {color:#333; text-decoration:none;}
.news-text a:hover { color:#2188FD;}
.news-text span { color:#2188FD; font-weight:600;}
/**NEWS**/


/**FOOTER**/
.footer { width:100%; margin:10px 0 0 0; padding:0 0 0 0; display:block; background:#2188FD; min-height:50px; height:auto; border-top:2px solid #0267D7;}
.footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-nav h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}

.footer-nav { float:left; width:220px; height:auto; min-height:30px; margin:10px; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0;}
.footer-nav ul li a { float:left; width:100%; line-height:30px; margin:0; padding:0; font-size:13px; text-align:left; color:#FFF; font-weight:400; text-decoration:none;}
.footer-nav ul li a:hover { color:#DDD;}

/*Quick Inquiry*/
.quick-inquiry { float:left; width:500px; height:auto; min-height:20px; margin:10px; padding:0;}
.quick-inquiry h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}
.quick-inquiry ul { float:left; margin:0; padding:0; list-style:none;}
.quick-inquiry ul li { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0;}
.quick-inquiry ul li.lt { float:left; width:240px; height:auto; min-height:10px; margin:10px 10px 10px 0px; padding:0;}
.quick-inquiry ul li.rt { float:left; width:240px; height:auto; min-height:10px; margin:10px 0px 10px 10px; padding:0;}



.quick_inquiry_border { float:left; font-size:13px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFF !important;  width:500px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_border1 { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:240px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_textarea_border { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:500px; height:98px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.quick_inquiry_border:focus, .quick_inquiry_textarea_border:focus, .quick_inquiry_border1:focus { border:1px solid #FFF;  background:#2188FD;}

input.quick-inquiry-btn { float:left; text-align:left; height:38px; line-height:20px; font-size:14px; color:#0267D7; text-decoration:none; font-weight:500; margin:0 0 0 0; padding:0 20px; background:#FFF; border:2px solid #0267D7 ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
input.quick-inquiry-btn:hover { background:#0267D7; color:#FFF; border:2px solid #FFF;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Quick Inquiry*/

.line { float:left; width:100%; height:1px; margin:0 0 10px 0; padding:0; background:#FFF;}

.line1 { float:left; width:100%; height:1px; margin:10px 0; padding:0; background:#DDD;}

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

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

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

.footer-call { float:left; width:auto; border-right:1px solid #FFF; margin:0; padding:5px 0;}
.footer-call ul { float:left; margin:0; padding:0; list-style:none;}
.footer-call ul li { float:left; margin:0; padding:0;}
.footer-call ul li.ic { float:left; width:25px; height:25px; margin:0; padding:0;}
.footer-call ul li.text { float:left; width:auto; height:auto; min-height:20px; font-size:16px; text-align:left; color:#FFF; line-height:25px; margin:0 20px 0 5px; padding:0; font-weight:500;}

/*Folow-Us*/
.folow-us { float:left; width: auto; height:auto; min-height:40px; margin:10px 0 0 10px; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:40px; height:40px; margin:0 0 0 10px ; padding:0; line-height:40px;}
.folow-us ul li a { float:left; width:40px; height:40px; margin:0; padding:12px 0 11px 0; background:#2188FD; text-align:center; line-height:35px; font-size:14px; color:#FFF;  border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
.folow-us ul li a:hover { float:left; background:#0267D7; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*Folow-Us*/

.design-by  { float: left; width:100%; height:auto; line-height:30px; margin:0px; padding:0 0 10px 0 ; font-size:13px; text-align: center; font-weight:400; color:#FFF;}
.design-by a { color:#FFF; text-decoration:none;}
.design-by a:hover { color:#DDD;}
/**FOOTER**/

/*SUB-BANNER*/
.sub-banner { float:left; width:100%; margin:0 0 10px 0; padding:0; display:block; min-height:100px; height:auto; border-bottom:2px solid #2188FD; }
.sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.subbanner-titel { float:left; width: auto; height:auto; line-height:100px; font-size:32px; text-align:left; color:#2188FD; font-weight:500; text-transform: capitalize; margin:0; padding:0 10px;}
/*SUB-BANNER*/

/*breadcrumb*/
.breadcrumb-handler { float: right; width: auto; height:auto; min-height:20px; line-height:20px; margin:40px 10px; padding:0; font-size:15px; color:#333; font-weight:400; text-align:right;}
.breadcrumb-handler a {  text-align:right; color:#333; font-size:15px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 40px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#2188FD;}
/*breadcrumb*/

.main { float: left; width:100%; height:auto; min-height:350px; margin: 0; padding:0;}

.conact-add { float:left; width:450px; 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 10px 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:#33343F !important;  width:255px; height:41px; line-height:40px; background:#FFF; border: none; border:1px solid #CCC; 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:#33343F !important;  width:530px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #CCC; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.contact-bor:focus, .contact-textar:focus { border:1px solid #2188FD;  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:#33343F; 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.contact-form-btn { float:left; text-align:left; height:38px; line-height:20px; font-size:14px; color:#0267D7; text-decoration:none; font-weight:500; margin:10px 0 0 0; padding:0 20px; background:#FFF; border:2px solid #0267D7 ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
input.contact-form-btn:hover { background:#0267D7; color:#FFF; border:2px solid #0267D7;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}



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

/*PRODUCT-PAGE*/
.product-img { float:left; width:300px; height:auto; min-height:10px; margin:10px 10px 0px 0px; padding:0;} 
.product-text { float:left; width:680px; height:auto; min-height:10px; margin:10px 0px 0px 10px; padding:0;} 
/*PRODUCT-PAGE*/

/*portfolio*/
ul#gallery-list li { float:left;	display:block;	width:300px; height: auto; margin:0; padding:0px 0px 0px 0; border:1px solid #DDD; background:#FFF;  	}
ul#gallery-list li:hover { border:1px solid #2188FD;}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:0; border:none; width:298px; height: auto;  }
/*portfolio*/

.button1 { float:left; width: auto; height: auto; margin:10px 0; padding:0;}
.button1 a { float:left; width: auto; color:#0267D7; text-align: center; font-size:16px; height:40px; line-height:36px; margin:0; padding:0 10px; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button1 a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7;}

.pro-box { float:left; width:300px; height:auto; min-height:10px; margin:10px 15px; padding:0;}

/* Portrait tablet to landscape and desktop */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	
h2 { float:left; width:100%; font-size:24px; text-align: left; line-height:40px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h3 { float:left; width:100%; font-size:22px; text-align: left; line-height:38px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h4 { float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#333; margin:5px 0; padding:0 0 0 0;}

h6 { float:left; width:100%; font-size:18px; text-align: left; line-height:25px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h5 { float:left; width:100%; font-size:15px; text-align: left; line-height:22px; font-weight:600; color:#333; margin: 0; padding:0 0 5px 0;}

.center { width:760px; min-height:20px; height:auto; 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; margin:0; padding:0; border-top:3px solid #2188FD;}
.header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*LOGO*/
.logo { float:left; width: auto; height:auto; min-height:10px; margin:20px 10px; padding:0;}
.logo img { width:200px;}
/*LOGO*/

.top-right { float:right; width:auto; height:auto; margin:0; padding:0;  display:block;}

/**CALL-NOW**/
.call-now { float:right; width: auto; height:30px; margin:10px 0 0 0; padding:0;}
.call-now ul { float:left; margin:0; padding:0; list-style:none; height:30px;}
.call-now ul li { }
.call-now ul li.icon { float:left; width:auto; width:20px; height:20px; line-height:20px; padding:0; margin:0;}
.call-now ul li.text { float:left; text-align:left; font-size:14px; color:#333; font-weight:600; width:auto; height:20px; line-height:20px; padding:0; margin:0 10px;}
.call-now ul li.text a { text-decoration:none; color:#333;}
.call-now ul li.text a:hover {color:#2188FD;}
/**CALL-NOW**/

/*TOP-RT-LOGO*/
.top-rt-logo { float:left; width:auto; height:auto; margin:0px 10px 0 0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600;}
.top-rt-logo ul { float:left; margin:0; padding:0; list-style:none;}
.top-rt-logo ul li.tr-text { float:left; width:auto; height:auto; margin:0; padding:0; display:block; font-size:12px; text-align:left; color:#333; font-weight:600; line-height:18px; border:none;}
.top-rt-logo ul li.tr-text:hover { border:none;}
.top-rt-logo ul li { float:left; width:35px; height: auto; margin:0 0 0 5px; padding:0; border:1px solid #DDD;}
.top-rt-logo ul li:hover { border:1px solid #2188FD;}
.top-rt-logo ul li img { width:33px;}
/*TOP-RT-LOGO*/

/*SEARCH*/
.search { float: right; width:auto; height:auto; margin:5px 10px 0 10px; padding:0;}
#search-form {display:inline-block;position:relative; background:#FFF; border: none;width:250px; height:40px;margin:0;}
#search-form input {outline:none;margin:0 0 0 0;color:#666;border:none;font-size:14px;height:40px; line-height:40px;
padding:0 0 0 10px;width:210px;}
.search-form-submit {position:absolute;display:block;width:40px;height:40px;background: url(../images/search.png) no-repeat 0 0;right:0px;top:0px;}
.search-form-submit:hover {background:url(../images/search.png) no-repeat 0 bottom;}
/*SEARCH*/

.main-wrapper { width:100%; height:auto; min-height:50px; margin:0 0 10px 0; padding:10px 0; background:url(../images/bg.png) repeat top left;}
.main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.main-wrapper h1 { float:left; width:100%; font-size:32px; text-align: center; line-height:48px; font-weight:600; color:#333; margin:0px 0 0px 0; padding:0 0 15px 0; background:url(../images/titel-bg.png) no-repeat center bottom;}
.main-wrapper p { float:left; width:100%; height:auto; font-size:16px; text-align:center; color:#33343F; font-weight:600; line-height:24px; margin:10px 0; padding:0; }

/*BUTTON*/
.button { float:left; width:140px; height:50px; margin:10px 310px; padding:0;}
.button a { float:left; width:100%; color:#0267D7; text-align: center; font-size:18px; height:50px; line-height:50px; margin:0; padding:0; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*BUTTON*/

/*New Scoller*/
.more-products { position:relative; float:left; width:510px; height: auto; margin:10px 0 10px 10px; padding:0px; list-style:none; overflow:hidden; }
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:150px; height: auto; min-height:130px; padding:0px 0px 0px 0px; margin:10px 20px 10px 0; border:1px solid #DDD; }
.more-products ul li:hover { border:1px solid #2188FD;}

.pro-img { float:left; width:148px; height:auto; min-height:50px; margin:0; padding:0;}
.pro-img img { width:148px;}
.pro-text { float:left; width:138px; height:auto; min-height:30px; font-size:14px; text-align:left; color:#333; font-weight:600; line-height:22px; margin:0; padding:5px;}
.pro-text a { color:#333; text-decoration:none;}
.pro-text a:hover { color:#2188FD;} 


.more-products-holder { width:100%; height: auto; position:relative; overflow:hidden; top:0px; left:0px;}
.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:5px; left:0; width:35px; height:35px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:455px;width:35px; height:35px; background:#333 url(../images/icon-rt.png)}
.more-nav a.next:hover {background:#2188FD url(../images/icon-rt.png); left:455px;}

.more-nav a.prev{ background:#333 url(../images/icon-lf.png); left:410px;}
.more-nav a.prev:hover { background:#2188FD url(../images/icon-lf.png); left:410px;}
/*New Scoller*/

/*NEWS*/
.news { float:left; width:230px; height:auto; min-height:50px; margin:10px 10px 10px 0; padding:0;}

#news-container { float:left; width: 100%; margin: auto; height:200px !important; margin-top: 10px;}
#news-container ul{ float:left; margin:0; padding:0; list-style:none;}
#news-container ul li{ float:left; height:auto; margin:0 ; padding:0;}
#news-container ul li div{ float:left;}

.news-img { float:left; width:90px; height:70px; margin:0 0 10px 0; padding:0; border:1px solid #DDD; }
.news-text { float:left; width:130px; height:auto; min-height:10px; margin:0 0 10px 10px; padding:0; font-size:13px; text-align:left; color:#333; line-height:20px; font-weight:500;}
.news-text a {color:#333; text-decoration:none;}
.news-text a:hover { color:#2188FD;}
.news-text span { color:#2188FD; font-weight:600;}
/**NEWS**/

/**FOOTER**/
.footer { width:100%; margin:10px 0 0 0; padding:0 0 0 0; display:block; background:#2188FD; min-height:50px; height:auto; border-top:2px solid #0267D7;}
.footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-nav h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}

.footer-nav { float:left; width:230px; height:auto; min-height:30px; margin:10px; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0;}
.footer-nav ul li a { float:left; width:100%; line-height:30px; margin:0; padding:0; font-size:13px; text-align:left; color:#FFF; font-weight:400; text-decoration:none;}
.footer-nav ul li a:hover { color:#DDD;}

/*Quick Inquiry*/
.quick-inquiry { float:left; width:240px; height:auto; min-height:20px; margin:10px; padding:0;}
.quick-inquiry h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}
.quick-inquiry ul { float:left; margin:0; padding:0; list-style:none;}
.quick-inquiry ul li { float:left; width:240px; height:auto; min-height:10px; margin:10px 0; padding:0;}
.quick-inquiry ul li.lt { float:left; width:240px; height:auto; min-height:10px; margin:10px 0px 10px 0px; padding:0;}
.quick-inquiry ul li.rt { float:left; width:240px; height:auto; min-height:10px; margin:10px 0px 10px 0px; padding:0;}



.quick_inquiry_border { float:left; font-size:13px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFF !important;  width:240px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_border1 { float:left; font-size:13px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFF !important;  width:240px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_textarea_border { float:left; font-size:13px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFF !important;  width:240px; height:98px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.quick_inquiry_border:focus, .quick_inquiry_textarea_border:focus, .quick_inquiry_border1:focus { border:1px solid #FFF;  background:#2188FD;}

input.quick-inquiry-btn { float:left; text-align:left; height:38px; line-height:20px; font-size:14px; color:#0267D7; text-decoration:none; font-weight:500; margin:0 0 0 0; padding:0 20px; background:#FFF; border:2px solid #0267D7 ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
input.quick-inquiry-btn:hover { background:#0267D7; color:#FFF; border:2px solid #FFF;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Quick Inquiry*/

.line { float:left; width:100%; height:1px; margin:0 0 10px 0; padding:0; background:#FFF;}

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

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

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

.footer-call { float:left; width:auto; border-right:1px solid #FFF; margin:0; padding:5px 0;}
.footer-call ul { float:left; margin:0; padding:0; list-style:none;}
.footer-call ul li { float:left; margin:0; padding:0;}
.footer-call ul li.ic { float:left; width:25px; height:25px; margin:0; padding:0;}
.footer-call ul li.text { float:left; width:auto; height:auto; min-height:20px; font-size:16px; text-align:left; color:#FFF; line-height:25px; margin:0 20px 0 5px; padding:0; font-weight:500;}

/*Folow-Us*/
.folow-us { float:left; width: auto; height:auto; min-height:40px; margin:10px 0 0 10px; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:40px; height:40px; margin:0 0 0 10px ; padding:0; line-height:40px;}
.folow-us ul li a { float:left; width:40px; height:40px; margin:0; padding:12px 0 11px 0; background:#2188FD; text-align:center; line-height:35px; font-size:14px; color:#FFF;  border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
.folow-us ul li a:hover { float:left; background:#0267D7; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*Folow-Us*/

.design-by  { float: left; width:100%; height:auto; line-height:30px; margin:0px; padding:0 0 10px 0 ; font-size:13px; text-align: center; font-weight:400; color:#FFF;}
.design-by a { color:#FFF; text-decoration:none;}
.design-by a:hover { color:#DDD;}
/**FOOTER**/

/*SUB-BANNER*/
.sub-banner { float:left; width:100%; margin:0 0 10px 0; padding:0; display:block; min-height:100px; height:auto; border-bottom:2px solid #2188FD; }
.sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.subbanner-titel { float:left; width: auto; height:auto; line-height:100px; font-size:32px; text-align:left; color:#2188FD; font-weight:500; text-transform: capitalize; margin:0; padding:0 10px;}
/*SUB-BANNER*/

/*breadcrumb*/
.breadcrumb-handler { float: right; width: auto; height:auto; min-height:20px; line-height:20px; margin:40px 10px; padding:0; font-size:15px; color:#333; font-weight:400; text-align:right;}
.breadcrumb-handler a {  text-align:right; color:#333; font-size:15px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 40px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#2188FD;}
/*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 10px 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:#33343F !important;  width:230px; height:41px; line-height:40px; background:#FFF; border: none; border:1px solid #CCC; 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:#33343F !important;  width:480px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #CCC; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

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

/*PRODUCT-PAGE*/
.product-img { float:left; width:280px; height:auto; min-height:10px; margin:10px 10px 0px 0px; padding:0;} 
.product-text { float:left; width:460px; height:auto; min-height:10px; margin:10px 0px 0px 10px; padding:0;} 
/*PRODUCT-PAGE*/

/*portfolio*/
ul#gallery-list li { float:left;	display:block;	width:280px; height: auto; margin:0; padding:0px 0px 0px 0; border:1px solid #DDD; background:#FFF;  	}
ul#gallery-list li:hover { border:1px solid #2188FD;}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:0; border:none; width:278px; height: auto;  }
/*portfolio*/

.button1 { float:left; width: auto; height: auto; margin:10px 0; padding:0;}
.button1 a { float:left; width: auto; color:#0267D7; text-align: center; font-size:16px; height:40px; line-height:36px; margin:0; padding:0 10px; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button1 a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7;}

.pro-box { float:left; width:350px; height:auto; min-height:10px; margin:10px 15px; padding:0 35px;}

}
/* Portrait tablet to landscape and desktop */


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

h2 { float:left; width:100%; font-size:22px; text-align: left; line-height:36px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h3 { float:left; width:100%; font-size:20px; text-align: left; line-height:36px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h4 { float:left; width:100%; font-size:18px; text-align: left; line-height:30px; font-weight:600; color:#333; margin:5px 0; padding:0 0 0 0;}

h6 { float:left; width:100%; font-size:16px; text-align: left; line-height:23px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h5 { float:left; width: auto; font-size:15px; text-align: left; line-height:22px; font-weight:600; color:#333; margin: 0; padding:0 0 5px 10px;}

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

.header { width:100%; height:auto; margin:0; padding:0; border-top: none;}
.header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

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

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

.top-right { float:right; width:auto; height:auto; margin:0; padding:0;  display:block;}

/**CALL-NOW**/
.call-now { display:none; /*float:right; width: auto; height:30px; margin:10px 0 0 0; padding:0;*/}
/*.call-now ul { float:left; margin:0; padding:0; list-style:none; height:30px;}
.call-now ul li { }
.call-now ul li.icon { float:left; width:auto; width:20px; height:20px; line-height:20px; padding:0; margin:0;}
.call-now ul li.text { float:left; text-align:left; font-size:14px; color:#333; font-weight:600; width:auto; height:20px; line-height:20px; padding:0; margin:0 10px;}
.call-now ul li.text a { text-decoration:none; color:#333;}
.call-now ul li.text a:hover {color:#2188FD;}*/
/**CALL-NOW**/


/*SEARCH*/
.search { float:left; width:auto; height:auto; margin:10px; padding:0;}
#search-form {display:inline-block;position:relative; background:#FFF; border: none;width:580px; height:40px;margin:0;}
#search-form input {outline:none;margin:0 0 0 0;color:#666;border:none;font-size:14px;height:40px; line-height:40px;
padding:0 0 0 10px;width:540px;}
.search-form-submit {position:absolute;display:block;width:40px;height:40px;background: url(../images/search.png) no-repeat 0 0;right:0px;top:0px;}
.search-form-submit:hover {background:url(../images/search.png) no-repeat 0 bottom;}
/*SEARCH*/

/*TOP-RT-LOGO*/
.top-rt-logo { float:left; width:auto; height:auto; margin:0 10px 10px 0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:25px;}
.top-rt-logo ul { float:left; margin:0; padding:0; list-style:none;}
.top-rt-logo ul li.tr-text { float:left; width:100%; height:auto; margin:0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:25px; border:none;}
.top-rt-logo ul li.tr-text:hover { border:none;}
.top-rt-logo ul li { float:left; width:50px; height:25px; margin:0 5px 0 0; padding:0; border:1px solid #DDD;}
.top-rt-logo ul li:hover { border:1px solid #2188FD;}
/*TOP-RT-LOGO*/

.main-wrapper { width:100%; height:auto; min-height:50px; margin:0 0 10px 0; padding:10px 0; background:url(../images/bg.png) repeat top left;}
.main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.main-wrapper h1 { float:left; width:100%; font-size:28px; text-align: center; line-height:36px; font-weight:600; color:#333; margin:0px 0 0px 0; padding:0 0 15px 0; background:url(../images/titel-bg.png) no-repeat center bottom;}
.main-wrapper p { float:left; width:100%; height:auto; font-size:16px; text-align:center; color:#33343F; font-weight:600; line-height:24px; margin:10px 0; padding:0; }

/*BUTTON*/
.button { float:left; width:140px; height:50px; margin:10px 220px; padding:0;}
.button a { float:left; width:100%; color:#0267D7; text-align: center; font-size:18px; height:50px; line-height:50px; margin:0; padding:0; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*BUTTON*/

/*New Scoller*/
.more-products { position:relative; float:left; width:580px; height: auto; margin:10px 0 10px 0; padding:0px; list-style:none; overflow:hidden; }
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:173px; height: auto; min-height:130px; padding:0px 0px 0px 0px; margin:10px; border:1px solid #DDD; }
.more-products ul li:hover { border:1px solid #2188FD;}

.pro-img { float:left; width:171px; height:auto; min-height:50px; margin:0; padding:0;}
.pro-img img { width:171px;}
.pro-text { float:left; width:151px; height:auto; min-height:30px; font-size:14px; text-align:left; color:#333; font-weight:600; line-height:22px; margin:0; padding:10px;}
.pro-text a { color:#333; text-decoration:none;}
.pro-text a:hover { color:#2188FD;} 


.more-products-holder { width:100%; height: auto; position:relative; overflow:hidden; top:0px; left:0px;}
.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:0px; left:0; width:35px; height:35px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:545px;width:35px; height:35px; background:#333 url(../images/icon-rt.png)}
.more-nav a.next:hover {background:#2188FD url(../images/icon-rt.png); left:545px;}

.more-nav a.prev{ background:#333 url(../images/icon-lf.png); left:500px;}
.more-nav a.prev:hover { background:#2188FD url(../images/icon-lf.png); left:500px;}
/*New Scoller*/

/*NEWS*/
.news { float:left; width:580px; height:auto; min-height:50px; margin:0px 0px 10px 0; padding:0;}

#news-container { float:left; width: 100%; margin: auto; height:150px !important; margin-top: 10px;}
#news-container ul{ float:left; margin:0; padding:0; list-style:none;}
#news-container ul li{ float:left; height:auto; margin:0 ; padding:0;}
#news-container ul li div{ float:left;}

.news-img { float:left; width:90px; height:70px; margin:0 0 10px 0; padding:0; border:1px solid #DDD; }
.news-text { float:left; width:480px; height:auto; min-height:10px; margin:0 0 10px 10px; padding:0; font-size:13px; text-align:left; color:#333; line-height:20px; font-weight:500;}
.news-text a {color:#333; text-decoration:none;}
.news-text a:hover { color:#2188FD;}
.news-text span { color:#2188FD; font-weight:600;}
/**NEWS**/

/**FOOTER**/
.footer { width:100%; margin:10px 0 0 0; padding:0 0 0 0; display:block; background:#2188FD; min-height:50px; height:auto; border-top:2px solid #0267D7;}
.footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-nav h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}

.footer-nav { float:left; width:270px; height:auto; min-height:30px; margin:10px; padding:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; height:auto; min-height:20px; margin:0; padding:0;}
.footer-nav ul li a { float:left; width:100%; line-height:30px; margin:0; padding:0; font-size:13px; text-align:left; color:#FFF; font-weight:400; text-decoration:none;}
.footer-nav ul li a:hover { color:#DDD;}

/*Quick Inquiry*/
.quick-inquiry { float:left; width:560px; height:auto; min-height:20px; margin:10px; padding:0;}
.quick-inquiry h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}
.quick-inquiry ul { float:left; margin:0; padding:0; list-style:none;}
.quick-inquiry ul li { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0;}
.quick-inquiry ul li.lt { float:left; width:270px; height:auto; min-height:10px; margin:10px 10px 10px 0px; padding:0;}
.quick-inquiry ul li.rt { float:left; width:270px; height:auto; min-height:10px; margin:10px 0px 10px 10px; padding:0;}



.quick_inquiry_border { float:left; font-size:13px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFF !important;  width:560px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_border1 { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:270px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_textarea_border { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:560px; height:98px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.quick_inquiry_border:focus, .quick_inquiry_textarea_border:focus, .quick_inquiry_border1:focus { border:1px solid #FFF;  background:#2188FD;}

input.quick-inquiry-btn { float:left; text-align:left; height:38px; line-height:20px; font-size:14px; color:#0267D7; text-decoration:none; font-weight:500; margin:0 0 0 0; padding:0 20px; background:#FFF; border:2px solid #0267D7 ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
input.quick-inquiry-btn:hover { background:#0267D7; color:#FFF; border:2px solid #FFF;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Quick Inquiry*/

.line { float:left; width:100%; height:1px; margin:0 0 10px 0; padding:0; background:#FFF;}

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

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

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

.footer-call { float:left; width:auto; border-right:1px solid #FFF; margin:0; padding:5px 0;}
.footer-call ul { float:left; margin:0; padding:0; list-style:none;}
.footer-call ul li { float:left; margin:0; padding:0;}
.footer-call ul li.ic { float:left; width:25px; height:25px; margin:0; padding:0;}
.footer-call ul li.text { float:left; width:auto; height:auto; min-height:20px; font-size:16px; text-align:left; color:#FFF; line-height:25px; margin:0 20px 0 5px; padding:0; font-weight:500;}

/*Folow-Us*/
.folow-us { float:left; width: auto; height:auto; min-height:40px; margin:10px 0 0 10px; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:40px; height:40px; margin:0 0 0 10px ; padding:0; line-height:40px;}
.folow-us ul li a { float:left; width:40px; height:40px; margin:0; padding:12px 0 11px 0; background:#2188FD; text-align:center; line-height:35px; font-size:14px; color:#FFF;  border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
.folow-us ul li a:hover { float:left; background:#0267D7; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*Folow-Us*/

.design-by  { float: left; width:100%; height:auto; line-height:40px; margin:0px; padding:0 0 0px 0 ; font-size:13px; text-align: center; font-weight:400; color:#FFF;}
.design-by a { color:#FFF; text-decoration:none;}
.design-by a:hover { color:#DDD;}
/**FOOTER**/

/*SUB-BANNER*/
.sub-banner { float:left; width:100%; margin:0 0 10px 0; padding:0; display:block; min-height:10px; height:auto; border-bottom:2px solid #2188FD; }
.sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.subbanner-titel { float:left; width: auto; height:auto; line-height:80px; font-size:26px; text-align:left; color:#2188FD; font-weight:500; text-transform: capitalize; margin:0; padding:0 10px;}
/*SUB-BANNER*/

/*breadcrumb*/
.breadcrumb-handler { float: right; width: auto; height:auto; min-height:20px; line-height:20px; margin:30px 10px; padding:0; font-size:15px; color:#333; font-weight:400; text-align:right;}
.breadcrumb-handler a {  text-align:right; color:#333; font-size:15px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 40px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#2188FD;}
/*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 10px 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 0 10px 0px; padding:0; }
.contact-form ul li.contact-sm11 { float:left; width:280px; height:auto; min-height:20px; margin: 10px 0px 10px 0; padding:0;}


.contact-bor { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#33343F !important;  width:280px; height:41px; line-height:40px; background:#FFF; border: none; border:1px solid #CCC;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:#33343F !important;  width:280px; height:115px; line-height:30px; background:#FFF; border: none; border:1px solid #CCC; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

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

/*PRODUCT-PAGE*/
.product-img { float:left; width:200px; height:auto; min-height:10px; margin:10px 10px 0px 0px; padding:0;} 
.product-text { float:left; width:360px; height:auto; min-height:10px; margin:10px 0px 0px 10px; padding:0;} 
/*PRODUCT-PAGE*/

/*portfolio*/
ul#gallery-list li { float:left;	display:block;	width:200px; height: auto; margin:0; padding:0px 0px 0px 0; border:1px solid #DDD; background:#FFF;  	}
ul#gallery-list li:hover { border:1px solid #2188FD;}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:0; border:none; width:198px; height: auto;  }
/*portfolio*/

.button1 { float:left; width: auto; height: auto; margin:10px 0; padding:0;}
.button1 a { float:left; width: auto; color:#0267D7; text-align: center; font-size:16px; height:40px; line-height:36px; margin:0; padding:0 10px; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button1 a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7;}

.pro-box { float:left; width:200px; height:auto; min-height:10px; margin:10px 45px; padding:0;}

}
/* Landscape phone to portrait tablet */



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

h2 { float:left; width:100%; font-size:22px; text-align: left; line-height:34px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}	

h3 { float:left; width:100%; font-size:20px; text-align: left; line-height:35px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h4 { float:left; width:100%; font-size:18px; text-align: left; line-height:30px; font-weight:600; color:#333; margin:5px 0; padding:0 0 0 0;}

h6 { float:left; width:100%; font-size:16px; text-align: left; line-height:23px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h5 { float:left; width: auto; font-size:15px; text-align: left; line-height:22px; font-weight:600; color:#333; margin: 0; padding:0 0 5px 10px;}

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

.header { width:100%; height:auto; margin:0; padding:0; border-top: none;}
.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:9999999;}

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

/**CALL-NOW**/
.call-now { display:none; /*float:right; width: auto; height:30px; margin:10px 0 0 0; padding:0;*/}
/*.call-now ul { float:left; margin:0; padding:0; list-style:none; height:30px;}
.call-now ul li { }
.call-now ul li.icon { float:left; width:auto; width:20px; height:20px; line-height:20px; padding:0; margin:0;}
.call-now ul li.text { float:left; text-align:left; font-size:14px; color:#333; font-weight:600; width:auto; height:20px; line-height:20px; padding:0; margin:0 10px;}
.call-now ul li.text a { text-decoration:none; color:#333;}
.call-now ul li.text a:hover {color:#2188FD;}*/
/**CALL-NOW**/

/*TOP-RT-LOGO*/
.top-rt-logo { float:left; width:auto; height:auto; margin:0 10px 5px 0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:25px;}
.top-rt-logo ul { float:left; margin:0; padding:0; list-style:none;}
.top-rt-logo ul li.tr-text { float:left; width:100%; height:auto; margin:0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:25px; border:none;}
.top-rt-logo ul li.tr-text:hover { border:none;}
.top-rt-logo ul li { float:left; width:50px; height:25px; margin:5px; padding:0; border:1px solid #DDD;}
.top-rt-logo ul li:hover { border:1px solid #2188FD;}
/*TOP-RT-LOGO*/

/*SEARCH*/
.search { float:left; width:auto; height:auto; margin:10px; padding:0;}
#search-form {display:inline-block;position:relative; background:#FFF; border: none;width:460px; height:40px;margin:0;}
#search-form input {outline:none;margin:0 0 0 0;color:#666;border:none;font-size:14px;height:40px; line-height:40px;
padding:0 0 0 10px;width:420px;}
.search-form-submit {position:absolute;display:block;width:40px;height:40px;background: url(../images/search.png) no-repeat 0 0;right:0px;top:0px;}
.search-form-submit:hover {background:url(../images/search.png) no-repeat 0 bottom;}
/*SEARCH*/

.main-wrapper { width:100%; height:auto; min-height:50px; margin:0 0 10px 0; padding:10px 0; background:url(../images/bg.png) repeat top left;}
.main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.main-wrapper h1 { float:left; width:100%; font-size:26px; text-align: center; line-height:32px; font-weight:600; color:#333; margin:0px 0 0px 0; padding:0 0 15px 0; background:url(../images/titel-bg.png) no-repeat center bottom;}
.main-wrapper p { float:left; width:100%; height:auto; font-size:15px; text-align:center; color:#33343F; font-weight:500; line-height:22px; margin:10px 0; padding:0; }

/*BUTTON*/
.button { float:left; width:140px; height:50px; margin:10px 160px; padding:0;}
.button a { float:left; width:100%; color:#0267D7; text-align: center; font-size:18px; height:50px; line-height:50px; margin:0; padding:0; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*BUTTON*/

/*New Scoller*/
.more-products { position:relative; float:left; width:460px; height: auto; margin:10px 0 10px 0; padding:0px; list-style:none; overflow:hidden; }
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:210px; height: auto; min-height:130px; padding:0px 0px 0px 0px; margin:10px; border:1px solid #DDD; }
.more-products ul li:hover { border:1px solid #2188FD;}

.pro-img { float:left; width:208px; height:auto; min-height:50px; margin:0; padding:0;}
.pro-img img { width:208px;}
.pro-text { float:left; width:188px; height:auto; min-height:30px; font-size:14px; text-align:left; color:#333; font-weight:600; line-height:22px; margin:0; padding:10px;}
.pro-text a { color:#333; text-decoration:none;}
.pro-text a:hover { color:#2188FD;} 


.more-products-holder { width:100%; height: auto; position:relative; overflow:hidden; top:0px; left:0px;}
.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:0px; left:0; width:35px; height:35px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:425px;width:35px; height:35px; background:#333 url(../images/icon-rt.png)}
.more-nav a.next:hover {background:#2188FD url(../images/icon-rt.png); left:425px;}

.more-nav a.prev{ background:#333 url(../images/icon-lf.png); left:380px;}
.more-nav a.prev:hover { background:#2188FD url(../images/icon-lf.png); left:380px;}
/*New Scoller*/

/*NEWS*/
.news { float:left; width:460px; height:auto; min-height:50px; margin:0px 0px 10px 0; padding:0;}

#news-container { float:left; width: 100%; margin: auto; height:150px !important; margin-top: 10px;}
#news-container ul{ float:left; margin:0; padding:0; list-style:none;}
#news-container ul li{ float:left; height:auto; margin:0 ; padding:0;}
#news-container ul li div{ float:left;}

.news-img { float:left; width:90px; height:70px; margin:0 0 10px 0; padding:0; border:1px solid #DDD; }
.news-text { float:left; width:360px; height:auto; min-height:10px; margin:0 0 10px 10px; padding:0; font-size:13px; text-align:left; color:#333; line-height:20px; font-weight:500;}
.news-text a {color:#333; text-decoration:none;}
.news-text a:hover { color:#2188FD;}
.news-text span { color:#2188FD; font-weight:600;}
/**NEWS**/

/**FOOTER**/
.footer { width:100%; margin:10px 0 0 0; padding:0 0 0 0; display:block; background:#2188FD; min-height:50px; height:auto; border-top:2px solid #0267D7;}
.footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-nav h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}

.footer-nav { float:left; width:440px; height:auto; min-height:30px; margin:10px; 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:20px; margin:0; padding:0;}
.footer-nav ul li a { float:left; width:100%; line-height:30px; margin:0; padding:0 20px 0 0; font-size:13px; text-align:left; color:#FFF; font-weight:400; text-decoration:none;}
.footer-nav ul li a:hover { color:#DDD;}

/*Quick Inquiry*/
.quick-inquiry { float:left; width:440px; height:auto; min-height:20px; margin:10px; padding:0; }
.quick-inquiry h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}
.quick-inquiry ul { float:left; margin:0; padding:0; list-style:none;}
.quick-inquiry ul li { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0;}
.quick-inquiry ul li.lt { float:left; width:210px; height:auto; min-height:10px; margin:10px 10px 10px 0px; padding:0;}
.quick-inquiry ul li.rt { float:left; width:210px; height:auto; min-height:10px; margin:10px 0px 10px 10px; padding:0;}



.quick_inquiry_border { float:left; font-size:13px; margin:0 0 0 0; padding:0 0 0 10px; color:#FFF !important;  width:440px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_border1 { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:210px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_textarea_border { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:440px; height:98px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.quick_inquiry_border:focus, .quick_inquiry_textarea_border:focus, .quick_inquiry_border1:focus { border:1px solid #FFF;  background:#2188FD;}

input.quick-inquiry-btn { float:left; text-align:left; height:38px; line-height:20px; font-size:14px; color:#0267D7; text-decoration:none; font-weight:500; margin:0 0 0 0; padding:0 20px; background:#FFF; border:2px solid #0267D7 ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
input.quick-inquiry-btn:hover { background:#0267D7; color:#FFF; border:2px solid #FFF;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Quick Inquiry*/

.line { float:left; width:100%; height:1px; margin:0 0 10px 0; padding:0; background:#FFF;}

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

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

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

.footer-call { float:left; width:auto; border-right:1px solid #FFF; margin:0; padding:5px 0;}
.footer-call ul { float:left; margin:0; padding:0; list-style:none;}
.footer-call ul li { float:left; margin:0; padding:0;}
.footer-call ul li.ic { float:left; width:25px; height:25px; margin:0; padding:0;}
.footer-call ul li.text { float:left; width:auto; height:auto; min-height:20px; font-size:16px; text-align:left; color:#FFF; line-height:25px; margin:0 20px 0 5px; padding:0; font-weight:500;}

/*Folow-Us*/
.folow-us { float:left; width: auto; height:auto; min-height:40px; margin:10px 0 0 10px; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:40px; height:40px; margin:0 0 0 10px ; padding:0; line-height:40px;}
.folow-us ul li a { float:left; width:40px; height:40px; margin:0; padding:12px 0 11px 0; background:#2188FD; text-align:center; line-height:35px; font-size:14px; color:#FFF;  border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
.folow-us ul li a:hover { float:left; background:#0267D7; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*Folow-Us*/

.design-by  { float: left; width:100%; height:auto; line-height:40px; margin:0px; padding:0 0 0px 0 ; font-size:13px; text-align: center; font-weight:400; color:#FFF;}
.design-by a { color:#FFF; text-decoration:none;}
.design-by a:hover { color:#DDD;}
/**FOOTER**/

/*SUB-BANNER*/
.sub-banner { float:left; width:100%; margin:0 0 10px 0; padding:0; display:block; min-height:10px; height:auto; border-bottom:2px solid #2188FD; }
.sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.subbanner-titel { float:left; width: auto; height:auto; line-height:60px; font-size:24px; text-align:left; color:#2188FD; font-weight:500; text-transform: capitalize; margin:0; padding:0;}
/*SUB-BANNER*/

/*breadcrumb*/
.breadcrumb-handler { float: left; width:100%; height:auto; min-height:20px; line-height:20px; margin:0 0 10px 0; padding:0; font-size:13px; color:#333; font-weight:400; text-align: left;}
.breadcrumb-handler a {  text-align:right; color:#333; font-size:13px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 40px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#2188FD;}
/*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:13px; margin:0; padding:0 0 0 10px; color:#33343F !important;  width:220px; height:41px; line-height:40px; background:#FFF; border: none; border:1px solid #CCC; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


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

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

/*PRODUCT-PAGE*/
.product-img { float:left; width:300px; height:auto; min-height:10px; margin:10px 80px 0px 80px; padding:0;} 
.product-text { float:left; width:440px; height:auto; min-height:10px; margin:10px 10px 0px 10px; padding:0;} 
/*PRODUCT-PAGE*/

/*portfolio*/
ul#gallery-list li { float:left;	display:block;	width:300px; height: auto; margin:0; padding:0px 0px 0px 0; border:1px solid #DDD; background:#FFF;  	}
ul#gallery-list li:hover { border:1px solid #2188FD;}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:0; border:none; width:298px; height: auto;  }
/*portfolio*/

.button1 { float:left; width: auto; height: auto; margin:10px 0; padding:0;}
.button1 a { float:left; width: auto; color:#0267D7; text-align: center; font-size:16px; height:40px; line-height:36px; margin:0; padding:0 10px; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button1 a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7;}

.pro-box { float:left; width:100%; height:auto; min-height:10px; margin:10px 0px; padding:0;}

}



@media only screen and ( min-width: 320px) and ( max-width: 480px ) {
	
h2 { float:left; width:100%; font-size:20px; text-align: left; line-height:32px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h3 { float:left; width:100%; font-size:18px; text-align: left; line-height:32px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h4 { float:left; width:100%; font-size:18px; text-align: left; line-height:28px; font-weight:600; color:#333; margin:5px 0; padding:0 0 0 0;}

h6 { float:left; width:100%; font-size:16px; text-align: left; line-height:23px; font-weight:600; color:#333; margin: 0; padding:0 0 0 0;}

h5 { float:left; width: auto; font-size:15px; text-align: left; line-height:22px; font-weight:600; color:#333; margin: 0; padding:0 0 5px 10px;}

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

.header { width:100%; height:auto; margin:0; padding:0; border-top: none;}
.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:9999999;}

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

/**CALL-NOW**/
.call-now { display:none; /*float:right; width: auto; height:30px; margin:10px 0 0 0; padding:0;*/}
/*.call-now ul { float:left; margin:0; padding:0; list-style:none; height:30px;}
.call-now ul li { }
.call-now ul li.icon { float:left; width:auto; width:20px; height:20px; line-height:20px; padding:0; margin:0;}
.call-now ul li.text { float:left; text-align:left; font-size:14px; color:#333; font-weight:600; width:auto; height:20px; line-height:20px; padding:0; margin:0 10px;}
.call-now ul li.text a { text-decoration:none; color:#333;}
.call-now ul li.text a:hover {color:#2188FD;}*/
/**CALL-NOW**/

/*SEARCH*/
.search {/* float:left;*/ float:none; width:300px; height:auto; margin:0 auto; padding:10px 0;}
#search-form {display:inline-block;position:relative; background:#FFF; border: none;width:300px; height:40px;margin:0;}
#search-form input {outline:none;margin:0 0 0 0;color:#666;border:none;font-size:14px;height:40px; line-height:40px;
padding:0 0 0 10px;width:260px;}
.search-form-submit {position:absolute;display:block;width:40px;height:40px;background: url(../images/search.png) no-repeat 0 0;right:0px;top:0px;}
.search-form-submit:hover {background:url(../images/search.png) no-repeat 0 bottom;}
/*SEARCH*/

/*TOP-RT-LOGO*/
.top-rt-logo { float:left; width:auto; height:auto; margin:0 0 5px 0; padding:0; display:block; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:25px;}
.top-rt-logo ul { float:left; margin:0; padding:0; list-style:none;}
.top-rt-logo ul li.tr-text { float:left; width:100%; height:auto; margin:0; padding:0; display:block; font-size:14px; text-align: center; color:#333; font-weight:600; line-height:25px; border:none;}
.top-rt-logo ul li.tr-text:hover { border:none;}
.top-rt-logo ul li { float:left; width:50px; height:25px; margin:5px; padding:0; border:1px solid #DDD;}
.top-rt-logo ul li:hover { border:1px solid #2188FD;}
/*TOP-RT-LOGO*/

.main-wrapper { width:100%; height:auto; min-height:50px; margin:0 0 10px 0; padding:10px 0; background:url(../images/bg.png) repeat top left;}
.main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.main-wrapper h1 { float:left; width:100%; font-size:24px; text-align: center; line-height:30px; font-weight:600; color:#333; margin:0px 0 0px 0; padding:0 0 15px 0; background:url(../images/titel-bg.png) no-repeat center bottom;}
.main-wrapper p { float:left; width:100%; height:auto; font-size:15px; text-align:center; color:#33343F; font-weight:500; line-height:22px; margin:10px 0; padding:0; }

/*BUTTON*/
.button { float:left; width:140px; height:50px; margin:10px 80px; padding:0;}
.button a { float:left; width:100%; color:#0267D7; text-align: center; font-size:18px; height:50px; line-height:46px; margin:0; padding:0; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*BUTTON*/

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

.pro-img { float:left; width:138px; height:auto; min-height:50px; margin:0; padding:0;}
.pro-img img { width:138px;}
.pro-text { float:left; width:118px; height:auto; min-height:30px; font-size:13px; text-align:left; color:#333; font-weight:600; line-height:18px; margin:0; padding:10px;}
.pro-text a { color:#333; text-decoration:none;}
.pro-text a:hover { color:#2188FD;} 


.more-products-holder { width:100%; height: auto; position:relative; overflow:hidden; top:0px; left:0px;}
.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:0px; left:0; width:35px; height:35px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ left:265px;width:35px; height:35px; background:#333 url(../images/icon-rt.png)}
.more-nav a.next:hover {background:#2188FD url(../images/icon-rt.png); left:265px;}

.more-nav a.prev{ background:#333 url(../images/icon-lf.png); left:220px;}
.more-nav a.prev:hover { background:#2188FD url(../images/icon-lf.png); left:220px;}
/*New Scoller*/

/*NEWS*/
.news { float:left; width:300px; height:auto; min-height:50px; margin:0px 0px 10px 0; padding:0;}

#news-container { float:left; width: 100%; margin: auto; height:150px !important; margin-top: 10px;}
#news-container ul{ float:left; margin:0; padding:0; list-style:none;}
#news-container ul li{ float:left; height:auto; margin:0 ; padding:0;}
#news-container ul li div{ float:left;}

.news-img { float:left; width:90px; height:70px; margin:0 0 10px 0; padding:0; border:1px solid #DDD; }
.news-text { float:left; width:200px; height:auto; min-height:10px; margin:0 0 10px 10px; padding:0; font-size:13px; text-align:left; color:#333; line-height:20px; font-weight:500;}
.news-text a {color:#333; text-decoration:none;}
.news-text a:hover { color:#2188FD;}
.news-text span { color:#2188FD; font-weight:600;}
/**NEWS**/

/**FOOTER**/
.footer { width:100%; margin:10px 0 0 0; padding:0 0 0 0; display:block; background:#2188FD; min-height:50px; height:auto; border-top:2px solid #0267D7;}
.footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footer-nav h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}

.footer-nav { float:left; width:100%; height:auto; min-height:30px; 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:20px; margin:0; padding:0;}
.footer-nav ul li a { float:left; width:100%; line-height:30px; margin:0; padding:0 20px 0 0; font-size:13px; text-align:left; color:#FFF; font-weight:400; text-decoration:none;}
.footer-nav ul li a:hover { color:#DDD;}

/*Quick Inquiry*/
.quick-inquiry { float:left; width:300px; height:auto; min-height:20px; margin:10px 0; padding:0;}
.quick-inquiry h1 {float:left; width:100%; font-size:20px; text-align: left; line-height:30px; font-weight:600; color:#FFF; margin:0 0 5px 0; padding:0 0 0 0;}
.quick-inquiry ul { float:left; margin:0; padding:0; list-style:none;}
.quick-inquiry ul li { float:left; width:100%; height:auto; min-height:10px; margin:10px 0; padding:0;}
.quick-inquiry ul li.lt { float:left; width:100%; height:auto; min-height:10px; margin:10px 0px 10px 0px; padding:0;}
.quick-inquiry ul li.rt { float:left; width:100%; height:auto; min-height:10px; margin:10px 0px 10px 0px; padding:0;}



.quick_inquiry_border { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:300px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_border1 { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:300px; height:38px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }

.quick_inquiry_textarea_border { float:left; font-size:13px; margin:0 10px 0 0; padding:0 0 0 10px; color:#FFF !important;  width:300px; height:98px; line-height:40px; background:#2188FD; border: none; border:1px solid #0267D7; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


.quick_inquiry_border:focus, .quick_inquiry_textarea_border:focus, .quick_inquiry_border1:focus { border:1px solid #FFF;  background:#2188FD;}


input.quick-inquiry-btn { float:left; text-align:left; height:38px; line-height:20px; font-size:14px; color:#0267D7; text-decoration:none; font-weight:500; margin:0 0 0 0; padding:0 20px; background:#FFF; border:2px solid #0267D7 ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
input.quick-inquiry-btn:hover { background:#0267D7; color:#FFF; border:2px solid #FFF;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Quick Inquiry*/

.line { float:left; width:100%; height:1px; margin:0 0 10px 0; padding:0; background:#FFF;}

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

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

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

.footer-call { float:left; width:150px; border-right: none; margin:0 75px; padding:5px 0;}
.footer-call ul { float:left; margin:0; padding:0; list-style:none;}
.footer-call ul li { float:left; margin:0; padding:0;}
.footer-call ul li.ic { float:left; width:25px; height:25px; margin:0; padding:0;}
.footer-call ul li.text { float:left; width:auto; height:auto; min-height:20px; font-size:16px; text-align:left; color:#FFF; line-height:25px; margin:0 0 0 5px; padding:0; font-weight:500;}

/*Folow-Us*/
.folow-us { float:left; width:200px; height:auto; min-height:40px; margin:10px 50px 0 50px; padding:0;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; width:40px; height:40px; margin:0 5px ; padding:0; line-height:40px;}
.folow-us ul li a { float:left; width:40px; height:40px; margin:0; padding:12px 0 11px 0; background:#2188FD; text-align:center; line-height:35px; font-size:14px; color:#FFF;  border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
.folow-us ul li a:hover { float:left; background:#0267D7; color:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #FFF;}
/*Folow-Us*/

.design-by  { float: left; width:100%; height:auto; line-height:40px; margin:0px; padding:5px 0 ; font-size:12px; text-align: center; font-weight:400; color:#FFF;}
.design-by a { color:#FFF; text-decoration:none;}
.design-by a:hover { color:#DDD;}
/**FOOTER**/

/*SUB-BANNER*/
.sub-banner { float:left; width:100%; margin:0 0 10px 0; padding:0; display:block; min-height:10px; height:auto; border-bottom:2px solid #2188FD; }
.sub-banner:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.subbanner-titel { float:left; width: auto; height:auto; line-height:50px; font-size:20px; text-align:left; color:#2188FD; font-weight:500; text-transform: capitalize; margin:0; padding:0;}
/*SUB-BANNER*/

/*breadcrumb*/
.breadcrumb-handler { float: left; width:100%; height:auto; min-height:20px; line-height:20px; margin:0 0 10px 0; padding:0; font-size:12px; color:#333; font-weight:400; text-align: left;}
.breadcrumb-handler a {  text-align:right; color:#333; font-size:13px; height:20px; line-height:20px; margin:0 0 0 0; padding:0 40px 0 0 !important; text-decoration:none; background:url(../images/line-arrow.png) no-repeat right; font-weight:400;  }
.breadcrumb-handler a:hover { color:#2188FD;}
/*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 0 10px 0px; padding:0; }
.contact-form ul li.contact-sm11 { float:left; width:300px; height:auto; min-height:20px; margin: 10px 0px 10px 0; padding:0;}


.contact-bor { float:left; font-size:13px; margin:0; padding:0 0 0 10px; color:#33343F !important;  width:300px; height:41px; line-height:40px; background:#FFF; border: none; border:1px solid #CCC; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; }


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

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

/*PRODUCT-PAGE*/
.product-img { float:left; width:280px; height:auto; min-height:10px; margin:10px 10px 0px 10px; padding:0;} 
.product-text { float:left; width:280px; height:auto; min-height:10px; margin:10px 10px 0px 10px; padding:0;} 
/*PRODUCT-PAGE*/

/*portfolio*/
ul#gallery-list li { float:left;	display:block;	width:280px; height: auto; margin:0; padding:0px 0px 0px 0; border:1px solid #DDD; background:#FFF;  	}
ul#gallery-list li:hover { border:1px solid #2188FD;}
ul#gallery-list li .content_block img{ clear:both; display:block; margin:0; border:none; width:278px; height: auto;  }
/*portfolio*/

.button1 { float:left; width: auto; height: auto; margin:10px 0; padding:0;}
.button1 a { float:left; width:276px; color:#0267D7; text-align: center; font-size:16px; height:45px; line-height:41px; margin:0; padding:0; font-weight:500; text-decoration:none;  background:#FFF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7}
.button1 a:hover { color:#FFF; background:#0267D7;   transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:2px solid #0267D7;}

.pro-box { float:left; width:100%; height:auto; min-height:10px; margin:10px 0px; padding:0;}

}