/* LICENSE & DETAILS
   ==================================================
	Theme Name: Enclothed
	Description: Bespoke theme for Enclothed ltd
	Template: dante
	Version: 1.0
	Author: Like Digital Media
	Author URI: www.likedigitalmedia.com
   ==================================================
*/




/* --------------------------------------------
	DANTE CSS IMPORT
-------------------------------------------- */
@import url("../dante-child/andy_style.css");
@import url("../dante/style.css");
@import url("../dante-child/css/datepicker.css");
@import url("../dante-child/css/sliders_options.css");
@font-face {
    font-family: 'proxbold';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'proxlight';
    src: url('fonts/proximanova-light-webfont.eot');
    src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-webfont.woff') format('woff'),
         url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'proxregular';
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* --------------------------------------------
	CHILD THEME CSS
-------------------------------------------- */
html, body, p{ 
color: #000000;
font-family: proxregular, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
}
h1, h2, h3, h4, h5, h6 { 
color: #000000;
font-family:proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
}
h1{
	text-align: center;
 font-family: proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
 letter-spacing: 2px !important;
 font-size: 40px !important;
 line-height: 42px !important;
 text-transform: uppercase;
}
h2 {
	text-align: center;
	font-family: proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
	line-height: 30px !important;
	text-transform: uppercase;
	letter-spacing: 2px !important;
	font-size: 28px !important;
}
h3 {
	text-align: center;
 font-family: proxregular, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
 letter-spacing: 1px !important;
 font-size: 14px !important;
 line-height: 22px !important;
 text-transform: uppercase;
}
p{ font-size:16px;
 letter-spacing:1px;
 margin-bottom:16px;
}
.no-borders { border: none !important;
}
.no-padding { padding: 0 !important;
}
.no-margin { margin: 0 !important;
}
.no-margin-top { margin-top: 0 !important;
}
.no-margin-bottom { margin-bottom: 0 !important;
}
.no-border-top { border-top: none !important;
}
.no-border-bottom { border-bottom: none !important;
}
.no-padding-top{ padding-top:0 !important;
}
.no-padding-bottom{ padding-bottom:0 !important;
}
.center{ margin: auto !important;
}


#top-header { border:none;
}
#top-header .th-right > nav .menu li { border: none;
}
.header-7 #top-header .th-right{ float:right;
}
.header-7 #top-header .th-left{ display:none;
}
#header .header-container { padding-top:0px;
}
#logo {
background: transparent url('images/logo-black.png') no-repeat;
height:48px !important;
max-height:48px !important;
}

#logo h1 { visibility: hidden;
 } 
#logo a h1{
width: 232px !important;
}
#header-section#header {
padding: 40px 0 30px 0;
}
#header-section {
min-height: 132px !important;
	}
