@charset "UTF-8";

/* CSS Document */




/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* MAIN FEATURE IMAGE AT TOP 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_banner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	height: 1000px;
	background: url('img/cb0118_feature_banner_05_order.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
 @media only screen and (min-width : 961px) and (max-width :1400px) {

.feature_banner {
	height: 750px;
}
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.feature_banner {
	height: 600px;
}
}
 @media only screen and (min-width : 401px) and (max-width :600px) {

.feature_banner {
	height: 450px;
}
}
 @media only screen and (min-width : 1px) and (max-width :400px) {

.feature_banner {
	height: 320px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* SHELF FEATURE WRAPPER 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
 
.feature_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	height: 100%;
	justify-content: flex-start;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* SHELF TITLE 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_title {
	margin: 0px 0px 80px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 50px;
	line-height:54px;
	letter-spacing: -1px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	width: 100%;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.feature_title {
	margin: 0px 0px 50px 0px;
	font-size: 30px;
	line-height: 34px;
	letter-spacing: -1px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.feature_title {
	margin: 0px 0px 50px 0px;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: -0.8px;
}
}


.feature_title_white {
		color: #ffffff;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* LEFT / RIGHT PANELS 
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}

.feature_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* WHICH IS WHICH
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

 @media only screen and (min-width : 1400px) {

.identifier_photo {
	max-width: 400px;
}

.identifier_text {
	max-width: calc(100% - 480px);
}

.feature_spacer {
	margin: 0px 80px 0px 0px;
}
}
 @media only screen and (min-width : 961px) and (max-width :1400px) {

.identifier_photo {
	max-width: 300px;
}

.identifier_text {
	max-width: calc(100% - 380px);
}

.feature_spacer {
	margin: 0px 80px 0px 0px;
}
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.feature_left {
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.feature_right {
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.identifier_photo {
	max-width: 100%;
	width: 100%;
}

.identifier_text {
	max-width: 100%;
	width: 100%;
}

.feature_spacer {
	margin: 0px 0px 0px 0px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* PHOTO
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_photo_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: relative;
	font-size: 0;
	text-align: center;
}

.feature_photo_outer {
	margin: 0px auto 0px auto;
	padding: 0px 0% 0% 0%;
	height: auto;
	width: auto;
	font-size: 0;
	text-align: center;
}

.feature_photo {
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
	font-size: 0;
}
 @media only screen and (min-width : 961px) {

.feature_photo_wrapper {
	max-width: 400px;
}
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.feature_photo_wrapper {
	max-height: 300px;
}

.feature_photo_outer {
	max-height: 300px;
}

.feature_photo {
	max-height: 300px;
}
}


.feature_photo_drop_shadow {
	filter: drop-shadow(0px 3px 20px rgba(0,0,0,.15));
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* FEATURE BODY TEXT BOX
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_txt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	box-sizing: border-box;
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.feature_txt {
	margin: 50px 0px 0px 0px;
	max-width: 100%;
}
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* BODY TEXT - BLACK
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_txt_h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	letter-spacing: -0.25px;
	text-transform: uppercase;
}

.feature_txt_p1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 27px 0px;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 19px;
	line-height: 27px;
	text-decoration: none;
	text-align: left;
	letter-spacing: -0.3px;
	color: #000000;
}


.feature_list_p1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 27px 0px;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 19px;
	line-height: 27px;
	text-decoration: none;
	text-align: left;
	letter-spacing: -0.3px;
	color: #000000;
}


ul.feature_list_p1 {
border-top:1px solid rgba(224,119,030,1);
border-bottom:1px solid rgba(224,119,030,1);
margin:10px 0px 29px 0px;
	padding: 25px 50px 10px 50px;
	list-style-type: none;
}

ul.feature_list_no_space_after {
margin-bottom:0px;
}

.feature_list_p1 li {
	padding: 0px 0px 18px 25px;
	background-image: url('img/bullet_e0771e.png');
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: 0px 6px;
}

.feature_list_p1_pbuh {
	font-family: avn500, "Avenir LT Std", "Avenir LT Std 55 Roman", Helvetica, Arial, sans-serif;
}


@media only screen and (min-width : 1px) and (max-width :600px) {

.feature_txt_h1 {
	padding-bottom: 26px;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.2px;
}

.feature_txt_p1 {
	padding: 0px 0px 26px 0px;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: -0.3px;
}

ul.feature_list_p1 {
	margin:10px 0px 29px 0px;
	padding: 20px 0px 8px 0px;
	list-style-type: none;
}

.feature_list_p1 li {
	padding: 0px 0px 14px 20px;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	background-position: 0px 6px;
}

.feature_list_p1 {
	font-size: 17px;
	line-height: 24px;
	letter-spacing: -0.3px;
}

}


.feature_txt_p1 a:link {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

.feature_txt_p1 a:visited {
	text-decoration: none;
	color: #000000;
}

.feature_txt_p1 a:hover {
	text-decoration: underline;
	color: #000000;
}

.feature_txt_p1 a:active {
	text-decoration: none;
	color: #000000;
}

.feature_txt_p1_italic {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.feature_txt_p1_bold {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.feature_txt_p1_bold_italic {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: italic;
}

.feature_txt_p1:last-of-type {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* BODY TEXT - WHITE
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_txt_h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	letter-spacing: -0.25px;
	text-transform: uppercase;
}

.feature_txt_p2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 27px 0px;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 19px;
	line-height: 27px;
	text-decoration: none;
	text-align: left;
	letter-spacing: -0.3px;
	color: #ffffff;
}


@media only screen and (min-width : 1px) and (max-width :600px) {

.feature_txt_h2 {
	padding-bottom: 26px;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.4px;
}

.feature_txt_p2 {
	padding: 0px 0px 26px 0px;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: -0.4px;
}
}


.feature_txt_p2 a:link {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}

.feature_txt_p2 a:visited {
	text-decoration: none;
	color: #ffffff;
}

.feature_txt_p2 a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.feature_txt_p2 a:active {
	text-decoration: none;
	color: #ffffff;
}

.feature_txt_p2_italic {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.feature_txt_p2_bold {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.feature_txt_p2_bold_italic {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: italic;
}


.feature_txt_p2:last-of-type {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* EXTRA SPACING
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


.feature_txt_space_before {
	margin-top: 27px;
}

.feature_txt_space_before {
	margin-bottom: 27px;
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* TAB TABLES SHOWING COSTINGS
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.t_table {
	margin: 30px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	box-spacing: border-box;
}

.t_table_width_300 {
	max-width: 300px;
}

.t_table_width_350 {
	max-width: 350px;
}

.t_table_width_400 {
	max-width: 400px;
}

.t_table_width_max {
	max-width: 100%;
}

.t_table_h1 {
	margin: 0px 0px 2px 0px;
	padding: 7px 12px 10px 12px;
	text-align: left;
	font-family: avn900, "Avenir LT Std", "Avenir LT Std 95 Black", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	text-align: left;
	letter-spacing: -0.2px;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	background-color: rgba(255,255,255,.20);
}

.t_table_row {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	background-color: rgba(255,255,255,.12);
}

.t_table_col {
	margin: 0px 0px 0px 0px;
	padding: 7px 12px 10px 12px;
	float: left;
	width: 50%;
	font-family: avn500, "Avenir LT Std", "Avenir LT Std 55 Roman", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	box-sizing: border-box;
}

.t_table_txt_l {
	text-align: left;
}

.t_table_txt_c {
	text-align: center;
}

.t_table_txt_r {
	text-align: right;
}

.t_table_col_float_l {
	float: left;
}

.t_table_col_float_r {
	float: right;
}

.t_table_col_070 {
	width: 70%;
}

.t_table_col_060 {
	width: 60%;
}

.t_table_col_050 {
	width: 50%;
}

.t_table_col_040 {
	width: 40%;
}

.t_table_col_030 {
	width: 30%;
}

.t_table_col_020 {
	width: 20%;
}

.t_table_first_col_then_price {
	width: calc(100% - 90px);
}

.t_table_col_price {
	max-width: 80px;
}

.t_button_wrapper {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
}

.t_button {
	margin: 0px 0px 0px 0px;
	padding: 10px 18px 13px 18px;
	display: inline-block;
	color: #ffffff;
	font-family: avn500, "Avenir LT Std", "Avenir LT Std 55 Roman", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #ffffff;
}

.t_button:hover {
	color: #ffffff;
	background-color: #222222;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* SWAP
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


 @media only screen and (min-width : 1px) and (max-width :960px) {

.when_mobile_swap_display_order {
	flex-direction: column-reverse;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* COLOURS
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.ft_col_1 {
	/*background: url('http://stellakraft.com/claritas/feature/2022-11-15_warrior/img/wbg1.jpg');
	background-repeat: repeat;
	background-position: center top;
	border-top: 20px solid rgba(41,40,37,.3);*/
	background-color: rgba(222,218,214,1);
}

.ft_col_2 {
	/*background: url('http://stellakraft.com/claritas/feature/2022-11-15_warrior/img/wbg2.jpg');
	background-repeat: repeat;
	background-position: center top;
	border-top: 20px solid rgba(41,40,37,.3);
	border-bottom: 20px solid rgba(41,40,37,.3);*/
	background-color: rgba(224,119,030,1);
}

.ft_col_3 {
	/*background: url('http://stellakraft.com/claritas/feature/2022-11-15_warrior/img/wbg2.jpg');
	background-repeat: repeat;
	background-position: center top;
	border-top: 20px solid rgba(41,40,37,.3);
	border-bottom: 20px solid rgba(41,40,37,.3);*/
	background-color: rgba(222,218,214,1);
}

.ft_col_4 {
	/*background: url('http://stellakraft.com/claritas/feature/2022-11-15_warrior/img/wbg2.jpg');
	background-repeat: repeat;
	background-position: center top;
	border-top: 20px solid rgba(41,40,37,.3);
	border-bottom: 20px solid rgba(41,40,37,.3);*/
	background-color: rgba(135,122,108,1);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* PRE-ORDER OR BUY BUTTON
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.feature_cart_button_box {
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 9999;
}

.feature_cart_button {
	float: left;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 18px 26px 18px 54px;
	border: 0px solid #ffffff;
	border-radius: 0px;
	background-color:#3092c0;
	display: inline-block;
	color: #ffffff;
	font-family: avn700, "Avenir LT Std", "Avenir LT Std 85 Bold", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 19px;
	text-decoration: none;
	text-transform: uppercase;
	box-sizing: border-box;
	background-image: url('img/arrow_ffffff.png');
	background-repeat: no-repeat;
	background-size: 24px 19px;
	background-position: 20px 49%;
}

.feature_preorder_button {
	border: 0px solid #ffffff;
	background-color:#e0771e;
}

.feature_cart_button:hover {
	color: #ffffff;
	border: 0px solid #ffffff;
	background-color: #0870a3;
}

.feature_preorder_button:hover {
	border: 0px solid #ffffff;
	background-color:#b96219;
}

 @media only screen and (min-width : 1px) and (max-width :960px) {
.feature_cart_button {
	margin: 0px 0px 0px 0px;
}
 }