@charset "utf-8";
/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/







/* =============================================================================
   Site Styles
   ========================================================================== */
   
	body {
		font-family: 'Open Sans', sans-serif;
		background:#ebebeb;
	}
	
	.nav_div { 
	
	text-align: right;
		
		
	
	}
	
	
	.bold {
		font-weight:700;
	}
	
	.relative {
		position:relative;
	}
	
	h2 {
		text-transform:uppercase;
		font-weight:800;
		font-size:2.375em;
	}

	#nav {
		position:fixed;
		width:100%;
		border-top:6px solid #F90;
		text-transform:uppercase;
		font-weight:600;
		height: 89px;
		
		font-size:1.125em;
		
		background: #000;
		z-index:999;
		
		
		transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
  
	}


	
 
#logo{
	margin-top: 10px;

 height:57px;
 

 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}
	



	#nav ul {
		
		padding:0;
		margin:0;
		
	}
	
	#nav li {
		display: inline-block;
		padding: 0em 0.5em ;
	}
	
	.lt-ie8 {
		display:inline;
		zoom:1;
	}
	
	#nav a {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#nav a:hover {
		color: #F90;
		font-size:large; 
		opacity: 1;
		
		-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
		border-bottom:4px solid #09F;
		
	}
	
	.nav_list{
		display: inline-block;
		margin-bottom:20px;
	}
	
	
	
	table {
	  width: 100%;
	  background: #fff;
	  font-size: 14px;
	}
	table tr th,
	table tr td {
	  vertical-align: top;
	  text-align: left;
	  padding: 8px 0 8px 16px;
	  border-top: 1px solid #ebebeb;
	}
	/*table tr th:first-child,
	table tr td:first-child {
	  padding-left: 0;
	}*/
	table tr th {
	  background: #f5f4f2;
	  font-weight: normal;
	}
	table tr td:first-child {
	  font-family: Consolas, monospace;
	  color: #008000;
	}
	
	pre {
		word-wrap: normal;
	}
	
	
	
	#mobileMenu {
		display:none;
		
	}

/* =============================================================================
   Media Queries
   ========================================================================== */

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
	#nav {
		font-size:0.938em;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	
	#mobileMenu {
		display:block;
		position:fixed;
		border-top: 5px solid #09F;
		
		width:100%;
		z-index:1000;
		transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
  
	}
	
	

	#nav {
		display:none;
		
		position:relative;
		padding-top:3.375em;
	}
    
	
    
	
	#awesomeness {
		text-align:center;
		font-size:1.4em;
	}
	
	#awesomeness .btn {
		margin-top:1em;
	}
	
	#nav ul {
		text-align: center;
		font-size:0.6em;
		line-height: 1.5em;
	}
	
	#nav ul li {
		padding:0.25em;
	}
	
	table tr th,
	table tr td {
	  padding: 2px 0 2px 4px;
	}
	
	h2 {
		font-size:2em;
	}
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

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
































/*-------------------------------------------------------------------------*/
/*	3.	Header + Search Bar Styles
/*-------------------------------------------------------------------------*/

#header-space {
	height: 90px;	
}

#header-outer {
	width: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	overflow: visible!important;
	padding: 28px 0px 0px 0px;
	background-color:#fff;
	z-index: 9998;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
}

body[data-transparent-nav="1"][data-header-color="light"] #header-outer {
	background-color: rgba(255,255,255,0.965);
}

body[data-header-color="dark"] #header-outer, body[data-header-color="dark"] #search-outer {
	background-color: #1F1F1F;
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-o-box-shadow: none!important;
}

body[data-header-color="dark"] header#top nav ul #search-btn > div {
	border-left: 1px solid #333;
}

body[data-header-color="dark"] header#top nav ul #search-btn a {
	background-image: url(img/icons/mag-glass-black.png);
}

body[data-header-color="dark"] #header-secondary-outer {
	background-color: #111;
	border-bottom: 1px solid #333;
}

body[data-header-color="dark"] #header-outer .cart-menu {
	background-color: #111;
}

body[data-header-color="dark"] #header-secondary-outer nav > ul > li > a {
	border-left: 1px solid #222;
}

body[data-header-color="dark"] #header-secondary-outer nav > ul > li:last-child {
	border-right: 1px solid #272727;
}