#header {
}
.mobile-search-form{ display:none !important;
}
nav#main-navigation .menu > li > a{ color: #000000;
text-decoration: none;
font: 14px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
nav#main-navigation .menu > li > a span.nav-line {
background-color: #b08536 !important;
height: 3px !important;
max-height: 3px !important;
bottom: 3px !important;
}
#main-navigation{ margin-top:5px;
}
#mobile-menu ul li a, #mobile-menu ul li:hover a {
text-decoration: none;
font: 13px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
#mobile-menu ul{ margin:0;
 padding-left:0;
}
.spb_parallax_asset {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
@media only screen and (max-width: 767px){
.sticky-header{margin-top:40px;
}
.accordian-title {
width: 90%;
position: relative;
display: block;
font: 20px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, 
 sans-serif;
text-align: center;
color: #000;
left:auto;
margin-bottom: 20px;
text-transform: uppercase;
margin: 0 auto;
float: none;
}
.numbering2 {
position: relative;
margin: 0 auto;
font: 80px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: center;
color: #b08536;
top: 10px;
left:auto;
opacity: 1;
display: block;
width: 30%;
}
.alt-bg {
margin-left: -5px!important;
margin-right: -5px!important;
}
}
#logo a.mobile-menu-show {
float: right;
padding: 9px 4px 11px 10px;
font-size: 22px;
width: 42px;
height: 35px;
background:url(images/mobile_nav_icon.png) no-repeat -42px 0;
content:"";
transition:none !important;
margin-top: 5px;
}
#logo a.mobile-menu-show:hover {
background:url(images/mobile_nav_icon.png) no-repeat 0px 0;
transition:none !important;
}
#logo a.mobile-menu-show:before {
	content:"";
}
.ss-rows,.ss-rows:before, .ss-rows.right:after{ content:"";
}
.mobile-menu-close {
padding: 9px 13px 9px 13px;
}
.mobile-menu-close:hover {
padding: 9px 13px 9px 13px;
color: #b08536 !important;
}
.carousel-wrap > a:hover, #mobile-menu ul li:hover > a{
	color: #b08536 !important;
}
#mobile-menu-wrap{ background-color:#0e2334 !important;
}
a.sf-button{ border-radius: 0 !important;
 padding:18px 40px 16px 40px;
 border:1px solid #fff !important;
 min-width:250px;
 margin-top:50px;
}
a.sf-button:hover{ background-color: #fff !important;
}
a.sf-button:hover span{ color: #b08536 !important;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
a.sf-button span{ font-size:16pt !important;
 letter-spacing:3px;
}
a.sf-button.transparent{  border:1px solid #666 !important;
}
a.sf-button.transparent:hover{ background-color: transparent !important;
}
.fa-facebook.sf-icon.sf-icon-medium { font-size:34px !important;
 width: auto;
height: auto;
 color:#0e2334;
 }
.fa-rss.sf-icon.sf-icon-medium { font-size:34px !important;
 width: auto;
height: auto;
  color:#0e2334;
}
.fa-twitter.sf-icon.sf-icon-medium { font-size:34px !important;
 width: auto;
height: auto;
  color:#0e2334;
}
.fa-instagram.sf-icon.sf-icon-medium { font-size:34px !important;
 width: auto;
height: auto;
 color:#0e2334;
 }
.fa-tumblr.sf-icon.sf-icon-medium { font-size:34px !important;
 width: auto;
height: auto;
  color:#0e2334;
}
.sf-icon-cont {
border-color: #0e2334 !important;
border-radius: 0 !important;
padding: 5px !important;
}
.sf-icon-cont:hover, .sf-hover .sf-icon-cont, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont, .sf-hover .sf-icon-box-hr { background: none !important;
 background-color:#b08536 !important;
}
.social_buttons{ text-align:center;
}
.spb_box_text.whitestroke .box-content-wrap {
background-color: transparent !important;
border-color: transparent !important;
}
.sf-icon-cont.cont-medium{ margin: 10px 16px 10px 16px !important;
 }
#copyright nav .menu{ float:none;
 text-align:center;
}
#copyright nav .menu li{ float:none;
 border:none;
}
#footer{ display:none;
}
#copyright{ padding:50px 0 50px 0;
 border-top: 6px solid #b08536 !important;
 background: url(images/footer_pt.gif) #0e2334 repeat-x !important;
}
#copyright .container p{ 
	width: 100%;
	text-align: center;
	padding-top: 20px;
	color:#b08536;
}
#copyright .container p a{ 
	color:#b08536;	
}
#copyright .container p a:hover{ 
	text-decoration: underline;
} 
nav.std-menu .menu li > a { font-weight:bold;
 margin:0 20px;
}
#back-to-top{ border-radius:0;
}
#main-container{ background: #fff;
}
.inner-page-wrap {
margin-top: 30px;
margin-bottom: 60px;
min-height: 500px;
}
input,input[type="password"], textarea, select{ 
	border:1px solid #cccdcc !important;
 background-color:#fff !important;
 color:#000 !important;
 }
div#placeholder{ color:#000 !important;
}
.page_bottom_bg{position:absolute;
 bottom:0;
 background: url(images/page_bottom_bg_pattern.gif) repeat-x;
 background-position:bottom;
 height: 204px;
 width:100%;
}
.relative{ position:relative;
}
.fade-border-left{width:1px;
 position:absolute;
 left:-1px;
 background:url(images/border_gradient.gif) no-repeat;
 background-position:bottom;
 height:100%;
 }
.fade-border-right{width:1px;
 position:absolute;
 right:-1px;
 background:url(images/border_gradient.gif) no-repeat;
 background-position:bottom;
 height:100%;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}
select::-ms-expand {
    display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
#login_box{ text-align:center;
 display:none;
}
#login_box a{ color:#b08536;
 text-transform:uppercase;
font-size: 11px;
letter-spacing: 1px;
 line-height: 40px;
 }
