#site-header-wrapper {

	position: static;

	z-index: 1000;

	width: 100%;

}

#site-header-wrapper.site-header-wrapper-transparent {

	position: absolute;

}

#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink),

#site-header-wrapper.site-header-wrapper-transparent,

#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) #top-area {
	background-color: rgba(0, 0, 0, 0.3) !important;

	/*background: transparent !important;*/

	border-bottom: 0 none;

}



#site-header-wrapper.header-on-slideshow {

	position: static !important;

	height: 0 !important;

	background-color: transparent;

}



#site-header.header-on-slideshow.init {

	top: 0 !important;

}



#site-header.header-on-slideshow {

	background: transparent;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	z-index: 1000;

}



#page:not(.vertical-header) #site-header.fixed {

	width: 100%;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 1000;

}

@media (min-width: 1260px) {

	#page.layout-boxed #site-header.fixed {

		width: 1260px;

		left: 50%;

		margin-left: -630px;

	}

}



#site-header.fixed.shrink {

	box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);

	-moz-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);

	-webkit-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);

	border-collapse: separate;

}



#site-header.fixed.shrink .site-title {

	padding-top: 5px;

	padding-bottom: 5px;

	-webkit-transition: padding 0.3s;

	-moz-transition: padding 0.3s;

	transition: padding 0.3s;

}



@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)

{ @media {

	#site-header.fixed,

	#site-header.fixed .site-title a,

	#site-header.fixed #primary-menu > li > a,

	#site-header.fixed .site-title,

	#site-header.fixed .header-style-3 #primary-menu.no-responsive > li.menu-item-current,

	#site-header.fixed .header-style-3 #primary-menu.no-responsive > li.menu-item-active,

	#site-header.fixed .header-style-4 #primary-menu.no-responsive > li.menu-item-current,

	#site-header.fixed .header-style-4 #primary-menu.no-responsive > li.menu-item-active,

	#site-header.fixed .header-style-3 #primary-menu.no-responsive > li,

	#site-header.fixed .header-style-4 #primary-menu.no-responsive > li {

		-webkit-transition: all 0s !important;

		-moz-transition: all 0s !important;

		transition: all 0s !important;

	}

}}



.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li,

.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {

	-webkit-transition: all 0s !important;

	-moz-transition: all 0s !important;

	transition: all 0s !important;

}



.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {

	vertical-align: middle;

}





#site-header.fixed #primary-menu > li > a {

	-webkit-transition: padding 0.3s, color 0.3s, background-color 0.3s;

	-moz-transition: padding 0.3s, color 0.3s, background-color 0.3s;

	transition: padding 0.3s, color 0.3s, background-color 0.3s;

}



#site-header.scroll-counting .site-title,

#site-header.scroll-counting .site-title img,

#site-header.scroll-counting #primary-menu > li,

#site-header.scroll-counting #primary-menu > li > a,

#site-header.scroll-counting .menu-item-logo,

#site-header.scroll-counting .menu-item-logo img {

	-webkit-transition: all 0s !important;

	-moz-transition: all 0s !important;

	transition: all 0s !important;

}



#site-header.fixed.shrink #primary-menu.no-responsive > li > a {

	padding-top: 18px;

	padding-bottom: 18px;

}



#site-header.fixed.shrink .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {

	padding-top: 13px;

	padding-bottom: 13px;

}



#site-header.fixed.shrink .header-style-1 #primary-menu.no-responsive > li.menu-item-current > a,

#site-header.fixed.shrink .header-style-1 #primary-menu.no-responsive > li.menu-item-active > a {

	padding-bottom: 14px;

}



#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-current,

#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-active,

#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-current,

#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-active {

	-webkit-transition: padding 0.3s;

	-moz-transition: padding 0.3s;

	transition: padding 0.3s;

}



#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li,

#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li {

	padding-top: 18px;

	padding-bottom: 18px;

	-webkit-transition: padding 0.3s;

	-moz-transition: padding 0.3s;

	transition: padding 0.3s;

}