body[data-header-color="dark"] header#top nav ul li a, body[data-header-color="dark"] #search-outer input, body[data-header-color="dark"] #header-secondary-outer nav > ul > li > a,
body[data-header-color="dark"] #header-secondary-outer nav > ul > li > a span.sf-sub-indicator i {
	color: #A0A0A0;
}

body[data-header-color="dark"] #header-secondary-outer nav > ul > li > a span.sf-sub-indicator i {
	color: #A0A0A0!important;
}

body[data-header-color="dark"] #header-secondary-outer nav > ul > li a:hover,
body[data-header-color="dark"] #header-secondary-outer nav > ul > li a:hover span.sf-sub-indicator i {
	color: #fff!important;
}

body[data-header-color="dark"] #search-outer #search #close a {
	background-image: url("img/icons/close-search-black.png");
}

#header-secondary-outer ul ul li a {
	font-size: 11px;
}

body[data-header-color="dark"] #header-secondary-outer ul ul li a {
	background-color: #111;
	font-size: 11px;
	color: #A0A0A0;
}

body[data-header-color="dark"] #header-secondary-outer #social .vimeo, body[data-header-color="dark"]  #header-secondary-outer #social .vimeo span {
	 background-image: url("img/icons/social/vimeo-header-black.png")!important;
}

body[data-header-color="dark"] #header-secondary-outer #social .behance, body[data-header-color="dark"]  #header-secondary-outer #social .behance span {
	 background-image: url("img/icons/social/behance-header-black.png")!important;
}

body[data-header-color="dark"] #header-secondary-outer li.current-menu-ancestor > a, body[data-header-color="dark"] #header-secondary-outer li.current-menu-item > a,
body[data-header-color="dark"] #header-secondary-outer li.sfHover > a, body[data-header-color="dark"] #header-secondary-outer li.sfHover > a i {
	color: #fff!important;
}

.admin-bar #header-outer {
	top: 28px;
}

#header-outer[data-using-secondary="1"] {
	top: 33px;
}

.admin-bar #header-outer[data-using-secondary="1"] {
	top: 60px;
}

header#top #logo {
	width: auto;
	max-width: none;
	display: block;
	line-height: 22px;	
	font-size: 22px;	
	letter-spacing: -1.5px;
	color: #444444;
	font-family: 'OpenSansSemibold';
}

header#top #logo:hover {
	color: #27CFC3;
}

header#top #logo img {
	/*max-height: 30px;*/
	max-width: none;
	width: auto;
	margin-bottom: 0px;
	display: block;
}

header#top {
	position: relative;
	z-index: 9998;
	width: 100%;
}


header#top .container .row {
	padding-bottom: 0px;	
}

header#top nav > ul {
	float: right;
	overflow: visible!important;
}

header#top nav ul li {
	float: right;
}

header#top nav > ul > li {
	float: left; 
}

header#top nav > ul > li > a {
	padding: 0px 10px 0px 10px;
	display: block;
	color: #555;
	font-size: 12px;
	line-height: 20px;
	-webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}

html:not(.js) header#top nav > ul > li > a {
	padding-bottom: 46px;
}

header#top nav ul li a:hover, header#top nav .sf-menu li.sfHover > a, header#top nav .sf-menu li.current_page_ancestor > a, header#top nav .sf-menu li.current-menu-item > a, header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > a {
	color: #27CFC3;
}

header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator [class^="icon-"], header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="icon-"] {
    color: #27CFC3;
}

header#top nav ul li a {
	color: #888;
}

.sf-menu > li.current_page_ancestor > a > .sf-sub-indicator [class^="icon-"], .sf-menu > li.current-menu-ancestor > a > .sf-sub-indicator [class^="icon-"], .sf-menu > li.current_page_item > a > .sf-sub-indicator [class^="icon-"] {
	 color: #27CFC3;
}


.sf-menu ul li.current_page_item > a , .sf-menu ul li.current-menu-ancestor > a, .sf-menu ul li.current_page_ancestor > a  {
	color: #27CFC3;
}


header#top .span_9 {
	position: static!important;
}

header#top nav > ul > li.megamenu {
	position: inherit!important;	
}

header#top nav > ul > li.megamenu > ul.sub-menu {
	width: 100%;	
	left: 0px;
	padding: 15px 0px;
	background-color: #1F1F1F;
}