#login_box a:hover{ color:#fff;
 text-decoration: none;
}
.login_button {
width: 90%;
max-width: 260px;
height: 55px;
position: relative;
display: inline-block;
border: 3px solid #000000;
margin: 10px 0 10px 0;
background-color: #000000;
font: 18px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 50px;
font-size: 18px;
}
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=checkbox].css-checkbox {
      position: absolute;
 
    overflow: hidden;
 
    clip: rect(0 0 0 0);
 
    height:1px;
 
    width:1px;
 
    margin:-1px;
 
    padding:0;
    border:0;
}
label.css-label {
    height: auto;
 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
	font:14px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 	color:#000;
	letter-spacing:1px;
	line-height:25px;
	float:left;
	margin:0 5% 5px 5%;
	width:90%;
	text-align:	center;
	text-transform:uppercase;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:32px;
    height:25px;
 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
    cursor:pointer;
	font:14px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 	color:#000;
	letter-spacing:1px;
	line-height:25px;
	float:left;
	text-align:left;
	margin:0;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -25px;
}
.tickbox{background-image:url(images/check.gif);
}
.customer-info3 {
width: 90%;
max-width: 637px;
height: 120px;
border: 1px solid #cccdcc;
font: 14px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, 
 sans-serif;
text-align: left;
display: block;
padding: 10px 10px 10px 20px;
text-transform: uppercase;
margin: 8px auto 50px auto;
color: #525252;
border-radius: 0px;
-webkit-appearance: none;
letter-spacing: 1px;
}
.line_separator {
position: relative;
width: 100%;
height: 1px;
background-color:#cccdcc;
margin-bottom: 60px;
}
.line_separator_thick {
position: absolute;
 height:8px;
 top:0;
 width:120px;
 left:50%;
 margin-left:-60px;
}
.line_separator_thick img{ float:left;
}
.georgia_text{
font-family:Georgia, 'Times New Roman', Times, serif !important;
font-style:italic !important;
text-transform: none !important;
 
letter-spacing:0 !important;
 
font-size:14px !important;
 
margin-top:-30px !important;
}
.grey_bg{background-color: #f6f7f6;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
}
.checkbox_wrap{width: 90%;
max-width: 637px;
height: 25px;
 margin:30px auto 50px auto;
}
.profile_page .inner-page-wrap{ margin-bottom:0;
}
.gold_bg{ background-color:rgba(242, 133, 0, 0.60);
 padding-top:25px;
 padding-bottom:25px;
 border-top:1px solid #e1a35a !important;
}
.gold_bg a.sf-button{ border-color: #222 !important;
 margin:10px 30px 10px 30px;
 color:#fff;
}
.gold_bg a.sf-button:hover{ border-color: #222 !important;
 background-color:#222 !important;
 }
a.sf-button.gold {
background-color: #b08536 !important;
 border: none !important;
}
a.sf-button.gold:hover {
background-color: #fff !important;
 
}
a.sf-button.blue {
background-color: #0e2334 !important;
 border: none !important;
 color: #fff !important;
 margin:10px 30px 10px 30px;
}
a.sf-button.blue:hover {
background-color: #fff !important;
 
}
.area_grey{background-color: #f6f7f6;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
}
.area_gold{ background-color:rgba(163, 106, 0, 0.8);
 padding-top:25px;
 padding-bottom:25px;
 border-top:1px solid #e1a35a !important;
 margin-bottom:0 !important;
 margin-top:0 !important;
 border-bottom:none;
}
img.line{ margin-top:20px;
}
.box_options{
	border:1px solid #e3e3e3;
	float:left;
	width:100%;
	margin-top:-6px;
	position:relative;
}
.box_option{
	margin-bottom:0;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	font-family:proxbold;
	padding:20px;
	min-height:60px;
	font-size:13px;
	border-right:1px solid #e3e3e3;
}
.box_option:hover{
	margin-bottom:0;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	font-family:proxbold;
	padding:20px;
}
.box_option:hover{ background: rgba(176, 133, 54, 0.75);
	-webkit-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	transition:background-color 0.3s ease-out, color 0.3s ease-out;
	color:#fff;
	cursor:pointer;
}
.box_option.selected{ 
	-webkit-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out, color 0.3s ease-out;
	transition:background-color color 0.3s ease-out, 0.3s ease-out;
	background:url(images/tick_small.png) rgba(176, 133, 54, 0.75) no-repeat;
	background-position: 16%;
	color:#fff;
}
@media only screen and (max-width: 991px) {
.box_option.selected{ 
	background: rgba(176, 133, 54, 0.75);
}
}
@media only screen and (max-width: 767px) {
	.box_options{
		max-width:300px !important;
		margin:auto !important;
		float:none !important;
	
	}
	.box_option{
		border-bottom:1px solid #e3e3e3;
		border-right: none;
	}
.box_option.selected{ 
	background:url(images/tick_small.png) rgba(176, 133, 54, 0.75) no-repeat;
	background-position: 16%;
}		
	.profile_sizing_page .box_options_wrapper{ margin:0;
 padding: 40px 0 0 0;
}
	.profile_sizing_page .box_options_label{ text-align:center !important;
 font-size:30px !important;
 }
}