#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-current,

#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-active,

#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-current,

#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-active {

	padding-top: 16px;

	padding-bottom: 16px;

	padding-left: 1px;

	padding-right: 1px;

}



body.one-pager #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li,

body.one-pager #site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li {

	-webkit-transition: all 0s;

	-moz-transition: all 0s;

	transition: all 0s;

}



#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li > a,

#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li > a {

	padding: 0px 15px;

}



#site-header.fixed.shrink #primary-navigation .hamburger-toggle {

	margin-top: 15px;

	margin-bottom: 15px;

}



#site-header .site-title a,

#site-header .menu-item-logo a {

	white-space: nowrap;

}



#site-header .logo-position-right .site-title a {

	text-align: right;

}



#site-header .site-title a img,

#site-header .menu-item-logo a img {

}



#site-header.fixed.scroll-counting .site-title a img,

#site-header.fixed.scroll-counting .menu-item-logo a img {

	-webkit-transition: all 0s !important;

	-moz-transition: all 0s !important;

	transition: all 0s !important;

}



#site-header .site-title a img.small,

#site-header .menu-item-logo a img.small {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	-khtml-opacity: 0;

	opacity: 0;

	position: relative;

}



#site-header.fixed.shrink .site-title a img.default,

#site-header.fixed.shrink .menu-item-logo a img.default {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	-khtml-opacity: 0;

	opacity: 0;

}



#site-header .site-title a img.small,

#site-header .menu-item-logo a img.small {

	display: none;

}



#site-header.fixed.shrink .site-title a img.small,

#site-header.fixed.shrink .menu-item-logo a img.small {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

}



#site-header.fixed.shrink .logo-position-center > .site-title {

	display: none;

}



.site-title .logo,

.menu-item-logo .logo {

	display: inline-block;

	vertical-align: middle;

	min-height: 1px;

	min-width: 1px;

}



#site-header .site-title a img.small.light,

#site-header .menu-item-logo a img.small.light {

	display: none !important;

}



@media (max-width: 767px) {

	#site-header .site-title a img.default,

	#site-header .menu-item-logo a img.default {

		display: none;

	}

	#site-header .site-title a img.small,

	#site-header .menu-item-logo a img.small {

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

		filter: alpha(opacity=100);

		-moz-opacity: 1;

		-khtml-opacity: 1;

		opacity: 1;

		display: inline-block !important;

		margin: 0 !important;

	}

	#site-header .site-title a img.small.light,

	#site-header .menu-item-logo a img.small.light {

		display: inline-block !important;

	}

	#site-header .site-title a img.small.light + img.small,

	#site-header .menu-item-logo a img.small.light + img.small {

		display: none !important;

	}

	#site-header.fixed.shrink .site-title a img.small.light,

	#site-header.fixed.shrink .menu-item-logo a img.small.light {

		display: none !important;

	}

	#site-header.fixed.shrink .site-title a img.small.light + img.small,

	#site-header.fixed.shrink .menu-item-logo a img.small.light + img.small {

		display: inline-block !important;

	}

}











/* TOP AREA SEARCH DROPDOWN FORM ON MENU ITEM CLICK */



#primary-navigation #primary-menu > li.menu-item-search > a:before {

	content: "\e612";

	display: block;

	font-family: "thegem-icons";

	font-size: 24px;

	font-weight: normal;

	margin-right: 5px;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

#primary-navigation #primary-menu > li.menu-item-search.active > a:before {

	content: "\e619";

	display: block;

	font-family: "thegem-icons";

	font-size: 24px;

	font-weight: normal;

	margin-right: 5px;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

.menu-item-search .minisearch{

	position: absolute;

	top: 100%;

	left: 0;

	padding: 20px;

	width: 280px;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: translateY(20px);

	transform: translateY(20px);

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

}

.menu-item-search.active .minisearch{

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;

	transition: opacity 0.5s, transform 0.5s;

}

