@font-face {
font-family: 'Avenir LT Std 95 Black';
font-style: normal;
font-weight: normal;
src: local('../font/Avenir LT Std 95 Black'), url('../font/AvenirLTStd-Black.woff') format('woff');
}
@font-face {
font-family: 'Avenir LT Std 45 Book';
font-style: normal;
font-weight: normal;
src: local('../font/Avenir LT Std 45 Book'), url('../font/AvenirLTStd-Book.woff') format('woff');
}
@font-face {
font-family: 'Avenir LT Std 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('../font/Avenir LT Std 85 Heavy'), url('../font/AvenirLTStd-Heavy.woff') format('woff');
}
@font-face {
font-family: 'Avenir LT Std 65 Medium';
font-style: normal;
font-weight: normal;
src: local('../font/Avenir LT Std 65 Medium'), url('../font/AvenirLTStd-Medium.woff') format('woff');
}
@font-face {
	font-family:'AvantGardeCTT-Regular';
	src: url('../font/AvantGardeCTT_gdi.eot');
	src: url('../font/AvantGardeCTT_gdi.eot?#iefix') format('embedded-opentype'),
		url('../font/AvantGardeCTT_gdi.woff') format('woff'),
		url('../font/AvantGardeCTT_gdi.ttf') format('truetype'),
		url('../font/AvantGardeCTT_gdi.svg#AvantGardeCTT-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2122;
}
*{margin:0; padding:0;}
:focus {outline: 0;}
header, footer, section, nav, article, aside, audio, canvas, figure{display:block;}
html, body{ background-color: #ffffff; margin: 0; padding: 0; font-size: 12px;color: #666; font-weight: 500px;-webkit-font-smoothing: subpixel-antialiased;font-family:'AvantGardeCTT-Regular';}
h1, h2, h3{font-family: 'Avenir LT Std 85 Heavy';}
h1{ font-size: 28px; color: #efefef; line-height: 28px; text-transform: uppercase; letter-spacing: 1px;}
h2{font-size: 24px;  line-height: 22px;}
h3{font-size: 20px;  line-height: 20px;}
h4{font-size: 18px;  line-height: 18px;}
h5{font-size: 16px;  line-height: 16px;}
h6{font-size: 15px;  line-height: 22px;font-family: 'Avenir LT Std 65 Medium';}
p{ font-size: 13px; line-height: 23px; text-align: justify; letter-spacing: 1px; margin-bottom: 10px;}
#wrapper{ width: 100%; margin:0 auto;-webkit-box-shadow: 0 3px 6px -6px black;
	   -moz-box-shadow: 0 3px 6px -6px black;
	        box-shadow: 0 3px 6px -6px black; padding-bottom: 0px; }
.flexible-img {max-width: 100%;height: auto; width: 100%;}
.flex-img {width: 100%;}
.offset-0{ padding-left: 0; padding-right: 0;}
.social, .mail-icon, .fb, .tweet, .utube, .ft-facebk, .ft-tweet, .ft-utube{background: url(../images/sprite.png) no-repeat;}
.mail-icon{background-position: -33px -5px ;width: 21px;height: 15px; margin:25px 0 0 20px;}  
.error{color:#FF0000; font-weight:700;} 
#topnav { width: 100%;position:absolute; color:#fff; top:1%; margin:20px 0 0 0; left:0; right:0; z-index:1;}
#topnav .white-logo{ width: 200px; float:left;  margin-left: 50px;}
#topnav .toplinks{ width: 350px; float: right; margin-top: 50px; margin-right: 50px;}
#topnav .toplinks ul{ margin: 0; padding: 0; list-style: none;}
#topnav .toplinks ul li{ display: inline-block;}
#topnav .toplinks ul li a{ padding:5px 10px; color: #fff;font-family: 'Avenir LT Std 85 Heavy'; font-size: 15px; text-align: right; text-transform: uppercase; opacity: 0.9; text-decoration: none; letter-spacing: 1px;}
#header { width: 100%;display:none;position:fixed;top:0;left:0;z-index:500; background: #fff; padding: 0px 0;box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.7) }
#header .logo{ width: 200px; float: left; margin-left: 20px; padding: 10px 0;}
#header > ul{ position: absolute; margin: 0; padding: 0; list-style: none; text-align: center; width: 60%; margin: auto; left:0; right: 0; top: 22px;}
#header ul li{ display: inline-block;font-family: 'Avenir LT Std 95 Black';}
#header ul li a{ font-size:14px; letter-spacing: 1px; color: #000; padding: 0 10px; text-transform: uppercase; text-decoration: none;}
#header .rightbox{ width:200px; float:right;}
.contact-ico{ width: 60px; height: 66px; background: #222; float: right; text-align: center;}
.rightbox .social{ width: 100px; float: right; margin-top:18px;}
.rightbox > .social ul{ list-style: none; margin: 0; padding: 0; overflow: hidden;}
.social ul li{ display: inline-block; width: 26px; height: 26px; line-height: 26px;}
.social ul li.fb{ background-position:0 0 }
.social ul li.tweet{background-position:0 -28px}
.social ul li.utube{background-position:0 -56px}
.grey-row{ background: #262626; width: 100%;  height: 100%;}
.grey-row p{ color: #ddd; margin: 5px 0;}
.grey-row a{ color: #ddd; text-decoration: underline;}
.center-align{display: table;width: 100%;background: #2d2d2d; padding: 3em 0; height: 100%;}
.center-align2{display: table;width: 100%;background: #262626; padding: 3.5em 0 0; height: 100%;}
.inner-row { display: table-cell;vertical-align: middle;text-align: center;}
.home-text{ width: 100%; padding: 3em 2em;}
.home-text h6{ color: #ddd; margin-bottom: 20px;}
.home-text p{ color: #ddd;}
.home-text .moreinfo{ width: 200px; padding: 10px 20px; border: 1px solid #444; text-align: center; text-align: center;font-family: 'Avenir LT Std 65 Medium'; font-size: 12px; margin-top: 10px; }
.home-text .moreinfo a{ color: #ddd; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;}
footer{ width: 100%;}
footer h2{ color: #333;}
.newsletter{ width: 100%; text-align: center; display: table; padding: 2em 0 1em;}
.newsletter-form{ width: 30%; margin:20px auto; border-bottom: 1px solid #222; line-height: 30px;}
.newsletter-form input[type="text"]{ width: 70%; border: none; background: #fff; padding: 3px 5px; float: left; font-family:"Georgia"; color: #888; font-style: italic;}
.newsletter-form input[type="submit"]{ width:25%; border: none; background: #fff; padding: 3px 5px; float: right; font-size: 13px; text-transform: uppercase; outline-color: #000; letter-spacing: 1px;font-family: 'Avenir LT Std 95 Black'; line-height: 28px;}
.ft-link{ width: 100%; overflow: hidden;margin-top: 10px;}
.ft-link ul{ width: 100%; overflow: hidden;}
.ft-link ul li{display: inline-block; padding: 5px 10px; }
.ft-link ul li a{ display: block; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #444;}
.ft-social{ width: 100%; overflow: hidden;}
.ft-social ul{ width: 100%; overflow: hidden;text-align: right;}
.ft-social ul li{display: inline-block; padding: 5px 10px; width: 43px; height: 43px;}
.ft-social ul li.ft-facebk{ background-position: 0 -88px} 
.ft-social ul li.ft-tweet{ background-position: 0 -132px} 
.ft-social ul li.ft-utube{ background-position: 0 -176px}
.ft-social ul li a{ display: block; width: 43px; height: 43px;}
.copyrite{ width: 100%;  overflow: hidden; background: #efefef; height: 30px; line-height: 30px; font-size: 11px; letter-spacing: 1px;}
.copyrite a{ color: #444; text-decoration: none;}
.inner-page{ width: 100%; overflow:hidden; padding: 3.5rem 0;}
.inner-page h2{ color:#888; margin-bottom: 20px}
.contacts{ width: 100%; overflow: hidden; padding: 30px 0;}
.contacts h4{ color: #888;}
.contact-form{ width: 100%; padding: 30px 0; background: #efefef; overflow: hidden;}
.form-section form {margin: 0 auto;max-width: 575px;position: relative;z-index: 1;}
.form-section form input {width: 100%;line-height: 38px;font-size: 13px;letter-spacing: 0.015em;font-weight: 500;background: #fff; border: none; padding: 0 10px;}
.form-section form textarea {width: 100%;line-height: 22px;font-size: 13px;letter-spacing: 0.015em;font-weight: 500;background: #fff; border: none; padding: 0 10px; height: 80px;}
.form-section form .no-bg{ background: transparent; border: none;}
.form-section form .input-wrapper {border-bottom: 1px solid #646e76;display: block;position: relative;}
.form-section form .input-wrapper.nobdr{ border-bottom: none!important;}
.input-wrapper span{ display: block; line-height: 40px;}
.form-section form .fieldarea { width: 100%; display: block; height: 90px;}
.form-section form .field-lt {padding-bottom: 0;width: 48%; float: left;}
.form-section form .field-rt {padding-bottom: 0;width: 48%; float: right;}
.form-section form .field-mid{ float: left; width: 31%; margin-right: 20px;}
.form-section form .field-mid-rt{ float: right; width: 30%; margin-right: 0px;}
.form-section form .fieldbox {padding-bottom: 0;width: 100%;}
.form-section form .submit-warpper{ width: 200px; margin: 20px auto; overflow: hidden; }
.submit-btn{border: 2px solid #EC0E14!important; background: #EC0E14!important; color: #fff; font-size: 12px; text-transform: uppercase;padding: 10px 0; text-align: center; font-weight: bold; }
.block-area{ width: 100%; }
.block-link {display: inline-block; margin: 10px 10rem 40px 0; text-align: left;
}
.block-link i{ color: #EC0E14; margin-right:6px;}
.block-link .block-link-header {font-size: 10px;letter-spacing: 0.2em;padding-right: 5px;text-transform: uppercase; color: #fff;}
.block-link .dashed {transition: all 0.2s ease 0s; display: block; color: #fff; font-size: 13px; font-weight: 700; text-transform: capitalize;}
.block-link a:hover {color: #fff;}
.dark .block-link .block-link-header { color: #666; font-size: 11px;}
.address{ width: 100%; overflow: hidden;}
.address p{ color: #ddd; font-size: 12px; letter-spacing: 1px; margin-bottom: 4px;}
.address a{ color: #efefef;}
/* mobile media starts*/
@media only screen and (max-width: 767px){
#wrapper{ width: 100%; margin:45px auto 0; }	
/*mobile header starts*/
header{width: 100%;transition:0.8s; background-color:#fff; position: fixed; top: 0; z-index: 9; padding-top: 0px;box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.7);-moz-box-shadow : 1px -1px 4px rgba(0, 0, 0, 0.7);-webkit-box-shadow : 1px -1px 4px rgba(0, 0, 0, 0.7); height: 45px;}
.nav {position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;background-color: #efefef;}
.nav-container {position: fixed;top: 45px; /* 1 */left: 0;z-index: 1;overflow-y: auto;visibility: hidden; /* 2 */width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%); /* 2 */background-color: #fff;-webkit-overflow-scrolling: touch; /* 3 */ border-top: 1px solid #ddd;}
/* 1. Show when `.is-visible` class is added */
.nav-container.is-visible {visibility: visible; /* 1 */-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); /* 1 */}
/* Nav toggle */
.nav-toggle {line-height: 1;float: left;padding:1.1rem 1rem;border: 0;background-color: #333;}
/* Nav toggle icon */
.nav-toggle .icon-menu {position: relative;display: inline-block;width: 30px;height: 20px;vertical-align: middle;fill: none;}
/* Nav toggle icon lines */
.icon-menu .line {position: absolute;left: 0;display: block;width: 100%;height: 1px;-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);background-color: #fff;}
/* Nav toggle icon line 1 */
.icon-menu .line-1 {top: 0;}
/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {-webkit-transform: translateY(8px) translateX(0) rotate(45deg);-ms-transform: translateY(8px) translateX(0) rotate(45deg);transform: translateY(8px) translateX(0) rotate(45deg);}
/* Nav toggle icon line 2 */
.icon-menu .line-2 {top: 50%;margin-top: -1px;}
/* When active, hide line 2 */
.is-active .icon-menu .line-2 {opacity: 0;}
/* Nav toggle icon line 3 */
.icon-menu .line-3 {bottom: 2px;}
/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);transform: translateY(-8px) translateX(0) rotate(-45deg);}
.content {margin: 0px;}
.logo{ width:110px; float: left; text-align: center;  margin: 5px auto;}
.mob-srch{ width: 100%; padding:15px 20px;  background: #FFCC29;}
.mob-srch input {border: medium none;border-radius: 26px;display: inline-block;font-family: inherit;font-feature-settings: inherit;font-kerning: inherit;font-language-override: inherit;font-size: 12px;font-size-adjust: inherit;font-stretch: inherit;font-style: inherit;font-synthesis: inherit;font-variant: inherit;font-weight: inherit;height: 26px;line-height: 26px;margin: 0;outline: medium none;padding: 0 10px;width: 100%;}
.mob-srch i{ display:  inline-block;}
.topnav {width: 213px;padding: 40px 28px 25px 0;}
ul.topnav {padding: 0;margin: 0;font-size: 14px;line-height: 0.5em;list-style: none; width: 100%;}
ul.topnav li { background: #fff;}
ul.topnav li a {font-size: 14px;color: #000;text-decoration: none;border-bottom: 1px solid #e0e6ef;display: block;height: 50px;line-height: 50px;padding: 0 1em;font-family: 'Avenir LT Std 85 Heavy';}
ul.topnav li a:hover {color:#333;}
ul.topnav ul {margin: 0 ;padding: 0 20px;display: none; list-style: none;}
ul.topnav ul li {margin: 0;padding: 0;clear: both;}
ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-weight: normal;outline:0;}
ul.topnav ul li a:hover {background-color:#efefef; color: #333;}
ul.topnav ul ul li a {padding-left: 40px;}
ul.topnav span{float:right; font-size: 20px; margin-right: 20px;}
.mob-nav{ width: 100%;font-size: 14px;  margin: 20px 0 0 20px ; display: block; height: 220px;}
.mob-nav ul{ margin: 0; padding: 0; list-style: none;}
.mob-nav ul li{ width: 100%; display: block; border: none!important; line-height: 28px;color: #000;}
.mob-nav ul li a{ display: block; color: #666; font-size:12px;}
.mob-nav ul li a i{ margin-right: 8px;}
.mob-nav a:hover{ text-decoration:none; color: #555;}
.m-cart{ width: 27px; height:23px; float: right; margin-right: 20px; position: relative; margin-top: 2px;}
.m-cart span{ position: absolute; width: 18px; height: 18px; border-radius: 50%; background: #FFCC29; display: block; top: 1px; right:-7px; text-align: center; color: #fff; font-size: 11px;}
/*mobile header ends*/
.center-align2{display: table;width: 100%;background: #262626; padding: 2em 0; height: 100%;}
.newsletter-form{ width: 100%; margin:20px auto; border-bottom: 1px solid #222; line-height: 30px;}
.newsletter-form input[type="text"]{ width: 60%; border: none; background: #fff; padding: 3px 5px; float: left; font-family:"Georgia"; color: #888; font-style: italic;}
.newsletter-form input[type="submit"]{ width:100px; border: none; background: #fff; padding: 3px 5px; float: right; font-size: 13px; text-transform: uppercase; outline-color: #000; letter-spacing: 1px;font-family: 'Avenir LT Std 95 Black'; line-height: 28px; text-align: right;}
.ft-social{ width: 100%; overflow: hidden;}
.ft-social ul{ width: 100%; overflow: hidden;text-align: center;}
.copyrite{ width: 100%;  overflow: hidden; background: #efefef; height: auto; line-height: 30px; font-size: 11px; letter-spacing: 1px; text-align: center!important;}
.contact-form{ width: 100%; padding: 30px 20px; background: #efefef; overflow: hidden;}
.form-section form {margin: 0 auto;max-width: 575px;position: relative;z-index: 1;}
.form-section form input {width: 100%;line-height: 38px;font-size: 13px;letter-spacing: 0.015em;font-weight: 500;background: #fff; border: none; padding: 0 10px;}
.form-section form textarea {width: 100%;line-height: 22px;font-size: 13px;letter-spacing: 0.015em;font-weight: 500;background: #fff; border: none; padding: 0 10px; height: 80px;}
.form-section form .no-bg{ background: transparent; border: none;}
.form-section form .input-wrapper {border-bottom: 1px solid #646e76;display: block;position: relative;}
.form-section form .input-wrapper.nobdr{ border-bottom: none!important;}
.input-wrapper span{ display: block; line-height: 40px;}
.form-section form .fieldarea { width: 100%; display: block; height: 90px;}
.form-section form .field-lt {padding-bottom: 0;width: 100%; float: left;}
.form-section form .field-rt {padding-bottom: 0;width: 100%; float: right;}
.form-section form .field-mid{ float: left; width: 100%; margin-right: 20px;}
.form-section form .field-mid-rt{ float: right; width: 100%; margin-right: 0px;}
}
/* mobile media ends*/
/*============================================================================*/
/* ipad portrait media starts*/
@media (min-width: 768px) and (max-width: 998px){
.newsletter-form{ width: 60%; margin:20px auto; border-bottom: 1px solid #222; line-height: 30px;}
#header ul li a{ font-size:12px; letter-spacing: 1px; color: #000; padding: 5px 5px; text-transform: uppercase; text-decoration: none;}
#header .logo{ width: 96px; float: left; margin-left: 20px; padding: 10px 0 0;}
}
/* ipad portrait media ends*/
/*============================================================================*/
/* ipad landsacpe media starts*/
@media (min-width: 999px) and (max-width: 1024px){
	.newsletter-form{ width: 50%; margin:20px auto; border-bottom: 1px solid #222; line-height: 30px;}

}
/* ipad landsacpe media ends*/