.fw-video-link-image { display: block;}

.tp-bullets.simplebullets.round .bullet { border-radius: 0;}

/* --------------------------------------------
	HOME PAGE
-------------------------------------------- */
.home_page #top-bar, .home_page #top-header {
}
.home_page #header-section:before {
background: transparent;
}
.home_page .header-wrap {
width: 100%;
position: absolute;
left: 0;
z-index: 7;
}
.home_page #header-section, .home_page #header-section:before, .home_page #header .is-sticky .sticky-header, .home_page .is-sticky #header.sticky-header {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: transparent!important;
}
.home_page #header .is-sticky .sticky-header, .home_page .is-sticky #header.sticky-header {
background: transparent;
transition: background 0.5s ease-in-out;
-moz-transition: background 0.5s ease-in-out;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.home_page #logo img {
display: none!important;
}
.home_page #logo {
background: transparent url('images/logo-header.png') no-repeat;
}
.home_page #logo a {
	display:block;
color: #fff;
}
.home_page nav .menu > li a {
color: #fff;
}
.home_page #header .is-sticky .sticky-header.sticky-header-resized, .home_page .is-sticky #header.sticky-header.sticky-header-resized {
background: #fff!important;
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05)!important;
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05)!important;
box-shadow: 0 3px 5px rgba(0,0,0,.05)!important;
}
.home_page .sticky-header-resized #logo img.retina {
display: block!important;
}
.home_page .sticky-header-resized #logo h1 {
color: #222!important;
}
.home_page .sticky-header-resized #logo a {
color: #333;
}
.home_page .sticky-header-resized #logo {
background-image: none;
}
.home_page .sticky-header-resized nav .menu > li a {
color: #252525;
}
.home_page .inner-page-wrap {
padding-top: 0!important;
margin-top: 0px;
}
.home_page #header-section#header {
padding: 20px 0 30px 0;
}
.home_page nav#main-navigation .menu > li > a{ color:#fff;
  padding:15px 0 12px;
}
.home_page #main-navigation{ margin-top:0px;
}
.home_page #logo a.mobile-menu-show {
background:url(images/mobile_nav_icon.png) no-repeat 0 0;
}
.home_page #logo a.mobile-menu-show:hover {
background:url(images/mobile_nav_icon.png) no-repeat -42px 0;
}
.home_page #copyright{  border-top: none !important;
}
.home_page .page_bottom_bg{ display:none;
 position:absolute;
 bottom:0;
 background: url(images/mainpage_bottom_bg_gradient.gif) repeat-x;
 background-position:bottom;
 height: 806px;
 width:100%;
}
.home_page .key-info {
width: 90%;
max-width: 450px;
background-color: transparent !important;
color:#fff !important;
}
.home_page .area1 {
	margin:0;
	border:none;
	padding-top: 220px;
	padding-bottom: 180px;
}
.home_page .area1 .spb_content_wrapper{
	max-width:600px;
	margin: auto;
}
.home_page .area2 {
	margin:0;
	border:none;
	padding-top: 20px;
	padding-bottom: 180px;
}
.home_page .area2 .spb_content_wrapper{
	max-width:700px;
	margin: auto;
}
.home_page .area2 .spb_content_wrapper{
	max-width:700px;
	margin: auto;
}
.home_page .area3{
	margin-top: -160px;
}
.home_page .fullscreen-container{ 
	height:520px !important;
}
.home_page .slider-wrap{ 
	margin-bottom: 0 !important;
}
.home_page .spb_slider_widget{ 
	margin-bottom: 0 !important;
}
/*This hides the main menu item 'get started'*/
.home_page .menu_get_started{ display: none !important;
}




/* --------------------------------------------
	PRICING 
-------------------------------------------- */
.pricing_page .inner-page-wrap {
margin-top: 0px;
}
.pricing_page  .area3 p{max-width: 550px;
 margin: auto;
 margin-bottom: 10px;
 }
.pricing_page  .area5 p{max-width: 550px;
 margin: auto;
 margin-bottom: 10px;
 }
.pricing_page  .area7 { margin-bottom: 0 !important;
}
.pricing_page  .area7 p{max-width: 550px;
 margin: auto;
 margin-bottom: 10px;
}




/* --------------------------------------------
	HOW IT WORKS
-------------------------------------------- */
.how_it_works_page .area1 {
	margin-top: 0 !important;
	padding-top: 120px;
	padding-bottom: 120px;
}
.how_it_works_page .area1 .spb_content_wrapper{
	max-width:600px;
	margin: auto;
}
.how_it_works_page  .area2_right p img.line{ margin-top:30px ;
 }
