/******************************************
4. Header
******************************************/

/*4.1 welcome info */
.welcome-info {
	background-color: #fff;
/*	border-bottom: 1px #e5e5e5 solid; */
	padding: 30px 0px 0px;
	text-align: center
}
@media (max-width:767px) {
.welcome-info {
	padding: 10px 0px 30px
}
}
.welcome-info .page-header {
	margin-top: 10px
}
.welcome-info .page-header h1 {
	color: #000;
	font-size: 32px
}
@media (max-width:767px) {
.welcome-info .page-header h1 {
	font-size: 30px
}
}
.welcome-info .page-header p {
	font-size: 24px
}
@media (max-width:767px) {
.welcome-info .page-header p {
	font-size: 20px;
	line-height: 35px
}
}
.welcome-info .page-header p em {
	font-style: normal;
	border-bottom: 2px #ff3366 solid;
	padding-bottom: 5px
}
@media (max-width:767px) {
.welcome-info .page-header p em {
	padding-bottom: 2px
}
}
.welcome-info .page-header .text-main {
	color: #ff3366
}
/*4.2 header top */
.header-top {
	background: #fbfbfb;
	border-bottom: 1px solid #eaeaea;
	line-height: 32px;
	width: 100%
}
.header-top a {
	color: #000
}
.header-top a:hover {
	color: #ff3366;
	background: #fbfbfb
}
.welcome-msg {
	text-align: left;
	display: inline-block;
	padding: 0px;
	margin: 1px 5px 0;
	font-size: 13px;
	color: #999;
	float: right
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.welcome-msg {
	float: left
}
}
/*4.3 language & currency */
.language-currency-wrapper .block {
	float: left;
	margin: 0;
	position: relative;
	border: 1px solid #f5f5f5;
	background: #fff;
	border-bottom: none
}
.language-currency-wrapper .block span {
	display: inline-block;
	text-transform: capitalize
}
.language-currency-wrapper .block:hover {
	cursor: pointer
}
.language-currency-wrapper .block>div {
	line-height: 32px;
	position: relative
}
.language-currency-wrapper .block>div>span:hover {
	color: #ff3366
}
.language-currency-wrapper .block>div img {
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 15px
}
@media (max-width:990px) {
.language-currency-wrapper .block>div img {
	margin-left: 10px
}
}
.language-currency-wrapper .block>div>span {
	color: #666
}
@media (max-width:990px) {
.lg-cur span .lg-fr {
	display: none
}
}
.language-currency-wrapper .block>ul {
	position: absolute;
	left: 0;
	top: 52px;
	padding: 10px;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	z-index: 999
}
.language-currency-wrapper .block>ul li {
	list-style: none;
	background: #fbfbfb
}
.language-currency-wrapper .block>ul li a {
	position: relative;
	white-space: nowrap;
	line-height: 30px;
	color: #666;
	font-size: 85.71%;
	padding-left: 12px;
	display: block
}
.language-currency-wrapper .block>ul li a img {
	margin-right: 8px;
	margin-top: 0px
}
.language-currency-wrapper .block>ul li a .cur_icon {
	margin-right: 6px
}
.language-currency-wrapper .block>ul li a:hover {
	color: #fff;
	background: #ff3366;
	text-decoration: none
}
.language-currency-wrapper .block:hover>ul {
	margin-top: 0;
	top: 32px;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}
