@import url('https://fonts.googleapis.com/css?family=Rubik');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@charset "utf-8";
/* CSS Document */

body{margin:0px;}

@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('font/GothamBook.woff') format('woff');
}



.clear{clear:both;}

.main{width:1170px; margin:auto;}

.logo{text-align:left; position:relative; z-index:100;}
.logo-class{text-align:center;}

.main-font{font-family:'Roboto', sans-serif; font-size:15px; color:#666666; text-align:left; line-height:28px; font-weight:100;}

.header-bg{width:100%; border-top:5px solid #55c1ee; background-image: url(images/header-bg.jpg); position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;}

.header-left{width:3%; float:left;}
.header-center{width:20%; float:left; padding:5px 0px;}
.header-right{width:77%; float:left; height:180px;}

.header-right-left{width:73%; float:left;}
.header-right-right{width:26%; float:right;}

.header-left-bg{background-image:url(images/header-left-bg.png); background-repeat:repeat-x; height:180px; background-position:bottom;}

.logo-font-left{width:100%; float:left;}
.logo-font{font-family:"Gotham Book"; font-size:18px; color:#29a3da; text-align:left; padding:22px 0px; letter-spacing:5px;}
.logo-font span{font-family:"Gotham Book"; font-size:12px; color:#4288a7; text-align:left; letter-spacing:0px;}

.top-bg{background-color:#ededed;}

.top-header{padding-top:40px;}
.top-icon{margin-right:15px; float:left; color:#0681cd; text-align:center; font-size:44px;}

.top-font{font-family:"Gotham Book"; font-size:15px; color:#1f5774; text-align:right; padding:10px 0px;}
.top-font span{font-family:"Gotham Book"; font-size:13px; color:#1f5774; text-align:right;}

.icon-font{font-family:"Gotham Book"; font-size:20px; color:#004a80; text-align:left;}
.icon-font span{font-family:"Gotham Book"; font-size:18px; color:#0681cd; text-align:left;}

.social_icon{margin:0; padding:0; list-style:none; padding-top:0px; font-size:16px; float:right;}
.social_icon li{margin-right:0px; padding:0px; list-style:none; font-size:16px; display:inline-block;}
.social_icon li a:link, .social_icon li a:visited, .social_icon li a:hover{display:block; text-align:center; margin:0; width:30px; padding:5px 0px; color:#F8F9F3; background-color:#0681cd; text-transform:uppercase; transition:.5s;}
.social_icon li a:hover{color:#fff; background:#df251d; transition:.5s;}

.menu-bg{width:100%; background-color:#ffffff;}
.menu-left{width:80%; float:left;}
.menu-right{width:19%; float:right;}

.quote-inner-bg{background-color:#e0373c;}
.sticky {position: fixed; top: 0; width: 100%; background-color:#232323; z-index:1000;}

.welcome-wrapper{width:100%; padding:60px 0px;}
.welcome-wrapper1{width:100%; padding:0px 0px 60px 0px;}
.welcome-img{width:100%; height:auto; border-radius:10px;}
.welcome-title{font-family:"Gotham Book"; font-size:22px; color:#333333; text-align:left; margin-bottom:20px; border-left:5px solid #00aeef; padding-left:10px;}
.welcome-title span{font-family:"Gotham Book"; font-size:23px; color:#2d7dc1; text-align:left;}
.wel-font{font-family:"Gotham Book"; font-size:15px; color:#2d7dc1; text-align:left; line-height:22px; font-weight:100; text-align:justify;}
.wel-icon{margin-right:15px; float:left; color:#0681cd; border:1px dashed #0681cd; border-radius:30px; width:55px; line-height:53px; text-align:center; font-size:26px;}
.wel-sub-font{font-family:"Gotham Book"; font-size:16px; color:#666666; text-align:left;}
.wel-sub-font span{font-family:"Gotham Book"; font-size:24px; color:#0681cd; text-align:left; line-height:53px;}

.welcome-inner-font{font-family:"Gotham Book"; font-size:16px; color:#29a3da; text-align:left; line-height:30px; text-transform:uppercase; list-style-image:url(images/wel-icon.jpg);}

.home-center-wrapper{background-image:url(images/home-bottom-img1.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; padding:60px 0px; background-attachment: fixed; background-color:#f6f6f6; width:100%;}
.home-center-title{font-family:"Gotham Book"; font-size:40px; font-weight:bold; color:#00aeef; border-bottom:3px solid #FFFFFF; margin-bottom:20px; display:inline-block; text-align:center; padding-bottom:10px; text-transform:uppercase;}
.home-center-font{font-family:"Gotham Book"; font-size:20px; color:#ffffff; text-align:left; line-height:35px; list-style-image:url(images/center-list-img.png);}

.why-wrapper{width:100%; padding:60px 0px;}
.why-title{font-family:'Roboto', sans-serif; font-size:30px; color:#333333; text-align:center; padding-bottom:15px; margin-bottom:80px; font-weight:bold; background-image:url(images/welcome-border.jpg); background-repeat:no-repeat; background-position:bottom center;}
.why-border{border:1px solid #0681cd; padding-bottom:20px;}
.why-icon{border:1px dashed #0681cd; color:#666666; text-align:center; font-size:46px; border-radius:50px; width:80px; line-height:80px; margin-top:-40px; background-color:#FFFFFF;}
.why-main-font{font-family:'Roboto', sans-serif; font-size:66px; color:#0681cd; font-weight:bold; text-align:center; }
.why-font{font-family:'Roboto', sans-serif; font-size:18px; color:#333333; text-align:center;}

.product-wrapper{background-color:#f6f6f6; padding:60px 0px;}
.product-title{font-family:"Gotham Book"; font-size:30px; color:#008dd2; text-align:center; padding-bottom:15px; margin-bottom:30px; font-weight:bold; background-image:url(images/welcome-border.jpg); background-repeat:no-repeat; background-position:bottom center; text-transform:uppercase;}
.home-pro-more{background-color:#008dd2; font-family:"Gotham Book"; font-size:16px; color:#FFFFFF; text-align:center; padding:10px 0px;}

.about-page-font{font-family:"Gotham Book"; font-size:18px; color:#2d7dc1; text-align:left; line-height:32px; font-weight:100; text-align:justify;}
.about-page-font1{font-family:"Gotham Book"; font-size:18px; color:#2d7dc1; text-align:left; margin:20px 0px; font-weight:100; text-align:justify; border-left:3px solid #2d7dc1; padding-left:10px;}

.mission-icon{text-align:left; margin-top:40px; padding-bottom:10px;}
.quality-icon{text-align:left; margin-top:40px; padding-bottom:10px;}

.about-inner-sub-title{background-image:url(images/inner-sub-bg.png); background-repeat:no-repeat; font-family:"Gotham Book"; font-size:20px; color:#ffffff; text-transform:uppercase; padding:10px 0px 20px 40px; text-align:left; font-weight:bold; font-style:italic; margin:40px 0px 10px 0px; height:45px;}

.quality-inner-sub-title1{background-image:url(images/quality-bg1.png); background-repeat:no-repeat; font-family:"Gotham Book"; font-size:20px; color:#ffffff; padding:10px 0px 20px 40px; text-align:left; font-weight:bold; font-style:italic; margin:40px 0px 10px 0px; height:45px;}

.quality-inner-sub-title2{background-image:url(images/quality-bg2.png); background-repeat:no-repeat; font-family:"Gotham Book"; font-size:20px; color:#ffffff; padding:10px 0px 20px 40px; text-align:left; font-weight:bold; font-style:italic; margin:40px 0px 10px 0px; height:45px;}

.quality-inner-sub-title3{background-image:url(images/quality-bg3.png); background-repeat:no-repeat; font-family:"Gotham Book"; font-size:20px; color:#ffffff; padding:10px 40px 20px 0px; text-align:right; font-weight:bold; font-style:italic; margin:40px 0px 10px 0px; height:45px;}


.download-box{ background: none repeat scroll 0 0 #fff;
    border: 1px solid #e4e4e4;
    padding: 0px 40px;
    -webkit-box-shadow: 0 0 13px #edecec inset;
    -moz-box-shadow: 0 0 13px #edecec inset;
    -ms-box-shadow: 0 0 13px #edecec inset;
    -o-box-shadow: 0 0 13px #edecec inset;
    box-shadow: 0 0 13px #edecec inset;
    border-radius: 4px;
	}
	
.download-pdf{background-color:#008dd2; border-top:5px solid #ec3237; color:#FFFFFF; padding:30px; text-align:center;}

.download-font{font-family:'Roboto', sans-serif; font-size:20px; color:#333333; text-align:left; padding:45px 0px;}
.download-font span{font-family:'Roboto', sans-serif; font-size:20px; color:#008dd2; text-align:left; padding:45px 0px;}

.brochure-button {
	background-color:#247dc1;
	display:block;
	cursor:pointer;
	color:#fff;
	font-family:"Gotham Book";
	font-size:20px;
	padding: 9px 0px 8px 0px;
	width:100%;
	text-align:center;
	text-decoration:none;
	transition: 0.6s; text-transform:uppercase;
	
}
.brochure-button:hover {
	background-color:#35afe5;
	color:#ffffff;
	transition: 0.6s;
	text-decoration:none;
}

.download-button {
	background-color:#008dd2;
	border:1px solid #008dd2;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Gotham Book";
	font-size:18px;
	padding:8px 30px;
	text-decoration:none;
	transition: 0.6s;
	margin:40px 0px;
	
}
.download-button:hover {
	background-color:#ffffff;
	color:#008dd2;
	transition: 0.6s;
	border:1px solid #008dd2;
	text-decoration:none;
}

.quote-more {
	background-color:#e0373c;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:"Gotham Book";
	font-size:16px;
	text-align:center;
	line-height:23px;
	padding:18px 30px;
	text-decoration:none;
	transition: 0.6s;
}
.quote-more:hover {
	background-color:#e0373c;
	color:#CCCCCC;
	transition: 0.6s;
	text-decoration:none;
}

.read-more {
	background-color:#00aeef;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Gotham Book";
	font-size:22px;
	padding:8px 0px;
	text-decoration:none;
	transition: 0.6s;
	margin-top:40px;
	text-align:center;
	width:70%;
}
.read-more:hover {
	background-color:#247dc1;
	color:#ffffff;
	transition: 0.6s;
	text-decoration:none;
}

.product-more {
	width:100%;
	background-color:#78b833;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	text-align:center;
	padding:10px 0px;
	text-decoration:none;
	transition: 0.6s;
}
.product-more:hover {
	background-color:#8cd93a;
	color:#ffffff;
	transition: 0.6s;
	text-decoration:none;
}

.dealer-more {
	border:1px solid #78b833;
	background-color:#78b833;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	padding:6px 20px;
	text-decoration:none;
	transition: 0.6s; border-radius:3px;
	margin-top:10px;
}
.dealer-more:hover {
	background-color:#ffffff;
	color:#78b833;
	transition: 0.6s;
	border:1px solid #78b833; text-decoration:none;
}

.home-product-margin{margin-bottom:30px;}

.home-bottom-wrapper{width:100%; padding:60px 0px;}
.dealer-border{border:1px solid #CCCCCC; padding:18px 20px;}

.dealer-left{width:20%; float:left;}
.dealer-right{width:75%; float:right;}

.dealer-title{font-family:'Roboto', sans-serif; font-size:24px; color:#78b833; text-align:left; line-height:22px;}
.dealer-title span{font-family:'Roboto', sans-serif; font-size:16px; color:#666666; text-align:left;}

.footer-bg{background-color:#dbdbdb; padding:30px 0px;}
.footer-menu-font{font-family:"Gotham Book"; font-size:16px; color:#00aeef; text-align:center; text-transform:uppercase; font-weight:bold;}
.footer-menu-font li{list-style:none; display:inline-block; padding:0px 30px; border-right:1px solid #00aeef; transition: 0.6s; font-weight:normal;}
.footer-menu-font li a{color:#00aeef; transition: 0.6s; padding:10px 0px;}
.footer-menu-font li a:hover{text-decoration:none; color:#0f65b4; transition: 0.6s; font-weight:bold; border-bottom:3px solid #00aeef;}
.footer-icon-font{font-family:"Gotham Book"; font-size:18px; color:#ffffff; text-align:center; text-transform:uppercase; line-height:35px;}
.footer-icon-font span{font-family:"Gotham Book"; font-size:18px; color:#014f6c; text-align:center; text-transform:uppercase; line-height:25px; border-bottom:3px solid #FFFFFF; padding-bottom:10px;}
.footer-font{font-family:"Gotham Book"; font-size:14px; color:#014f6c; text-align:center; padding:20px 0px;}

.footer-menu-active{color:#0f65b4; transition: 0.6s; font-weight:bold; border-bottom:3px solid #00aeef;}

.copyright-bg{background-color:#00aeef; width:100%; padding:10px 0px;}

.copyright-font-left{font-family:"Gotham Book"; font-size:12px; color:#ffffff; text-align:center;}
.copyright-font-right{font-family:"Gotham Book"; font-size:12px; color:#ffffff; text-align:right;}
.copyright-font-right a:link{font-family:"Gotham Book"; font-size:12px; color:#ffffff; text-decoration:none; transition: 0.6s;}
.copyright-font-right a:visited{font-family:"Gotham Book"; font-size:12px; color:#ffffff; text-decoration:none; transition: 0.6s;}
.copyright-font-right a:hover{font-family:"Gotham Book"; font-size:12px; color:#0f65b4; text-decoration:none; transition: 0.6s;}


.about-inner-title-bg{background-image: url(images/about-inner-title.jpg); position: relative; padding: 150px 0px 20px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center;}

.quality-inner-title-bg{background-image: url(images/quality-inner-title-bg.jpg); position: relative; padding: 150px 0px 20px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center;}

.product-inner-title-bg{background-image: url(images/product-title-bg.jpg); position: relative; padding: 150px 0px 20px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center;}

.product-page-bg1{background-image:url(images/product1-bg.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; padding:60px 0px; background-attachment: fixed; background-color:#f6f6f6; width:100%; margin:5px 0px 0px 0px; height:650px;}
.product-page-bg2{background-image:url(images/product2-bg.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; padding:60px 0px; background-attachment: fixed; background-color:#f6f6f6; width:100%; margin:5px 0px 0px 0px; height:650px;}
.product-page-bg3{background-image:url(images/product3-bg.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; padding:60px 0px; background-attachment: fixed; background-color:#f6f6f6; width:100%; margin:5px 0px 0px 0px; height:650px;}
.product-page-title{font-family:"Gotham Book"; font-size:20px; color:#FFFFFF; text-align:left; margin-bottom:20px; border-left:5px solid #00aeef; padding-left:10px;}
.product-page-title span{font-family:"Gotham Book"; font-size:26px; color:#FFFFFF; text-align:left;}
.product-page-text-bg{padding:20px; background-color: rgba(0,0,0,.60);}
.product-page-font{font-family:"Gotham Book"; font-size:18px; color:#ffffff; text-align:left; line-height:32px; text-align:justify;}

.contact-inner-title-bg{background-image: url(images/contact-title-bg.jpg); position: relative; padding: 150px 0px 20px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center;}

.inquiry-inner-title-bg{background-image: url(images/contact-title-bg.jpg); position: relative; padding: 150px 0px 20px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center;}

.thanks-inner-title-bg{background-image: url(images/contact-title-bg.jpg); position: relative; padding: 150px 0px 20px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center;}

.product-bottom-bg{width:100%; padding:20px 0px;}
.product-left{width:30%; float:left; padding:25px 0px;}
.product-center{width:36%; float:left; margin:0% 2%;}
.product-right{width:30%; float:right; padding:25px 0px;}

.product-hover{margin: 0 auto; transition: 0.6s;}
.product-hover:hover{transform: scale(1.1); transition: 0.6s;}

.inner-title-bg{background-image:url(images/inner-title.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; padding:60px 0px; background-attachment: fixed; background-color:#f6f6f6; width:100%;}
.inner-title-font h1{font-family:"Gotham Book"; font-size:26px; color:#ffffff; text-align:left; text-transform:uppercase;}

.inner-main-bg{width:100%; padding:50px 0px;}

.inner-sub-title{font-family:"Gotham Book"; font-size:24px; color:#0681cd; padding-bottom:19px; margin-bottom:20px; margin-top:30px;}
.inner-sub-title span{font-family:"Gotham Book"; font-size:24px; color:#0681cd; border-bottom:3px solid #0681cd; padding-bottom:20px;}

.contact-sub-title{font-family:"Gotham Book"; font-size:24px; color:#2d7dc1; border-left:3px solid #00aeef; padding-left:20px; margin-bottom:20px;}

.contact-font{font-family:"Gotham Book"; font-size:17px; color:#2d7dc1; margin:15px 0px; line-height:25px; font-weight:bold;}
.contact-font1{font-family:"Gotham Book"; font-size:17px; color:#2d7dc1; margin:15px 0px; line-height:48px; font-weight:bold;}
.contact-font2{font-family:"Gotham Book"; font-size:17px; color:#2d7dc1; margin:25px 0px; line-height:24px;}
.contact-icon{color:#247dc1; line-height:45px; font-size:30px; margin:15px 20px 15px 0px; float:left;}
.contact-icon1{color:#247dc1; padding:10px 0px; font-size:50px; margin:15px 30px 15px 0px; float:left;}
.contact-icon2{font-family:'Roboto', sans-serif; color:#247dc1; padding:5px 0px; font-size:25px; margin:20px 20px 20px 0px; float:left;}
.contact-icon3{color:#247dc1; padding:0px 0px; margin:15px 20px 15px 0px; float:left;}
.contact-font3{font-family:"Gotham Book"; font-size:17px; color:#2d7dc1; margin:15px 0px; line-height:25px; font-weight:bold;}

.contact-border{background-image:url(images/contact-border.png); background-repeat:repeat-x; background-position:center; height:12px;}
.contact-round{background-image:url(images/contact-round.png); background-repeat:no-repeat; background-position:right; height:12px;}

.contact-border1{background-image:url(images/contact-border.png); background-repeat:repeat-x; background-position:center; height:12px;}
.contact-round1{background-image:url(images/contact-round.png); background-repeat:no-repeat; background-position:left; height:12px;}

.inquiry-img{vertical-align:top; text-align:right;}

.pro-sub-title{font-family:'Roboto', sans-serif; font-size:20px; color:#78b833; border-bottom:1px solid #CCCCCC; padding-bottom:14px; margin-bottom:30px; margin-top:20px;}
.pro-sub-title span{font-family:'Roboto', sans-serif; font-size:20px; color:#78b833; border-bottom:3px solid #78b833; padding-bottom:15px;}

.app-border{border:1px solid #CCCCCC; padding:10px;}
.app-font{font-family:'Roboto', sans-serif; font-size:18px; color:#0681cd; text-align:center; padding:15px 0px 5px 0px;}
.app-margin{margin-bottom:30px;}

.product-name{background-color:#0681cd; font-family:'Roboto', sans-serif; font-size:15px; color:#ffffff; text-align:center; padding:10px 0px;}






.ccform-addon{
	color:#247dc1; 
	float:left;
	padding:0px 4px 0px 0px;
	width:6%;
	background:#ffffff;
	text-align:center;	
	font-size:30px;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contact-form form input[type="text"], .contact-form form textarea {
    font-family: "Gotham Book";
	margin-bottom: 10px;
	box-shadow: none;
	border: 1px solid #247dc1;
	background: #e9f2f9;
	color: #247dc1;
	border-radius:10px;
	line-height:24px;
	display: block;
	width: 94%;
	padding: 8px 12px;
	font-size: 14px;
	outline: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	
}
.contact-form  form textarea {
	resize: none;
	height: 100px;
}
.contact-form form input[type="text"]:hover, .contact-form form textarea:hover {
	border-color: #247dc1;
}
.contact-form form input[type="text"]:focus, .contact-form form textarea:focus {
	border: 1px solid #247dc1;
}
.contact-form form input[type="submit"] {
    font-family: "Gotham Book";
	font-size: 14px;
	color: #FFFFFF;
	padding: 8px 30px;
	background: #247dc1;
	text-transform:uppercase;
	
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
	}
.contact-form form input[type="submit"]:hover{
	background: #35afe5;	
}

.contact-form form input[type="reset"] {
    font-family: "Gotham Book";
	font-size: 14px;
	color: #FFFFFF;
	padding: 8px 30px;
	background: #247dc1;
	text-transform:uppercase;
	
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
	
}
.contact-form form input[type="reset"]:hover{
	background: #35afe5;	
}








/**** PORTFOLIO STYLES*****/
.image-block{ display:block;position: relative; margin-bottom:30px;}
.image-block img{border: 1px solid #CCCCCC; background:#FFFFFF;padding:5px; transition: 0.4s;}
.image-block img:hover{border: 1px solid #0681cd; transition: 0.4s;}
/**** END PORTFOLIO STYLES*****/