/* ------------------------------------------------------------------------------------------------------------- */
/* logo                                                                                                          */
/* logo                                                  Call to order 1234 5678 90  |  account  |  header links */
/* logo                                                                       search  |  header links  |  Basket */
/* logo                                                                                                          */
/* ------------------------------------------------------------------------------------------------------------- */
/*                         top menu link | top menu link | top menu link | top menu link                         */
/* ------------------------------------------------------------------------------------------------------------- */
/* Express free post to UK    |   Free UK mainland delivery orders over £40    |   Safe & Secure Online Shopping */
/* ------------------------------------------------------------------------------------------------------------- */

.header-upper-wrapper {background: #670000; color:#fff; padding: 10px 0; font-size:13px; position: relative; z-index: 999;}
.header-upper {display: flex; justify-content: space-between;}
.header-upper a  {text-decoration: none;}
.header-upper .header-phone {font-weight:700; font-size:15px; }
.header-upper .mobile-buttons {display: none;}
.header-upper-links a {margin-left: 20px;}
.header-upper-links a:hover {opacity: .7;}
.header-wrapper { border-bottom: 1px solid #aaaaaa; background: #fff; position: relative; z-index: 998;}
.header {position: relative; display: flex; justify-content: center; align-items: center; }

.header .header-logo {}
.header .header-logo img {height: auto; max-height: 100%; max-width: 100%; width: auto;}

.header .header-upper-menu {display: none; padding: 0; text-align: right;}
.header .header-upper-menu > div {display: inline-block; vertical-align: middle;}
.header .header-upper-menu > div > a {color: #2ca5ca; text-decoration: none; transition: all .4s ease 0s;}
.header .header-upper-menu > div > a:hover {color: #666;}
.header .header-upper-menu > div.clear {display: block;}

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

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

.header .header-phone {font-size: 2em; font-weight: 700; padding: .5em 0;}
.header .header-phone b {font-weight: 700;}

.header .header-account-wrapper {padding: 1em 0 1em 2em;}
.header .header-account-wrapper > div {display: inline-block;}
.header .header-account a {color: #2ca5ca; text-decoration: none; transition: all .4s ease 0s;}
.header .header-account a:hover {color: #666;}
.header .header-account a {margin: 0 .1em;}
.header .header-account .del:before {content: "/"; font-style: normal;}

.header .header-links {margin: 0 0 0 1em;}
.header .header-links a {color: #2ca5ca; text-decoration: none; transition: all .4s ease 0s;}
.header .header-links a:hover {color: #666;}
.header .header-links a {display: inline-block; margin: 0 .1em;}
.header .header-links .del:before {content: "|";}

.header .header-search-upper-menu {min-width: 360px;  font-size: 13px; /*  margin-right: 0.875em; */} 
.header .header-search-upper-menu form {border: 1px solid #aaaaaa; overflow: hidden; padding:.4em;}
.header .header-search-upper-menu form input[type="text"] {border: 0; float: left; width: 100%; font-size: 13px;}
.header .header-search-upper-menu form button[type="submit"],
.header .header-search-upper-menu form button[type="submit"]:hover {background: none; border: 0; color: #aaaa; float: right; text-align: right; width: 20%;}
.header-search-upper-menu .submit {display:none;}

.header .header-cart-wrapper {display: none !important;}
/*.header .header-cart-wrapper > div {display: inline-block;}
.header .header-cart-wrapper > div .fa {display: block; font-size: 3em; margin: 0 0 .2em; text-align: center;}
.header .header-cart-wrapper > div .fa.fa-arrows-alt {transform: rotate(45deg);}
.header .header-cart-wrapper .header-links {margin: 0;}
.header .header-cart-wrapper .header-links a {margin: 0 1em 0 0;}*/

.header .header-cart {display: flex;}
.header .header-cart #small_cart,
.header .header-cart #empty_small_cart {display: inline-block;}
.header .header-cart .header-cart-btn {color: #fff; text-decoration: none; transition: all .4s ease 0s; display: flex; align-items: center; background: #670000; font-weight: 500;}
.header .header-cart .header-cart-btn:hover {}
.header-cart .header-cart-btn i {font-style: normal; padding: 1em 1.25em;; background: #a63535; font-weight: 700;}
.header-cart .header-cart-btn b {font-size: 14px;}
.header-cart .header-cart-btn span {padding: 0 1.25em;}
.header-cart .header-cart-btn .qty {}
.header-cart .header-cart-btn .qty:before {}
.header-cart .header-cart-btn .qty:after {}
.header-cart .header-cart-btn .del {display: none;}
.header-cart .header-cart-btn .total {display: none;}
.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: #aaaaaa; cursor: pointer; float: left; font-size: 18px; font-weight: 200; margin: 16px 0 0 16px; padding: 0; text-align: center;}
.cartDropDown .total-quantity {background: #f2f2f2; color:#670000; 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 .remove-item {color:#670000;}
.cartDropDown .price.total {display:none;  font-size: 16px; padding: 1.4em 0; text-align: center; font-weight: 500;}
.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;}
.cartDropDown .cart-btns a {width: 100%;}

.header-lower-wrapper {background: #fff; position: relative; z-index: 997; border-bottom: 1px solid #aaaaaa;}
.header-lower {/*position: relative;*/}

.header-menu-wrapper {}
.header-menu {}

.header-menu .header-search {float: right;}
.header-menu .header-search a {border: 2px solid #2ca5ca; box-sizing: border-box; color: #2ca5ca; display: block; font-size: 2em; height: 1.6em; margin: .2em 0 0; text-align: center; text-decoration: none; width: 2.2em;}
.header-menu .header-search a i {line-height: 1.4em;}

.header-search-wrapper {clear: both;}
.header-search {position: relative;}
.header-search form[name=search] {background: #2ca5ca; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; left: 0; padding: 8px 0; position: absolute; right: 0; text-align: center; white-space: nowrap;}
.header-search form[name=search] input[name=search_string] {height: 40px; width: 90%;}
.header-search form[name=search] button.submit {background: #002d5b; border: 1px solid #002d5b; height: 40px; margin-left: -0.2em; padding: 0.4em 0; width: 10%;}

.header-delivery-wrapper {background: #2ca5ca;}
.header-delivery {font-size: 0; padding: 19px 0;}
.header-delivery a {border: 1px solid #c3c3c3; border-width: 0 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; display: inline-block; font-size: 14px; line-height: 21px; text-align: center; text-transform: uppercase; transition: color 0.4s ease; width: 40%;}
.header-delivery a:hover {color: #002d5b; text-decoration: none;}
.header-delivery a:last-child,
.header-delivery a:first-child {width: 30%;}
.header-delivery a span {font-weight: 900;}


/* @media (min-width: 1025px){
	.header-scroll-wrapper {transition: all 0.4s ease 0s; top: -210px;}
	.scroll .main {margin-top: 210px;}
	.scroll .header-scroll-wrapper {  left: 0; position: fixed; right: 0; top: 0; z-index: 999;}
	.scroll .header-upper-wrapper {display:none;}
		.scroll .header .header-logo img {height: 70px;}
		.scroll .header .header-search-upper-menu form {padding: 0;}
		.scroll .header-cart .header-cart-btn i {padding: .65em 1.25em;}
		.scroll a.menu {padding:8px;}
	} */
@media (max-width: 1260px) {
	.header-delivery a span {display: block;}
	.header-wrapper {padding: 0 10px;}
	.header-upper-wrapper {padding:10px;}

@media (max-width: 1024px) {
	.header-upper-wrapper { z-index: 991; padding:0;}
	.header-wrapper {z-index: 992; padding:0;}
	
	.header-upper.sv-container {padding-right: 0;}
	.header-upper .header-phone {padding: 1.13em 0;}
	.header-upper-links {display: none;}
	.header .header-logo {float: none; margin: 0; margin: 0 auto; max-width: 20rem;}
	.header .header-upper-menu {display: none;}
	.header-upper .mobile-buttons {display: none;}
	.mobile-buttons * {display:block;}
	.mobile-buttons > span > a {color: #fff; text-decoration: none; transition: all .4s ease 0s; align-items: center; background: #670000; font-weight: 700; font-size:15px; display:flex; }
	.mobile-buttons .basket-link {padding-left:1.25rem; border-left:2px solid #881c38;}
	.mobile-buttons .basket-link b {padding: 1.13em 1.4em; background: #a63535; font-weight: 700; margin-left:1.25rem;}
	

	.header-menu-wrapper {float: none; height: 50px; position: relative;}
	/*.header-menu {left: 0; padding: 0; position: absolute; text-align: left; top: 0; width: 480px;}*/
	.top-menu-toggle button,
	.top-menu-toggle button:hover {background: none; border: 0; color:#565656; font-size: 2em; padding: .5em 0 .5em .5em;}
	.top-menu-toggle span,
	.top-menu-toggle span:hover  { display: none; color: #2ca5ca; cursor: pointer; font-size: 1.2em; vertical-align: middle;}
	.header-menu #left-angle {font-size: 1em; left: 0; margin: -2em 0 0; padding: 0; position: absolute; top: 50%;}
	.header-menu #left-angle a {color: #fff; font-size: 3em; padding: 0.5em;}
	.header-menu #left-angle a:hover {background: none;}
	.header-menu > ul {display: none;}
	.header-menu ul { position: relative; margin-top: 0;}
	.header-menu ul li {display: block;}
	.header-menu ul li a {color: #881c38; display: block;}
	.header-menu ul li a:hover {background: none;}
	.header-menu li > ul {background: #2ca5ca; border: 0; left: auto; margin-left: 0; padding: 0; position: relative; top: auto;}
	.header-menu li > ul li {display: block; padding: 0;}
	.header-menu li > ul li a.menu,
	.header-menu li > ul li a.menuActive {color: #fff; padding: 0 0 1.5em;}
	.header-menu li > ul > li ul {background: #2ca5ca; border: 0; left: auto; position: relative; top: auto;}
	.header-menu li > a.menu.menu-direct-link {font-size: 18px; font-weight: 600; margin: 0; padding: 1em 0 1.5em;}
	.header-menu li > a.menu.menu-direct-link:before {content: "view all "}
}
@media (max-width: 768px) { /*<740*/
	

}
@media (max-width: 600px) {
	/*.header-menu {width: 100%;}*/
	.header-wrapper {padding: .6em 0 .4em;}
	.header .header-logo {float: none;  text-align: center; max-width: 16rem;}
}
@media (max-width: 480px) { 


}