.minisearch.invert{

	left: auto;

	right: 0;

}

.minisearch .sf-input{

	width: 100%;

	font-family: "Source Sans Pro";

	font-size: 16px;

	font-weight: 400;

	height: 40px;

	border-radius: 4px;

	padding-right: 40px;

	outline: none;

}

.minisearch .sf-submit{

	position: absolute;

	right: 20px;

	width: 40px;

	height: 40px;

	margin: 0;

	background: rgba(0, 0, 0, 0);

	border: 0;

	cursor: pointer;

}

.minisearch .sf-submit:hover{

	background: transparent;

}

.minisearch .sf-submit:focus{

	outline: none;

}

.minisearch .sf-submit-icon{

	position: absolute;

	right: 20px;

	width: 40px;

	height: 40px;

}

.minisearch .sf-submit-icon:before{

	content: "\e612";

	display: block;

	font-family: "thegem-icons";

	font-size: 24px;

	font-weight: normal;

	line-height: 40px;

	margin-right: 5px;

	padding-right: 3px;

	text-align: center;

	vertical-align: top;

	width: 100%;

	height: 40px;

}









/* RESPONSIVE DROPDOWN MENU */

.primary-navigation.responsive ul{

	border-top: 1px solid #dfe5e8;

	border-left: 1px solid #dfe5e8;

	border-right: 1px solid #dfe5e8;

}

.primary-navigation.responsive ul ul{

	border: 0 none;

}

.primary-navigation.responsive ul.sub-menu{

	margin-top: 0;

}

.primary-navigation.responsive ul li.menu-item,

.primary-navigation.responsive ul li.dl-back {

	background: #f4f6f7;

}

.primary-navigation.responsive ul > li.menu-item,

.primary-navigation.responsive ul > li.dl-back {

	border-bottom: 1px solid #dfe5e8;

}

.primary-navigation.responsive li li:last-child{

	border-bottom: 0 none;

}

.primary-navigation.responsive ul > li.menu-item-current > a,

.primary-navigation.responsive ul > li.menu-item.menu-item-active a {

	background: #fff;

	border-left: 4px solid #00bcd4;

	padding-left: 26px;

	color: #3c3950;

}

#primary-navigation.responsive ul > li.menu-item-search > a{

	display: none;

}

.primary-navigation.responsive .minisearch{

	position: static;

	width: 100%;

	opacity: 1;

	-webkit-transform: translateY(0);

	transform: translateY(0);

	background-color: #fff;

	border: none;

	visibility: visible;

}

.primary-navigation.responsive .minisearch .sf-input{

	border: 1px solid #dfe5e8;

	background-color: #f4f6f7;

	color: #3c3950;

	font-family: "Source Sans Pro";

	font-size: 16px;

	font-weight: 400;

}

.primary-navigation.responsive .minisearch .sf-submit-icon:before{

	color: #3c3950;

}

.primary-navigation.responsive li a{

	color: #5f727f;

}

.primary-navigation.responsive li a:hover{

	color: #3c3950;

}









/* SEARCH BOX AND SOCIALS - VERTICAL MENU LAYER */

.header-style-vertical #primary-navigation .no-responsive li.menu-item-widgets{

	position: absolute;

	bottom: 50px;

	width: 100%;

}

.header-style-vertical #primary-navigation.responsive li.menu-item-widgets,

.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-search,

body #page.vertical-header #primary-menu.no-responsive li.menu-item-search{

	display: none;

}

.no-responsive .menu-item-widgets .vertical-minisearch{

	padding-right: 30px;

	width: 100%;

}

.no-responsive .vertical-minisearch .sf-input{

	width: 100%;

	font-family: "Source Sans Pro";

	font-size: 16px;

	font-weight: 400;

	height: 40px;

	padding-right: 50px;

	outline: none;

	background: #e0e5e9;

}

.no-responsive .vertical-minisearch .sf-submit{

	position: absolute;

	right: 30px;

	width: 40px;

	height: 40px;

	margin: 0;

	padding: 0;

	border: 0;

	cursor: pointer;

	opacity: 0;

	background: #000;

	z-index: 1;

}

