@charset "UTF-8";
@font-face {
	font-family: "FontAwesome"; 
	font-style: normal; 
	font-weight: normal; 
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
	}
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans.eot"); /* IE9 Compat Modes */
  src: url("../fonts/OpenSans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/OpenSans.otf") format("opentype"), /* Open Type Font */
    url("../fonts/OpenSans.svg") format("svg"), /* Legacy iOS */
    url("../fonts/OpenSans.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/OpenSans.woff") format("woff"), /* Modern Browsers */
    url(."./fonts/OpenSans.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
	 font-family:'Effra-Regular';
	 src:url("../fonts/effra-regular.eot");
	 src:url("../fonts/effra-regular.eot?#iefix") format("embedded-opentype"),
	 url("../fonts/effra-regular.ttf") format("truetype"),
	 url("../fonts/effra-regular.woff") format("woff");
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
	 font-family:'CocogooseItalic';
	 src:url("../fonts/Cocogoose-Pro-UltraLight-Italic-OTF.eot");
	 src:url("../fonts/Cocogoose-Pro-UltraLight-Italic-OTF.eot?#iefix") format("embedded-opentype"),
	 url("../fonts/Cocogoose-Pro-UltraLight-Italic-OTF.ttf") format("truetype"),
	 url("../fonts/Cocogoose-Pro-UltraLight-Italic-OTF.woff") format("woff");
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
	 font-family:'CocogooseLight';
	 src:url("../fonts/Cocogoose-Pro-Light-OTF.eot");
	 src:url("../fonts/Cocogoose-Pro-Light-OTF.eot?#iefix") format("embedded-opentype"),
	 url("../fonts/Cocogoose-Pro-Light-OTF.ttf") format("truetype"),
	 url("../fonts/Cocogoose-Pro-Light-OTF.woff") format("woff");
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
	 font-family:'AvenirBlack';
	 src:url("../fonts/Avenir-Black.eot");
	 src:url("../fonts/Avenir-Black.eot?#iefix") format("embedded-opentype"),
	 url("../fonts/Avenir-Black.ttf") format("truetype"),
	 url("../fonts/Avenir-Black.woff") format("woff");
	 font-weight: normal;
	 font-style: normal;
}

/* red=#ed1c24, gold=#C4AA80*/

