/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Fonts ------------------------------------
	     02. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	     03. Nav --------------------------------------
	     04. Location ---------------------------------
	     05. Map --------------------------------------
	     06. Section Careers --------------------------
	     07. Staging A --------------------------------
	     08. Search -----------------------------------
	     09. Section Locations ------------------------
	     10. Search New -------------------------------
 */

.locations .locations-body:after,
.form-map:after { content: ''; line-height: 0; display: table; clear: both;
}
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
	font-family: "MagdaReg";
	src: url("fonts/Magda_400_normal_1491213485.eot");
	src: url("fonts/Magda_400_normal_1491213485.eot?#iefix") format("embedded-opentype"),
		url("fonts/Magda_400_normal_1491213485.svg#MagdaReg") format("svg"),
		url("fonts/Magda_400_normal_1491213485.woff") format("woff"),
		url("fonts/Magda_400_normal_1491213485.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Bell Gothic Std";
	src: url("fonts/BellGothic_400_normal_1491219081.eot");
	src: url("fonts/BellGothic_400_normal_1491219081.eot?#iefix") format("embedded-opentype"),
		url("fonts/BellGothic_400_normal_1491219081.svg#Bell Gothic Std") format("svg"),
		url("fonts/BellGothic_400_normal_1491219081.woff") format("woff"),
		url("fonts/BellGothic_400_normal_1491219081.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
    font-family: 'Bell Gothic Std';
    src: url('fonts/bellgothicstd-black-webfont.eot');
    src: url('fonts/bellgothicstd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bellgothicstd-black-webfont.woff') format('woff'),
         url('fonts/bellgothicstd-black-webfont.ttf') format('truetype'),
         url('fonts/bellgothicstd-black-webfont.svg#bellgothicstdblack') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Bell Gothic Std';
    src: url('fonts/bellgotchicstdbold-webfont.eot');
    src: url('fonts/bellgotchicstdbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bellgotchicstdbold-webfont.woff') format('woff'),
         url('fonts/bellgotchicstdbold-webfont.ttf') format('truetype'),
         url('fonts/bellgotchicstdbold-webfont.svg#bellgotchicstdbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Magda';
    src: url('fonts/magda-light.eot');
    src: url('fonts/magda-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/magda-light.woff') format('woff'),
         url('fonts/magda-light.ttf') format('truetype'),
         url('fonts/magda-light.svg#Magda') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helveticaneueltstd-ltcn-webfont.eot');
    src: url('fonts/helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-ltcn-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStd47LtCn') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Magda";
    src: url("fonts/MagdaPro_400_normal_1447935989.eot");
    src: url("fonts/MagdaPro_400_normal_1447935989.eot?#iefix") format("embedded-opentype"),
        url("fonts/MagdaPro_400_normal_1447935989.svg#MagdaPro") format("svg"),
        url("fonts/MagdaPro_400_normal_1447935989.woff") format("woff"),
        url("fonts/MagdaPro_400_normal_1447935989.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
/*.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }*/
/*.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }*/
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
@media( min-width: 1023px){
	.tablet-visible { display: none !important; }
}
/*  Grid  */
/*.cols { margin: 0 -15px; }
.cols:after { @extend clearfix; }

.col { float: left; width: 100%; padding: 0 15px; }

.col-1of2 { width: 50%; }*/
/*  Responsive Helpers  */
/*.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: $responsive-xs) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: calc($responsive-xs + 1px)) and (max-width: $responsive-sm) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: calc($responsive-sm + 1px)) and (max-width: $responsive-md) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: calc($responsive-md + 1px)) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}*/
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
@media (max-width: 1400px) {
	.nav { left:200px; margin-left:0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
	.nav > ul > li ~ li { margin-left:20px; }
}
@media (max-width: 1200px) {
	.nav { max-width: 500px; }
	.nav > ul > li,
	.nav > ul > li ~ li { margin-left:0; margin-right:20px; }
}
@media (max-width: 1023px) {
	.nav { -webkit-transform: none; -ms-transform: none; transform: none; }
}
.header-actions { width: 280px; }
.header-actions .login { position: relative; }
.nav-lang li { width: 213px; position: relative; }

.nav-lang .currency { position: absolute; top:0; right:0; line-height:32px; width: 84px; z-index: 999; pointer-events: none; background:#fff; }
.nav-lang .userRegionSelect { opacity: 0; display:none; }
.nav-lang .selectize-control.single .selectize-input { color: red; }
.nav-lang .fs-dropdown-selected { max-width: 130px; padding-right:10px; overflow:hidden; display:inline-block; text-overflow: ellipsis; white-space: nowrap; }
.popover-bag {background:#fff;padding: 14px;visibility: hidden;opacity: 0;transition: all .3s;position: absolute;font-family: 'Magda', sans-serif;font-size: 13px;font-weight: bolder;text-align: left;line-height: 1.3;margin-top: 38px; z-index: 999;}
.popover-bag.open { visibility: visible; opacity: 1; }
.popover-bag .popover-title {text-transform: uppercase;font-family: 'Bell Gothic Std','Arial', 'Helvetica', sans-serif;}
.popover-bag .popover-head { padding-bottom:15px; }
.popover-bag .popover-content { margin-bottom:20px; }
.popover-bag .popover-btn, .popover-btn-cancel {display:block;background:#595959;text-decoration: none;text-transform: uppercase;color: #fff;padding: 15px 10px;text-align:center;margin-top:10px;font-family: 'Bell Gothic Std','Arial', 'Helvetica', sans-serif;font-weight: 100;}
.popover-bag-footer {background:#fff;padding: 14px;visibility: hidden;opacity: 0;transition: all .3s;position: absolute;font-family: 'Magda', sans-serif;font-size: 13px;font-weight: bolder;text-align: left;line-height: 1.3;margin-top: 38px; z-index: 999; bottom: 100%;}
.popover-bag-footer.open { visibility: visible; opacity: 1; width: 200px; height: 233px; }
.popover-bag-footer .popover-title-footer {text-transform: uppercase;font-family: 'Bell Gothic Std','Arial', 'Helvetica', sans-serif;}
.popover-bag-footer .popover-head-footer { padding-bottom:15px; }
.popover-bag-footer .popover-content-footer { margin-bottom:20px; }
.popover-bag-footer .popover-btn-footer, .popover-btn-cancel-footer {display:block;background:#595959;text-decoration: none;text-transform: uppercase;color: #fff !important;padding: 15px 10px;text-align:center;margin-top:10px;font-family: 'Bell Gothic Std','Arial', 'Helvetica', sans-serif !important;font-weight: 100;}
@media (max-width: 1023px) {
	.popover-bag { color: #000; width: 197px; bottom:100%; z-index: 2; }
}
.filter .search { width: 410px; }
.modal-pdp { position: fixed; top:0; left:0; width: 100%; min-height:100vh; background: rgba(0,0,0, .5); z-index: 99999; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 13px; overflow: auto; visibility: hidden; opacity: 0; transition: all .3s; }
.modal-pdp.open { visibility: visible; opacity: 1; }
.modal-pdp .modal-content { background:#f7f7f5; max-width: 1120px; position: relative; }
.modal-pdp .modal-head { border-bottom:1px solid #e9e9e9; padding: 20px; position: relative; }
.modal-pdp .modal-body { padding: 0 0 0 20px; }
.modal-pdp .modal-title { text-transform: uppercase; }
.modal-pdp .product-image { margin-bottom:0; }
.modal-pdp .form-product-alt .form-actions { text-align:center; }
.modal-pdp .form-product-alt .form-actions a { display: inline-block; text-decoration: underline; font-weight:400; font-family: arial, serif; }
.modal-pdp .product-items-primary { top:20px; }
.modal-pdp .modal-dismis  { position: absolute; top:25px; right: 15px; color: #000;font-family: 'Magda', serif; }
@media (max-width: 1023px) {
	.modal-pdp .modal-body { padding: 0; }
	.modal-pdp .section-product-primary { padding: 0; } 
	.modal-pdp .product-image { border-left:0; }
	.modal-pdp .product-single-side { padding-top:20px; }
}
@media (max-width: 767px) {
	.modal-pdp { padding: 0; display:block; position: absolute; }
	.modal-pdp .form-product-alt .form-actions { padding: 0; }
}
.form-mini-cart,
.mini-cart { width: 410px; }
@media (max-width: 767px) {
	.form-mini-cart, 
	.mini-cart { width: 100%; }
}

@media (min-width: 1024px) {
        .nav-lang li:last-child { width: 66px; }
}

/* ------------------------------------------------------------ *\
	Location
\* ------------------------------------------------------------ */
.location { display: inline-block; width: 50%; padding: 0 12px; border:0; }
.location .location-image { float:none; width: auto; }
.location ~ .location { border-top: 0; margin-top: 0; }
.location .location-content { padding: 30px 0 50px 0; width: 100%; line-height:1.4; }
.location .location-content h3 { min-height: 40px; font-size:18px; margin-bottom:20px; line-height:1.2; }
.locations .locations-head { border-bottom:0; padding: 24px 20px 18px 20px; min-height: 0; }
.locations .locations-body { padding: 0 8px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.locations .locations-body:after { }
.section-locations .section-content { margin-bottom:0; padding-bottom:0; border-bottom:1px solid #e5e5e5; }
.section-locations .section-content--alt { padding-bottom:50px; }
.section-locations .section-content:last-child { border-bottom:0; }
.section-locations .section-content { max-width: 100% !important; margin: 0 !important; }
/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */
#map { padding-bottom:443px; }
.form-map:after { }
.form-map .form-row { float:left; width: 50%; padding: 0 1px; }
.form-map .form-row + .form-row { margin-top:0; }
@media (max-width: 767px) {
	.form-map .form-row { float:none; width: auto; }
}
.map-sidebar { width: 224px; padding: 25px; color: #333; float:right; max-height: 443px; overflow-y: scroll; }
.map-sidebar h3 { text-transform: uppercase; }
.list-locations li { margin-bottom:28px; }
.list-locations a { text-decoration: none; font-family: 'Magda', serif; font-weight:700; letter-spacing: -0.05em; }
.list-locations a:hover { text-decoration: underline; }
.list-locations h4 { font-family: 'Bell Gothic Std', serif; margin: 0; text-transform: uppercase; margin-bottom:9px; color: #333; }
@media (max-width: 767px) {
	.map-container { display:none; }

	.location { width: auto; float:none; }
}
/* ------------------------------------------------------------ *\
	Section Careers
\* ------------------------------------------------------------ */
.section-careers { padding-bottom:80px; margin: 0 15px; }
.section-careers .section-head { padding: 21px 20px 21px 20px; border: 2px solid #e9e9e9; border-bottom:0; border-top:0; }
.section-careers .section-head--primary { border-bottom:2px solid #e9e9e9; padding-top:82px; }
.section-careers .section-head p { font-family: 'Magda', serif; font-weight:700; margin-bottom:25px; }
.section-careers .section-title { text-transform: uppercase; margin-bottom:20px; font-size:18px; }
.section-careers .section-title:last-child { margin-bottom:0; }
.section-careers .section-content { border: 2px solid #e9e9e9; }
.section-careers .section-content:last-child { border-bottom:0; }
.section-careers .section-content--alt { border-top:0; border-bottom:0; }
.section-careers .form-map { margin: 0 -21px -22px -21px; padding-bottom:90px; border-bottom:2px solid #e9e9e9; }
@media (max-width: 767px) {
	.section-careers { margin: 0; }
	.section-careers .form-map { padding-bottom:50px; margin: 0 -12px -12px -12px; }
	.section-careers .section-head { padding: 12px; }
}
.list-positions { padding-bottom:70px; }
.list-positions li { overflow: hidden; background:#fff; padding: 20px; border-bottom:2px solid #e9e9e9; }
.list-positions h4 { text-transform: uppercase; font-family: 'Bell Gothic Std', serif; color: #333; text-transform: uppercase; float:left; margin: 0; }
.list-positions h4 small { display:block; font-family: 'Magda', serif; font-weight:700; text-transform: capitalize; }
.list-positions a { float:right; font-family: 'Helvetica', serif; font-weight:400; }
.list-positions a:hover { text-decoration: underline; }
@media (max-width: 767px) {
	.list-positions li { padding: 12px; }
	.list-positions h4 { max-width: 76%; font-size:13px; }
}
/* ------------------------------------------------------------ *\
	Staging A
\* ------------------------------------------------------------ */
.section-gallery { padding-bottom:167px; }
.list-gallery { overflow: hidden; margin: 0 -7px; }
.list-gallery li { float:left; width: 25%; padding: 0 7px; }
.list-gallery img { display:block; width: 100%; }
.banner-media { position: relative; }
.banner-media img { display:block; width: 100%; }
.banner-media .banner-title { margin-bottom:10px; font-size:25px; letter-spacing: 0.01em; }
.banner-media .banner-inner { position: relative; z-index: 1; padding: 120px 0 132px 0; text-align:left; color: #fff; }
.banner-media .banner-title { color: #fff; text-transform: uppercase; font-family: 'Bell Gothic Std', serif; }
.banner-media .banner-video { position: absolute; top:0; left:0; width: 100%; height:100%; overflow: hidden; }
.banner-media .banner-body { max-width: 400px; line-height:1.5; }
.banner-media .banner-body p { font-family: 'Magda', serif; font-weight:700; letter-spacing: 0.05em; }
.section-confirmation .section-head { border-bottom:1px solid #e4e6e5; text-align:center; padding: 55px 0; font-family: 'Magda', serif; font-weight:700; }
.section-confirmation .section-head a { text-decoration: underline; }
.section-confirmation .section-title { text-transform: uppercase; font-family: 'Bell Gothic Std', serif; margin-bottom:10px; letter-spacing: -0.04em; }
.section-confirmation .section-head p { line-height:1.5; letter-spacing: 0.03em; }
.section-confirmation .section-head-inner { padding: 0 30px; }
.section-confirmation .form-checkout { border-left:1px solid #e4e6e5; border-right:1px solid #e4e6e5; padding: 0 0 44px 0; }
.section-confirmation .form-checkout .form-head { padding: 30px 18px 15px 18px; }
.section-confirmation .form-checkout .form-title { text-transform: uppercase; font-size:18px; letter-spacing: -0.01em; }
.section-confirmation .form-checkout .order-actions { padding: 0; }
.section-confirmation .form-checkout .form-body { padding: 30px 18px 15px 18px; border-top:1px solid #e4e6e5; font-family: 'Magda', serif; font-weight:700; }
.shell.shell-alt { max-width: 440px; padding: 0; }
.section-gallery .section-title { text-transform: uppercase; margin-bottom:34px; }
@media (min-width: 768px) {
	.section-confirmation { margin-bottom:118px; }
}
/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */
.search-primary .search-trigger { position: absolute; top:0; right:0; height:100%; border:0; background:transparent; width: 63px; text-align:center; }
.search-primary .search-field { max-width: 0; transition: all .5s; margin-left:auto; display:block; }
.search-primary .search-btn { opacity: 0; transition: all .5s; }
.search-primary.open .search-btn { opacity: 1; }
.search-primary.open .search-field { opacity: 1; max-width: 2000px; }
/* ------------------------------------------------------------ *\
	Section Locations
\* ------------------------------------------------------------ */
.section-locations .section-title {text-transform: uppercase;font-size:18px;border-bottom: 0;padding: 24px 20px 18px 20px;min-height: 0;}
.section-locations .locations-head h3 { font-size:18px; }
@media (max-width: 767px) {
	.section-locations .section-head { padding-top:0; }
}
/* ------------------------------------------------------------ *\
	Search New
\* ------------------------------------------------------------ */
.search-new { position: absolute; top:0; right:0; left:100%; height:100%; background:#fff; z-index: 2; text-align:right; transition: all .3s; }
.search-new .search-new-field { width: 0; border:0; padding: 10px 0 10px 0; 
	transition: all .3s; 
}
.search-new .search-new-btn { position: absolute; top:5px; right:0; height:36px; border:0; width: 30px; background:transparent; }
.search-new.open { left:0; }
.search-new.open .search-new-field { width: 100%; padding: 10px 40px 10px 10px; }
.showcountry { float: left; height: 100%; overflow: hidden; text-align: left;}
.footer-user-country .showcountry {float: none;}
/* ------------------------------------------------------------ *\
    Search Inline
\* ------------------------------------------------------------ */

.search-inline { padding-left: 0; background: #fff; }
.search-inline form { width: 100%; max-width: 350px; margin: 0 auto; position: relative; }
.search-inline .search-field { font-size: 14px; padding-left: 30px; height: 60px; }
.search-inline .search-btn { left: 5px; }

/* ------------------------------------------------------------ *\
    Search New
\* ------------------------------------------------------------ */

@media(min-width: 1023px){
    
    .search-new { position: relative; top: 0; right: auto; left: auto; bottom: auto; height: 42px; padding-left: 20px; width: calc(100% - 379px); max-width: 1240px; transform: none; overflow: hidden; }
    .search-new .search-new-field { width: 100%; padding:15px 0px 0px 20px; display: block; appearance: none; }
    .search-new .search-new-btn { right: auto; left: 0; top: 0; height: 41px; }
    .search-new.open { left: auto; }
    .search-new.open .search-new-field { padding:0 10px; }
}

@media(min-width: 1200px){
    .search-new {padding-left: 38px;}

    .search-new .search-new-btn { left: 13px; }
}
/* ------------------------------------------------------------ *\
    Nav Lang
\* ------------------------------------------------------------ */


@media (min-width: 1023px){
    .nav-lang { border: 1px solid #ebebeb; border-right: none; border-top: none; }

    .nav-lang .currency,
    .nav-lang .region_display { line-height: 40px; text-align: center; }

    .nav-lang .region_display { display: block; text-align: left; }
    .nav-lang .region_display a { display: block; }

    .nav-lang .fs-dropdown-selected { max-width: 100%; }

    .nav-lang li { width: 204px; }
    .nav-lang li:last-child { width: 66px; }
}

@media( min-width: 1200px){
    .nav-lang li { width: 220px; }
    .nav-lang li:last-child { width: 93px; }
}
/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */


@media(min-width: 1024px){
    .header .header-inner { width:calc( 100% - 207px ); text-align: right; border-left: 1px solid #ebebeb; }
    .header .shopping-bag { width: 125px; }
    .header .search-new { float: left; border-bottom: 1px solid #ebebeb; height: 42px;}

    .header-actions { height: auto; width: calc(100% - 125px); border-left: none; }
    .header-actions .login { float: right; width: 158px; text-align: center; border-left: 1px solid #ebebeb; height: 42px; line-height: 42px; }
    .header .nav-lang { float: right; height: 42px; line-height: 42px; }
    .header .nav { top: 54px; left: 207px; margin-left: 0; width: calc(100% - 332px); transform: translate(0, 0); }
}

@media( min-width: 1200px){
    .header-actions .login { width: 178px; }
}
/* ------------------------------------------------------------ *\
    Nav
\* ------------------------------------------------------------ */

@media(min-width: 1023px){
    .nav { max-width: none; }
    .nav > ul { text-align: center; }
    .nav ul ul { margin-top: 7px; }
    .nav ul ul:before { height: 7px; }
    .nav > ul > li { margin: 0 21px 0 22px; float: none; display: inline-block; text-align: left; }
    .nav > ul > li ~ li { margin-left: 0; }
}

/* ------------------------------------------------------------ *\
    Menu
\* ------------------------------------------------------------ */

@media(max-width: 767px){
    .menu .search { display: block; }
}