@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../fonts/tt0140m_.eot');
    src: url('../fonts/tt0140m_.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0140m_.woff2') format('woff2'),
         url('../fonts/tt0140m_.woff') format('woff'),
         url('../fonts/tt0140m_.ttf') format('truetype'),
         url('../fonts/tt0140m_.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{  font-family: "futura_bk_btbook", Helvetica, Arial, sans-serif; font-size:15px;}
ul li{list-style:none;}
a:hover{text-decoration:none;}
#header {
    background: #FFF;
    position: fixed;
	top: 0;
	width: 100%;
	z-index:1201;-moz-box-shadow: 0px 0px 1px rgba(68,68,68,0.7);
	-webkit-box-shadow: 0px 0px 1px rgba(68,68,68,0.7);
	box-shadow: 0px 0px 1px  rgba(68,68,68,0.7);
}
#header, #header a, #header a:visited {
    color:#8f92a3;
    text-transform:uppercase;
    text-decoration: none;
    font-family: "futura_bk_btbook", Helvetica, Arial, sans-serif;
    transition: color linear 200ms;
    -moz-transition: color linear 200ms;
    -webkit-transition: color linear 200ms;
    -o-transition: color linear 200ms;
}

#header a:hover, #header a.level-2-link:hover{
    color:#58585b;
}

/* Desktop Header Promo */
.header-content-slot{
	position:absolute;
	top:45px;
	left:25px;
}

.header-content-slot p {
	display:table-cell;
	vertical-align:middle;
	padding-right:5px;
	font-size:13px;
	line-height:14px;
	color:#8f92a3;
}

.header-content-slot a{
	text-decoration:underline;
	font-size:13px;
	line-height:14px;
}

/* Tablet Header Promo */
@media (max-width : 1024px) {
	.header-content-slot{
		top:25px;
		left:15px;
	}
}

/* Header Logo - Desktop */
.logo{
	padding:15px 0 80px 0;	text-align:center;
}

#header .logo-link{
	display:inline-block;
	vertical-align:middle;
	height:37px;
	background-position: 0 -111px;
	background-size: 211px 211px;
	background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	#header .logo-link{
	    background-image: url('../images/sprite-sheet-2x.png');
   }
}


/* Header Logo - Tablet */
@media (max-width : 1024px) {
	#header .logo-link{
		
	}
}

/* Header Utility Nav - Desktop */
.header-utility-nav{
	position:absolute;
	top:35px;
	right:15px;
}
.header-utility-nav-item{
	display:inline-block;
	font-size:13px;
	vertical-align:middle;
}

/* Header Utility Nav - Tablet */
@media (max-width : 1024px) {
	.header-utility-nav{
		position:absolute;
		top:25px;
		right:15px;
	}
}

/* Header Search - Desktop */
.header-search-container{
	position:relative;
}
.header-search-container .header-search-input{
	border:none;
	background:#f9f9f9;
	box-sizing:content-box;
    width:130px;
	height:24px;
    color:#8f92a3;
    font-size:12px;
    padding:5px 35px 5px 5px;
    outline:none;
    -webkit-transition: width linear 150ms, background linear 150ms 0;
	-moz-transition: width linear 150ms, background linear 150ms 0;
	-ms-transition: width linear 150ms, background linear 150ms 0;
	transition: width linear 150ms, background linear 150ms 0;
}
.header-search-container .header-search-input.is-open{ width:262px; background:#f0f0f0;}
.header-search-submit{
	position:absolute;
	top:0;
	right:0;
	border:none;
	width:40px;
	height:34px;
	background-color:transparent;	
	background-image: url('../images/sprite-sheet.png');
	background-position: -171px 1px;
	background-repeat:no-repeat;
    outline:none;
}
.header-search-submit:hover{
	background-position: -221px 1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	.header-search-submit{ background-image: url('../images/sprite-sheet-2x.png'); background-size: 250px 250px; }
}
/* Header Search - Tablet */
@media (max-width : 1024px) {
	.header-search-container .header-search-input.is-open{ /* Header search bar open state */
		width:162px;
	}
}

/* Login Menu */
.menu-utility-user{
	margin:0 5px;
	padding:0;
	letter-spacing:0.035em;
}
.header-my-account-link{
	margin-right:20px;
}
/* Mini Cart */

#mini-cart a { 
    color:#fff;
    text-transform:lowercase;
}