.how_it_works_page  .area2_right p img.line{ margin-top:30px ;
 }
 .how_it_works_page  .area3 { padding:50px 0 20px 0;
 }
 .how_it_works_page  .area3_right { height: 460px; 
 position: relative; 
 }
 .how_it_works_page  .area3_right .order_a_box_wrapper{ position: absolute;
 height: auto; 
 width: 947px; 
 display: block;
 left: -306px;
 top:0;
 }
 .how_it_works_page  .area3_right .georgia_text1{ position: absolute;
 height: auto; 
width: 190px;
left: 380px;
top: 60px;
text-align: right;
 }
.how_it_works_page  .area3_right .georgia_text2{ position: absolute;
height: auto;
width: 230px;
right: 0px;
top: 280px;
text-align: left;
 }
.how_it_works_page  .area3_right .georgia_text3{ position: absolute;
height: auto;
width: 300px;
right: 110px;
top: 411px;
text-align: left;
 }
 .how_it_works_page  .area4_right p img.line{ margin-top:30px ;
 }
.how_it_works_page .area5{ padding-top:50px !important;
 padding-bottom:20px !important;
 }
.how_it_works_page .area5 .spb_content_wrapper{ max-width: 500px;
 }
.how_it_works_page .area6{ padding-top:50px !important;
 padding-bottom:50px !important;
 }
.how_it_works_page .area6 p{max-width: 550px;
 margin: auto;
 }
	
.how_it_works_page .inner-page-wrap{
	margin-top: 0 !important;
 margin-bottom:0 !important;
}
.how_it_works_page .area_gold{ margin-top:40px !important;
 }
.how_it_works_page p img.line{ margin-top:0px;
 }
.how_it_works_page .fullscreen-container{ 
	height:470px !important;
}
.how_it_works_page .slider-wrap{ 
	margin-bottom: 20px !important;
}
.how_it_works_page .spb_slider_widget{ 
	margin-bottom: 0 !important;
}
.how_it_works_page .slider-wrap .fw-video-link-image img {
	visibility: hidden !important; }

@media only screen and (max-width: 991px) {
  .how_it_works_page  .area3_right { height: 364px; 
 }
 .how_it_works_page  .area3_right .order_a_box_wrapper{ position: absolute;
 height: auto; 
 width: 750px; 
 left:-248px;
 }
} 
@media only screen and (max-width: 767px) {
	.how_it_works_page p{ text-align: center !important;
  }
	.how_it_works_page h2{ text-align: center !important;
  }
	.how_it_works_page .area5 .spb_content_wrapper{ margin: auto !important;
}
	.how_it_works_page img.line{ margin-top:0 !important;
text-align:center;
}

} 




/* --------------------------------------------
	PROFILE DETAILS
-------------------------------------------- */
.profile_details_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.profile_details_page h2{ margin-top: 20px !important;
}