.language-currency-wrapper .block.block-language {
	width: 115px
}
@media (max-width:990px) {
.language-currency-wrapper .block.block-language {
	width: 55px
}
}
@media (max-width:990px) {
.language-currency-wrapper {
	padding-right: 0px
}
}
.language-currency-wrapper .block.block-language>ul {
	min-width: 132px;
	left: 0px;
	margin: auto
}
.language-currency-wrapper .block.block-currency {
	border-left: none;
	width: 80px
}
@media (max-width:990px) {
.language-currency-wrapper .block.block-currency {
	width: 55px
}
}
.language-currency-wrapper .block.block-currency>div {
	margin-left: 12px
}
@media (max-width:990px) {
.language-currency-wrapper .block.block-currency>div {
	margin-left: 8px
}
}
.language-currency-wrapper .block.block-currency>ul {
	min-width: 114px;
	margin: auto
}
@media (max-width:479px) {
.headerlinkmenu {
	padding-left: 0px
}
}
.headerlinkmenu {
	line-height: normal;
	display: inline-block;
	text-align: right;
	float: right
}
.headerlinkmenu .links {
	text-align: right;
/*	display: inline-block */
}
.headerlinkmenu .links div {
	display: inline-block;
	text-align: right
}
.headerlinkmenu div.links div a {
	display: inline-block;
	padding: 0px;
	color: #333;
	font-size: 12px;
	padding: 8px 10px 5px 8px;
	text-transform: none;
	text-decoration: none
}
.headerlinkmenu div.links div a span {
	margin-left: 8px
}
.headerlinkmenu div.links div a:hover {
	color: #ff3366;
	text-decoration: none
}
/*4.4 Top Search */
.top-search {
	float: right;
	display: inline-block
}
.top-search a {
	color: #fff;
	cursor: pointer;
	background: #ff3366;
	padding: 8px 12px 9px
}
.top-search a:hover {
	background: #ff3366;
	color: #fff
}
.icon-search:before {
	font-size: 16px
}
.cart-top .dropdown-menu {
	padding: 10px;
	min-height: 100px;
	height: auto !important;
	min-width: 445px;
	-webkit-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	top: 0;
	position: fixed;
	z-index: 999;
	display: block;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s;
	-o-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s;
	transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s
}
#search {
	padding-top: 12px
}
#search .input-group {
	border: 1px solid #ddd;
	border-radius: 50px;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	background: #fbfbfb
}
#search input {
	height: 34px;
	display: inline-block;
	width: 60%;
	border: none;
	background: #fff
}
#search button {
	line-height: 28px;
	padding: 3px 15px 3px;
	float: right;
	display: inline-block;
	background: #ff3366;
	border: none;
	color: #fff;
	border-radius: 0 50px 50px 0;
}
#search button:hover {
	background: #000;
	border: none;
	color: #fff
}
.top-search .fade.in {
	background: none repeat scroll 0 0 rgba(0,0,0,0.5);
	opacity: 1
}
.top-search .modal-content {
	border-radius: 3px
}
#search button i {
	font-size: 15px
}
.cate-dropdown {
	float: left;
	width: 220px;
	height: 34px;
	line-height: 34px;
	padding: 5px!important;
	border: none;
	display: inline-block
}
.cate-dropdown:focus {
	float: left;
	width: 220px;
	height: 34px;
	line-height: 34px;
	padding: 5px!important;
	border: none;
	background: #fbfbfb
}
.top-search .modal-lg {
	width: 700px
}
@media (max-width:767px) {
.top-search .modal-lg {
	width: 95%
}
}
.modal-header {
	text-align: left
}
.modal-open {
	padding: 0px !important
}
/*4.5 Logo */
.logo {
	vertical-align: middle;
	margin-top: 30px;
	text-align: left;
	display: inline-block;
	margin-bottom: 30px
}
.logo img {
	position: relative;
	z-index: 10
}
@media (max-width:767px) {
.logo {
	margin-top: 15px;
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 0px;
	width: 100%
}
}
@media (max-width:479px) {
header .logo a img {
	width: 45%
}
}
@media (max-width:768px) {
header .logo a img {
	width: auto
}
}
.stick-logo {
	display: none
}
nav.stick .stick-logo {
	left: 15px;
	position: absolute;
	top: 8px;
	display: block
}
@media only screen and (min-width:768px) and (max-width:1169px) {
nav.stick .stick-logo {
	display: none
}
}
.stick-logo a:hover {
	background: inherit
}
/*4 .6 support client*/
.support-client {
	margin-top: 32px;
}
.support-client .box-container {
	color: #333;
	text-align: left;
	margin-bottom: 15px;
}
.support-client .box-container:before {
	border: 1px solid #ddd;
	float: left;
	font-family: FontAwesome;
	font-size: 20px;
	height: 42px;
	text-align: center;
	width: 45px;
	line-height: 38px;
	border-radius: 100%;
	background: #eee;
}
.support-client .free-shipping:before {
	content: "\f0d1";
}
.support-client .money-back:before {
	content: "\f108";
}
.support-client .box-container .box-inner {
	margin-left: 58px;
	padding-top: 2px;
}
.support-client h2 {
	color: #000;
	font-size: 15px;
	line-height: 18px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
}
.support-client p {
	margin: 0;
	font-size: 12px;
}
/*4.6 Header banner */