.mini-cart-label {
	color:white;
	display: inline-block;
	width: 40px;
	padding: 11px 0;
	text-align:center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
	background-image: url("../images/sprite-sheet.png");
	background-position: -223px -27px;
	background-repeat: no-repeat;
	font-size:10px;
}
.mini-cart-label:hover{
	background-position: -223px -59px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { /* Retna/Hi-Res Screens */
	.mini-cart-label{
   		background-image: url('../images/sprite-sheet-2x.png');
    	background-size: 250px 250px;
	}
}

.mini-cart-label.empty-cart{
	cursor: not-allowed;
}

.mini-cart-total .item-number { color: #fff; }
    
.mini-cart-content{
    background: #ffffff;
    border: 1px solid #d7d9e5;
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    width: 182px;
    z-index:1;
}

.mini-cart-header {
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 12px;
    text-transform: uppercase;
}

.mini-cart-close {
    width: 100%;
    height: 15px;
    cursor: pointer;
    background-image:url(../images/closeDropdownArrow.png);
    background-position:center center;
    background-repeat:no-repeat;
}

.mini-cart-products { overflow: auto; }

.mini-cart-product {
    overflow: hidden;
    padding: 10px; 
    border-bottom: 1px solid #d7d9e5;
    position: relative;
}

.mini-cart-product .mini-cart-toggler{
    background: url(../images/arrows.png) no-repeat -161px 0;
    width: 16px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: -4px;
    cursor: pointer;
}

.mini-cart-product.collapsed .mini-cart-toggler {
    background: url(../images/arrows.png) no-repeat -148px 0;
}

.mini-cart-product.collapsed .mini-cart-image { display: none; }
.mini-cart-product.collapsed .mini-cart-attributes, 
.mini-cart-product.collapsed .mini-cart-pricing, 
.mini-cart-product.collapsed .product-availability-list,
.mini-cart-product.collapsed .product-list-item { width: 125px; }

.mini-cart-product.collapsed .mini-cart-name,
.mini-cart-product.collapsed .product-list-item .name { width: 115px; padding-left: 8px; }

.mini-cart-dropdown .mini-cart-image {
    float: left;
}

.mini-cart-dropdown .mini-cart-name {
    float: none;
    width: 130px;
    display: block;
    clear: both;
}

#mini-cart .mini-cart-name a {
	color: #8f92a3;
    text-transform: uppercase; 
    font: 11px/normal "futura_bk_btbook", Arial, Helvetica, Sans-serif;
    font-weight: 300;
}

.mini-cart-dropdown .mini-cart-pricing { color: #8f92a3; font: 11px/normal "futura_bk_btbook"; }

.mini-cart-dropdown .mini-cart-attributes,
.mini-cart-product .product-availability-list {
    float: right;
    font-weight: bold;
    width: 50%;
}

.mini-cart-dropdown .mini-cart-attributes { display: none; }

.mini-cart-dropdown .mini-cart-qty {
    position: absolute;
    top: 15px;
    right: 10px;
    background-color: #8f92a3;
    padding: 2px 0;
}


.mini-cart-dropdown .mini-cart-qty .label {
    display: block;
    position: absolute;
    top: 24px;
    color: #8f92a3;
}

.mini-cart-dropdown .mini-cart-qty .value,
.mini-cart-dropdown .mini-cart-qty input.input-text {
    color: #fff;
    padding: 5px 10px;
}

.mini-cart-dropdown .mini-cart-subtotals {
    font-weight: 700;
    padding: 10px 0 0;
    text-align: center;
    display: none;
    font-family: "futura_bk_btbook";
}

.mini-cart-dropdown .mini-cart-subtotals .label { margin: 0 20px 0 0; display: block; font-weight: 300;}
.mini-cart-dropdown .mini-cart-subtotals .value { font-weight: normal; }

.mini-cart-dropdown .mini-cart-totals {
    padding: 10px;
    text-align: center;
}

#mini-cart .mini-cart-totals .button { 
    text-transform: uppercase; 
    margin: 5px 20px;
    color: white;
    background-color: #a3bdc2;
}

.mini-cart-link-cart {
    display: block;
    margin: 20px;
    width: auto;
}

.mini-cart-link-checkout {
    clear: both;
    display: block;
    padding: 20px 0 10px;
    text-align: center;
}

.mini-cart-dropdown .mini-cart-subtotals{
	display: block;
	color: #8f92a3;
	font-family: "futura_bk_btbook", sans-serif;
	font-weight:300;
	padding-top:0;
}

.mini-cart-product {
	overflow: hidden;
	padding: 10px 10px 14px 10px;
	border-bottom: 1px solid #d7d9e5;
	position: relative;
}

.mini-cart-dropdown .mini-cart-subtotals .label {
	margin: 0;
}

/* primary catalog navigation */
/* ------------------------------------- */

/* Nav - Desktop */

.top-navigation a {
	font-size:14px;
}

.level-1 {
	text-align:center;
	position:relative;
}
.level-1-item{
	display: inline-block;
	vertical-align:middle;
}
.level-1-link{
	letter-spacing:1px;
	letter-spacing:0.055em;
	padding:19px 12px;
	font-weight:300;
	display:block;
}
#header .level-1-item.is-open .level-1-link,
#header .level-1-item.is-current-category .level-1-link, 
#header .level-1-item:hover .level-1-link{
	color:#58585b;
}
#header .level-2-wrapper{
	position:absolute;
	top:57px;
	left:0;
	right:0;
	width:100%;
	background:rgb(151,155,174);
	background:rgba(151,155,174,0.9);
	z-index:1;
	overflow:hidden;
	max-height:0;
	opacity:0;
	letter-spacing:0.1em;
    transition: opacity ease-out 200ms;
    -moz-transition: opacity ease-out 200ms;
    -webkit-transition: opacity ease-out 200ms;
    -o-transition: opacity ease-out 200ms;
	-moz-box-shadow: 0px 1px 1px rgba(68,68,68,0.7);
	-webkit-box-shadow: 0px 1px 1px rgba(68,68,68,0.7);
	box-shadow: 0px 1px 1px rgba(68,68,68,0.7);
	text-align:left;
}
#header .level-1-item:hover .level-2-wrapper.is-ready{
	opacity:1;
	max-height:335px;
}
#header .level-2-wrapper.is-right-side .level-2{
	text-align:right;
}
.level-2{
	padding:25px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
.level-2-spacer{
	display:inline-block;
	width:0;
	margin-right:-17px;
}

.level-2-wrapper.is-right-side.has-no-promo .level-2-spacer{
	margin-right:-7px;
}
.level-2-item{
	font-weight:300;
}
.level-2-promo a{
    transition: opacity linear 200ms;
    -moz-transition: opacity linear 200ms;
    -webkit-transition: opacity linear 200ms;
    -o-transition: opacity linear 200ms;
}
.level-2-promo a:hover{
	opacity:0.7;
    transition: opacity linear 200ms;
    -moz-transition: opacity linear 200ms;
    -webkit-transition: opacity linear 200ms;
    -o-transition: opacity linear 200ms;
}
#header .level-2 h2{
	color:#fff;
	font-size:12px;
	font-weight:400;
	letter-spacing:0.1em;
	margin:0 0 25px 0;
}
#header .level-2-link, #header .level-2-link:visited{
	color:#fff;
	font-size:12px;
	letter-spacing:0.1em;
	padding:0 0 8px 0;
	display:block
}