header#top nav > ul > li.megamenu > ul > li {
	display: table-cell!important;
    float: none!important;
	padding: 0px 15px;
	width: 33.33%;
}

header#top nav > ul > li.megamenu > ul > li:last-child {
	border-right: none!important;
}

header#top nav > ul > li.megamenu.columns-3 > ul > li { width: 33.33%; }
header#top nav > ul > li.megamenu.columns-4 > ul > li { width: 25%; }
header#top nav > ul > li.megamenu.columns-5 > ul > li { width: 20%; }
header#top nav > ul > li.megamenu.columns-6 > ul > li { width: 16.66%%; }

header#top nav > ul > li.megamenu > ul > li ul {
	display: block!important;
	top: 0px!important;
	width: 100%;
	opacity: 1!Important;
	left: 0px!important;
	position: relative!important;
}

header#top nav > ul > li.megamenu > ul > li {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

header#top nav > ul > li.megamenu ul li a {
	border-bottom: none!important;
	padding: 9px 15px;
}

header#top nav > ul > li.megamenu > ul > li > a {
	font-family: 'OpenSansbold';
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 2px;
}

header#top nav > ul > li.megamenu > ul ul li a:hover, header#top nav > ul > li.megamenu > ul ul li.current-menu-item a {
	color: #CCCCCC!important;
	background-color: #313233!important;
}

header#top nav > ul > li.megamenu > ul > li > a:hover, header#top nav > ul > li.megamenu > ul > li.sfHover > a {
	background-color: transparent!important;
}

header#top .menu-item-language .iclflag, #header-secondary-outer .menu-item-language .iclflag {
	top: 1px;
	position: relative;
	margin-right: 4px;
}

#header-secondary-outer .menu-item-language .iclflag {
	top: 2px;
}


header#top nav ul #search-btn {
	margin-left: 20px!important;
}

header#top nav ul #search-btn > div {
	border-left: 1px solid #e7e7e7;
	padding-left: 23px;
}

header#top nav ul #search-btn a { 
	padding-left: 23px;
	padding: 0px 0px 0px 0px!important;
	width: 24px;
	height: 21px;
	display: block;
	background-position: right top;
	background-repeat: no-repeat;
    box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
}

header#top nav ul #search-btn a span {
	color: #a0a0a0;
	font-size: 16px;
	line-height: 24px!important;
	height: 24px!important;
	background-color: transparent!important;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

header#top nav ul #search-btn a span:hover {
	color: #27CCC0!important;
}

#header-secondary-outer {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
	background-color: #F8F8F8;
	border-bottom: 1px solid #DDDDDD;
}

.admin-bar #header-secondary-outer {
	top: 28px;
}

#header-secondary-outer #social {
	float: left;
}

#header-secondary-outer #social li {
	float: left;
}

#header-secondary-outer #social a {
	line-height: 20px!important;
}

#header-secondary-outer #social i {
	height: 14px!important;
	line-height: 14px!important;
	font-size: 14px!important;
	color: #a6a6a6!important;
}

#header-secondary-outer #social li a {
	position: relative;
	padding: 8px 10px 8px 10px!important;
	height: 16px!important;
	box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
	-o-box-sizing: content-box!important;
}

#header-secondary-outer #social a:hover i {
	color: #27CCC0!important;
}

#header-secondary-outer ul {
	height: 32px;	
	z-index: 1000;
}

#header-secondary-outer nav > ul > li > a {
	color: rgba(0,0,0,0.55);
	border-left: 1px solid #DDDDDD;
	line-height: 13px!important;
	font-size: 11px!important;
	padding: 10px!Important;
}

#header-secondary-outer nav > ul > li > a:hover, #header-secondary-outer nav > ul > li.current-menu-item > a, #header-secondary-outer nav > ul > li.current-menu-ancestor > a {
	color: rgba(0,0,0,0.8);
}

#header-secondary-outer nav > ul > li > a .sf-sub-indicator {
	margin-right: 5px;
	height: 11px!important;
}

#header-secondary-outer nav > ul > li:last-child {
	border-right: 1px solid #DDDDDD;
}