/* --------------------------------------------
	PROFILE STYLE
-------------------------------------------- */
.profile_style_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.profile_style_page h2{ margin-top: 20px !important;
}
.profile_style_page .area1 .row{ margin-left:-30px;
 margin-right:-30px;
}
.profile_style_page .area1 .row .col-sm-6{ padding:0 ;
margin-bottom:0 ;
}
.profile_style_page .area1 .row .col-sm-6{ float:left;
}
.profile_style_page .area1 .row .col-sm-6 .left{ float:left;
}
.profile_style_page .area1 .row .col-sm-6 .right{ float:right !important;
}
.profile_style_page .area1 .row{ margin-left:-30px;
 margin-right:-30px;
}
.profile_style_page .area1 .row .col-sm-6{ padding:0 ;
margin-bottom:0 ;
}
.profile_style_page .area1 .row .col-sm-6 .left{ float:left;
}
.profile_style_page .area1 .row .grid_box{ position:relative;
}
.profile_style_page .area1 .row .grid_box_overlay{height:100%;
width:100%;
position:absolute;
top:0;
background-color:transparent;
z-index:10;
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:none;
}
.profile_style_page .area1 .row .grid_box_overlay:hover{ background: rgba(176, 133, 54, 0.75);
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	cursor:pointer;
}
.profile_style_page .area1 .row .grid_box_overlay.selected{ 
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:url(images/tick.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
.profile_style_page .box_options_label {
	text-align:center;
	font-family:proxbold;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	padding-top:15px;
	padding-bottom:20px;
}
.profile_style_page .box_options_wrapper{
	padding: 40px 20px 50px 20px;
	margin: -30px -20px 30px -20px;
}
@media only screen and (max-width: 767px) {
	.profile_style_page .area1 .row{ margin-left:0px;
 margin-right:0px;
}
}
.profile_style_page .area2 .row{ 
	margin-left:-30px;
	margin-right:-31px;
}
.profile_style_page .area2 .row .col-sm-6{
	padding:0 ;
	margin-bottom:0 ;
	float:left;
}
.profile_style_page .area2 .row .col-sm-6 .left{ 
	float:left;
}
.profile_style_page .area2 .row .col-sm-6 .right{ 
	float:right !important;
}
.profile_style_page .area2 .row .grid_box{ 
	position:relative;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
.profile_style_page .area2 .row .grid_box_overlay{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	background-color:transparent;
	z-index:10;
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:none;
}
.profile_style_page .area2 .row .grid_box_overlay:hover{ background: rgba(176, 133, 54, 0.75);
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	cursor:pointer;
}
.profile_style_page .area2 .row .grid_box_overlay.selected{ 
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:url(images/tick.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
@media only screen and (max-width: 767px) {
	.profile_style_page .area2 .row{ margin-left:0px;
 margin-right:0px;
}
	.profile_style_page .area2 .row .grid_box{ position:relative;
border:none;
}
} 
.profile_style_page .row .col-sm-11{
	margin: auto;
	float: none;
	clear:both;
}
.profile_style_page .option_image{ 
	position:relative;
}
.profile_style_page .option_image_label{ 
	position:absolute;
 
	left:15px;
 
	right:15px;
	bottom:30px;
	color:#fff;
	text-align:center;
	font-family:proxbold;
	font-size:18px;
	letter-spacing: 1px;
	text-transform:uppercase;
	z-index: 11;
}
.profile_style_page .area7 .option_image_overlay.selected{ 
	background:url(images/tick_medium.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
.profile_style_page .area7 .option_image_label{ 
	font-size:12px;
}
.profile_style_page .area9 .option_image_label,.profile_style_page .area10 .option_image_label{ 
	color:#000;
}
.profile_style_page .option_image_overlay{
	height:100%;
	position:absolute;
	top:0;
	left:15px;
	right:15px;
	background-color:transparent;
	z-index:10;
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:none;
}
.profile_style_page .option_image_overlay:hover{ background: rgba(176, 133, 54, 0.75);
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	cursor:pointer;
}
.profile_style_page .option_image_overlay:hover>.option_image_label{
	bottom: 20%;
	color: #000;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	cursor:pointer;
}
.profile_style_page .option_image_overlay.selected>.option_image_label{
	bottom: 20%;
	color: #fff;
	cursor:pointer;
}
.profile_style_page .option_image_overlay.selected{ 
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:url(images/tick.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
@media only screen and (max-width: 767px) {
.profile_style_page .option_image_label{ 
	font-size:14px !important;
}
.profile_style_page .option_image_overlay.selected>.option_image_label{ 
	font-size:14px !important;
	display:none !important;
}
.profile_style_page .option_image_overlay.selected{ 
	background:url(images/tick_medium.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
.profile_style_page .title-forms .row{ 
	margin-left:0;
	margin-right:0;
}
} 




/* --------------------------------------------
	PROFILE PREFERENCES
-------------------------------------------- */
.profile_preferences_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.profile_preferences_page h2{ margin-top: 20px !important;
}
.profile_preferences_page .area1 .row{ margin-left:-30px;
 margin-right:-30px;
}
.profile_preferences_page .area1 .row .col-sm-6{ padding:0 ;
margin-bottom:0 ;
}
.profile_preferences_page .area1 .row .col-sm-6{ float:left;
}
.profile_preferences_page .area1 .row .col-sm-6 .left{ float:left;
}
.profile_preferences_page .area1 .row .col-sm-6 .right{ float:right !important;
}
.profile_preferences_page .area1 .row{ margin-left:-30px;
 margin-right:-30px;
}
.profile_preferences_page .area1 .row .col-sm-6{ padding:0 ;
margin-bottom:0 ;
}
.profile_preferences_page .area1 .row .col-sm-6 .left{ float:left;
}
.profile_preferences_page .area1 .row .grid_box{ position:relative;
}
.profile_preferences_page .area1 .row .grid_box_overlay{height:100%;
width:100%;
position:absolute;
top:0;
background-color:transparent;
z-index:10;
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:none;
}
.profile_preferences_page .area1 .row .grid_box_overlay:hover{ background: rgba(176, 133, 54, 0.75);
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	cursor:pointer;
}
.profile_preferences_page .area1 .row .grid_box_overlay.selected{ 
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:url(images/tick.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
.profile_preferences_page .box_options_label {
	text-align:center;
	font-family:proxbold;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	padding-top:15px;
	padding-bottom:20px;
}
.profile_preferences_page .box_options_wrapper{
	padding: 40px 20px 50px 20px;
	margin: -30px -20px 30px -20px;
}
@media only screen and (max-width: 767px) {
	.profile_preferences_page .area1 .row{ margin-left:0px;
 margin-right:0px;
}
}
.profile_preferences_page .area2 .row{ 
	margin-left:-30px;
	margin-right:-31px;
}
.profile_preferences_page .area2 .row .col-sm-6{
	padding:0 ;
	margin-bottom:0 ;
	float:left;
}
.profile_preferences_page .area2 .row .col-sm-6 .left{ 
	float:left;
}
.profile_preferences_page .area2 .row .col-sm-6 .right{ 
	float:right !important;
}
.profile_preferences_page .area2 .row .grid_box{ 
	position:relative;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
.profile_preferences_page .area2 .row .grid_box_overlay{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	background-color:transparent;
	z-index:10;
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:none;
}
.profile_preferences_page .area2 .row .grid_box_overlay:hover{ background: rgba(176, 133, 54, 0.75);
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	cursor:pointer;
}
.profile_preferences_page .area2 .row .grid_box_overlay.selected{ 
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:url(images/tick.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
@media only screen and (max-width: 767px) {
	.profile_preferences_page .area2 .row{ margin-left:0px;
 margin-right:0px;
}
	.profile_preferences_page .area2 .row .grid_box{ position:relative;
border:none;
}
} 
.profile_preferences_page .row .col-sm-11{
	margin: auto;
	float: none;
	clear:both;
}
.profile_preferences_page .option_image{ 
	position:relative;
}
.profile_preferences_page .option_image_label{ 
	position:absolute;
 
	left:15px;
 
	right:15px;
	bottom:30px;
	color:#fff;
	text-align:center;
	font-family:proxbold;
	font-size:18px;
	letter-spacing: 1px;
	text-transform:uppercase;
	z-index: 11;
}
.profile_preferences_page .area7 .option_image_overlay.selected{ 
	background:url(images/tick_medium.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
.profile_preferences_page .area7 .option_image_label{ 
	font-size:12px;
}
.profile_preferences_page .area9 .option_image_label,.profile_preferences_page .area10 .option_image_label{ 
	color:#000;
}
.profile_preferences_page .option_image_overlay{
	height:100%;
	position:absolute;
	top:0;
	left:15px;
	right:15px;
	background-color:transparent;
	z-index:10;
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:none;
}
.profile_preferences_page .option_image_overlay:hover{ background: rgba(176, 133, 54, 0.75);
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	cursor:pointer;
}
.profile_preferences_page .option_image_overlay:hover>.option_image_label{
	bottom: 20%;
	color: #fff;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	cursor:pointer;
}
.profile_preferences_page .option_image_overlay.selected>.option_image_label{
	bottom: 20%;
	color: #fff;
	cursor:pointer;
}
.profile_preferences_page .option_image_overlay.selected{ 
	-webkit-transition:background-color 0.3s ease-out;
	-moz-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	-ms-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
	background:url(images/tick.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
@media only screen and (max-width: 767px) {
.profile_preferences_page .option_image_label{ 
	font-size:14px !important;
}
.profile_preferences_page .option_image_overlay.selected>.option_image_label{ 
	font-size:14px !important;
	display:none !important;
}
.profile_preferences_page .option_image_overlay.selected{ 
	background:url(images/tick_medium.png) rgba(176, 133, 54, 0.75) center no-repeat;
}
.profile_preferences_page .title-forms .row{ 
	margin-left:0;
	margin-right:0;
}
} 




/* --------------------------------------------
	PROFILE SIZING
-------------------------------------------- */
.profile_sizing_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.profile_sizing_page h2{ margin-top: 20px !important;
}
.profile_sizing_page .box_options_wrapper{
	border-top:1px solid #e3e3e3;
 
	padding: 40px 20px 40px 20px;
	margin: -30px -30px 30px -30px;
}
.profile_sizing_page .box_options_label {
	text-align:right;
	font-family:proxbold;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	padding-right:25px;
	padding-top:15px;
}




/* --------------------------------------------
	PROFILE PRICE
-------------------------------------------- */
.profile_pricing_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.profile_pricing_page h2{ margin-top: 20px !important;
}
.promo_code_wrapper{
	float:none;
	margin:auto;
 
	background: url(images/promo_code_bg.png) repeat-x;
 
	min-height:166px;
}
.promo_code{	
	width: 90%;
	max-width: 445px;
	height: 55px;
	border: 1px solid #cccdcc;
	font: 14px proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, 
	sans-serif;
	text-align: left;
	display: block;
	padding: 10px 10px 10px 20px !important;
	margin: 50px auto 8px auto;
	color: #525252;
	border-radius: 0px;
	-webkit-appearance: none;
	
	background: url(images/arrow-down.png) 95% center no-repeat;
	letter-spacing: 1px;
	text-transform: uppercase;
}




/* --------------------------------------------
	PROFILE DELIVERY
-------------------------------------------- */
.profile_delivery_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.profile_delivery_page h2{ margin-top: 20px !important;
}
.profile_delivery_page .styles-block{ margin-top: 50px;
 border-top:1px solid #e3e3e3;
}



/* --------------------------------------------
	LOGIN 
-------------------------------------------- */
.login_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.login_page h2{ margin-top: 50px !important;
}
.login_page .styles-block{ margin-top: 50px;
 border-top:1px solid #e3e3e3;
 float: left;
}
.login_page .login_wrapper{ 
}
.login_page .key-info{ clear:both;
	display: block;
	margin:0 auto;
	float: none;
	margin-bottom: 20px;
}
.login_page .button4{ clear:both;
	display: block;
	margin:0 auto;
	float: none;
	margin-bottom: 50px;
	margin-top: 100px;
	max-width: 250px;
}
.login_page .lost_password{ clear:both;
	display: block;
	text-align: center;
}
.login_page .georgia_text{ font-size: 22px !important;
	display:block;
	height:40px; 
	width:100%;  
	padding:0; 
	float:left !important; 
	text-align:center; 
	margin: 90px 0 20px 0 !important;
}
@media only screen and (max-width: 767px) {

}



/* --------------------------------------------
	PROFILE AUTHORIZE
-------------------------------------------- */
.profile_authorize_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.profile_authorize_page h2{ margin-top: 20px !important;
}
.profile_authorize_page .styles-block{ margin-top: 50px;
 border-top:1px solid #e3e3e3;
}
.profile_authorize_page .payment_info_wrapper{ float: left !important;
 padding-top: 80px;
 padding-bottom: 50px;
 margin: auto;
 margin-bottom:80px;
}
.profile_authorize_page .payment_info img{background: url(images/payment_dot.png) no-repeat;
	background-position:right;
}
.profile_authorize_page .payment_info h3{font-family:proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
}
@media only screen and (max-width: 767px) {
.profile_authorize_page .payment_info img{background:none !important;
 }
.profile_authorize_page .payment_info {padding-bottom:40px;
text-align:center;
background: url(images/payment_dot.png) no-repeat;
 background-position: center bottom;
 }
}




/* --------------------------------------------
	GIFT CARD
-------------------------------------------- */
.gift_card_page #main-container{ background: url(images/top-banner-section.png) no-repeat center 0px #fff;
}
.gift_card_page .styles-block{ margin-top: 50px;
 border-top:1px solid #e3e3e3;
}
.gift_card_page h2{ margin-top: 50px !important;
}
.gift_card_page h3{font-family:proxbold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
 font-size: 18px !important;
}
.gift_card_page .gift_card_wrapper{ 
	float: left !important;
	padding-top: 80px;
 
	padding-bottom: 0px;
 
	margin: auto;
	margin-bottom:80px;
	position: relative;
	border-top: 1px solid #e3e3e3;
}
.gift_card_page .gift_card_wrapper h2{ margin-top: 0px !important;
}
.gift_card_page .georgia_text{ font-size: 18px !important;
 padding-top: 50px;
 padding-bottom: 30px;
 text-align: center;
}
@media only screen and (min-width: 1200px) {
	.row .alt-bg{ margin-left: -270px !important;
 padding-right: 270px !important;
 padding-left: 270px !important;
}
}
@media only screen and (min-width: 1500px) {
	.row .alt-bg{ margin-left: -550px !important;
 padding-right: 550px !important;
 padding-left: 550px !important;
}
}
@media only screen and (max-width: 767px) {
.title-forms{
	padding:0;
}
}



@media only screen and (min-width: 1200px) {
	.container {width: 980px;
}
}
@media only screen and (max-width: 991px) {
#logo {
width: 90% !important;
margin: 0 5%;
}
#copyright nav .menu {
 margin-top: 0 !important;
}
.details-menu li span{
	width:100%;
	border-right:none;
}

#logo {
padding: 0 15px;
left: 0;
height: auto;
position: relative;
width: 90% !important;
max-width: none !important;
}
}