/* footer */
/* ------------------------------------- */

/* Footer Desktop */
#footer .wrapper{ 
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

#footer {
    clear:both;
    width: 100%;
    font-family: "futura_bk_btbook", Sans-serif;
    letter-spacing: 0.035em;
    background: #fff;
    position:relative;
}

#footer .content {
    background: #8f92a3;
    padding-bottom:5px;
}

#footer .menu-footer {
    margin: 0;
    padding:0;
    text-align:justify;
    height:44px;
    display:inline;
}

#footer .menu-footer:after { content: ''; display:inline-block; width:100%; }

#footer .menu-footer li {
    //display:inline-block;
    margin:0px 24px 0px 0px;
	float:left;
	
}


#footer .menu-footer li.empty{
	display:none;
}

#footer .menu-footer a {
	color: #fff;
	padding:2px 0;
	display:block;
	transition: color linear 200ms;
	-moz-transition: color linear 200ms;
	-webkit-transition: color linear 200ms;
	-o-transition: color linear 200ms;
	text-align:left;
}

#footer a:hover {
	color:#58585b;
}

#footerLinks h2 { 
	color: #ffffff;
	text-align: left;
}

.menu-footer .first, .menu-footer .second, .menu-footer .third {
515
	float: left;
	position: relative;
	padding-left: 5px;
}

/*.menu-footer .first, .menu-footer .second, .menu-footer .third {
	width: 40.33333%;
	float: left;
	position: relative;
	padding-left: 5px;
}*/


.footera {
	width:90%;
	margin: 0px auto;
}

.menu-footer li {
	padding: 0px;
}
#footerLinks{display:inline-block; width:65%;}
.sub-1 {
	padding: 0px;
}

.content-right { 
    position: absolute;
      top: 108px;
    right: 100px;
}

form#mailing-list fieldset { #width: 430px; }

#mailing-list input[type="submit"] {
	background-color:transparent;
	border: none;
}

.copyright {
    font: 100 10px "futura_bk_btbook", Sans-serif;
    color: #fff;
    float:right;
    padding-top: 15px;
}

.postscript {
    color: #999999;
    font-family: Georgia,serif;
    font-style: italic;
}

.facebook-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: 0 -96px; background-repeat: no-repeat; background-size: 250px 250px; }

.twitter-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: -31px -96px; background-repeat: no-repeat; background-size: 250px 250px; }

.tumblr-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: -63px -96px; background-repeat: no-repeat; background-size: 250px 250px; }

.pinterest-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: -95px -96px; background-repeat: no-repeat; background-size: 250px 250px; }

.instagram-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: -129px -96px; background-repeat: no-repeat; background-size: 250px 250px; }

.youtube-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: -162px -96px; background-repeat: no-repeat; background-size: 244px 250px; }

.googleplus-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: -207px -96px; background-repeat: no-repeat; background-size: 250px 250px; }

.email-icn { background-image: url("../images/sprite-sheet-2x.png"); background-position: -175px -96px; background-repeat: no-repeat; background-size: 250px 250px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { .bars-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  
  footer .facebook-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  footer .twitter-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  footer .tumblr-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  footer .pinterest-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  footer .instagram-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  footer .youtube-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  footer .googleplus-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; }
  footer .email-icn { background-image: url("../images/sprite-sheet-2x.png"); background-size: 250px 250px; } 

}