.no-responsive .vertical-minisearch .sf-submit:hover{

	background: transparent;

}

.no-responsive .vertical-minisearch .sf-submit:focus{

	outline: none;

}

.no-responsive .vertical-minisearch .sf-submit-icon{

	position: absolute;

	right: 30px;

	width: 40px;

	height: 40px;

	z-index: 0;

}

.no-responsive .vertical-minisearch .sf-submit-icon:after{

	background: #3d3950;

	content: "\e612";

	display: block;

	font-family: "thegem-icons";

	font-size: 24px;

	font-weight: normal;

	line-height: 40px;

	text-align: center;

	vertical-align: top;

	width: 100%;

	height: 40px;

	color: #fff;

}

.no-responsive .menu-item-socials,

.vertical-menu-item-widgets .menu-item-socials{

	margin-top: 35px;

}

.no-responsive .menu-item-socials .socials-item{

	margin: 0 9px;

}

.vertical-menu-item-widgets .menu-item-socials .socials-item{

	margin: 0 8px;

}

.no-responsive .menu-item-socials .socials-item:first-child,

.vertical-menu-item-widgets .menu-item-socials .socials-item:first-child{

	margin-left: 0;

}

.no-responsive .menu-item-socials .socials-item:last-child,

.vertical-menu-item-widgets .menu-item-socials .socials-item:last-child{

	margin-right: 0;

}

.no-responsive .menu-item-socials .socials-item .socials-item-icon,

.vertical-menu-item-widgets .menu-item-socials .socials-item .socials-item-icon{

	font-size: 24.5px;

}



.vertical-menu-item-widgets{

	position: absolute;

	bottom: 50px;

	width: 270px;

}

.vertical-menu-item-widgets .vertical-minisearch{

	width: 100%;

}

.vertical-menu-item-widgets .vertical-minisearch .sf-input{

	width: 100%;

	font-family: "Source Sans Pro";

	font-size: 16px;

	font-weight: 400;

	padding-right: 50px;

	height: 40px;

	outline: none;

	background: #e0e5e9;

}

.vertical-menu-item-widgets .vertical-minisearch .sf-submit{

	position: absolute;

	right: 0;

	width: 40px;

	height: 40px;

	margin: 0;

	padding: 0;

	border: 0;

	cursor: pointer;

	opacity: 0;

	background: #000;

}

.vertical-menu-item-widgets .vertical-minisearch .sf-submit:hover{

	background: transparent;

}

.vertical-menu-item-widgets .vertical-minisearch .sf-submit:focus{

	outline: none;

}

.vertical-menu-item-widgets .vertical-minisearch .sf-submit-icon{

	position: absolute;

	right: 0;

	width: 40px;

	height: 40px;

	z-index: 0;

}

.vertical-menu-item-widgets .vertical-minisearch .sf-submit-icon:after{

	background: #3d3950;

	content: "\e612";

	display: block;

	font-family: "thegem-icons";

	font-size: 24px;

	font-weight: normal;

	line-height: 40px;

	text-align: center;

	vertical-align: top;

	width: 40px;

	height: 40px;

	color: #fff;

}











/* VERTICAL HEADER RESPONSIVE */



@media (max-width: 767px){

	#page.vertical-header #site-header-wrapper{

		position: static;

		width: 100%;

		padding: 0;

	}

	#page.vertical-header{

		padding-left: 0;

	}

	#page.vertical-header #site-header .site-title {

		display: table-cell;

	}

	.vertical-menu-item-widgets{display: none;}

}



@media (max-height: 799px) {

	.header-style-vertical #primary-menu.no-responsive > .menu-item-language,

	.header-style-vertical #primary-menu.no-responsive > .menu-item-cart {

		display: none;

	}

}

@media (max-height: 689px) {

	.vertical-menu-item-widgets {

		display: none;

	}

}