body {background: #FFFFFF none repeat scroll 0 0; /*! height:1000px; */width:100%;font-family: "Effra-Regular","Open Sans", Helvetica,Arial,sans-serif; font-size: 14px; color:#333; height: 100%; margin: 0; padding: 0;}

html {overflow-y: scroll;min-height: 100%; position: relative;}

.mainState {width:85%; margin:auto; margin-bottom:0px;  background:transparent;overflow:hidden;
  min-height:520px; padding-left:20px; padding-bottom:20px; padding-right:20px;}
  
.error { color: #C4AA80;}
.notice {color:#C4AA80; font-weight:bold;font-size:12px;padding:10px;}
.clear {clear:both;}
 {width: 16em;float:left;padding-top:15px;font-weight:bold;text-transform:uppercase;color:#C4AA80;}
.no_ {margin-left: 16em;float:left;}
li {list-style:none;}
label {display: block; float: left; width: 17em; }
.no_label {display: block; padding-left: 17em;}

input, button, select, textarea {font-family: inherit; font-size: inherit; padding: 5px; color:#666;margin:5px 0; border-radius:0;border:1px solid #C4AA80;height:40px;width:260px;}
textarea {height:150px;}
select {vertical-align:baseline; color:#666; -o-appearance: none; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;cursor: pointer; text-indent: 0.01px; text-overflow: "";height:40px;overflow: hidden;min-width:150px;border:0;border-top:1px solid #C4AA80;
border-bottom:1px solid #C4AA80; }
select[multiple], select[size] {height: 40px;}

h1 {font-size:22px; color:#C4AA80; /*! border-bottom:1px solid #C4AA80; */ /*! padding: 15px 0; */ }
h2 {font-size:20px; color:#C4AA80; spadding: 15px 0;text-transform:uppercase;}
h3 {font-size:16px; color:#C4AA80;}
h4 {font-size:14px; color:#C4AA80;}

a {color:#C4AA80; text-decoration:none;} 
a:hover {color:#C4AA80; text-decoration:none; cursor:pointer;}
strong,b {font-weight:normal;}
p {clear:left;}
div {}
tr, td {padding:5px;}
table {	font-size: 14px;	border: 1px solid #CCC;  margin:10px 0}
table th {	background-color: #8B880F;	color: #FFF;	font-weight: bold;}
table td {	padding: 4px;	margin: 3px;	border: 1px solid #CCC;}

.tooltip {opacity:1;z-index:0;}
.tooltiptext {visibility: hidden;width: 175px; background-color:#FFFFFF; color: #C4AA80;text-align: center;padding: 25px 22px;    
    /* Position the tooltip */ position:absolute; z-index:9; top: 30px; left: -30px; border: 1px solid #C4AA80;}
.tooltip:hover .tooltiptext {visibility: visible;}

.linerule::before {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #367FA9  50%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    clear: left;  content: "";  display: block;  height: 1px;  margin-bottom: 5px;  margin-top: 5px;  width: 100%;}
hr {border: 0 none;clear:both;}

/* ------------------Header and Nav section EFL versions ---------------- */

.header {width:100%; height:120px; color: #fff;   
    	background: #000;margin: 0;
}
.header > h1 {font-size: 40px;padding: 35px 0 0 20px;margin: 0;color:#FFF;float:left;}
.headerImage {margin-top: 15px;	float:left;}
.headerClub {height:90px;float:left;margin:0 0 0 80px;}
.header.tiny {height: 50px;	background: #C4AA80 url("../header.jpg") no-repeat;background-size: auto auto;	border-bottom: 1px solid rgba(0,0,0,.15);
	z-index: 99;}
.header.tiny > h1 {	display:none;}
.header.tiny > .headerImage img {height: 35px; position: fixed; top: 7px;left: 80px; margin: 0;}
.header.tiny > .navbar.navbar-default {position: fixed;top: 2px;left: 100px;border: none;}
.headerSky {height: 29px;margin-right: 81px;border: 1px solid #FFF;}
.headerSkyDiv {float: right;margin-top: -82px;}
.tiny .fixMyaccount {left: 35%;}
.tiny #basketcell {top: 0; right: 50px;}
.responsive {display:none;}
.container {margin:0; padding:0; width:100%;text-align:center;}

.navbar { border:0;margin:0;background:transparent;letter-spacing:1px;margin-left:40px;}
.nav.navbar-nav {font-size: 16px; font-weight: bold;}
.navbar-default {border-top: 1px solid rgba(0,0,0,.15);height: 50px;top:93px;}
.navbar-default .navbar-nav > li > a  {color: #fff; display: block; padding: 13px 20px; text-decoration: none; transition: all 0.5s ease-in-out 0s;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#FFFFFF;border-bottom: 5px solid #FFF;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle {position:relative;right:140px;}
.navbar-toggle.collapsed {right:0;}
ul.nav li.dropdown:hover ul.dropdown-menu {display: block;}

.dropdown-menu {font-size: 16px;text-align: left;background-color: #C4AA80;}
.dropdown-menu > li > a {color:#FFF}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: underline; background-color: transparent;}
.fixMyaccount {left: 52%;}

.kitBar {border-bottom: 1px solid #999; height: 77px; box-shadow: 2px 7px 5px -6px rgba(0,0,0,0.25);}
.kitItem {float: left;width: 30%;text-align: center;height: 35px;padding: 10px;margin: 0 0 0 20px;}
.kitItem a {  color: #000;font-weight: bold;}
.kitItem:hover {background: #e91c23;}
.kitItem a:hover {color: #fff;}

/* ------------------Pop-up and out sc
tions on home page and size guide---------------- */
#blanket {background-color:#000000;position:absolute;z-index:200;top:0px;left:0px;width:100%; height:100%;}
#blanket:before{ transform:translate(87.5%,-25%) rotate(30deg); transition:all 1.5s ease-in-out; z-index:1;}

/* ------------------Sliding Basket---------------- */
#viewBasketModule {color: #fff;margin-left:20px;}
#viewBasketModule h2 {color:#FFF; }
.cartMain {color:#000;font-size:14px;}
.cartSub {margin-left:10px;color:#000;}
.basketSearch {float:right;position:relative;z-index:10;}
#basketpop {position: relative;background: #C4AA80;float: right;height: 120px;padding: 30px 15px;}
.basketButton::before {color:#000; content: "\f291"; display: inline-block; font-family: "FontAwesome"; font-size: 30px; float: left; padding:0 20px;}
.basketButton a {color:#FFFFFF;}
#basketBtn:hover::after {color: #C4AA80;}
#viewBasketModule .textLines {color:#FFF;}
#viewBasketModule .textLinesRight {float:right; margin-right: 110px;}
#viewBasketModule .Multibuy {width:90%;height:50px;}
#viewBasketModule .Member {width:90%;height:50px;}
#viewBasketModule .basketItem {padding:5px 0;border-bottom:1px solid #DDDDDD;clear:both;width:90%}
#viewBasketModule .Multibuy .StyleUnitPrice {display: none;}
#viewBasketModule .Member .StyleUnitPrice {display: none;}
#viewBasketModule .LETTERS, .NUMBERS, .PATCH {display:none;}
.updateLink {width: 68px;border: 0;cursor: pointer;color:#FFF;font-size:10px;background:transparent;letter-spacing: 2.2px;}
.removeLink {width: 68px;border: 0;cursor: pointer;color:#FFF;font-size:10px;background:transparent;letter-spacing: 2.2px;float:right;}
.newQuantity {text-align: center;width: 25px;color: #686868;border-radius: 0;padding: 0 5px;border: 1px solid #C1C1C1;}
.skewText {}
.vSmallProduct {width:50px;height:50px;}
.vSmallViewImage {margin-right: 5px !important;height: 60px !important;width: 60px !important;float:left;}
#viewBasketModule p {font-size:95%;clear:none;#FFF !important;}
.basket-mod-loop {display:block;margin-bottom:0px;width:90%;} 
.viewBasketTotal {text-align: center; font-size: 20px !important;}
#viewBasketModule .btn {background: #C4AA80; color:#fff; }
#viewBasketModule .btn:hover {background: #000; color:#fff; }

.pop2Detail{position: fixed; height: 100%; background:#ed1c24; border: 1px solid #cfcfcf; width: 670px;
    right: -50px; top: 0px; margin-right: -850px; padding: 50px 50px 0 20px; overflow-y: scroll; z-index:200;overflow-x: hidden; }
	
.pop-buttonB {font-family:'FontAwesome';cursor: pointer;position: fixed; }
.pop-buttonB {color:#FFFFFF;transform: scale(.90) skewX(-10deg); transition: transform .25s;}
.pop-buttonB:hover {text-decoration:none;transform: scale(.90) skewX(10deg);color:#000;}
.pop-buttonB.pop-button-closeB:before { content: "\f00d"; }
.pop-button-closeB {font-size: 40px !important;cursor: pointer;position: relative;float: right;margin-top:-45px;}



/* ------------------Login in---------------- */
.loginbtn {background: #C4AA80;padding: 10px 30px; left: -50%;position:relative; border: 1px solid #000;}
.loginbtn:hover {background: #C4AA80; color: #FFF;}
#signIn {float: right;top: 120px;left: 110px;position: relative;height: 0px;width: 135px;}
.myShopText {font-size:12px;float:left;color: #FFF;margin-top: 7px;margin-left: 15px;}

.logInButton {position: relative;}
.logInButton::after {color: #FFFFFF; content: "\f2bd"; display: inline-block;font-family: "FontAwesome";font-size: 24px;margin-left: 20px;}
.pop4Detail {position: fixed;background:#FFFFFF; padding: 50px 100px 50px 100px;height:410px;z-index:999;left:25%;right:25%;width:50%}

#pop4 h2 {color: #000; font-size: 30px; font-weight: normal;border-bottom: 1px solid #000;}
#pop4 h3{color:#000;}
#pop4 p {color:#000; }
#pop4  {color:#000; }
#pop4 a {color:#e91c23;}
#pop4 a:hover {color:#C4AA80;text-decoration:none;}

.pop-button {font-family:'FontAwesome';cursor: pointer;position: fixed; }
.pop-button {color:#C4AA80;transform: scale(.90); transition: transform .25s;}
.pop-button:hover {text-decoration:none;transform: scale(.90) skewX(-10deg);}
.pop-button.pop-button-close:before { content: "\f00d"; }
.pop-button-close {font-size: 40px !important;cursor: pointer;position: relative;float: right;}

/*--------------- Dept and Sub Dept pages --------*/
#deptPage {min-height:400px;text-align:center;}
#subDept {min-height:400px;}
.deptLoop {width: 30%; display:inline-block; margin: 15px;text-align:left;}
.deptName {padding-left: 10px;padding-top: 10px;}
.deptName a {color:  #e91c23 !important;font-size: 16px;font-weight: bold;}
.deptDesc {display:none;}
.deptImage {display:none;}
.deptSubLoop {  margin-top: 160px;}
.deptSubLoop .btn {  width: 60px;}
#dept_99 {	display: none;}

.subDeptLoop {width: 30%;display: inline-table;margin: 15px;}	
.subDeptImage {}
.subDeptText {font-size: 16px;font-weight: bold;text-align: center;padding: 5px;}
.subDeptDesc {}

/* ------------------ Search ---------------- */
#search {position:relative;float:left;margin-top:35px;}
#search a:visited {color: #fff;}
.searchButton {color: #FFFFFF;margin:30px}
.searchButton a {color:#FFFFFF;}
.searchButton:hover {color:#C4AA80;}
.searchButton::after {content: "\f002";font-family: "FontAwesome";font-size: 23px;}
.search {width: 260px; height: 51px; padding: 6px 5px 6px 10px; float: left; border: 2px solid #3E3E49; background: #fff; color: #3E3E49;}
.searchPanel {border-bottom: 1px solid #C4AA80; float: left; padding-bottom: 12px; width: 100%;	max-height:250px;margin-top:20px;}
.searchPanel {background: linear-gradient(to bottom, #F1F1F1 0px, #FFFFFF 75%) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #999999; float: left;  width: 95%;padding:5px;}
#searchForm .btn{ background:url("../pressgov5.jpg") no-repeat 0 0px; margin-left:-10px; width:39px !important; height:32px;padding: 0;color: transparent;border: 1px solid #000;}
#searchForm .btnhhov{color:#FFFFFF;cursor: pointer;}
.advancedSearch {display: none}

#pop3 h2 {color: #fff; font-size: 30px; font-weight: normal;border-bottom: 1px solid #fff;}
.pop3Layout {background: #FFF;height: 120px;width: 385px;padding-top:25px;padding-left:50px;}

.pop-buttonS {font-family:'FontAwesome';cursor: pointer;position: fixed; }
.pop-buttonS {color:#000;transform: scale(.90); transition: transform .25s;}
.pop-buttonS:hover {text-decoration:none;transform: scale(.90) skewX(-10deg);}
.pop-buttonS.pop-button-closeS:before { content: "\f00d"; }
.pop-button-closeS {font-size: 25px;cursor: pointer;position: absolute;left: 10px;top: 35px;}

/*----- Size Guide ----*/
#popUpDiv {top: 130px; position: absolute; width: 75%; left: 15%; height: auto; border: 1px solid #C4AA80; background-color: #FFFFFF; color: #333; padding: 15px; z-index: 9999999999;}
.pop-up {position:absolute; top:0; left:-500em;}
.pop-up:target {position:static; left:0;}
.popBox {background:#ffffff;position:absolute; left:15%; right:15%; top:20%; bottom:0%; z-index:300; }
	:target .popBox {position:fixed; opacity:1;}
.popBox{height:450px;}
.popScroll {overflow-y:scroll;height:450px;padding:40px !important;}
.table-responsive {min-height: 0.01%; overflow-x: auto;}

.lightbox {display:none; text-indent:-200em; background:#000; opacity:0.8; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:200;}
    :target .lightbox {display:block;}
.lightbox:hover {background:#000;}

.sizeButton {float: right;margin-top:-75px;}
#sizeGuide {visibility:visible;clear:both;}
#sizeGuidePage td {border: 1px solid;border-collapse: collapse;padding: 5px;font-size:95%;}
#sizeGuidePage {border: 1px solid;border-collapse: collapse;padding: 5px; width:100%; font-size:95%;}

#showPopup {height: 100vh; position: fixed; top: 5%; z-index: 9000; width: 100%;padding: 50px 0;margin: 0-50px;}

/* ---------Style select/radio and tickboxes------- */

.styleSelect {overflow: hidden;  background: #fff url("../downArrow.png") no-repeat 95%; min-width:245px; }
.styleSelectPlayer {overflow: hidden;  background: #FFFFFF url("../downArrow.png") no-repeat 95%; min-width:245px; }
.styleCard {width:30%; }
.smallSelect {min-width:90px;}

.radio-custom {opacity: 0; position: absolute;}
.radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer;}
.radio-custom-label {position: relative;width:auto;}
.radio-custom + .radio-custom-label:before {content: '';background: #fff; border: 2px solid #000; display: inline-block;vertical-align: middle;width: 25px;
		height: 25px;padding: 2px; margin-right: 10px;text-align: center;}
.radio-custom + .radio-custom-label:before {border-radius: 50%; margin-bottom:20px;}
.radio-custom:checked + .radio-custom-label:before {background: #C4AA80;box-shadow: inset 0px 0px 0px 4px #fff;}	

.box-custom {opacity: 0; position: absolute;max-width:50px;}
.box-custom, .box-custom-label {display: inline-block; vertical-align: middle; cursor: pointer;}
.box-custom-label {position: relative;width:auto;margin-top:10px;}
.box-custom + .box-custom-label:before {content: '';background: #fff; border: 2px solid #C4AA80; display: inline-block;vertical-align: middle;width: 25px;
		height: 25px;padding: 0px; margin:0px 10px 0px 10px;text-align: center;}
.box-custom + .box-custom-label:before {/*border-radius:50% */}
.box-custom:checked + .box-custom-label:before {background: #C4AA80 none repeat scroll 0 0; color: #ffffff; content:"✓";font-size: 20px;font-weight: bold;line-height: 20px;}

.box-custom-x {opacity: 0; position: absolute;max-width:50px;}
.box-custom-x, .box-custom-label-x {display: inline-block; vertical-align: middle; cursor: pointer;}
.box-custom-label-x {position: relative;width:35%;margin-top:10px;}
.box-custom-x + .box-custom-label-x:before {content: '';background: #fff; border: 2px solid #C4AA80; display: inline-block;vertical-align: middle;width: 25px;
		height: 25px;padding: 6px; margin:0px 10px 0px 10px;text-align: center;}
.box-custom-x + .box-custom-label-x:before {/*border-radius:50% */}
.box-custom-x:checked + .box-custom-label-x:before {background: #C4AA80 none repeat scroll 0 0; color: #ffffff; content: "x";font-size: 20px;font-weight: bold;line-height: 4px;}

input.btn{color:#000;background-color:#C4AA80;padding:10px 20px; transition: all 0.5s ease-in-out 0s;border-radius:0;margin:20px;text-transform:uppercase;}
input.btnhov {color:#fff;background-color:#000;}

input.btnBuy{color:#fff;background-color:#C4AA80;padding:10px 20px; transition: all 0.5s ease-in-out 0s;border-radius:0;float:right;text-transform:uppercase;}
input.btnBuyhov {color:#fff;background-color:#000;}

button.btn{color:#000;background-color:#C4AA80;padding:10px 20px; transition: all 0.5s ease-in-out 0s;border-radius:0;text-transform:uppercase;}
button.btnhov {color:#fff;background-color:#000;}

input.sbtn{color: #333;background: #FFFFFF;float: none;width: 35px;border-radius: 0;border: 1px solid #C4AA80;transition: all 0.5s ease-in-out 0s;text-transform:uppercase;}
input.sbtnhov {color:#fff;background-color:#000;}
.btn:hover, .btn:focus { color: #FFFFFF; text-decoration: none;background-color:#000;}

input.btn-warning{color:#fff;background-color:#DD1F26;border-color:#C4AA80}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#DD1F26;border-color:#C4AA80}
.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}
.btn-warning .badge{color:#DD1F26;background-color:#fff}
input.Binbtn{background-image:url(../remove.png );background-color: transparent;background-repeat:no-repeat; width:48px; height:48px;	border: 0px solid #FFFFFF;		cursor: pointer;} 
input.Updatebtn{background-image:url(../update.png ); background-color: transparent;background-repeat:no-repeat;	width:48px; height:48px; border: 0px solid #FFFFFF;		cursor: pointer;} 

/*These are the styles on products, accept order, viewbasket, order history, wish list and order confirmations pages */
#orderHistory p {clear: none;}
#confirmOrder p {clear: none;}
.StyleProductFloat {float:left;}
.miniHeader {text-align:left !important; font-weight:bold;float:left;padding-left:10px;}
.StyleProductstandard {}
.StyleDate {width:130px;}
.StyleOrderNo {width:80px;}
.StyleName {padding:10px 0;}
.StylePrice {}
.StyleUnitPrice {width:80px;}
.StyleQuantity {width:80px;}
.StyleCost {width:80px;}
.StyleOriginalPrice {width:80px;}
.StyleProducttsmmo {}
.StyleDescription {width:340px;margin-left:30px;margin-right:80px;}  
.StyleStatus {width:70px;}
.StyleDespatch {width:80px;}
.StyleConfirmationRef {width:90px;}
.StyleConfirmationNumber {width:90px;}
.StyleUnitPrice.miniHeader {}

.StyleProductticket {}
.StyleProducttour { } 
.StyleProducttour_promo {} 

.StyleTicket {width:130px;margin-left:20px;}
.StyleEvent {text-align:left; width:100px;margin-right:15px;}
.StyleDateTime {text-align:left; width:80px;margin-left:15px;}
.StyleLocation { width:200px;margin-left:50px;}
.StyleTicketPrice {width:100px;}

.StyleProductticket {}
.StyleProducttour {} 
.StyleProducttour_promo {} 

.StyleLocation.miniHeader {margin-left: 80px;}
.ecommerceComments::before {content: "\a";white-space:pre;}

/*-----------------  product filter --------------------*/

/*-----------------  product filter --------------------*/

#product_browser {clear: both;}
#product_browser p {}
#product_browser label {width:14em; float:left;display:block;}
.maxPrice {padding-left: 20px;line-height: 20px;vertical-align: top;padding-right: 20px;}
#search_terms {display: block;	clear: both;}
#price_range {	display: inline;}
#categories {float: left;width: 25%;display: block;	clear: both;margin-top: 175px;}
#categories h3 {font-size: 18px;text-transform: capitalize;font-weight: normal;margin-bottom:10px;}
#categories input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;width:16px;height:16px;margin-top:5px;}
#categories ul {margin-left:-35px;}
#categories ul li {list-style:none;clear:both;}
#categories label {margin-top:8px;line-height:13px;font-size:14px;}
#categories .linerule {color: #E0E0E0;width: 50%;height: 1px;}
.selected-category {clear: both; padding: 6px 0 10px 0; border-bottom: 1px solid #f1f1f1; height: 20px;  width: 95%;}
#products {float: right;width: 75%;	display: block;}
#products_per_page_div {clear: both;}
.pagination {display: inline;}
#pagination-container p {line-height:40px;}
#go_to_1 {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#prev {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#next {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#last {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#product-container {text-align:center;margin-top:13px;}
.category-count {display: inline;font-size: 12px;line-height:29px;}
.category { }
#navigation {margin-left: -20%;}
#navigation p {}
#product_count { }
#navigation label {width: 10em; float: left;display: block;}

/*-----------------  viewbasket pages --------------------*/
#ContinueShop {} /* This shows/hides and Continue Shopping on viewbasket page*/
#quickAdd {} /* This shows/hides and quick add products on viewbasket page, nb must set cat code/dept/sub dept */
#viewBasket {width:85%; min-height:300px;}
#viewBasket .SmallProduct { height:65px; width: 65px; visibility:visible;float:left;margin-right:10px;}
#viewBasket .LineBreak {border-top: 1px dotted #CCCCCC; vertical-align:middle; padding:5px; margin:20px;float:left;}
#viewBasket p {clear:none;}
#viewBasket a {}
#viewBasket .viewImage {float:left;margin-right: 15px;}
#viewBasket .largeText {font-size:16px;margin-bottom:0;}
#viewBasket .textLines {color:#333;line-height:20px;margin-bottom:0; }
#viewBasket .textLinesRight {text-align:right;float:right;}
#viewBasket .totalText {float:right;font-weight:normal; font-size:18px;padding:5px 20px 0 0; }
#viewBasket .Patch {display:none;}
#viewBasket .LETTERS {display:none;}
#viewBasket .NUMBERS {display:none;}
#viewBasket .Multibuy p {color: #C4AA80;line-height:20px;margin-left:90px;} 
#viewBasket .Multibuy {overflow:hidden;font-size:16px;}
#viewBasket .Multibuy .StyleUnitPrice {display: none;}
#viewBasket .Multibuy .ecommerceComments {color: #333 !important;font-size: 14px;}
#viewBasket .Multibuy .StyleCost {float: right;width:auto;color: #333;}
#viewBasket .Member p {color: #C4AA80;line-height:20px;margin-left:90px;} 
#viewBasket .Member {overflow:hidden;font-size:16px;}
#viewBasket .Member .StyleUnitPrice {display: none;}
#viewBasket .Member .ecommerceComments {color: #333 !important;font-size: 14px;}
#viewBasket .Member .StyleCost {float: right;width:auto;color: #333;}
#viewBasket .ecommerceComments {color: #C4AA80;margin-left: 10px;}
#viewBasket input:focus {box-shadow:none;}
.viewbasketCell {float: right; text-align: center;}
.viewbasketCell img {height: 115px; width: 115px;}
.viewbasketCell p {width: 140px;height: 25px;}

.updateButton { border: 0; background: #f5f5f5; color: #D71927; letter-spacing: 2.2px; font-size: 10px;}
.basket-adjust {float: left;margin:10px;}
.linkedProducts {float: left;}

/* ------------------Split pages --------------------- */
.splitPage {  overflow:hidden;}
.splitPage div {   padding-left: 0px;}
#leftPage {  float:left;   margin-right:20px;  width:40%; }
#rightPage {   overflow:hidden;  margin: 0px 0px 0px 0px; }

.splitSplash {  overflow:hidden;}
.splitSplash div {   padding-left: 0px;}
#leftSplash {  float:left;   margin-right:0px;  width:55%; }
#rightSplash {   overflow:hidden;  margin: 0px 0px 0px 0px; }

.splitConfirm {overflow:hidden;}
.splitConfirm div {padding: 0px;}
#leftConfirm {float:left; margin-right:10px; width:25%; border-right: 0px dotted #CCC;}
#rightConfirm {overflow:hidden; margin: 0px 0px 0px 0px;}

.splitShip {overflow:hidden;  width:100%;}
.splitShip div {padding: 0;}
#leftShip { float:left; margin: 0px 20px 0px 0px;	width:45%;}
#rightShip {  overflow:hidden;  margin: 0px 0px 0px 00px;  min-height:170px;}
.limitOptions {  display: none;}
#shipping .splitPage {  display: none;}

.splitSubD {  overflow:hidden;}
.splitSubD div {   padding-left: 0px;}
#leftSubD {  float:left;   margin-right:20px;  width:65%; }
#rightSubD {   overflow:hidden;  margin: 0px 0px 0px 0px; }
.subDept {padding: 25px; height: 135px;font-size:20px;}
.subDept img {width: 110px; padding-right: 20px;}

/*---------------Login---------------*/
.logIn { overflow:hidden;}
.logIn div {min-height: 100px; padding: 10px;}
#login_new {  float:left;   margin-right:20px;  width:50%; height:365px; border: 2px dotted #CCC;}
#login_exist {   overflow:hidden;  margin: 0px 0px 0px 10px; height:365px;border: 2px dotted #CCC;}
.loginPage {width:85%; min-height:300px;}

.accountHeader {padding: 10px;}
.accountHeader h1 {font-size:35px;color: #FFF;line-height:40px;text-transform:uppercase;position: absolute;left: 30px;border-bottom: 1px solid #FFF;}
.accountMenu {background: #ececec;}
.accountMenuInner {padding: 1px 10px;}
.accountSelected { border-right: solid 3px #C4AA80;}
.addressMod {text-transform: uppercase; font-size: 14px;}
.addressButton {line-height: 70px;}
.accountTitle {background: #FFF; padding: 15px; margin-bottom: 15px; margin-top:15px;text-align:center; -webkit-box-shadow: 2px 7px 15px -4px rgba(0,0,0,0.55); -moz-box-shadow: 2px 7px 15px -4px rgba(0,0,0,0.55);box-shadow: 2px 7px 15px -4px rgba(0,0,0,0.55);}
.myShop .fa {font-size: 36px;color: #C4AA80;margin: 15px;}
.myShop {background: #FFF;display: inherit; padding:10px;margin:10px;font-size: 16px; -webkit-box-shadow: 2px 7px 15px -4px rgba(0,0,0,0.55); -moz-box-shadow: 2px 7px 15px -4px rgba(0,0,0,0.55);box-shadow: 2px 7px 15px -4px rgba(0,0,0,0.55);}
p.myShop {margin-bottom:15px;text-transform:uppercase;}

/*------------- address content-----------*/
#address_results { max-height: 90px; overflow-y: scroll;  width: 45%;}
#address_results li { padding: 4px;margin: 2px;  cursor: pointer; border: 1px solid #a8a8a8;list-style:none;}
#lookupFeedback {float: left; margin: 5px 0 0 20px; font-size: 13px;}
ul:empty {display: none;}
.addressList {}
.dateOfBirth p {display: inline-flex;}
input[name="dob_day"] { width:80px;}
input[name="dob_mth"] { width:80px;}
input[name="dob_yr"] { width:80px;}
select[name="dob_day"] { width:80px;min-width:80px;margin-right:10px;}
select[name="dob_mth"] { width:80px;min-width:80px;margin-right:10px;}
select[name="dob_yr"] { width:80px;min-width:80px;}


/*--------------- Product page Quick buy --------*/
#showHide {position: fixed; top: 20%; z-index: 9999; background: #FFF; width: 70%; left: 20%; padding: 15px; min-height: 500px; border: 1px solid #666; border-radius: 4px;}
.ItemProductPopup {overflow: hidden; width: 100%;}
ItemProductPopup div {padding: 0;}
#imgProductPopup {float: left;margin: 0px 0px 0px 0px;width: 40%;}
#textProductPopup {overflow: hidden;margin: 0px 0px 0px 00px;min-height: 170px;}
.inner-info-product-cart {position:relative;top:-267px;text-align: center;border: 1px solid #cecece;width: 80px;padding: 5px;background: #fff;float:right;opacity: 0.8;border-radius: 100%;}

/*---------------Product page--------------*/
/*These are the styles on products, accept order, viewbasket, order history, wish list and order confirmations pages */
#productListing {float:left; width:140px; text-align:center;}
#productListing .StylePrice {text-align:center;font-size:85%; margin-left:0px;}
.product-link {margin-bottom: 0px; text-align: center; font-size: 30px; border-bottom: solid 4px #C4AA80;}

.productView {float:right;display:none;}
.rowA {padding:5px; }
.rowB{padding:5px;}
.rowA a, .rowB a  {text-decoration: none;	}
.rowA a:hover, .rowB a:hover  {color:c; text-decoration: none;}
.ProductCell {display:inline-block;text-align:left;margin: 20px;height:320px;width:215px;}
.ProductCell img {border:1px solid #999999; }
.smallProductCell {margin: 5px;	 width:110px; height:200px; }
.productStitch { overflow: hidden;}
.productListing {position: relative;margin: 0;}
.productListing img {height:215px;width:215px; }
.productTitle a {height:45px;color:#000;}
.productPrice {display:block;color:#ed1c24;}
.salePrice {text-align: center; color:#C4AA80;font-size: 90%;}

.displayBanners {position: relative;top: -355px;left: 78px;height:1px;width:1px;}
.saleLogo {background: #dc241f none repeat scroll 0 0;height: 5px;left: 55px;padding:100px 60px 0px;top: 0px;z-index: 1;position: absolute;transform: rotate(45deg);}
.saleLogo::after {content: "sale";text-transform: uppercase;color: #ffffff;font-size: 16px;font-weight: bold;position: relative;top: -30px;}
.in_multibuys {background: #0033a0 none repeat scroll 0 0;left: 53px;padding: 5px 15px;top: 190px;position: absolute;}
.in_multibuys::after {content: "offers!"; text-transform: uppercase;color: #FFF;font-size: 14px;font-weight: bold;}
.personalisable {background: #fff none repeat scroll 0 0;font-size: 11px;font-weight: bold;height: 13px;/*right: 0px;*/padding: 1px 5px 15px 5px;top: 32px;position: absolute;/*transform: rotate(-45deg);*/color: #c4aa80;border: 1px solid #c4aa80;width: 215px;left: -78px;text-align: center;}
.personalisable::after {content: "personalise"; text-transform: uppercase;}
.multiple_variants {position: absolute;background: #fff;top:250px; width:110px; left: 60px;}
.fa.fa-external-link-square::after {content: " Add to basket";color:#000;font-weight:bold;}
.fa.fa-external-link-square::before {color:#000;}
.link-product-add-cart {position:absolute;top:65px;left:0px;width:145px;}
.link-product-add-load {position:absolute;top:65px;left:85px;width:145px;}

/*--------------Item_Standard-----------*/
.ItemProduct { overflow:hidden; width:100%;}
.ItemProduct div { padding: 0;}
#imgProduct {  float:left; 	margin: 0px 20px 0px 0px;	width:40%;}
#textProduct {  overflow:hidden;  margin: 0px 0px 0px 0px;  min-height:170px; padding-left:5px;}
#mainImage {margin:20px;}
.ItemHeader {font-size:16px; margin: 10px 0px;}
.MediFiles {}
.ItemOption {color: #ed1c24;font-size: 24px;float: right;margin-right: 40px;}
.variant1 {font-size: 24px; color:#ed1c24;width:62%;} /* grey*/
.variant2 {font-size: 24px; color:#ed1c24;width:62%;}
#variant2 {width: 245px;background: #fff url("../downArrow.png") no-repeat 95%;overflow: hidden;}
#variant_size {height: auto;}
#variant_size ul {float: left; margin-right: 12px;/*! margin-bottom:6px; */padding: 0;}
#variant_size ul li {color: #000; height: 50px; position: relative; min-width: 120px;cursor: pointer;padding: 3px;}
#variant_size ul li input[type="radio"] { position: absolute; visibility: hidden;width:auto;}
#variant_size ul li label {cursor: pointer; left: 30px; position: relative; top: 9px; transition: all 0.25s linear 0s; z-index: 9;	margin-top: 3px;font-size: 16px;max-width: 100px;}
#variant_size ul li:hover label {color: #000;}
#variant_size ul li .check {border: 1px solid #aaaaaa;/*! border-radius:3px; */display: block;height: 45px;left: 20px;position: absolute;top: 5px;transition: border 0.25s linear 0s;width: 60px;z-index: 5; min-width:120px;}
#variant_size ul li:hover .check {background:#C4AA80;}
#variant_size ul li .check::before { content: ""; display: block; height: 15px;left: 5px; /*! margin: auto; */position: absolute;/*! top: 5px; */transition: background 0.25s linear 0s;/*! width: 15px; */}
#variant_size input[type="radio"]:checked ~ .check {background:#C4AA80;}
#variant_size input[type="radio"]:checked ~ .check::before {/* background: #ffffff none repeat scroll 0 0; */}
#variant_size input[type="radio"]:checked ~ label {color: #000}
.check {}

.fa {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;margin:8px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-ruler:before {content: "\f080";}
.fa-email:before {content: "\f0e0";color: #999;font-size: 45px;line-height: 17px;}
#PlayerImg {width: 100px;height: 100px;background-size: cover;float: right;}
.price {background-color: #FFFFCC;} /* yellow */
#imgProduct img {}
#Total {text-align: right;margin-bottom: 50px;margin-right: 20px;}
.TotalCostHead {font-size: 14px;color: #999;}
.TotalCost {color: #ed1c24;font-size: 24px;;color: #ed1c24;}
#accordion h3 {font-size: 16px; color: #000; background: #C4AA80; padding: 10px; text-align: center;}
.arrowUp:before {content: "\f102";font-family:"FontAwesome";}
.arrowDown:before {content: "\f103";font-family:"FontAwesome";}
#Personalise {border: 1px solid #c4aa80;border-top: 0;padding: 10px;height:481px;}


/*------------- confirm order, accept order, payment --*/
 /* This is the style that is on the order_confirmation*/
.TotalOrder {border: 1px solid #CCCCCC;}
.TotalCell {border-bottom: 1px dotted #CCCCCC; }

.orderRecipients {}
.orderCustomer {}
.address {text-transform:capitalize; line-height:17px; padding:5px;}
.postcode {text-transform:uppercase;}
.email {text-transform:none;}
.colHeader {}

#PayPage  {}
.payValue {font-size: 16px;line-height: 35px;}
#standard_Card_card_expiry_yy {width: 75px !important;}
#standard_Card_card_expiry_mm {width: 60px !important;}
input[name="standard_CardGlobalIris_card_phone_country_code"] { width:80px;}
input[name="standard_CardGlobalIris_card_phone_subscriber_number"] { width:175px;}
input[name="mobile_phone_country_code"] { width:80px;}
input[name="mobile_phone_subscriber_number"] { width:175px;}
input[name="mobile_country_code"] { width:80px;}
input[name="mobile_subscriber_number"] { width:175px;}
input[name="home_country_code"] { width:80px;}
input[name="home_subscriber_number"] { width:175px;}
input[name="work_country_code"] { width:80px;}
input[name="work_subscriber_number"] { width:175px;}

/*------------- footer area --*/

.pageBase { background:#000;color:#999;text-align:center;height:400px;margin-top:10px;}
.pageBase img {height: 120px;margin:20px 0px;}
.pageBase li {list-style: none;display:inline;padding:10px;font-size:13px;}	

.footer-social {background: #C4AA80;height:55px;}
#social_block {text-align:center;width: 100%;height: 50px;padding:10px;}
.socialIcon {margin:10px;}
.socialIcon img {height:auto;}
#social_block ul li a {font-size: 28px;color:#000;}
#social_block ul li a::before {display: inline-block;font-family: "FontAwesome";font-weight: normal;}

#social_block ul li a:hover {color: #707070;font-size: 28px;}
#social_block ul li.facebook a::before {content: "\f082";}
#social_block ul li.twitter a::before {content: "\f099";}
#social_block ul li.youtube a::before {content: "\f167";}
#social_block ul li.google-plus a::before {content: "\f0d5";}
#social_block ul li.instagram a::before {content: "\f16d";}
#social_block ul li.rss a::before {content: "\f09e";}

#company_detail {text-align: center;background: #000;}
#company_detail ul li a {font-size: 13px;color:#999;font-weight:bold;}
#company_detail ul li a:hover {text-decoration: underline;}
#company_detail img {height: 105px;margin: 50px;}
.pipe {margin: 0 0 0 20px;}

#showCookie {background: #333;height: 70px;position: fixed;bottom: -10px;width: 100%;padding: 23px;z-index: 999;}
#showCookie p {color: #FFF;font-size: 16px; margin-left: 10px;float: left;}
#showCookie a {color:#FFF;}
#closeCookie {background: #C4AA80;padding: 8px 50px;padding-top: 8px;padding-right: 50px;padding-bottom: 8px;padding-left: 50px;
	border: 0;color: #FFF;margin: -7px 5px;float: right;font-size: 16px;}

.bk-to-top{position:fixed; bottom:0; right:0; z-index: 200;}
.bk-to-top.hide{display: none !important; }
.btn3 {background: #C4AA80 none repeat scroll 0 0; color: #FFFFFF; line-height: 45px;	text-align:center; transition: all 0.5s ease-in-out 0s;
	text-transform: uppercase;	margin:0 10px 15px 0px;	display: inline-block;	padding: 0 15px;border:1px solid #FFF;}
.btn3:hover {color:#FFFFFF;background-color:#000;}	
.btn3:focus {color:#FFFFFF;background-color:#000;}	
.btn3:visited {color:#FFFFFF;background-color:#000;}	

/*------------- SPLASH PAGE -----------*/
#promo-banner {
    height: 80px;
    background: #e8e8e8;
}
.promoItem {
    width: 33%;
    float: left;
    padding: 20px;
    text-align: center;
}
.splashBack {text-align:center;}
.splashRow {display:inline-block;}
.splashItem {position: relative;overflow: hidden;height: 280px;width: 32%;display:inline-block;margin:5px;}
.splashItem img {transition: all 2s;}
.splashItem img:hover {transform: scale(1.2);transition: all 2s;}
.splashItem img:focus {transform: scale(1.2);transition: all 2s;}
.splashBanner {position: relative;top: -204px;background: #fff;width: 90%;display: inline-block;padding: 10px;color: #000;font-weight: bold;font-size:20px;}
.redSpot:after { content: ".";	color: #ed1c24;	font-size: 40px;	line-height: 1px;	position: relative;  font-family: 'AvenirBlack';}
.divider {	display: inline-flex;text-align:left}
.splashBanner a {color: #000;}
.carousel-indicators li {background:#000;}
.carousel-indicators .active {background:#ed1c24;}

.arrow-link {
    float: right;
}
.carousel-caption {
    font-size: 50px;
    transform: rotate(12deg);
    margin-bottom: 130px;
}
.carousel-caption h3 {
    font-size: 80px;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}
.carousel-caption p {
    text-align: left;
	transform: rotate(-12deg);
}

.carousel-indicators {bottom:30px}
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
https://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.image {
 position:relative;
 overflow:hidden;
 background-color:inherit
}
.image:before {
 content:"";
 position:absolute;
 background-color:#C4AA80;
 width:150%;
 height:1000%;
 transform:translate(-125%,-50%) rotate(30deg);
 transition:all 1.5s ease-in-out;
 z-index:1
}
.image.ready:before {
 transform:translate(87.5%,-25%) rotate(30deg)
}
.image.ready img {
 visibility:visible;
 transition-property:visibility;
 transition-delay:.75s
}
.image img {
 visibility:hidden;
 transition-property:visibility;
 transition-delay:.75s
}
.bg-image {
 background-size:cover;
 background-position:center;
 z-index:2
}
.bg-image:after {
 content:"";
 padding-bottom:75%;
 width:100%;
 display:block;
 background-color:#fff;
 opacity:1;
 transition:opacity 0s linear .75s
}
.bg-image.ready {
 transition:z-index 0s linear;
 transition-delay:1.5s;
 z-index:0
}
.bg-image.ready:after {
 opacity:0
}
.card--image {transition: all 2s;}
.card--image:hover {transform: scale(1.2);transition: all 2s;}
.card--image:focus {transform: scale(1.2);transition: all 2s;}
	
	
@media only screen and (min-width:1500px) {
.related {
 padding:2.333333em 0
}
@media only screen and (min-width:1000px) {
 .related {
  margin:0 -.75rem;
  padding:2em 0
 }
}
@media only screen and (min-width:1500px) {
 .related {
  margin:0
 }
}
.hero {
 position:relative;
 overflow:hidden;
 height:0;
 padding-bottom:56.25%
}
.hero__faqs {
 padding-bottom:15%
}
@media only screen and (min-width:1000px) {
 .hero {
  padding-bottom:25%;
  margin-top:10px;
 }
 .hero__faqs,.hero__login {
  padding-bottom:12%;
  margin-top:10px;
 }
}
@media only screen and (min-width:1500px) {
 .hero {
  padding-bottom:21%;
  margin-top:10px;
 }
 .hero__faqs,.hero__login {
  padding-bottom:10%;
  margin-top:10px;
 }
}
.hero__article.hero,.hero__featured.hero,.hero__no__image.hero {
 padding-bottom:70%
}
@media only screen and (min-width:660px) {
 .hero__article.hero,.hero__featured.hero,.hero__no__image.hero {
  padding-bottom:56.25%
 }
}
@media only screen and (min-width:1000px) {
 .hero__article.hero,.hero__featured.hero,.hero__no__image.hero {
  padding-bottom:35%
 }
}
.hero--image {
 width:100%;
 height:100%;
 position:absolute;
 opacity:0;
 transition:opacity .1s ease
}
.hero--image--no--image {
 background-size:100px!important;
 background-position:center!important;
 background-color:#000!important;
 padding-bottom:70%
}
@media only screen and (min-width:660px) {
 .hero--image--no--image {
  padding-bottom:56.25%
 }
}
@media only screen and (min-width:1000px) {
 .hero--image--no--image {
  padding-bottom:35%
 }
}
.hero--content {
 height:100%;
 width:100%;
 color:#fff;
 margin:0;
 background:rgba(174, 184, 243, 0.65);
 position:absolute;
 bottom:0;
 opacity:0;
 transition:opacity .1s ease
}
.hero__article .hero--content {
 background:rgba(0,0,0,.6);
 height:auto
}
.hero__article .hero--content:before {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent rgba(0,0,0,.6);
 position:absolute;
 bottom:100%;
 border-width:10px 0 0 700px
}
@media only screen and (min-width:660px) {
 .hero__article .hero--content:before {
  border-width:15px 0 0 1100px
 }
}
@media only screen and (min-width:1000px) {
 .hero__article .hero--content:before {
  border-width:15px 0 0 1600px
 }
}
@media only screen and (min-width:1500px) {
 .hero__article .hero--content:before {
  border-width:25px 0 0 2500px
 }
}
.hero__faqs .hero--content,.hero__login .hero--content,.hero__story .hero--content {
 background:#000
}
.hero__no__image .hero--content {
 background:0 0
}
.hero--content--container {
 display:table;
 width:100%;
 height:100%
}
.hero--content--cell {
 display:table-cell;
 vertical-align:middle;
 text-align:center
}
.hero__featured .hero--content--cell {
 text-align:left;
 /*padding-left:50px;*/
}
.hero__article .hero--content--cell {
 text-align:left;
 display:block
}
.hero--title {
 display:inline-block;
 padding:.333333rem 0 .666666rem;
 font-size:2rem;
 text-transform:uppercase;
 font-weight:600;
 display:inline-block;
 position:relative;
 padding-bottom:0;
 color:#C4AA80;
}
.hero--title:after {
 content:"";
 width:100%;
 height:4px;
 background:#FFF;
 position:absolute;
 bottom:-7px;
 left:-3px;
 padding-left:3px;
 padding-right:3px;
 transform:skew(-20deg)
}
@media only screen and (min-width:660px) {
 .hero--title {
  font-size: 60px;
  transform: rotate(15deg); }
}
@media only screen and (min-width:1500px) {
 .hero--title {
  font-size:50px; }
}
.hero__article .hero--title {
 display:block;
 font-weight:700;
 text-transform:none;
 font-size:1.466667rem;
 padding:.333333rem 0 1.333333rem
}
@media only screen and (min-width:660px) {
 .hero__article .hero--title {
  font-size:2.33333rem
 }
}
@media only screen and (min-width:1000px) {
 .hero__article .hero--title {
  font-size:3rem;
  padding-top:1.666666rem;
  padding-bottom:3rem
 }
}
.hero__featured .hero--title {
 line-height:.9em
}
@media only screen and (min-width:660px) {
 .hero__featured .hero--title {
  max-width:60%
 }
}
.hero__story .hero--title a {
 color:#fff;
 text-transform:none
}
.hero__faqs .hero--title,.hero__login .hero--title {
 text-transform:none
}
.hero__article .hero--title:after {
 transform:none
}
.hero__featured .hero--title:after {
 display:none
}
.hero--subtitle {
 font-size:1.06rem;
 font-weight:600;
 text-transform:uppercase;
 padding-top:.6666rem
}
@media only screen and (min-width:660px) {
 .hero--subtitle {
  font-size:1.333333rem
 }
}
@media only screen and (min-width:1500px) {
 .hero--subtitle {
  font-size:1.666666rem
 }
}
.hero__story .hero--subtitle {
 text-transform:none
}
@media only screen and (min-width:1500px) {
 .hero__story .hero--subtitle {
  font-size:1.26rem
 }
}
.hero--hash a {
 cursor:pointer;
 color:#fff;
 display:inline-block;
 text-decoration:underline;
 padding:.5rem 0
}
.hero--divider {
 display:inline-block;
 position:relative;
 padding-bottom:.666666rem;
 display:block;
 width:90px;
 margin-top:.333333rem;
 margin-bottom:1rem;
 overflow:hidden;
 font-size:30px;
}
.hero--divider:after {
 content:"";
 width:100%;
 height:4px;
 background:#C4AA80;
 position:absolute;
 bottom:0;
 left:-3px;
 padding-left:3px;
 padding-right:3px;
 transform:skew(-20deg)
}
.hero--divider:after {
 margin-left:-5px
}
.hero--action {
 cursor:pointer;
 font-size:1rem;
 display:inline-block;
 text-transform:uppercase;
 color:#fff;
 font-weight:600;
 margin-left:1rem;
 width:calc(50% - 10px);
 padding:.5rem 1rem;
 text-align:center
}
.hero--actions {
 font-size:0
}
@media only screen and (min-width:660px) {
 .hero--action {
  padding:.5rem 2rem;
  width:auto
 }
}
.hero--action:first-child {
 margin-left:0;
 background-color:#fff;
 color:#000
}
.hero--action:last-child {
 background-color:#C4AA80;
 color:#fff;
 font-size:15px;
 padding:20px 50px;
}
.hero--follow {
 color:#C4AA80;
 text-transform:uppercase;
 font-size:1.26rem;
 font-weight:600
}
.hero__banner .hero--content {
 background:rgba(0,0,0,.6)
}
.hero__banner .hero--title {
 font-size:1.25rem
}
@media only screen and (min-width:660px) {
 .hero__banner .hero--title {
  font-size:2.666666rem;
  transform: rotate(-5deg);
  color: #fff;
 }
}
.hero__banner .hero--subtitle {
 font-size:1rem;
 font-weight:400;
 margin:1rem 0;
 padding-top:0;
 text-transform:none
}
@media only screen and (min-width:660px) {
 .hero__banner .hero--subtitle {
  font-size:20px;
  padding-top:.6666rem
  color: #FFF;
}
}
.hero__banner .hero--action {
 margin-top:1.75rem;
 background:#fff;
 color:#000;
 margin:0;
 width:calc(60% - 10px)
}
@media only screen and (min-width:660px) {
 .hero__banner .hero--action {
  width:calc(30% - 10px)
 }
}
@media only screen and (min-width:1000px) {
 .hero__banner .hero--action {
  width:calc(20% - 10px)
 }
}
.check .hero--content,.check .hero--image {
 visibility:hidden
}
.hero--content--no--image,.hero--image--no--image {
 opacity:0
}
.quote {
 position:relative;
 margin:1.666666rem 0
}
@media only screen and (min-width:1000px) {
 .quote {
  margin:2.333333rem 0
 }
}

.module {
 text-align:center;
 padding:2.333333rem 0
}
@media only screen and (min-width:1000px) {
 .module {
  padding:0 0 3.125rem 0
 }
}
.module--title {
 font-size:1.666666rem;
 color:#000;
 text-transform:uppercase;
 margin-bottom:2.333333rem;
 display:inline-block;
 position:relative;
 padding-bottom:.666666rem
}
@media only screen and (min-width:1000px) {
 .module--title {
  margin-bottom:3rem;
 }
}
.module--title:after {
 content:"";
 width:100%;
 height:4px;
 background:#C4AA80;
 position:absolute;
 bottom:0;
 left:-3px;
 padding-left:3px;
 padding-right:3px;
 transform:skew(-20deg)
}
.module .container {
 font-size:0;
 padding:0 1rem;
 position:relative
}
@media only screen and (min-width:660px) {
 .module .container {
  padding:0 1.5rem
 }
}
@media only screen and (min-width:1000px) {
 .module .container {
  margin:0 auto;
  padding:0 3.333333rem;
  width:100%
 }
}
@media only screen and (min-width:1500px) {
 .module .container {
  padding:0;
  width:75%
 }
}
@media only screen and (min-width:660px) {
 .module_fullwidth .container {
  margin:0 -.75rem
 }
}
@media only screen and (min-width:1000px) {
 .module_fullwidth .container {
  width:100%;
  margin:0;
  padding:0 50px
 }
}
.module.yellow {
 position:relative
}
.module.yellow:before {
 background-color:#C4AA80;
 content:"";
 width:100%;
 height:calc(100% - 7.5rem);
 display:block;
 position:absolute;
 top:7.5rem
}
@media only screen and (min-width:1500px) {
 .module.yellow:before {
  height:calc(100% - 5rem);
  top:5rem
 }
}
.module.dark {
 position:relative
}
.module.dark:before {
 background-color:#333;
 content:"";
 width:100%;
 height:calc(100% - 5rem);
 display:block;
 position:absolute;
 top:0
}
@media only screen and (min-width:660px) {
 .module.dark:before {
  height:calc(100% - 7rem)
 }
}
.module.dark .module--title {
 color: #FFF;
}
.module .module {
 margin-left:-1rem;
 margin-right:-1rem
}
@media only screen and (min-width:660px) {
 .module .module {
  margin-left:-1.5rem;
  margin-right:-1.5rem
 }
}
@media only screen and (min-width:1000px) {
 .module .module {
  margin-left:-3.333333rem;
  margin-right:-3.333333rem
 }
}
@media only screen and (min-width:1500px) {
 .module .module {
  margin-left:-16.666666666666664%;
  margin-right:-16.666666666666664%
 }
}
@media only screen and (min-width:660px) {
 .module.fixtures {
  margin:0 -1.5rem
 }
}
@media only screen and (min-width:1000px) {
 .module.fixtures {
  margin-left:-3.333333rem;
  margin-right:-3.333333rem
 }
}
@media only screen and (min-width:1500px) {
 .module.fixtures {
  margin:0 -16.666666666666664%
 }
}
.contact.module {
 padding-top:3.125rem
}
.load-more {
 text-align:center;
 margin-top:2.666666rem;
 position:relative
}
.load-more--button {
 display:inline-block;
 font-size:1.133333rem;
 font-weight:400;
 background-color:#efefef;
 text-transform:uppercase;
 color:#000;
 padding:1rem 2.333333rem;
 cursor:pointer
}
. .load-more--button {
 background-color:#fff
}
.not-found.module {
 padding:0;
 position:relative
}
.not-found.module .container {
 font-size:1rem;
 background-color:#000;
 padding:4.733333rem 20px;
 width:100%
}
@media only screen and (min-width:1000px) {
 .not-found.module .container {
  padding:11.733333rem 20px
 }
}
.card {
 background-color:#fff;
 display:inline-block;
 vertical-align:top;
 font-size:1rem;
 text-align:left;
 width:100%;
 margin-bottom:1.5em
}
@media only screen and (min-width:660px) {
 .card {
  width:calc(33.3333% - 1.5rem);
  margin:0 .75rem 1.5em
 }
}
.card a:hover {
 text-decoration:none
}
.card .outcome {
 font-size:.933333rem;
 color:#fff;
 margin-bottom:.5rem;
 display:inline-block;
 height:30px;
 width:30px;
 line-height:30px;
 text-align:center;
 text-transform:uppercase;
 font-weight:400
}
@media only screen and (min-width:660px) {
 .card .outcome {
  margin-bottom:0
 }
}
.card .outcome_w {
 background-color:#54c58f
}
.card .outcome_d {
 background-color:#e4a72c
}
.card .outcome_l {
 background-color:#eb353a
}
.card .video-icon {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-2rem;
 margin-left:-2rem;
 font-size:4rem;
 text-indent:0;
 height:60px
}
.card .video-icon .icon {
 font-size:1.5rem;
 margin-top:-.75rem;
 margin-left:-.75rem
}
.card_article,.card_video {
 display:inline-block;
 overflow:hidden;
 text-indent:-9999px
}
@media only screen and (min-width:1000px) {
 .card_article,.card_video {
  margin-bottom:2rem
 }
}
.card_article .card--content,.card_video .card--content {
 color:#000;
 background:#fff;
 padding:1em;
 border:2px solid #C4AA80;
 border-width:2px 0;
 text-indent:0;
 min-height:initial
}
@media only screen and (min-width:660px) {
 .card_article .card--content,.card_video .card--content {
  min-height:100px
 }
}
.card_article .card--category,.card_video .card--category {
 color:#C4AA80;
 font-weight:700;
 text-transform:uppercase;
 font-size:.933333rem
}
.card_article .card--title,.card_video .card--title {
 font-size:1.333333rem;
 font-weight:700;
 line-height:1.25em;
 min-height:48px
}
.card_article .card--date,.card_video .card--date {
 color:#999;
 margin-top:2em
}
.card_article .card--button,.card_video .card--button {
 background:#000;
 color:#fff;
 display:block;
 font-size:1rem;
 text-align:center;
 text-transform:uppercase;
 font-weight:400
}
@media only screen and (min-width:1000px) {
 .card_article .card--button,.card_video .card--button {
  padding:.25rem 2rem
 }
}
.card_article .card--image,.card_video .card--image {
 margin-top:-17px;
 text-indent:0
}
.card_article .card--image--no--image,.card_video .card--image--no--image {
 margin-top:-17px;
 background:#000;
 padding-top:56.25%;
 position:relative
}
.card_article .card--image--no--image .card--image,.card_video .card--image--no--image .card--image {
 position:absolute;
 left:calc(50% - 30px);
 top:calc(50% - 30px);
 max-width:60px
}
.trending .container {
 text-align:left;
 margin:0
}
@media only screen and (min-width:1000px) {
 .trending .container {
  margin:0 auto
 }
}
@media only screen and (min-width:660px) {
 .trending .container .card_trending {
  margin:0 .75rem 1.5rem;
  width:calc(50% - .75rem)
 }
}
@media only screen and (min-width:660px) {
 .trending .container .card_trending:nth-child(odd) {
  margin-left:0
 }
}
@media only screen and (min-width:660px) {
 .trending .container .card_trending:nth-child(even) {
  margin-right:0
 }
}
@media only screen and (min-width:1000px) {
 .trending.module {
  padding-top:3.125rem
 }
}

. .card_article,. .card_video {
 background:0 0
}
. .card_article .card--content,. .card_video .card--content {
 position:relative;
 padding:1.5rem 2rem;
 font-size:1.13333rem;
 line-height:2rem;
 border:none;
 background:0 0;
 overflow:hidden
}
@media only screen and (min-width:660px) {
 . .card_article .card--content,. .card_video .card--content {
  padding:3rem 1.5rem 1.5rem;
  margin:-7rem 1.5rem 0
 }
}
. .card_article .card--content:before,. .card_video .card--content:before {
 content:"";
 position:absolute;
 background:#fff;
 width:100%;
 height:100%;
 top:0;
 left:0
}
@media only screen and (min-width:660px) {
 . .card_article .card--content:before,. .card_video .card--content:before {
  top:1rem;
  transform:skewY(.75deg)
 }
}
. .card_article .card--bottom,. .card_article .card--button,. .card_article .card--description,. .card_article .card--title,. .card_video .card--bottom,. .card_video .card--button,. .card_video .card--description,. .card_video .card--title {
 position:relative
}
. .card_article .card--description,. .card_video .card--description {
 padding-bottom:1rem
}
. .card_article .card--title,. .card_video .card--title {
 font-size:1.5rem;
 color:#C4AA80;
 padding-bottom:1rem
}
@media only screen and (min-width:660px) {
 . .card_article .card--title,. .card_video .card--title {
  font-size:2rem
 }
}
. .card_article .card--bottom,. .card_video .card--bottom {
 border-top:2px solid #efefef;
 margin-top:2rem;
 padding-top:1rem;
 display:block
}
. .card_article .card--hash,. .card_video .card--hash {
 color:#916a15;
 text-decoration:underline
}
. .card_article .card--hash:hover,. .card_video .card--hash:hover {
 text-decoration:none
}
. .card_article .social--list,. .card_video .social--list {
 list-style-type:none;
 padding:0;
 margin:0;
 float:right;
 margin-right:-15px
}
. .card_article .social--list--item,. .card_video .social--list--item {
 font-size:0;
 text-align:center;
 width:50px;
 display:inline-block
}
. .card_article .social--list--item a,. .card_video .social--list--item a {
 display:block
}
. .card_article .social--list--item .icon,. .card_video .social--list--item .icon {
 font-size:1.5rem
}
. .card_article .social--list--item .article--social--item,. .card_video .social--list--item .article--social--item {
 color:#000;
 background:0 0;
 padding:0;
 margin:0
}
. .card_article .social--list--item .article--social--item:before,. .card_video .social--list--item .article--social--item:before {
 content:""
}
.card_video .card--image {
 position:relative;
 cursor:pointer
}
.card_video.entitlement .card--image .video-icon .icon-camera {
 font-size:2rem;
 margin-top:-1rem;
 margin-left:-1rem;
 color:#000
}
.card_video.entitlement .card--content {
 border:2px solid #000;
 border-width:2px 0;
 position:relative
}
.card_video.entitlement .badge {
 position:absolute;
 bottom:-15px;
 right:15px;
 height:30px;
 width:100px;
 z-index:9;
 background-color:#000
}
.card_video.entitlement .badge img {
 width:5em;
 height:100%;
 margin-left:calc(50% - 5em / 2)
}
.card_video .card--image {
 margin-top:0
}
.card_trending {
 position:relative;
 overflow:hidden
}
@media only screen and (min-width:660px) {
 .card_trending {
  width:calc(50% - 20px);
  margin-bottom:1rem
 }
}
.card_trending .card--content {
 position:absolute;
 bottom:0;
 color:#FFF;
 height:100%;
 font-size:0;
 width:100%
}
@media only screen and (min-width:1000px) {
 .card_trending .card--content {
  width:60%
 }
}
.card_trending .card--content:before {
 content:"";
 position:absolute;
 background:rgba(0, 51, 160, 0.8);
transform:skewX(-5deg);
 width:120%;
 height:100%;
 top:0;
 left:-10%
}
@media only screen and (min-width:1000px) {
 .card_trending .card--content:before {
  left:-20%;
  z-index:0
 }
}
.card_trending .card--content--bottom {
 padding:1.333333rem;
 position:absolute;
 bottom:0;
 z-index:2
}
.card_trending .card--category {
 font-size:.866666rem
}
.card_trending .card--title {
 font-size:2rem;
 font-weight:700
}
.card_trending .card--divider {
 width:45px;
 display:inline-block;
 position:relative;
 padding-bottom:.666666rem;
 overflow:hidden;
 padding-bottom:5px;
 margin:.5rem 0
}
.card_trending .card--divider:after {
 content:"";
 width:100%;
 height:4px;
 background:#fff;
 position:absolute;
 bottom:0;
 left:-3px;
 padding-left:3px;
 padding-right:3px;
 transform:skew(-20deg)
}
.card_trending .card--divider:after {
 margin-left:-5px
}
.card_trending .card--description {
 font-size:13px;
}