#footer #social {
	padding: 20px 0px;
}

#footer #social ul {
	padding: 0px;
	margin:0;
	text-align:center;
}

#footer #social li {
    display:inline-block;
    margin: 0;
    padding: 0px 7px;
}
#footer #social li:last { padding:0; }

#footer #social .facebook {
    margin-left: 0;
}

#footer #social li a {
  display: block;
  width: 41px;
  height: 41px;
  transition: none;
  border: 2px solid #fff;
  border-radius: 50%;
}
#footer #social li a:hover {
	background-position-y: -173px;
}

#mailing-list input[type="text"] {
	border: 1px solid #FFFFFF;
	background: none;
    color: #FFFFFF;
    width: 163px;
    margin-top:1px;
    display:inline-block;
    vertical-align:middle;
}

.mailarrow {
	background-image: url("../images/sprite-sheet-2x.png");
	background-size: 250px 250px;
	background-position: -240px -207px; 
	height: 25px;
	width: 10px;
	display:inline-block;
    vertical-align:middle;
}
.mailarrow:hover{
	background-position-x: -224px;
}
#mailing-list label {
    color: #fff;
    width: auto;
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.035em;
    text-align: left;
    display:inline-block;
    vertical-align:middle;
    float:none;
}

#mailing-list button { 
    float: right;
    right: 5px;
    margin-top: 1px;
    padding: 3px 12px;
}

#mailchimpMessage {
    position: absolute;
    top: 32px;
    right:25px;
    display:none;
    color:white;
}
div#mailchimpMessage::after {
    	content:"";
    	background-image: url("../images/sprite-sheet.png");
    	height: 21px;
    	width: 16px;
    	background-size: 250px 250px;
    	z-index: 1;
    	}
    	
#mailing-list span.error  { display: none !important; }

#mailing-list label.error{ 
    background-color: inherit!important;
}

#mailing-list input[type="text"].error{
    background-color:none;
}
/* Footer small desktop / tablet */
@media (max-width: 1024px) {
	form#mailing-list fieldset {
		width: auto;
	}
	.copyright {
		width:100%;
		text-align:center;
		bottom:-10px;
	}
	
	footer#footer {
		padding: 0;
		width: 100%;
		min-width: 0;
	}
	footer#footer p:empty {
		display: none;
	}
	footer#footer div.wrapper {
		min-width: 0;
		width: auto;
	}
	footer#footer div.wrapper div.content-right {
 		 position: absolute;
  		 top: 108px;
  		 right: 0;
	}
	footer#footer div.wrapper div.content-right nav#social {
		position: static;
		margin: 0 auto 10px auto;
		width: 216px;
	}
	footer#footer div.wrapper div.content-right nav#social li {
		margin-left: 0;
	}
	footer#footer div.wrapper div.content-right nav#social li a {
		width: 36px;
		height: 35px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
	}
	footer#footer div.wrapper div.content-right p.copyright {
		margin: 40px auto 0 auto;
		text-align: center;
		border-top: 1px solid #fff;
		padding-top: 20px;
		float: none;
	}
	footer#footer div.wrapper div.content-right form#mailing-list fieldset {
		margin: 0 auto;
	}
	footer#footer div.wrapper div.content-right form#mailing-list fieldset label {
		font-size: 10px;
	}
	footer#footer div.wrapper div.content-right form#mailing-list fieldset button {
		float: none;
	}
	footer#footer div.wrapper div.content-right form#mailing-list fieldset div#mailchimpMessage {
		display: block;
		position: absolute;
		right:auto;
		top:auto;
		width:100%;
		text-align:center;
		bottom:15px;
	}
	footer#footer #social ul{
		position:static;
	}
	
	#footer .menu-footer {
		width: 100%;
		height:auto;
		padding: 0px;
		margin: 0px;
		text-align:center;
	}
	#footer .menu-footer:after { display:none; }
	
	#footer .menu-footer a{
		padding:15px 25px;
	}
	#footer #social{
		margin-bottom:10px;
	}
	#mailing-list input[type="submit"] { left: 215px; top: 2px; }
	
	.footera {
	  width: 100%;
	}
	 
	footer#footer section.content {
	  padding: 20px 20px 190px 20px;
	}
	
	.sub-1 {
	  text-align: left;
	}
	
	.menu-footer .first, .menu-footer .second, .menu-footer .third {
	  width: 23.33333%;
	  float: left;
	  position: relative;
	  padding-left: 0px;
	  text-align: left;
	}
	
	#footer .menu-footer a{
	  padding:9px 5px;
	}
	
	.copyright {
	  width: auto;
	 }
}

.hp-grid { width: 100%; margin: 0 auto; font-family: "futura_bk_btbook", Sans-serif; }

.hp-grid-row { text-align: justify; margin-top: 0.3%; font-size: 0.1px; }
.hp-grid-row:after { content: ''; display: inline-block; width: 100%; }

