/* ------------------------------------------------------------------------------------------------------------- */
/*                                        theflashcentre.com  header                                             */
/* ------------------------------------------------------------------------------------------------------------- */

.header-upper-wrapper {background: #206eb5; color: #fff; font-family: 'Open Sans', sans-serif; position: relative; z-index: 999;}
.header-upper { display: flex;justify-content: space-between;}
.header-map::after {content: ""; background: #206eb5; -webkit-clip-path: circle(50% at 50% 0);clip-path: circle(50% at 50% 0); position: absolute; top: calc(100% - 10px); left: 0; width: 100%; height: 30px;}
.header-map { font-size: 24px; padding-top: 18px; position: relative; margin-left: 156px; text-align: center; width: 68px; }
.header-map i {font-size: 38px; line-height: 1; position: relative; z-index: 1;}
.header-contacts { display: flex; font-size: 18px; font-weight: 600; padding: 18px 10px 15px;  }
.header-contact { padding-right: 36px; }
.header-contact i { font-size: 14px; margin-right: 6px;}
.header-contact a { text-decoration: none; }
.header-contact a:hover {color: #eee;;}
.header-wrapper {background: #fff; position: relative; z-index: 998;}
.header {display: flex; justify-content: space-between;}
.header-logo {padding: 49px 0 38px 84px;}
.header-upper-menu {align-items: flex-end; display: flex; padding-bottom: 1em; padding-top: 1em;}

.header-upper-menu-phone {font-size: .75em; line-height: 1.8; text-align: right;}
.header-upper-menu-phone b {display: block; font-size: 19px; font-weight: 800; line-height: 1.2;}

.header-upper-menu-wrapper {padding-left: 1em;}

.header-upper-menu-links {font-size: .8125em; list-style: none; margin: 0; padding: 0 0 .5em;}
.header-upper-menu-links li {display: inline-block; font-weight: 500;}
.header-upper-menu-links li + li::before {content: "|"; margin: 0 .5em;}
.header-upper-menu-links li a {text-decoration: none;}
.header-upper-menu-links li a:hover {text-decoration: underline;}

.header-upper-menu-search form {border: 1px solid #9a9a9a; display: flex; justify-content: space-between;}
.header-upper-menu-search form input,
.header-upper-menu-search form button {background: none; border: 0; color: #070707; font-size: .875em;}
.header-upper-menu-search form input {padding: .8em 1.6em; width: 26em;}
.header-upper-menu-search form button {font-size: .8125em; padding: 1em;}

.header-upper-menu-account {font-size: .8125em; list-style: none; margin: 0; padding: 0 0 .5em;}
.header-upper-menu-account li {display: inline-block; font-weight: 500;}
.header-upper-menu-account li + li::before {content: "|"; margin: 0 .5em;}
.header-upper-menu-account li a {text-decoration: none;}
.header-upper-menu-account li a:hover {text-decoration: underline;}
.header-upper-menu-account li + li a {font-weight: 700;}

.header .header-vat,
.header .header-currency {display: none !important;}

.header-cart-btn {background: #313131; color: #fff; display: block; font-size: .875em; text-decoration: none;}
.header-cart-btn > * {display: inline-block; vertical-align: middle;}
.header-cart-btn > i {background: #000; line-height: 1.6; padding: .8em; text-align: center; width: 3.2em;}
.header-cart-btn > span {padding: 0 1em 0 1.2em;}
.header-cart-btn i {font-style: normal;}
.header-cart-btn i.qty::after {content: " Items:";}

.header-lower-wrapper {background: #000; position: relative; z-index: 997;}
.header-lower {}

.header-menu-wrapper {align-items: center; display: flex; }
.header-menu {}

.header-search-wrapper {display: none;}
.header-search {}
.header-search form[name=search] {border: 1px solid #a6a6a6; border-width: 1px 0; display: block !important; height: auto !important;}
.header-search form[name=search] div {display: flex; justify-content: space-around; padding: 0 .6em;}
.header-search form[name=search] input[name=search_string] {border: 0; font-size: .875em; order: 2; padding: 1em; width: 100%;}
.header-search form[name=search] button[name=search] {background: #fff; border: 0; color: #070707; font-size: .875em;}

.header-delivery-wrapper {background: #f3f3f3; font-size: .8125em; padding: .9em;}
.header-delivery {display: flex; justify-content: space-around;}
.header-delivery > * {line-height: 1; opacity: .8;}
.header-delivery a {text-decoration: none;}
.header-delivery a:hover {text-decoration: underline;}

/* cart dropdown */
.cartDropDown {background: #fff; border-left: 1px solid rgba(0,0,0,.1); bottom: 0; display: none; line-height: normal; margin: 0; max-width: 360px; overflow: hidden; padding: 0; position: fixed;  right: 0; top: 0; width: 90%; z-index: 999;}
.cartDropDown .close-basket {color: rgba(0,0,0,.2); cursor: pointer; float: left; font-size: 1.5em; font-weight: 400; line-height: 1.8; margin: 0; padding: 0 .6em; text-align: center;}
.cartDropDown .total-quantity {background: rgba(0,0,0,.02); display: block; font-size: .75em; padding: 1.33em 5.66em; text-align: center; text-transform: uppercase;}
.cartDropDown ul {border: 1px solid rgba(0,0,0,.1); border-width: 1px 0; margin: 0; overflow: auto; padding: 0;}
.cartDropDown li {display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0;}
.cartDropDown li + li {border: 1px solid rgba(0,0,0,.1); border-width: 1px 0 0;}
.cartDropDown li > div {font-size: .75em; padding: .8em; vertical-align: middle;}
.cartDropDown li .img {width: 34%;}
.cartDropDown li .img span {display: block; padding: 100% 0 0; position: relative;}
.cartDropDown li .img span img {height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: auto;}
.cartDropDown li .cntnt {width: 64%;}
.cartDropDown li .mnf {margin: 0 0 .4em;}
.cartDropDown li .name {font-size: 1.4em; font-weight: 700; margin: 0 0 .8em;}
.cartDropDown li .opt {}
.cartDropDown li .opt span {text-transform: uppercase;}
.cartDropDown li .price {align-items: center; display: flex; justify-content: space-between; margin: 0 0 .4em;}
.cartDropDown li .qty::before {content: "QTY ";}
.cartDropDown li .value {font-size: 1.3em; font-weight: 700;}
.cartDropDown li .remove-item {color: rgba(255,0,0,.6);}
.cartDropDown li .remove-item a {text-decoration: none;}
.cartDropDown li .remove-item a:hover {text-decoration: underline;}
.cartDropDown li .remove-item a::before {content: "x ";}
.cartDropDown .price.total {display: none; padding: 1.4em 0; text-align: center; text-transform: uppercase;}
.cartDropDown .price.total .value.total::before {content: "Total ";}
.cartDropDown .cart-btns {display: none; padding: 0 2em 3em; text-transform: uppercase;}
.cartDropDown .cart-btns .button {width: 100%;}
/* cart dropdown */

@media (max-width: 1024px) {
	.header-wrapper-wrapper {display: flex; flex-direction: column;}
	.header-upper-wrapper {z-index: 991;}
	.header-wrapper {z-index: 992;}
	.header-menu-wrapper {flex-direction: row-reverse; width: 100%; }
	.header-menu { width: 6.4em;}
	.header .header-logo,
	.header .header-upper-menu {display: none;}
	.header-lower-wrapper {background: #fff;}

	.header-lower-logo {  padding: .8em 0; justify-content: center; width: calc(100% - 12.8em)}
	.header-lower-logo img {max-width: 128px;}

	.mobile-buttons {float: right; z-index: 999;}
	.mobile-buttons > span > a,
	.mobile-buttons > span > a:hover {display: inline-block; font-size: 1.6em; line-height: 1; padding: 1.1em .8em; text-decoration: none;}
	.mobile-buttons > span > a span {display: none;}
	.mobile-buttons > span > a i {vertical-align: middle;}
	.mobile-buttons > span > a b {display: inline-block; font-size: .6em; font-weight: 500; line-height: 1; margin-bottom: 1em; opacity: .6; vertical-align: middle;}
	.mobile-buttons > span.phone-link,
	.mobile-buttons > span.search-link,
	.mobile-buttons > span.account-link {display: none;}

	.header-menu {float: left;}
	.top-menu-toggle button,
	.top-menu-toggle button:hover {background: none; border: 0; color: inherit; font-size: 1.6em; padding: 1.2em .8em;}
	.top-menu-toggle span {display: none;}

	.header-delivery-wrapper {order: -1;}
	.header-delivery > *:nth-child(n+4) {display: none;}

}
@media (max-width: 1024px) {
	.mobile-buttons > span > a {display: none;}
	.header-map {display: none;}
	.header-contacts { font-size: 16px; padding: 2% 0; margin: 0 10%; width: 100%; justify-content: center; }

}
@media (max-width: 768px) {
	.header-delivery > *:nth-child(n+2) {display: none;}
	
}
@media (max-width: 767px) {
	.top-menu-toggle button {margin-left: 0;}	

}

@media (max-width: 670px) {
	
	.header-upper-wrapper {display: none;}

}