/* ------------------------------------------------------------------------------------------------------------- */
/*                     Donec semper nisi est, pulvinar cursus                         Call to order 1234 5678 90 */
/* ------------------------------------------------------------------------------------------------------------- */
/* logo                                                                                                          */
/* logo            top menu link | top menu link | top menu link | top menu link         search | accaunt | cart */
/* logo                                                                                                          */
/* ------------------------------------------------------------------------------------------------------------- */
/* Express free post to UK    |   Free UK mainland delivery orders over £40    |   Safe & Secure Online Shopping */
/* ------------------------------------------------------------------------------------------------------------- */

.header-upper-wrapper {background: #eee; position: relative; z-index: 999;}
.header-upper {}

.header-upper .header-phone {font-size: 1em; font-weight: 700; padding: 1em 0; float: right;}
.header-upper .header-text {font-size: 1em; font-weight: 700; padding: 1em 150px; text-align: center;}

.header-wrapper {background: #2b2b2b; position: relative; z-index: 998;}
.header {}

.header .header-logo {float: left; margin-left: 20px;}
.header .header-logo a {display: block; width: 186px; height: 34px; margin: 22px 35px 22px 0;}

.header .header-upper-menu {float: right; position: relative;}

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

.header .header-account a {cursor: pointer; color: #fff; display: inline-block; font-weight: 400; margin: 21px 0; padding: 12px 22px; font-size: 14px; border-radius: 24px; box-shadow: none; background-color: #02b066; border: 0; text-decoration: none;}
.header .header-account a:hover {color: #fff; background-color: #028d52; background-image: linear-gradient(to top,#02b066);}
.header .header-account a + a {color: #999; background-color: transparent;}
.header .header-account a + a:hover {color: #fff; background-color: transparent;}

.header .header-cart {}
.header-cart .header-cart-btn {color: #2ca5ca; text-decoration: none; transition: all .4s ease 0s;}
.header-cart .header-cart-btn:hover {color: #666;}
.header-cart ul,
.header-cart li {list-style: none; margin: 0; padding: 0;}

.cartDropDown {background: #fff; border: 1px solid #eee; display: none; line-height: normal; margin: 0; padding: 0; width: 350px; z-index: 999; position: fixed; top: 0; bottom: 0; right: 0; max-width: 100%; overflow: hidden;}
.cartDropDown .close-basket {color: #d9d9d9; cursor: pointer; float: left; font-size: 24px; font-weight: 200; margin: 8px 0 0 16px; padding: 0; text-align: center;}
.cartDropDown .total-quantity {background: #f7f7f7; display: block; font-size: 12px; padding: 16px 68px; text-align: center; text-transform: uppercase;}
.cartDropDown > button {background: #fff; border: 0; color: #464646; font-size: 28px; padding: .5em 0; text-align: center; width: 100%;}
.cartDropDown > button:hover {background: #fff; border: 0; color: #464646;}
.cartDropDown > .scroll-cart-top,
.cartDropDown > .scroll-cart-top:hover {border: 1px solid #d2d2d2; border-width: 1px 0 0;}
.cartDropDown > .scroll-cart-bottom,
.cartDropDown > .scroll-cart-bottom:hover {border: 1px solid #d2d2d2; border-width: 0 0 1px;}
.cartDropDown ul {border: 1px solid #eee; border-width: 1px 0; margin: 0; overflow: auto; padding: 0;}
.cartDropDown li {border: 1px solid #eee; border-width: 1px 0 0; font-size: 0; margin: 0; padding: 0;}
.cartDropDown li:first-child {border-width: 0;}
.cartDropDown li > div {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; font-size: 11px; font-weight: 400; padding: .8em; vertical-align: middle; width: 64%;}
.cartDropDown li .img {height: 0; padding: 34% 0 0; position: relative; width: 34%;}
.cartDropDown li .img span {bottom: .8em; left: .8em; overflow: hidden; position: absolute; right: .8em; text-align: center; top: .8em;}
.cartDropDown li .img span img {height: auto; max-height: 100%; max-width: 100%; width: auto;}
.cartDropDown li .cntnt {line-height: 21px; padding-left: 2.2em; text-align: left;}
.cartDropDown li .mnf {font-weight: 600; text-transform: uppercase;}
.cartDropDown li .name {}
.cartDropDown li .opt {}
.cartDropDown li .opt span {text-transform: uppercase;}
.cartDropDown li .price {}
.cartDropDown li .qty {display: block;}
.cartDropDown li .qty:before {content: "QTY ";}
.cartDropDown li .value {display: block; font-size: 14px; font-weight: 600; margin: .6em 0 0;}
.cartDropDown li .remove-item a:before {content: "x ";}
.cartDropDown .price.total {display:none; color: #464646; font-size: 16px; padding: 1.4em 0; text-align: center; text-transform: uppercase;}
.cartDropDown .price.total .value.total:before {content: "Total ";}
.cartDropDown .spend.another {display: none; font-size: 10px; font-weight: 700; line-height: 14px; padding: 0 0 1em; text-align: center; text-transform: uppercase;}
.cartDropDown .cart-btns {display: none; padding: 0 34px 48px; text-transform: uppercase;}
.cartDropDown .cart-btns a {width: 100%;}

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

.header-search-wrapper {display: none;}

.page-header-wrapper-bottom {color: #fff; border-bottom: none; background-color: #191919; z-index: 1;}
.page-header-row::after {display: table; clear: both; content: "";}
.page-header-right {color: #999; float: right;}
.page-header-element {display: inline-block; position: relative; vertical-align: middle; font-size: 1.1em;}
.page-header-wrapper-bottom .page-header-dropdown-wrap {padding: 21px 0;}
.page-header-dropdown-item {padding: 0 23px 0 14px; border-left: 1px solid #444; cursor: pointer;}
.page-header-wrapper-bottom .page-header-chat,
.page-header-wrapper-bottom .page-header-dropdown-item,
.page-header-wrapper-bottom .page-header-link {border-left: 1px solid #444;}
.page-header-bottom .page-header-dropdown-item {padding-right: 25px;}
.page-header-bottom .page-header-dropdown-wrap:hover .page-header-dropdown-item {color: #fff;}
.page-header-dropdown-placeholder {padding-left: 8px;}
.page-header-dropdown-wrap .scrollbar {display: none;}
.page-header-custom-link-text {margin: 0 14px;}
.page-header-wrapper-bottom .page-header-dropdown-arrow {position: relative; width: 6px; height: 6px; top: -2px; left: 9px; display: inline-block;  -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.page-header-wrapper-bottom .page-header-dropdown-wrap:hover .page-header-dropdown-arrow {top: 0; -webkit-transform: rotate(-315deg); transform: rotate(-315deg); position: relative; width: 6px; height: 6px;}
.page-header-wrapper-bottom .page-header-dropdown-arrow::after {display: block; content: ""; width: 1px; height: 100%; border-radius: 0;}
.page-header-wrapper-bottom .page-header-dropdown-arrow::before {display: block; content: ""; width: 100%; height: 1px; border-radius: 0;}
.page-header-wrapper-bottom .page-header-dropdown-arrow::after,
.page-header-wrapper-bottom .page-header-dropdown-arrow::before {position: absolute; background-color: #999;}
.page-header-wrapper-bottom .page-header-dropdown-wrap:hover .page-header-dropdown-arrow::after,
.page-header-wrapper-bottom .page-header-dropdown-wrap:hover .page-header-dropdown-arrow::before {background-color: #fff;}
.page-header-dropdown-inner {display: none; position: absolute; top: 100%; right: 0; min-width: 100%; max-height: 262px;white-space: nowrap; z-index: 1; overflow: auto; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.page-header-dropdown-wrap:hover .page-header-dropdown-inner { display: block;}
.page-header-dropdown-btn { display: block; padding: 13px 16px; text-decoration: none; cursor: pointer; color: #999; background-color: #303030;}
.page-header-wrapper-bottom .page-header-dropdown-btn:hover {background-color: #444;}
.page-header-dropdown-btn:hover {color: #fff; background-color: #444;}
.page-header-dropdown-btn.page-header-dropdown-btn-selected {cursor: pointer; color: #ffe524;}

.fa-spinner.loader {position: fixed;}

@media (min-width: 1025px) {
	.header-search form[name=search] input[name=search_string] {margin-left: 5%; width: 70%;}
	.header-search form[name=search] button.submit {margin-right: 5%; width: 20%;}
}
@media (max-width: 1260px) {
	.header-delivery a span {display: block;}
}
@media (max-width: 1024px) {
	.header-upper-wrapper {z-index: 991;}
	.header-wrapper {z-index: 992;}
	.header .header-logo {float: left; margin: 0; padding: 0; text-align: center;}
	.header .header-logo a {margin: 22px 12px;}
	.header .header-upper-menu {display: none;}

	
}
@media (max-width: 768px) { /*<740*/
	.header-upper-wrapper {display: none;}

	.cartDropDown {overflow: auto;}

	.header-delivery a,
	.header-delivery a:last-child,
	.header-delivery a:first-child {width: 100%;}
	.header-delivery a span {display: inline;}
}
@media (max-width: 640px) {
	.cartDropDown ul {height: auto !important;}
}
@media (max-width: 600px) {
}
@media (max-width: 480px) {
	.cartDropDown {width: 90%;}
}