#header-secondary-outer nav > ul > li > a span.sf-sub-indicator [class^="icon-"], #header-secondary-outer nav > ul > li > a span.sf-sub-indicator [class*=" icon-"] {
	color: rgba(0,0,0,0.45)!important;
}

#header-secondary-outer ul ul li a {
	background-color: #1F1F1F;
	color: #CCCCCC;
}

#header-secondary-outer ul > li.menu-item-language-current > a {
	height: 32px!important;
	padding-top: 8px!important;
}


#header-secondary-outer #social li a.behance, #header-secondary-outer #social li a.vimeo {
	background-color: #a6a6a6!important;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#header-secondary-outer #social li a.behance:hover, #header-secondary-outer #social li a.vimeo:hover {
	background-color: #27CCC0!important;
}

#header-secondary-outer #social li a.vimeo {
	width: 15px;
}

#header-secondary-outer #social li a.behance {
	width: 17px;
}

header#top nav ul #search-btn a:hover, header#top nav ul li.sfHover #search-btn a:focus {
	
}

header#top nav ul #search-btn:hover span, header#top nav ul li.sfHover #search-btn:focus span {
	opacity: 1;
}

header#top #toggle-nav {
	position: absolute;
	right: 0px;
	top: 5px;
	display: none;
	width: 36px;
	height: 28px;
	text-align: right;
	margin-bottom: 10px;
}

header#top #toggle-nav i {
	background-color: transparent!important;
	color: #a9a9a9;
	line-height: 34px;
	font-size: 18px;
}

#search-outer {
	top:0px;
	left:0px;
	width:100%;
	height:75px;
	position:absolute;
	z-index:10000;
	display:none;
	background-color:#fff;
}

#search-outer  #search {
	position:relative;
}

#search-outer  #search input[type=text] {
	width: 100%;
	color: #888;
	font-size: 43px;
	line-height: 43px;
	position: relative;
	padding: 0px!important;
	background-color: transparent;
	border: 0px;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-o-box-shadow: none!important;
	font-family: 'OpenSansBold';
	text-transform: uppercase;
	letter-spacing: 1px;
}
 
#search-outer > #search form {
	width: 92%;
	float: left;
}

#search-outer #search #close {
	list-style: none;
}

#search-outer  #search #close a {
	position: absolute;
	right: 0px;
	top: 24px;
	display: block;
	width: 24px;
	height: 17px;
}

#search-outer  #search #close a span {
	color: #a0a0a0;
	font-size: 18px!important;
	height: 20px!important;
	line-height: 19px!important;
	background-color: transparent!important;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}


#search-outer > #search #close a:hover span {
	color: #27CFC3;
}

.row .col h3 {
	line-height: 22px;
	margin-bottom: 12px;
}


.row .col img {
	margin-bottom: 15px;
	max-width: 100%;
	width: auto;
	height: auto;
}


#mobile-menu {
	position: relative;
	top: 0px;
	display: none;
	background-color: #1F1F1F;
 	padding: 0px;
    z-index: 100000;
}

#mobile-menu .container > ul > li:first-child {
	padding-top: 10px;	
}

#mobile-menu .container > ul > li:last-child {
	padding-bottom: 10px;
}

#mobile-menu .container > ul > li:last-child a {
	border-bottom: 0px;
}

#mobile-menu ul li a {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    display: block;
    position: relative;
    padding: 16px 0 !important;
}

#mobile-menu ul li ul {
	display: none;
	margin-left: 20px;
}

#mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="icon-"], #mobile-menu li.open > a, #mobile-menu ul li.current-menu-item > a, #mobile-menu ul li.current-menu-ancestor > a {
	color: #fff;
}

body #mobile-menu li.open > a [class^="icon-"] {
	color: #27CFC3; 
}

#mobile-menu #mobile-search {
	margin: 10px 0px 0px 0px;
}


#mobile-menu input[type=text] {
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #171717;
	color: rgba(255, 255, 255, 0.7);
	padding: 15px 15px 15px 40px!important;
	border: 0px!important;
	border-bottom: 1px solid #2e2e2e!important;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset;
	-o-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset;
	background-image: url(img/icons/mag-glass-mobile.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
   #mobile-menu input[type=text] {
   		background-size: 14px 14px;
      	background-image: url(img/icons/mag-glass-mobile@2x.png)!important;
   }
}