.header-banner {
	padding-right: 0px;
	width: 55%;
	margin-top: 38px
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.header-banner {
	width: 46%
}
}
@media only screen and (min-width:1024px) and (max-width:1169px) {
.header-banner {
	width: 45%
}
}
.header-banner .carousel-inner {
	background: #fff;
	float: right;
	width: 55%;
	height: 40px;
	border: 1px solid #f5f5f5;
	border-radius: 50px;
	font-family: "Karla", sans-serif
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.header-banner .carousel-inner {
	width: 100%
}
}
@media only screen and (min-width:1024px) and (max-width:1169px) {
.header-banner .carousel-inner {
	width: 80%
}
}
.header-banner .btn-vertical-slider {
	margin-left: 35px;
	cursor: pointer;
	display: none
}
.header-banner .carousel.vertical .carousel-inner .item {
	-webkit-transition: .6s ease-in-out top;
	-moz-transition: .6s ease-in-out top;
	-ms-transition: .6s ease-in-out top;
	-o-transition: .6s ease-in-out top;
	transition: .6s ease-in-out top;
	margin-top: 8px;
	transition: top .6s ease-in-out 0s
}
.header-banner .carousel.vertical .next, .header-banner .carousel.vertical .active.right {
	top: 100%
}
.header-banner .carousel.vertical .prev {
	top: -100%
}
.header-banner .carousel.vertical .active, .header-banner .carousel.vertical .next.left, .header-banner .carousel.vertical .prev.right {
	top: 0
}
.header-banner .carousel.vertical .active.left {
	top: -100%
}
.header-banner .carousel.vertical .item {
	text-align: center
}
.header-banner {
	letter-spacing: 0.5px;
	line-height: 1.4em;
	text-transform: none;
	margin-bottom: 38px;
	font-size: 11px;
	text-align: center
}
.header-banner .orange {
	color: #ff3366
}
.fa-truck:before {
	color: #ff3366;
	display: inline-block;
	font-size: 16px;
	margin: auto;
	width: 30px;
	text-align: center;
	padding-left: 0px
}
.fa-usd:before {
	display: inline-block;
	font-size: 16px;
	margin: auto;
	color: #fa8171;
	width: 24px;
	text-align: center;
	line-height: 21px
}
.fa-gear:before {
	display: inline-block;
	font-size: 17px;
	margin: auto;
	color: #71cff3;
	width: 28px;
	text-align: center;
	line-height: 21px
}
.header-banner .fa-star:before {
	display: inline-block;
	font-size: 16px;
	margin: auto;
	color: #ff6c00;
	width: 30px;
	text-align: center;
	line-height: 21px
}
.header-container .right_menu {
	margin-top: 60px
}
/*4.7 Top Cart */
.top-cart-contain .top-cart-content {
	opacity: 0;
	display: block;
	overflow: hidden;
	transform: perspective(1160px) rotateX(-90deg);
	-ms-transform: perspective(1160px) rotateX(-90deg);
	-webkit-transform: perspective(1160px) rotateX(-90deg);
	-moz-transform: perspective(1160px) rotateX(-90deg);
	-o-transform: perspective(1160px) rotateX(-90deg);
	transform-origin: 0 0 0;
	transition: transform 0.3s ease 0s, opacity 0.4s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-moz-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-o-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
}
.top-cart-contain .mini-cart:hover .top-cart-content {
	opacity: 1;
	overflow: visible;
	-ms-transform: perspective(1160px) rotateX(0deg);
	-webkit-transform: perspective(1160px) rotateX(0deg);
	-moz-transform: perspective(1160px) rotateX(0deg);
	-o-transform: perspective(1160px) rotateX(0deg);
	transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	-webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	-moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	-o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
	z-index: 999;
}
.stick.top-cart {
	position: fixed;
	right: 15px;
	top: -32px;
	z-index: 1000
}
@media (max-width:1023px) {
.stick.top-cart {
	display: none
}
}
@media (max-width:1024px) {
.stick.top-cart {
	right: 0px;
	top: -4px
}
}
@media (max-width:1024px) {
.stick.top-cart .top-cart-contain {
	margin-top: 3px
}
}
.top-cart {
	padding-left: 0px;
}
@media (max-width:767px) {
.top-cart {
	width: 100%;
	background: #ff3366
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.top-cart {
	padding-right: 5px;
	width: 28%
}
}
@media only screen and (min-width:1024px) and (max-width:1169px) {
.top-cart {
	padding-right: 5px;
	width: 24%
}
}
.mini-products-list .product-image {
	float: left;
	padding: 0;
	width: 68px;
	padding: 0px;
	border: 1px #eee solid
}
.top-cart-content .product-name {
	margin: 0;
	width: 178px;
	line-height: 1.3em;
	padding: 0 0 3px
}
.top-cart-content .product-name a {
	font-size: 13px;
	line-height: normal;
	font-weight: 400
}
.top-cart-content .product-name a:hover {
	color: #000
}
.top-cart-title span {
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	text-transform: inherit
}
.top-cart-title p span {
	text-transform: none
}
.top-cart-contain .price {
	color: #000;
	font-weight: 900;
	text-transform: none;
	padding-left: 10px;
	float: right
}
.top-cart-contain .product-details .price {
	color: #ff3366;
	width: auto;
	float: none;
	font-weight: 900;
	padding-left: 0px;
	font-size: 13px
}
.mini-cart {
	text-align: center;
	cursor: pointer
}
@media (max-width:479px) {
.mini-cart .dropdown-toggle .cart-title {
	display: none
}
}
.mini-cart .basket a {
	color: #333;
	margin: 0px;
	line-height: 55px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #f5f5f5;
	padding: 10px 15px 10px 0px;
	border-radius: 50px;
	background: #fff;
	text-transform: none
}
@media (max-width:479px) {
.mini-cart .basket a {
	background: inherit;
	border: 0 solid #f5f5f5;
	line-height: 50px;
	padding: 11px 0px 11px 0px
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.mini-cart .basket a {
	line-height: 47px;
	padding: 7px 15px 5px 0
}
}
.mini-cart .basket a .fa-shopping-cart:before {
	font-size: 16px;
	padding-right: 15px;
	border-right: 1px solid #f5f5f5;
	margin-right: 12px;
	background: #ff3366;
	padding: 8px 20px 11px;
	color: #fff;
	border-radius: 50px 0 0 50px
}
@media (max-width:479px) {
.mini-cart .basket a .fa-shopping-cart:before {
	border-radius: 48px;
	padding: 7px 20px;
	border: 1px solid #f5f5f5;
	margin-right: 0px
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.mini-cart .basket a .fa-shopping-cart:before {
	font-size: 14px;
	margin-right: 8px;
	padding: 7px 14px 6px
}
}
.mini-cart .open .basket a {
	color: #fff;
	background: #fff;
	box-shadow: 0 3px 9px rgba(0,0,0,0.3)
}
.mini-cart .dropdown-toggle {
	font-size: 12px;
	padding: 0;
	text-transform: none
}
.top-cart-contain {
	padding: 0;
	color: #fff;
	margin-top: 30px;
	float: right
}
@media (max-width:767px) {
.top-cart-contain {
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: -2px
}
}
.top-cart-title p {
	margin: 0
}
.top-cart-content .empty {
	padding: 10px
}
.top-cart-content {
	width: 308px;
	position: absolute;
	top: 75px;
	right: 15px;
	background: #fff;
	padding: 0;
	text-align: right;
	box-shadow: 0 0 5px -5px rgba(0,0,0,0.2);
	border: 1px solid #f5f5f5;
	z-index: 50
}
@media (max-width:479px) {
.top-cart-content {
	top: 40px
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.top-cart-content {
	top: 38px
}
}
.top-cart-content p {
	color: #333;
	margin: 0;
	padding: 10px
}
.top-subtotal {
	color: #333;
	font-size: 13px;
	font-weight: 900;
	padding: 8px 15px;
	text-align: left;
	text-transform: none;
	background-color: #f3f3f3;
	margin-bottom: 15px
}
.top-cart-content .product-details .btn-remove {
	position: absolute;
	right: 10px;
	top: 4px
}
.top-cart-title {
	display: inline-block;
	padding: 3px;
	margin: 0;
	vertical-align: top;
	text-align: center;
	color: #223D62;
	line-height: 12px;
	position: relative;
	font-size: 12px;
	width: 20px;
	margin-top: 2px;
	margin-left: 29px
}
.top-cart-content .block-subtitle {
	border-bottom: 1px solid #fbfbfb;
	color: #000;
	overflow: hidden;
	padding: 15px;
	text-align: left;
	font-size: 13px;
	text-transform: none;
	background: #f5f5f5
}
ul#cart-sidebar {
	padding: 3px 15px 6px;
	margin: auto;
	max-height: 195px;
	overflow: auto;
}
.top-cart-title .cart_arrow {
	position: absolute;
	bottom: -6px;
	right: 50px;
	width: 18px;
	height: 11px;
	z-index: 1000;
	display: none
}
.top-cart-contain:hover .top-cart-title .cart_arrow {
	display: block
}
.top-cart-content li.item {
	width: 272px;
	margin: 5px 0px;
	border-bottom: 1px #eee solid;
	min-height: 67px
}
.top-cart-content li.item.last {
	margin: 0;
	border-bottom: 0px #eee solid;
	padding-bottom: 10px
}
.top-cart-content .product-details {
	color: #333;
	position: relative;
	text-align: left
}
.mini-products-list .product-details {
	margin-left: 80px;
	padding: 0
}
.top-cart-content .product-details .btn-remove {
	position: absolute;
	right: 10px;
	top: 12px
}
.top-cart-content .product-details .btn-edit {
	position: absolute;
	right: 22px;
	top: 6px
}
.top-cart-content .actions {
	padding: 5px 15px 20px;
	margin: 0;
	overflow: hidden
}
.top-cart-icon {
	padding: 5px;
	width: 20px;
	height: 24px;
	display: inline-block;
	vertical-align: middle
}
.top-cart-title span {
	font-weight: normal;
	font-size: 13px;
	text-transform: none
}
.top-cart-title p span {
	text-transform: none
}
.mini-cart .actions .fa-shopping-cart:before {
	font-size: 13px;
	padding-right: 8px
}
.mini-cart .actions .fa-check:before {
	font-size: 13px;
	padding-right: 8px
}
.mini-cart .actions .btn-checkout {
	background: #ff3366;
	color: #fff;
	font-size: 12px;
	padding: 8px 16px;
	border: none;
	cursor: pointer;
	display: inline-block;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: 2px solid rgba(0,0,0,0.08);
	font-weight: bold;
	border-radius: 50px;
	text-transform: none
}
.mini-cart .actions .btn-checkout:hover {
	background: #000
}
.mini-cart .actions .view-cart {
	background: #fff;
	color: #333;
	font-size: 12px;
	padding: 8px 16px;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
	float: left;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: 2px solid #ff3366;
	font-weight: bold;
	border-radius: 50px
}
.mini-cart .actions .view-cart:hover {
	background: #ff3366;
	color: #fff
}
.mini-cart .actions .button {
	display: inline-block;
	width: 100px;
	text-align: center;
	margin-bottom: 3px;
	padding: 8px 10px 6px;
	text-transform: none;
	border: none;
	font-size: 12px;
	text-transform: none
}
.mini-cart .button.btn-checkout {
	background-color: #970400;
	color: #fff;
	font-size: 13px;
	text-transform: none;
	font-weight: 900;
	padding: 0px 6px;
	height: 32px;
	line-height: 32px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.block_mini_cart_above_products {
	margin-bottom: 15px
}
.mini-cart>.button {
	color: #000;
	font-size: 12px;
	font-weight: 300;
	text-shadow: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: none
}
#cart-sidebar li {
	border-bottom: 1px solid #ECECEC;
	list-style: none;
	margin-bottom: 8px;
	overflow: hidden;
	padding: 8px 0 15px
}
#cart-sidebar li.last {
	padding: 5px 0 0;
	border-bottom: none;
	margin-bottom: 0
}
.remove-cart {
	display: block;
	width: 15px;
	height: 13px;
	position: absolute;
	right: 0;
	top: 0
}