﻿.header-menu {
	background:#3949ab;
	height:100%;
	right:0;
	position:fixed;
	top:0;
	width:60px;
	z-index:1004
}
.menu-img {
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0
}
.menu-img img {
	opacity:1;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transition:opacity .215s ease-in-out 0s;
	transition:opacity .215s ease-in-out 0s
}
.menu-img:active img,.menu-img:focus img,.menu-img:hover img {
	opacity:.65
}
.menu-img img.retina {
	display:none
}
.logo-img {
	position:absolute;
	left:0;
	top:65%;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0
}
.logo-img img {
	opacity:1;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transition:opacity .215s ease-in-out 0s;
	transition:opacity .215s ease-in-out 0s
}
.logo-img:active img,.logo-img:focus img,.logo-img:hover img {
	opacity:.65
}
.logo-img img.retina {
	display:none
}
.logo-text {
	position:absolute;
	left:0;
	top:50%;
	width:200px;
	height:60px;
	margin-top:100px;
	text-align:center;
	line-height:60px;
	font-size:22px;
	font-weight:700;
	color:#FFF;
	letter-spacing:1px;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0
}
.logo-text:active,.logo-text:focus,.logo-text:hover {
	color:#FFCF01
}
#desktop-nav.menu-nav {
	display:block;
	z-index:1004;
	padding:20px 0 0px 23px;
}
#mobile-nav.menu-nav {
	display:none
}
.cart-contents,.menu-nav,.social-menu-nav {
	position:relative;
	display:block;
	width:100%;
	height:60px;
	border-bottom:1px solid #1a237e;
	background:#283593;
	z-index:99;
	-webkit-transition:background .215s ease-in-out 0s;
	transition:background .215s ease-in-out 0s
}
.cart-contents,.social-menu-nav {
	position:absolute;
	left:0;
	bottom:0;
	border-top:1px solid #1a237e;
	border-bottom:none;
	margin-bottom:60px;
}
.social-menu-nav+.cart-contents {
	bottom:60px
}
.cart-contents,.menu-nav,.top-menu-nav {
	position:relative;
	display:block;
	width:100%;
	height:60px;
	border-bottom:1px solid #1a237e;
	background:#283593;
	z-index:99;
	-webkit-transition:background .215s ease-in-out 0s;
	transition:background .215s ease-in-out 0s
}
.cart-contents,.top-menu-nav {
	position:absolute;
	left:0;
	bottom:0;
	border-top:1px solid #1a237e;
	border-bottom:none
}
.top-menu-nav+.cart-contents {
	bottom:60px
}
.cart-contents:hover,.menu-nav.open,.menu-nav:hover,.top-menu-nav.open,.top-menu-nav:hover {
	background:#1a237e;

}
.cart-contents .cart-icon,.menu-nav .menu-icon,.top-menu-nav .top-icon {
	position:absolute;
	top:50%;
	right:50%;
	margin:-8px -8px 0 0;
	width:16px;
	height:16px;
	background-image:url(_include/img/sprite-menu.png);
	background-repeat:no-repeat;
	background-position:-16px 0;
	-webkit-transition:-webkit-transform .25s ease-out 0s;
	transition:transform .25s ease-out 0s;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg)
}
.cart-contents:hover,.menu-nav.open,.menu-nav:hover,.social-menu-nav.open,.social-menu-nav:hover {
	background:#313E4E;
	opacity:0.4;
}
.cart-contents .cart-icon,.menu-nav .menu-icon,.social-menu-nav .social-icon {
	position:absolute;
	top:50%;
	right:50%;
	margin:-8px -8px 0 0;
	width:16px;
	height:16px;
	background-image:url(_include/img/sprite-menu.png);
	background-repeat:no-repeat;
	background-position:-16px 0;
	-webkit-transition:-webkit-transform .25s ease-out 0s;
	transition:transform .25s ease-out 0s;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg)
}
.menu-nav:hover .menu-icon {
	background-position:0 0
}
.social-menu-nav .social-icon {
	background-position:-16px -32px
}
.social-menu-nav.open .social-icon,.social-menu-nav:hover .social-icon {
	background-position:0 -32px
}
#my-menu.moveNowLeft {
	right:0
}
.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top,body.modal-open {
	margin-right:0
}
.modal-backdrop {
	background:#1C2222;
	z-index:9100
}
.modal {
	overflow:hidden!important;
	z-index:9200
}
.fade {
	opacity:0;
	transition:opacity .15s ease-in-out 0s
}
.modal-backdrop.in {
	opacity:0.8;
	filter:alpha(opacity=100);
	transition:opacity .15s ease-in-out 0s
}
.social-profiles ul {
	margin:0;
	padding:0;
	list-style:none
}
.social-profiles ul li {
	display:inline-block
}
.social-profiles ul li:after {
	position:relative;
	top:-2px;
	color:#FFF;
	content:"/";
	font-size:10px;
	font-weight:300;
	margin:0 15px
}
.social-profiles ul li:last-child:after {
	display:none;
	margin:0
}
.social-profiles ul li a {
	color:#FFF;
	font-size:12px;
	letter-spacing:3px;
	text-transform:uppercase;
	position:relative;
	-webkit-transition:color .25s ease-in-out 0s;
	transition:color .25s ease-in-out 0s
}
.social-profiles ul li a:active,.social-profiles ul li a:focus,.social-profiles ul li a:hover {
	color:#FFCF01
}
.close-modal {
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:60px;
	opacity:.5;
	z-index:850;
	background:0 0;
	border:0 none;
	-webkit-transition:opacity .215s ease-in-out 0s;
	transition:opacity .215s ease-in-out 0s
}
.close-modal:active,.close-modal:focus,.close-modal:hover {
	opacity:1
}
.close-modal .close-btn {
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:16px;
	margin:-8px 0 0 -6px;
	background-image:url(_include/img/sprite-menu.svg);
	background-repeat:no-repeat;
	background-position:0 -128px
}
#sidebar-box .blue-wing-close {
	background:#fff;
	font-size:18px;
	font-weight:300 !important;
	width:36px;
	height:50px;
	line-height:50px !important;
	border:1px solid #ddd;
	border-right:0px;
	cursor:pointer;
}
#sidebar-box .blue-wing-icon {
	width:34px;
}
#sidebar-box .blue-wing-icon a {
	display:block;
}
#sidebar-box .blue-wing-btn {
	position:relative;
	display:block;
	font-size:18px;
	height:40px;
	line-height:40px !important;
}
#sidebar-box .blue-wing-label {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	width:18px;
	height:18px;
	line-height:18px !important;
	font-size:11px;
	text-align:center;
	letter-spacing:-1px;
}
#desktop-nav .blue-btn-label {
	position:absolute;
	left:3px;
	border-radius:50%;
	width:18px;
	height:18px;
	line-height:16px !important;
	font-size:11px;
	text-align:center;
	padding-right:1px;
	letter-spacing:-1px;
}
#sidebar-box .blue-wing-label {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	border-radius:50%;
	width:18px;
	height:18px;
	line-height:18px !important;
	font-size:11px;
	text-align:center;
	letter-spacing:-1px;
}
@media (max-width:480px) {
	#sidebar-box .blue-wing-icon {
		width:34px;
		margin-left: 2px;
	}
}