.hp-grid-row-first { margin-top: 1%; }

.hp-grid-row-last { margin: 1% 0; }

.hp-grid-tile { display: inline-block; position: relative; text-align: left; font-size: 12px; }
.hp-grid-tile img { display: block; width: 100%; position: relative; }

.hp-grid-tile-overlay-wrapper { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; /* For Safari 3.1 to 6.0 */ -webkit-transition-property: background; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; /* Standard syntax */ transition-property: background; transition-timing-function: ease-out;   background: #9597a9;  background: rgba(149, 151, 169, 0.8);  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.hp-grid-tile:hover .hp-grid-tile-overlay-wrapper{  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;}


.hp-grid-tile-overlay { display: table; width: 100%; height: 100%; }
.hp-grid-tile-overlay .hp-grid-tile-text { color: #ffffff; display: table-cell; vertical-align: middle; text-align: center;}
.hp-grid-tile-overlay .hp-grid-tile-text h1 { text-transform: uppercase; font-size: 3em; font-weight: 300; margin: 0.5em 0; border-bottom: 1px solid #fff; display: inline-block; line-height: 1em; }
.hp-grid-tile-overlay .hp-grid-tile-text span { font-size: 1.3em; font-weight: 300; text-transform: uppercase; display: block; }
.hp-grid-tile-text-wrapper { position: absolute; top: 0; bottom: 0; width: 100%; }
.hp-grid-tile-text-wrapper .hp-grid-tile-text { display: table; height: 100%; width: 100%; }
.hp-grid-tile-text-wrapper .hp-grid-tile-text .hp-grid-tile-text-content { display: table-cell; vertical-align: middle; text-align: center; color: #8d91a5; }
.hp-grid-tile-text-wrapper .hp-grid-tile-text .hp-grid-tile-text-content h1 { text-transform: uppercase; font-size: 30px; serif; margin: .2em 0; line-height: 0.85em; }
.hp-grid-tile-text-wrapper .hp-grid-tile-text .hp-grid-tile-text-content span { font-size:16px;margin: 15px 8% 0;  display: block; }
.hp-grid-texttile:after { content: ''; display: block; }
.hp-grid-tile-one { width: 35.15625%; }
.hp-grid-tile-one.hp-grid-texttile:after { padding-top: 77.777777777778%; }
.hp-grid-tile-two { width: 27.34375%; }
.hp-grid-tile-two.hp-grid-texttile:after { padding-top: 100%; }
.hp-grid-tile-three { width: 35.15625%; }
.hp-grid-tile-three.hp-grid-texttile:after { padding-top: 77.777777777778%; }
.hp-grid-tile-four { width: 35.15625%; }
.hp-grid-tile-four.hp-grid-texttile:after { padding-top: 77.777777777778%; }
.hp-grid-tile-five { width: 63.671875%; }
.hp-grid-tile-five.hp-grid-texttile:after { padding-top: 42.944785276074%; }


@media screen and (max-width: 1600px) { .hp-grid-tile .hp-grid-tile-text .hp-grid-tile-text-content h1 { font-size: 2.83em; line-height:
normal;} }
@media screen and (max-width: 1400px) { .hp-grid-tile .hp-grid-tile-text .hp-grid-tile-text-content h1 { font-size: 2.83em; line-height:
normal; } }
@media screen and (max-width: 1300px) { .hp-grid-tile .hp-grid-tile-text .hp-grid-tile-text-content h1 { font-size: 2.83em; line-height:
normal; }
  .hp-grid-tile .hp-grid-tile-text .hp-grid-tile-text-content span { font-size: 1em; } }
@media screen and (max-width: 900px) { .hp-grid-tile .hp-grid-tile-text .hp-grid-tile-text-content h1 { font-size: 2.83em; line-height:
normal; }
  .hp-grid-tile .hp-grid-tile-text .hp-grid-tile-text-content span { font-size: 1em; } }
@media screen and (max-width: 1400px) { .hp-grid-tile .hp-grid-tile-overlay .hp-grid-tile-text h1 { font-size: 2.5em; line-height:
normal; } }
@media screen and (max-width: 900px) { .hp-grid-tile .hp-grid-tile-overlay .hp-grid-tile-text h1 { font-size: 1.3em; line-height:
normal; }
  .hp-grid-tile .hp-grid-tile-overlay .hp-grid-tile-text span { font-size: 1em; } }
@media screen and (max-width: 1024px) { #footer .menu-footer { width: auto; } }
#footerLinks h2{font-size:18px;}
.container-fluid{margin-top:14%;}
.menu-category{margin:0; padding:0;}

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('../images/ajax-load.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }
.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }
.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
.slick-slider .slick-slide img { width: 100%; }
.slick-slider .slick-prev, .slick-slider .slick-next { background-image: url(../images/arrows_gallery.jpg); background-size: 124px 82px;  width: 62px; height: 41px; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
.slick-slider .slick-prev:before, .slick-slider .slick-next:before { content: ''; }
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover { background-position-x: -62px; }
.slick-slider .slick-prev:active, .slick-slider .slick-next:active { background-position-x: 0; }
.slick-slider .slick-prev { left: 0; background-position: 0 0; }
.slick-slider .slick-next { right: 0; background-position: 0 -41px; }
.slick-slider .slick-dots { background-color: #8f92a3; bottom: -37px; }
.slick-slider .slick-dots li { margin: 8px 3px 3px 3px; }
.slick-slider .slick-dots li button { background-color: #ffffff; width:15px; height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.slick-slider .slick-dots li.slick-active button{ background-color: #bccfd2; }
.slick-slider .slick-dots li button:before { content: '';}
.slick-slider{margin-bottom: 0;}
.slick-initialized .slick-slide{width:945px!important;}




.container-fluid{padding-right: 0px; padding-left: 0px;}
.hp-grid-tile-text-wrapper .hp-grid-tile-text .hp-grid-tile-text-content:hover{text-decoration:none;}
.mobile-menu{display:none;}
img{max-width:100%;}
main{margin-top:191px;}
.block-about-us{background:url(../images/about-bg.jpg) no-repeat; background-size:100% auto; padding:0;}
.block-about-us .inner_srollbar{    margin: 20px 0 20px 40px;   width: 98% !important;   padding-right: 70px !important;}
h1.page-title{color:#8f92a3; margin:0 0 20px 0;}
.block-about-us .about-sections{float:right; width:40%; background:rgba(255,255,255,0.9); margin-right:5%;}
.block-about-us .about-sections p{line-height:22px;}
.block-about-us h1.page-title{margin:100px 20px 0 20px; font-size:28px; text-align:center;}
.block-about-us .inner_srollbar{height:auto !important; margin-bottom:100px;}

.block-contact-us{background:url(../images/contact-bg.jpg) no-repeat; background-size:cover; position: relative;}
.block-contact-us:before{content:" "; position:absolute; width:100%; height:100%;background-color: rgba(255, 255, 255,0.6); z-index: 1;}
.block-contact-us .contact-sections{float:right; width:100%;background-color: rgba(255, 255, 255,0.8); border:1px solid #AAACB7;position: relative; z-index: 9;margin: 60px 0;}
.block-contact-us .contact-sections p{line-height:22px;}
.block-contact-us .contact-sections strong{color:#8f92a3; }
.block-contact-us .inner_srollbar{    margin: 20px 0 20px 20px;   width: 98% !important;    padding-right: 40px !important;}
.block-contact-us h1.page-title{margin:20px 20px 0 20px;}

.block-news{background:url(../images/contact-bg.jpg) no-repeat; background-size:100% auto; position: relative;}
.block-news:before{content:" "; position:absolute; width:100%; height:100%;background-color: rgba(255, 255, 255, 0.56); z-index: 1;}
.block-news .news-sections{float:right; width:100%; background:rgba(255,255,255,1);border:1px solid #AAACB7;position: relative; z-index: 9;margin: 60px 0;}
.block-news .news-sections p{line-height:22px;}
.block-news .news-sections h4{color:#8f92a3; font-weight:bold; border-bottom:1px solid #8f92a3; padding-bottom:10px;}
.block-news .inner_srollbar{    margin: 20px 0 20px 20px;   width: 99% !important;    padding-right: 40px !important;}
.block-news h1.page-title{margin:20px 20px 0 20px;}

.block-brands{background:url(../images/contact-bg.jpg) no-repeat; background-size:100% auto;}
.block-brands:before{content:" "; position:absolute; width:100%; height:100%;background-color: rgba(255, 255, 255,0); z-index: 1;}
.block-brands .contact-sections{float:right; width:100%; background-color: rgba(255, 255, 255,0.9); border:1px solid #AAACB7;position: relative; z-index: 9;margin: 60px 0;}
.block-brands {background:url(../images/brand-bg-inner.jpg) no-repeat; background-size:cover; position: relative;}
.block-brands .contact-sections p{line-height:22px;}
.block-brands .contact-sections strong{color:#8f92a3; }
.cus_brands{margin:0; padding:0; margin-left:-15px;}
.cus_brands li{float:left; width:20%;margin:0 0 15px 15px}
.cus_brands li h3{text-align:center; background:#8f92a3; color:#ff95f; margin:0; padding:8px 0;}
.block-brands .inner_srollbar{    margin: 20px 0 20px 20px;   width: 98% !important;    padding-right: 40px !important;}
.block-brands h1.page-title{margin:20px 20px 0 20px;}

.block-products{background:#fff; background-size:100% auto; padding:60px 0;}
.block-products .products-sections{float:right; width:100%; background:rgba(255,255,255,0.9);}
.block-products .products-sections p{line-height:22px;}
.block-products .products-sections h4{color:#8f92a3; font-weight:bold; border-bottom:1px solid #8f92a3; padding-bottom:10px;}
.block-products .inner_srollbar{    margin: 20px 0 20px 20px;   width: 98% !important;    padding-right: 40px !important;}
.block-products h1.page-title{margin:20px 20px 0 20px;}
.block-products .prod_gallery{margin-left:-10px;display: block; float: left; width: auto;}
.block-products .prod_gallery a{width:31%; float:left; margin:0 0 10px 10px;}

#scrollbox3 {
    overflow: auto;   
    height: 300px;
}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
	border:1px solid #8f92a3;
	    margin-top: 20px;
}

.track3:hover,
.track3.dragging {
}

.handle3 {
    width:8px;
    right: 0;
    background: #999;
    background: rgba(143, 146, 163, 0.78);
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 8px;
}

@media(max-width:1199px){
.header-content-slot{width:22%;}	
}

@media(max-width:991px){
.header-content-slot{width:20%;}
#footer .wrapper{  max-width: inherit;}
footer#footer #social ul { position: relative;}

footer#footer section.content{  float: left; width: 100%; padding-bottom:15px;} 
footer#footer div.wrapper div.content-right form#mailing-list fieldset div#mailchimpMessage{position:relative; width:auto;}
#mailing-list input[type="submit"]{position:absolute; right:0; top:0; left:auto;}.container-fluid{margin-top:191px;}
#footer .menu-footer li{width:auto;float:none;display:inline-block;}
}

@media(max-width:767px){
	#mailing-list input[type="submit"]{position:absolute; right:0; top:0; left:auto;}.container-fluid{margin-top:153px;}
	.hp-grid-tile-three.hp-grid-texttile::after{padding-top:21%;}
	.hp-grid-tile .hp-grid-tile-text .hp-grid-tile-text-content span{font-size:15px;}
.mobile-menu{display:block;margin-top:50px;}
#navigation{display:none;}
.header-content-slot{display:none;}
.header-utility-nav{display:block; position:relative;}
#logo{padding-bottom:50px;width:100%;}
.navbar-toggle{position: absolute; top: 10px; right: 0; background-color: #8f92a3;}
.navbar-toggle .icon-bar{background:#fff;}
.navbar-collapse{border-top:2px solid #8f92a3;}
.hp-grid-tile-one, .hp-grid-tile-two, .hp-grid-tile-three, .hp-grid-tile-four, .hp-grid-tile-five{width:100%;}
.hp-grid-tile-four{border-top:1px solid #bccfd2;}

.menu-footer .first, .menu-footer .second, .menu-footer .third{width:100%;}
footer#footer div.wrapper div.content-right{float:left; position:relative; top: 0;}
#footer .menu-footer a { padding: 5px 0;}
footer#footer section.content{padding:10px;}
.hp-grid-tile-four.hp-grid-texttile:after{  padding-top:65%;}
.copyright{float:left;}
footer#footer div.wrapper div.content-right form#mailing-list fieldset label { font-size: 14px; float: left; font-weight: normal;  margin-right: 10px;}
footer#footer div.wrapper div.content-right{  margin-top: 10px;}
.header-utility-nav{float:right;}
#header{padding-bottom:0px;}
.navbar-collapse{width:100%;}
#mailing-list input[type="submit"]{  right: -14px;}
.header-utility-nav{display:none;}
.block-about-us .about-sections{width:100%;}
.block-about-us{background-size:auto 100%;}
.block-products{background-size:auto 100%;}
.block-products .products-sections{width:100%;}
.block-news{background-size:auto 100%;}
.block-news .news-sections{width:100%;}
.block-brands{background-size:auto 100%;}
.block-brands .contact-sections{width:100%;}
.block-contact-us{background-size:auto 100%;}
.block-contact-us .contact-sections{width:100%;}
.block-contact-us .inner_srollbar img.pull-right{float:none !important; margin-bottom:20px;}
main.contact{margin-top:153px;}
main.brandpage{margin-top:153px;}
main.abouts{margin-top:153px;}
.block-about-us .inner_srollbar{width:auto!important;}
.block-about-us .about-sections{margin-right:0px;}
.hp-grid-tile-four.hp-grid-texttile::after{padding-bottom:30%;}
.hp-grid-tile-four.hp-grid-texttile::after{padding-top:15%;}

#footerLinks{width:98%;text-align:center;}
#footerLinks h2{text-align:center;}
#footer .menu-footer li{display:inline-block;float:none;}
.sub-1 {text-align: center;}
#footer #social{margin-bottom:0px;padding-bottom:0px;}
footer#footer div.wrapper div.content-right {float: none;margin: 8px auto;text-align: center;width: 36%;position:relative!important;}
#footer .menu-footer li{margin-right:12px;}
.copyright{padding-top:0px;}

}
@media(max-width:559px){
		#footerLinks{width:100%!important;}
	#footerLinks h2{text-align:center!important;}
	#footer .menu-footer li{display:inline-block;float:none;}
	.sub-1 {text-align: center;}
	.menu-footer .first, .menu-footer .second, .menu-footer .third{width:96%;}
}


@media(max-width:479px){
	.container-fluid {margin-top:153px;}
.block-products .prod_gallery a{ width: 45%;}	
.cus_brands li{width:100%; margin:0 0 15px 0;}
#footer .menu-footer li{margin-right:10px;}
/* CLIENT CAROUSEL STYLES */.clients-carousel {margin-top:35px; /*SMALL TOP MARGIN FOR SPACE */    padding: 0 30px 30px 30px;}    
.clients-carousel .thumbnail {border: 1px solid hsl(231, 10%, 60%);transition: left 0.6s ease-in-out 0s!important;}    
.clients-carousel .carousel-control.left {height: 30px;width: 25px;margin-top:78px;background:hsl(231, 10%, 60%);        left: -15px;line-height:24px;}    
.clients-carousel .carousel-control.right {height: 30px;width: 25px;margin-top:78px;background:hsl(231, 10%, 60%);        right: -15px;		line-height:24px;    }    
.clients-carousel img {width: 100%;height:auto;}			
.carousel-inner > .item {backface-visibility: hidden;    transition: transform 0.6s ease-in-out 0s;}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {left: 0;transform: translate3d(100%, 0px, 0px);}.carousel-inner > .item.prev, .carousel-inner > .item.active.left {left: 0;transform: translate3d(-100%, 0px, 0px);}.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {    left: 0;    transform: translate3d(0px, 0px, 0px);}.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {    display: block;}.carousel-inner > .active {    left: 0;}	.brands .carousel-control.left{left:8px;}	.brands .carousel-control.right{right:8px;}	.brands{padding:0 45px 30px;}
#footer #social li{padding:0px 1px;}
footer#footer div.wrapper div.content-right{margin-left:18px;}
#footer #social{margin-bottom:0px;padding-bottom:0px;}
.copyright{bottom:0px;text-align:center;width: 100%;padding-top:0px;}
footer#footer div.wrapper div.content-right{width:85%;}
#footer #social li a{width:36px!important;height:36px!important;}
	.facebook-icn {background-position: -6px -124px!important;background-repeat: no-repeat;background-size: 308px 308px!important;}
	.twitter-icn{background-position:-34px -98px;}
	.tumblr-icn{background-position:-65px -98px;}
	.pinterest-icn{background-position:-96px -98px;}
	.instagram-icn{background-position:-131px -98px;}
	.youtube-icn{background-size:225px 225px!important; background-position:-150px -87px;}
	.googleplus-icn{background-size:225px 225px!important;background-position:-185px -88px;}

	}
	
@media(max-width:320px){
	#footer #social li a{width:36px!important;height:36px!important;}
	.facebook-icn {background-position: -6px -124px!important;background-repeat: no-repeat;background-size: 308px 308px!important;}
	.twitter-icn{background-position:-34px -98px;}
	.tumblr-icn{background-position:-65px -98px;}
	.pinterest-icn{background-position:-96px -98px;}
	.instagram-icn{background-position:-131px -98px;}
	.youtube-icn{background-size:225px 225px!important; background-position:-150px -87px;}
	.googleplus-icn{background-size:225px 225px!important;background-position:-185px -88px;}
}
	




  /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
		#jssor_1{overflow:hidden;overflow-x:hidden!important;}
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 13 css */
        /*
        .jssora13l                  (normal)
        .jssora13r                  (normal)
        .jssora13l:hover            (normal mouseover)
        .jssora13r:hover            (normal mouseover)
        .jssora13l.jssora13ldn      (mousedown)
        .jssora13r.jssora13rdn      (mousedown)
        */
        .jssora13l, .jssora13r {
            display: block;
            position:absolute;
            /* size of arrow element */
        
            cursor: pointer;
            background: url(../images/a13.png) no-repeat;
            overflow: hidden;
			background-size:200%;
        }
        .jssora13l { background-position:0px 0px;left:0px!important;top:45%!important;width:28px!important;
		   height:34px!important;}
        .jssora13r { background-position:-28px 0px;right:0px!important;top:45%!important;width:28px!important;
		   height:34px!important;}
        .jssora13l:hover { background-position:0px 0px;}
        .jssora13r:hover { background-position:-28px 0px; }
        .jssora13l.jssora13ldn { background-position:0px 0px;}
        .jssora13r.jssora13rdn { background-position:-28px 0px;}

.clients-carousel .carousel-control.left {
    background: hsl(231, 10%, 60%) none repeat scroll 0 0;
    height: 30px;
    left: -15px;
    line-height: 24px;
    margin-top:57px;
    width: 25px;
}
.clients-carousel .carousel-control.right {
    background: hsl(231, 10%, 60%) none repeat scroll 0 0;
    height: 30px;
    line-height: 24px;
    margin-top:57px;
    right: -15px;
    width: 25px;
}
.clients-carousel {
    margin-top: 35px;
    padding: 0 30px 30px;
}
.clients-carousel .thumbnail {
    border: 1px solid hsl(231, 10%, 60%);
    transition: left 0.6s ease-in-out 0s !important;
}