@charset "utf-8";

body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;}
*:link,*:visited{text-decoration:none;}
*:active,*:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
label,button{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}
input, textarea, button, select, label, a { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: transparent; }
button, input[type=submit], input[type=password] { -webkit-appearance: none; border-radius: 0; }

a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
textarea, input[type=text], input[type=email], input[type=tel], input[type=url], input[type=search] { -webkit-appearance: none; border-radius: 0; }
.ie9 img[src$=".svg"] { width: 100%; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] {width: 100%;} }

::-moz-selection { background-color: #22478E; color: #FFF; }
::selection { background-color: #22478E; color: #FFF; }

@font-face{font-family:"Circular-Book";font-display: auto;src:url("CircularStd-Book.eot?#iefix") format("embedded-opentype"),url("CircularStd-Book.otf") format("opentype"),url("CircularStd-Book.woff") format("woff"),url("CircularStd-Book.ttf") format("truetype"),url("CircularStd-Book.svg#CircularStd-Medium") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"Circular-Bold";font-display: auto;src:url("lineto-circular-bold.eot");src:url("lineto-circular-bold.eot?#iefix") format("embedded-opentype"),url("lineto-circular-bold.woff") format("woff"),url("lineto-circular-bold.ttf") format("truetype"),url("lineto-circular-bold.svg#lineto-circular-bold") format("svg");font-weight:normal;font-style:normal}
strong {font-family:"Circular-Bold";font-weight: normal;}

/*fade in effects*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in { opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-duration:0.5s; }

html 					{ overflow-y: scroll; }
body 					{ background: #eee; color: #111; font-family: "Circular-Book", sans-serif; line-height: 1; }
html.noscroll			{ overflow-y: hidden; }
body.fancybox-active.compensate-for-scrollbar { margin: 0; }
body.fade-out           { background-color: #808285; transition: background-color 3s ease; }
body.fade-out .page-layout { display: none; }

.page-layout 			{ background: #FFF; margin: 0 auto; max-width: 2200px; }

.inner                  { max-width: 1600px; margin: 0 auto; padding: 0 120px; }
.inner:after			{ clear: both; content: ""; display: table; }
.clear:after			{ clear: both; content: ""; display: table; }
.qtr                    { color: #111; float: left; margin: 0 2.66% 2.66% 0; width: 23%; }
.qtr:nth-child(4n),
.qtr:last-child         { margin-right: 0; }
.third 			        { float: left; margin-right: 2%; width: 32%; }
.third:nth-child(3n),
.third:last-child       { margin-right: 0; }
.two-thirds 	        { float: left; margin-right: 2%; width: 66%; }
.two-thirds:last-child  { margin-right: 0; }
.half 			        { float: left; margin: 0 2.66% 2.66% 0; width: 48.67%; }
.half:nth-child(4n),
.half:last-child        { margin-right: 0; }
.left	                { float: left; }
.right	                { float: right; }

a.admin-edit             { display: none; }

/* PAGE HEADER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.top-bar                { background-color: #FFF; font-family: "Circular-Bold", sans-serif; height: 65px; padding: 0 80px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1000; }
.top-bar ul             { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.top-bar ul li          { display: block; font-size: 18px; padding: 0 20px; }
.top-bar ul li a        { border-bottom: 2px solid transparent; color: #111; padding-bottom: 2px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; }
.top-bar ul li.on a     { border-bottom: 2px solid #111; }
.category-navigation-active ul li.on a     { border-color: transparent; }
.category-navigation-active ul li a.active { border-bottom: 2px solid #111; }
.top-bar ul li a:hover  { border-bottom: 2px solid #111; }

.top-bar-left-menu { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.culture-top-bar .top-bar-left-menu ul li a { color: #111; }
.culture-top-bar .top-bar-left-menu ul li a:hover { border-bottom-color: #111; }

.top-bar-right-menu ul li a        { color: #22478E; }
.top-bar-right-menu ul li.on a     { border-bottom: 2px solid #22478E; }
.top-bar-right-menu ul li a:hover  { border-bottom: 2px solid #22478E; }
.top-bar-right-menu ul li.top-bar-right-menu-culture-link a { color: #ED1C24; }
.top-bar-right-menu ul li.top-bar-right-menu-culture-link a:hover { border-bottom: 2px solid #ED1C24; }

/* hamburger */
.main-hamburger { background-color: transparent; border: 0; outline: none; margin: 0; cursor: pointer; position: fixed; top: 18px; left: 20px; transition: all 0.5s; z-index: 1010; }
.main-hamburger:focus { outline: 0; }

.main-hamburger .hamburger-box { display: inline-block; width: 26px; height: 24px; position: relative; -webkit-transition: all 0.1s; transition: all 0.1s; }
.main-hamburger .hamburger-box:hover { opacity: 0.75; }
.main-hamburger .hamburger-box .hamburger-inner { height: 4px; width: 26px; background-color: #111; display: block; position: absolute; top: 50%; }
.main-hamburger .hamburger-box .hamburger-inner:before { content: ''; display: block; width: 26px; height: 4px; background-color: #111; margin-top: -10px; }
.main-hamburger .hamburger-box .hamburger-inner:after { content: ''; display: block; width: 26px; height: 4px; background-color: #111; margin-top: 16px }

@media (min-width: 1440px) {
  .main-hamburger { left: 42px; }
}

@media (min-width: 2218px) {
  .main-hamburger { left: 50%; transform: translateX(-1050px); }
}

@media (max-width: 1024px) {
    .main-hamburger { top: 0; left: 10px; width: 40px; height: 40px; }
    .main-hamburger .hamburger-box { height: 24px; width: 18px; }
    .main-hamburger .hamburger-box .hamburger-inner { height: 2px; width: 18px; }
    .main-hamburger .hamburger-box .hamburger-inner:before { height: 2px; width: 18px; margin-top: -7px; }
    .main-hamburger .hamburger-box .hamburger-inner:after { height: 2px; width: 18px; margin-top: 12px; }
}

/* closeburger */
.closeburger { background-color: transparent; border: 0; outline: none; margin: 0; cursor: pointer; position: absolute; top: 18px; left: 20px; z-index: 2000;}
.closeburger:hover { opacity: 0.75; }
.closeburger .closeburger-box { display: inline-block; width: 26px; height: 24px; position: relative;}
.closeburger .closeburger-box .closeburger-inner { height: 4px; width: 26px; background-color: transparent; display: block; position: absolute; top: 50%;}
.closeburger .closeburger-box .closeburger-inner:before, .closeburger .closeburger-box .closeburger-inner:after { content: ''; display: block; width: 26px; height: 4px; background-color: #22478E; position: absolute;}
.closeburger .closeburger-box .closeburger-inner:before { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.closeburger .closeburger-box .closeburger-inner:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.closeburger .black-closeburger .closeburger-inner:before, .closeburger .black-closeburger .closeburger-inner:after { background-color: #111; }
.black-closeburger .closeburger-box .closeburger-inner:before, .black-closeburger .closeburger-box .closeburger-inner:after { background-color: #111; }
.navy-closeburger .closeburger-box .closeburger-inner:before, .navy-closeburger .closeburger-box .closeburger-inner:after { background-color: #22478E; }
.white-closeburger .closeburger-box .closeburger-inner:before, .white-closeburger .closeburger-box .closeburger-inner:after { background-color: #FFF; }
.top-right-closeburger { left: auto; right: 20px; }

@media (max-width: 1024px) { 
    .closeburger { top: 8px; left: 10px; }
    .top-right-closeburger { left: auto; right: 10px; }
    .closeburger .closeburger-box { width: 20px; }
    .closeburger .closeburger-box .closeburger-inner { height: 2px; width: 20px; }
    .closeburger .closeburger-box .closeburger-inner:before, .closeburger .closeburger-box .closeburger-inner:after { height: 2px; width: 20px; }
}
@media (min-width: 1440px) { 
    .closeburger { left: 42px; }
    .top-right-closeburger { left: auto; right: 47px; }
}
@media (min-width: 2218px) { 
    .closeburger { left: 50%; transform: translateX(-1050px); }
    .top-right-closeburger { left: auto; right: 50%; transform: translateX(1050px); }
}

/* search */
.top-search { display: block; position: fixed; top: 21px; right: 20px; z-index: 1009; }
.top-search:hover { opacity: 0.75; }
.top-search .magnify-icon { display: block; width: 21px; height: 21px; background-image: url("/assets/images/magnify-icon.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; }

/* Main Navigation
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-navigation { background-color: #93C2C7; font-family: Circular-Bold, sans-serif; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0;  width: 100%; z-index: 1090; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
.main-navigation.nav-offscreen { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; }
.main-navigation .main-navigation-wrapper { overflow-y: scroll; height: calc(100vh - 65px); -ms-overflow-style: -ms-autohiding-scrollbar; }
.main-navigation .main-navigation-wrapper::-webkit-scrollbar-track { background-color: transparent; -webkit-box-shadow: none; }
.main-navigation .main-navigation-wrapper::-webkit-scrollbar { background-color: transparent; width: 8px; }
.main-navigation .main-navigation-wrapper::-webkit-scrollbar-thumb { background-color: #22478E; }

.main-navigation .main-navigation-wrapper .main-navigation-inner { margin: 55px auto; max-width: 300px; text-align: center; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul { border-bottom: 1px solid #FFF; font-size: 20px; line-height: 1.4; padding: 10px 0; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul:last-of-type { border-bottom: none; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul li a { color: #FFF; display: block; text-decoration: none; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul li a:hover { text-decoration: underline; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul ul { font-size: 18px; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul ul li a { color: #22478E; text-decoration: none; }

.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul.main-nav-sub-menu li.on > a     { text-decoration: underline; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul.main-nav-sub-menu li.active > a { text-decoration: underline; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul.main-nav-sub-menu li.toggle ul  { display: none; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul.main-nav-sub-menu li.active ul  { display: block; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul.main-nav-sub-menu ul li.on a    { text-decoration: underline; }

.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul li.main-nav-culture-link a { color: #ED1C24; }
.main-navigation .main-navigation-wrapper .main-navigation-inner nav ul.main-nav-my-links li a { color: #22478E; }

.main-navigation ul.main-navigation-top-right-menu { position: absolute; top: 18px; right: 20px; }
.main-navigation ul.main-navigation-top-right-menu li { display: inline-block; }
.main-navigation ul.main-navigation-top-right-menu li a { background-position: center no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; display: block; margin: 0 10px; height: 26px; width: 26px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; }
.main-navigation ul.main-navigation-top-right-menu li a.icon-heart { background-image: url(/assets/images/heart-blue.svg); }
.main-navigation ul.main-navigation-top-right-menu li a.icon-star { background-image: url(/assets/images/star-blue.svg); }
.main-navigation ul.main-navigation-top-right-menu li a.icon-cart { background-image: url(/assets/images/cart-blue.svg); }
.main-navigation ul.main-navigation-top-right-menu li a:hover { opacity: 0.75; }
.main-navigation ul.main-navigation-top-right-menu li a:last-of-type { margin-right: 0; }

@media (max-width: 1024px) {
    .main-navigation .main-navigation-wrapper .main-navigation-inner { margin: 40px auto; }
    .main-navigation .main-navigation-wrapper .main-navigation-inner nav ul { font-size: 18px; }
    .main-navigation .main-navigation-wrapper .main-navigation-inner nav ul ul { font-size: 16px; }
    .main-navigation ul.main-navigation-top-right-menu { top: 12px; }
    .main-navigation ul.main-navigation-top-right-menu li a { height: 20px; width: 20px; }
}
@media (min-width: 1440px) {
    .main-navigation ul.main-navigation-top-right-menu { right: 47px; }
    .main-navigation .main-navigation-wrapper .main-navigation-inner nav ul { font-size: 22px; }
    .main-navigation .main-navigation-wrapper .main-navigation-inner nav ul ul { font-size: 20px; }
}
@media (min-width: 2218px) {
    .main-navigation ul.main-navigation-top-right-menu { right: 50%; transform: translateX(1050px); }
}

/* footer */
.mobilia-footer { background-color: #F5F5F5; height: 65px; padding: 20px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mobilia-footer a:hover img { opacity: 0.8; }
.category-navigation .mobilia-footer.hide-mobilia-footer { display: none; }

/* Main Navigation Sub Screens
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-nav-sub-screen { background-color: #93C2C7; font-family: Circular-Bold, sans-serif; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1100; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
.main-nav-sub-screen .main-nav-sub-screen-wrapper { overflow: hidden; height: 100%; }
.main-nav-sub-screen .main-nav-sub-screen-wrapper .main-nav-sub-screen-inner { margin: 60px auto; max-width: 1600px; position: relative; width: 80%; }

.main-nav-sub-screen.nav-offscreen { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; }

.main-nav-sub-screen ul { font-size: 18px; line-height: 1.3; max-width: 20%; max-height: 85vh; padding-right: 15px; overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; }
.main-nav-sub-screen ul::-webkit-scrollbar-track { background-color: transparent; -webkit-box-shadow: none; }
.main-nav-sub-screen ul::-webkit-scrollbar { background-color: transparent; width: 8px; }
.main-nav-sub-screen ul::-webkit-scrollbar-thumb { background-color: #22478E; }

ul.nav-sub-screen-name-list li a        { color: #FFF; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.nav-sub-screen-name-list li a:hover  { color: #22478E; text-decoration: none; }
ul.nav-sub-screen-name-list li a.active { color: #22478E; text-decoration: underline; }

ul.nav-sub-screen-filter-list               { padding-right: 40px; }
ul.nav-sub-screen-filter-list li a          { color: #22478E; display: block; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.nav-sub-screen-filter-list li.active a   { color: #FFF; text-decoration: underline; }
ul.nav-sub-screen-filter-list li a:hover    { color: #FFF; text-decoration: underline; }

.main-navigation-designers-inner, 
.main-navigation-brands-inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 1024px) {
    .main-nav-sub-screen .main-nav-sub-screen-wrapper .main-nav-sub-screen-inner { margin: 65px auto; }
    .main-nav-sub-screen ul { font-size: 16px; }
}

@media (min-width: 1440px) {
    .main-nav-sub-screen ul { font-size: 20px; }
}

@media (min-height: 900px) {
    .main-nav-sub-screen ul { font-size: 20px; }
}

@media (max-height: 800px) {
    .main-nav-sub-screen ul { font-size: 16px; }
}

/* nav-back-arrow */
.main-nav-back-arrow { background-color: transparent; display: block; border: 0; outline: none; margin: 0; cursor: pointer; position: absolute; top: 18px; left: 20px; z-index: 2000; width: 30px; height: 26px; background-image: url("/assets/images/menu-back-arrow-navy.svg"); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.main-nav-back-arrow:hover { opacity: 0.75; }

@media (max-width: 1024px) { 
    .main-nav-back-arrow { top: 8px; left: 10px; width: 30px; height: 26px; background-image: url("/assets/images/menu-back-arrow-navy-mobile.svg"); background-size: 18px; }
}
@media (min-width: 1440px) { 
    .main-nav-back-arrow { left: 42px; }
}
@media (min-width: 2218px) { 
    .main-nav-back-arrow { left: 50%; transform: translateX(-1050px); }
}

/* Main Navigation Sub Screen Feature Panel
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-sub-screen-feature-panel-wrapper { position: absolute; top: 0; right: 0; min-height: 500px; max-width: 1000px; width: 70%; }

.nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel-ajax-target .nav-sub-screen-feature-panel .nav-sub-screen-feature-panel-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 500px; width: 100%; background-color: #BCBEC0; background-size: cover; background-position: center center; }
.nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel h3          { color: #FFF; display: inline-block; font-size: 48px; border-bottom: 1px solid #FFF; text-align: center; line-height: 1.1; margin: 0 15%; padding: 10px 30px; }
.nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel p           { color: #FFF; font-family: Circular-Book, sans-serif; font-size: 18px; line-height: 1.4; margin: 40px 0 0; }
.nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel a.link      { color: #FFF; font-family: Circular-Bold, sans-serif; font-size: 20px; display: inline-block; margin: 30px 0 0; text-decoration: none; -webkit-transition: all 0.2s; transition: all 0.2s; }
.nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel a.link:hover{ color: #22478E; text-decoration: underline; }
.nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel-image:hover { text-decoration: none; }
.nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel-image:hover h3 { border-bottom-color: transparent; }

@media (max-width: 1024px) {
  .nav-sub-screen-feature-panel-wrapper { display: none; }
}

@media (max-width: 1440px) {
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel h3 { font-size: 42px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel p { font-size: 17px; line-height: 1.35; margin: 30px 0 20px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel a.link { font-size: 18px; }
}

@media (max-height: 900px) {
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel-ajax-target .nav-sub-screen-feature-panel .nav-sub-screen-feature-panel-image { height: 450px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel h3 { font-size: 42px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel p { font-size: 17px; line-height: 1.35; margin: 30px 0 20px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel a.link { font-size: 18px; }
}

@media (max-height: 800px) {
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel-ajax-target .nav-sub-screen-feature-panel .nav-sub-screen-feature-panel-image { height: 400px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel h3 { font-size: 36px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel p { font-size: 16px; line-height: 1.3; margin: 20px 0 15px; }
    .nav-sub-screen-feature-panel-wrapper .nav-sub-screen-feature-panel a.link { font-size: 16px; }
}

/* Category Navigation
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.category-navigation { font-family: Circular-Bold, sans-serif; line-height: 1.1; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 2200px; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 990; opacity: 1; }

.category-navigation.nav-offscreen { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; }
.category-navigation-closeburger { top: 85px; }

.category-navigation .category-navigation-wrapper .category-navigation-inner { background-color: #93C2C7; padding-left: 87px; max-height: 100%; margin-top: 65px; height: calc(100vh - 130px); display: -webkit-box; display: -ms-flexbox; display: flex; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories { width: 300px; overflow-x: hidden; overflow-y: scroll; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-overflow-style: -ms-autohiding-scrollbar; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories::-webkit-scrollbar-track { background-color: transparent; -webkit-box-shadow: none; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories::-webkit-scrollbar { background-color: transparent; width: 8px; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories::-webkit-scrollbar-thumb { background-color: #22478E; }

.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories ul { font-size: 20px; padding: 50px 0; }

@media (max-width: 1024px) {
  .category-navigation .category-navigation-wrapper .category-navigation-inner { margin-top: 40px; height: calc(100vh - 80px); }
  .category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories ul { font-size: 16px; }
}

@media (min-width: 1440px) {
  .category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories ul { font-size: 22px; padding: 100px 0 50px; }
}

.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories ul li          { padding: 3px 0; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories ul li a        { color: #FFF; display: block; text-decoration: none; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories ul li a:hover  { color: #22478E; text-decoration: underline; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories ul li a.active { color: #22478E; text-decoration: underline; }

.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories .category-navigation-category-list { position: relative; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories .category-navigation-category-list .bottom-list { padding-top: 0; margin: auto 0 30px 0; }

@media (min-width:1440px) {
  .category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories .category-navigation-category-list .bottom-list { padding-top: 0; }
}
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories .category-navigation-category-list .bottom-list li { font-size: 18px; }
@media (max-width:1024px) {
  .category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-categories .category-navigation-category-list .bottom-list li { font-size: 14px; }
}
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-feature-image { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; }
@media (max-width:1024px) {
  .category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-feature-image { display: none; }
}

.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-feature-image .category-navigation-feature-image-ajax-target { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100vh - 130px); }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-feature-image .category-navigation-feature-image-ajax-target .ajax-background-image-holder { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-size: cover; background-position: center center; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-feature-image .category-navigation-feature-image-preloader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column { background-color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column .category-navigation-sub-menu-column-bottom { color: #22478E; font-family: Circular-Book, sans-serif; margin-top: auto; padding: 40px; text-align: center; width: 180px; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column .category-navigation-sub-menu-column-bottom h3 { border-bottom: 1px solid #22478E; font-size: 17px; font-weight: normal; padding-bottom: 17px; margin-bottom: 17px; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column .category-navigation-sub-menu-column-bottom ul { font-size: 17px; line-height: 1.7; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column .category-navigation-sub-menu-column-bottom ul li a { color: #22478E; text-decoration: none; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column .category-navigation-sub-menu-column-bottom ul li a:hover { text-decoration: underline; }
.category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column .category-navigation-sub-menu-column-bottom ul li a.active { text-decoration: underline; }

@media (max-width: 1024px) {
  .category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column { display: none; }
}

@media (min-width: 1440px) {
    .category-navigation .category-navigation-wrapper .category-navigation-inner .category-navigation-sub-menu-column .category-navigation-sub-menu-column-bottom { padding: 60px; }
}

/* UTILITY BAR
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.utility-bar            { background-color: #F5F5F5; height: 65px; padding: 20px 0; position: relative; bottom: auto; left: auto; text-align: center; z-index: 100; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.utility-bar.stuck      { position: fixed; margin: 0 auto; top: 0; left: 0; right: 0; max-width: 2200px; }
.utility-bar-fixed      { position: fixed; bottom: 0; left: 0; }
.utility-bar-hidden     { opacity: 0 !important; }
.utility-bar img        { height: 25px; width: auto; }
.utility-bar a:hover img{ opacity: 0.8; }

.utility-bar nav                    { text-align: center; }
.utility-bar nav button             { background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; color: #111; display: inline-block; font-family: "Circular-Bold", sans-serif; font-size: 18px; line-height: 25px; margin: 0 20px; padding: 0 0 2px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; }
.utility-bar nav button.is-checked  { border-bottom: 2px solid #22478E; color: #22478E; }
.utility-bar nav button:hover       { border-bottom: 2px solid #111; color: #111; }

@media (min-width: 1440px) {
  .utility-bar nav button { font-size: 20px; margin: 0 30px; }
}

/* MyMobilia Tab
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.my-mobilia-side-menu { position: fixed; right: 0; top: 380px; -webkit-transform: translateX(200px); transform: translateX(200px); z-index: 110; }
.my-mobilia-side-menu .my-mobilia-button { display: block; background: #F1F2F2; font-size: 17px; height: 40px; width: 200px; line-height: 40px; color: #808285; border-radius: 10px 10px 0 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(270deg); transform: rotate(270deg); text-align: center; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; }
.my-mobilia-side-menu .my-mobilia-button { -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.2); box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.2); }
.my-mobilia-side-menu .main-my-mobilia-button-title { display: block; }
.my-mobilia-side-menu .notification-title { color: #FFF; display: inline-block; position: relative; margin-left: -15px; opacity: 0; visibility: hidden;}
.my-mobilia-side-menu .notification-title:after { content: ""; display: block; height: 20px; width: 20px; position: absolute; top: 0; bottom: 0; margin: auto; right: -30px; background-position: center; background-repeat: no-repeat; -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; }
.my-mobilia-side-menu .my-mobilia-cart-button { display: block; font-size: 17px; line-height: 30px; background-color: #111; color: #FFF; width: 30px; height: 30px; -webkit-transform: translateX(-34px); transform: translateX(-34px); margin-top: 5px; border-radius: 50%; text-align: center; text-decoration: none; }
.my-mobilia-side-menu.highlighted .my-mobilia-button { background-color: #111;  }
.my-mobilia-side-menu.highlighted .main-my-mobilia-button-title { visibility: hidden; opacity: 0; display: none; }
.my-mobilia-side-menu.highlighted .notification-title { visibility: visible; opacity: 1; }
.my-mobilia-side-menu.hover-wish .notification-title:after { background-image: url(/assets/images/star-outline-white.svg); }
.my-mobilia-side-menu.hover-love .notification-title:after { background-image: url(/assets/images/heart-outline-white.svg); }
.my-mobilia-side-menu.added-to-wish .my-mobilia-button .notification-title:after { background-image: url(/assets/images/star-white.svg); }
.my-mobilia-side-menu.added-to-love .my-mobilia-button .notification-title:after { background-image: url(/assets/images/heart-white.svg); }
.my-mobilia-side-menu.added-to-cart .my-mobilia-button .notification-title:after { background-image: url(/assets/images/cart-white.svg); }

.my-mobilia-side-menu .my-mobilia-button:hover { background: #111; color: #FFF; }

/* Live Chat
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.livechat_button { position: fixed; bottom: 10px; right: 30px; height: 75px; width: 75px; }
.livechat_button a { display: block; height: 75px; width: 75px; background: url("/assets/images/mobilia-blue-circle.svg") center no-repeat; }
.livechat_button img { display: none; }
.livechat_button a:hover { -webkit-animation: livechatSpin 5s linear infinite; -moz-animation: livechatSpin 5s linear infinite; animation: livechatSpin 5s linear infinite; }
@-moz-keyframes livechatSpin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes livechatSpin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes livechatSpin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.view-desktop #chat-widget-container { bottom: -30px !important; }

/* Search
---------------------------------------*/
.fs-search { background-color: #93C2C7; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 1090; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
.fs-search-offscreen { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; }

.fs-search .fs-search-wrapper { overflow-y: scroll; height: calc(100vh - 65px); -ms-overflow-style: -ms-autohiding-scrollbar; }
.fs-search .fs-search-wrapper::-webkit-scrollbar-track { background-color: transparent; -webkit-box-shadow: none; }
.fs-search .fs-search-wrapper::-webkit-scrollbar { background-color: transparent; width: 8px; }
.fs-search .fs-search-wrapper::-webkit-scrollbar-thumb { background-color: #22478E; }

.fs-search .fs-search-inner { margin: 0 auto; padding: 80px 0; max-width: 660px; width: 80%; }
.fs-search .fs-search-inner h3 { color: #FFF; font-size: 24px; text-align: center; }

.fs-search .fs-search-inner .easy-autocomplete { font-family: Circular-Bold, sans-serif; position: relative; }
.fs-search .fs-search-inner .easy-autocomplete input { background-color: #93C2C7; border: none; border-bottom: 1px solid #22478E; font-size: 60px; line-height: 1; color: #22478E; font-family: Circular-Bold, sans-serif; padding: 30px 0; width: 100%; margin: 30px auto; outline: none; }
.fs-search .fs-search-inner .easy-autocomplete input:hover, .easy-autocomplete input:focus { box-shadow: none; }
.fs-search .fs-search-inner .easy-autocomplete input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.fs-search .fs-search-inner .easy-autocomplete a { display: block; }
.fs-search .fs-search-inner .easy-autocomplete-container { left: 0; position: absolute; width: 100%; z-index: 2; }
.fs-search .fs-search-inner .easy-autocomplete-container ul { display: none; font-size: 24px; line-height: 1.3; margin: 0 0 100px; padding: 0; position: relative; top: -1px; }
.fs-search .fs-search-inner .easy-autocomplete-container ul li, 
.fs-search .fs-search-inner .easy-autocomplete-container ul .eac-category { color: #FFF; margin: 8px 0; transition: all 0.4s ease 0s; }
.fs-search .fs-search-inner .easy-autocomplete-container ul li a { border-bottom: 1px solid transparent; color: #FFF; display: inline-block; text-decoration: none; }
.fs-search .fs-search-inner .easy-autocomplete-container ul li div { display: block; word-break: break-all; }
.fs-search .fs-search-inner .easy-autocomplete-container ul li b { border-bottom: 1px solid rgba(255,255,255,0.5); }
.fs-search .fs-search-inner .easy-autocomplete-container ul li a:hover { color: #FFF; border-bottom: 1px solid #FFF; }
.fs-search .fs-search-inner .easy-autocomplete-container ul li a:hover b { border-bottom: 1px solid transparent; }
.fs-search .fs-search-inner .eac-description .eac-item span {  }
.fs-search .fs-search-inner .eac-icon-left .eac-item img { margin-right: 4px; max-height: 30px; }
.fs-search .fs-search-inner .eac-icon-right .eac-item { margin-top: 8px; min-height: 24px; position: relative; }
.fs-search .fs-search-inner .eac-icon-right .eac-item img { margin-left: 4px; max-height: 30px; position: absolute; right: -4px; top: -8px; }

.fs-search-culture { background-color: #EAE5D9;}
.fs-search-culture .fs-search-inner h3 { color: #111;}
.fs-search-culture .fs-search-inner input[type="text"] { background-color: #EAE5D9; color: #111;}
.fs-search-culture .fs-search-inner .fs-search-results ul li { color: #111;}

@media (min-height:900px) {
    .fs-search .fs-search-inner .easy-autocomplete input { font-size: 80px; }
}
@media (max-height:800px) {
    .fs-search .fs-search-inner .easy-autocomplete input { font-size: 40px; padding: 10px 0; }
}
@media (max-width:1024px) {
    .top-search { top: 0; right: 20px; height: 40px; width: 34px; }
    .top-search .magnify-icon { height: 40px; width: 34px; background-size: 16px; }
    .fs-search .fs-search-inner h3 { font-size: 18px; }
    .fs-search .fs-search-inner .easy-autocomplete input { font-size: 40px; padding: 10px 0; }
    .fs-search .fs-search-inner .fs-search-results ul li { font-size: 18px; }
}
@media (min-width:1440px) {
    .top-search { right: 47px; }
    .fs-search .fs-search-inner .easy-autocomplete input { font-size: 80px; }
}
@media (min-width:2218px) {
    .top-search { right: 50%; transform: translateX(1050px); }
}

/* PAGE FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.subscribe         { background-color: #F5F5F5; height: 50px; padding: 20px 60px; }
.subscribe .half   { margin: 0; width: 50%; }
.subscribe p,
.page-footer .subscribe p { color: #22478E; font-family: Circular-Bold, sans-serif; font-size: 24px; line-height: 50px; margin: 0; }

.subscribe form input       { background: #FFF; border: none; color: #111; float: left; font-size: 20px; height: 50px; padding: 0 15px; width: 60%; }
.subscribe form input       { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.subscribe form input:focus,
.subscribe form input:hover { background: rgba(255,255,255,0.8); color: #111; }

.subscribe form button              { background-color: #BCBEC0; border: none; color: #FFF; cursor: pointer; display: block; float: left; font-size: 20px; height: 50px; line-height: 50px; width: 40%; }
.subscribe form button              { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.subscribe form button:hover        { background-color: #111; color: #FFF; }

.page-footer *              { -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.page-footer                { background-color: #BCBEC0; }

.page-footer>.inner         { padding: 30px 60px; max-width: 2080px; display: -ms-flex; display: -webkit-flex; display: flex; }

.page-footer section                { padding: 15px 0 0; width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-footer section div            { color: #808285; font-size: 12px; line-height: 16px; float: left; padding-right: 2%; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-footer .footer-categories a   { display: block; }
.page-footer .footer-contact        { text-align: center; padding: 0 2%; width: 20%; }
.page-footer .footer-contact div    { border-left: 1px solid #FFF; border-right: 1px solid #FFF; float: none; height: 100%; padding: 15px 0 30px; width: 100%; }
.page-footer .footer-contact p      { line-height: 18px; } 

.page-footer p,
.page-footer ul             { color: #808285; font-size: 12px; line-height: 16px; margin-bottom: 15px; }
.page-footer p strong       { color: #F1F2F2; text-decoration: underline; }
.page-footer a              { color: #808285; text-decoration: none; }
.page-footer a:hover        { color: #222; text-decoration: underline; }

.page-footer p.social       { margin: 30px 0; }
.page-footer p.social a     { display: inline-block; margin: 0 10px; }
.page-footer p.social a:hover{ opacity: 0.75; }

.page-footer .footer-end                { background-color: #F5F5F5; height: 65px; padding: 20px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-footer .footer-end img            { height: 25px; width: auto; }
.page-footer .footer-end a:hover img    { opacity: 0.8; }

/* CONTENT COMPONENTS
-------------------------------------------------------------------------------------------------*/
.page-content               { background-color: #FFF; }

/*elements*/
.page-content h1			{ color: #111; font-family: "Circular-Bold", sans-serif; font-size: 50px; font-weight: normal; line-height: 1.2; margin: 0 0 20px; }
.page-content h2			{ color: #111; font-family: "Circular-Bold", sans-serif; font-size: 33px; font-weight: normal; line-height: 1.4; margin: 0 0 10px; }
.page-content h3			{ color: #111; font-family: "Circular-Bold", sans-serif; font-size: 22px; font-weight: normal; line-height: 1.2; margin: 0 0 10px; }
.page-content h4			{  }
.page-content p				{ font-size: 16px; line-height: 1.5; margin: 0 0 20px; }
.page-content a				{ color: #111; text-decoration: underline; -webkit-transition: all 0.15s; transition: all 0.15s; }
.page-content a:hover		{ color: #22478E; }
.page-content a[href^="tel:"]{ text-decoration: none; }
.page-content hr.divider 	{ background-color: #DDD; border: none; clear: both; color: #DDD; height: 1px; line-height: 1; margin: 20px 0; overflow: hidden; width: 100%; }

.page-content figure:last-child,
.page-content p:last-child,
.page-content ol:last-child,
.page-content ul:last-child{ margin-bottom: 0; }
.page-content figure:only-child,
.page-content h2:only-child,
.page-content h3:only-child,
.page-content h4:only-child,
.page-content p:only-child,
.page-content ol:only-child,
.page-content ul:only-child{ margin-bottom: 0; }

.page-content h1+h2 { margin-top: -10px; }

.page-content h3.bar                   { background-color: #F5F5F5; height: 55px; line-height: 55px; margin: 0 0 1.5%; text-align: center; }
.page-content h3.bar a                 { display: block; color: #111; text-decoration: none; }
.page-content h3.bar a:hover           { color: #22478E; }

/*lists*/
.page-content ul, 
.page-content ol			{ font-size: 16px; line-height: 1.5; margin: 0 0 20px 20px; }
.page-content ul ul,
.page-content ul ol,
.page-content ol ol,
.page-content ol ul 		{ font-size: 100%; margin: 5px 0 5px 20px; }
.page-content ul 			{ list-style-type: disc; }
.page-content ul ul 		{ list-style-type: circle; }
.page-content ul ul ul 		{ list-style-type: square; }
.page-content ol 			{ list-style-type: decimal; }
.page-content ol ol 		{ list-style-type: lower-alpha;	}
.page-content ol ol ol		{ list-style-type: lower-roman; }

/*banner*/
.page-banner 				     { height: 700px; margin-bottom: 20px; position: relative; width: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.page-banner header			     { color: #FFF; margin: 0 auto; width: 80%; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-banner header h1		     { color: #FFF; line-height: 1; margin: 0; }
.page-banner header h1 span      { font-family: "Circular-Book"; }
.page-banner header p		     { color: #FFF; font-size: 24px; line-height: 1.4; margin: 10px auto 0; padding-top: 10px; position: relative; width: 80%; }
.page-banner header p:before	 { background: #FFF; content: ''; height: 1px; margin-left: -180px; width: 360px; position: absolute; top: 0; left: 50%; }

/*forms*/
form label           { display: block; color: #808285; font-size: 12px; font-weight: 400 !important; line-height: 1.2; margin-bottom: 5px; text-transform: uppercase; }
form label:hover     { color: #111; }
form label:after     { color: #666 !important; }
form input           { background: #FFF; border: 1px solid #CCC; color: #666; font-size: 15px; height: 40px; padding: 5px 10px; width: 50%; }
form input           { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form input:focus,
form input:hover     { border: 1px solid #111; color: #111; }
form textarea        { background: #FFF; border: 1px solid #CCC; color: #666; font-size: 15px; height: 200px; padding: 10px; width: 100%; }
form textarea        { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form textarea:focus,
form textarea:hover  { border: 1px solid #111; color: #111; }

form button          { background-color: #111; border: none; color: #FFF; cursor: pointer; display: inline-block; font-family: "Circular-Bold"; font-size: 16px; line-height: 50px; height: 50px; padding: 0; text-align: center; width: 260px; }
form button:hover    { background-color: #22478E; }

form button.submitting:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4,end) 900ms infinite; animation: ellipsis steps(4,end) 900ms infinite; content: "\2026"; width: 0px; }
@keyframes ellipsis {to {width: 1.25em;}}
@-webkit-keyframes ellipsis { to {width: 1.25em;}}

.freeform-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 -15px}
.freeform-row .freeform-column{-ms-flex:1 0;flex:1 0;padding:10px 0;margin:0 15px;box-sizing:border-box}
.freeform-row .freeform-column>.freeform-row:first-child{margin-top:-10px}
.freeform-row .freeform-column label{display:block}
.freeform-row .freeform-column .input-group-one-line{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.freeform-row .freeform-column .input-group-one-line label{padding-right:10px}
.freeform-row .freeform-column .freeform-label{font-weight:bold}
.freeform-row .freeform-column .freeform-label.freeform-required:after{content:"*";margin-left:5px;color:red}
.freeform-row .freeform-column .freeform-input{width:100%;display:block;box-sizing:border-box}
.freeform-row .freeform-column .freeform-input[type=checkbox],
.freeform-row .freeform-column .freeform-input[type=radio]{width:auto;display:inline;margin-right:5px}
.freeform-row .freeform-column .freeform-input.StripeElement{padding:4px 2px;border:1px solid #CCCCCC;height:30px}
.freeform-row .freeform-column .freeform-input-only-label{font-weight:normal;text-transform: none;}
.freeform-row .freeform-column .freeform-input-only-label>.freeform-input{display:inline-block;width:auto;margin-right:5px}
.freeform-row .freeform-column .freeform-errors,
.freeform-row .freeform-column .ff-errors{list-style:none;padding:0;margin:5px 0 0}
.freeform-row .freeform-column .freeform-errors>li,
.freeform-row .freeform-column .ff-errors>li{color:#ED1C24;font-size: 11px; font-weight: 400;}
.freeform-row .freeform-column .freeform-instructions{margin:0 0 5px;font-size:11px;color:#BCBEC0}
.freeform-row .freeform-column.freeform-column-content-align-left{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}
.freeform-row .freeform-column.freeform-column-content-align-left>button:not(:first-of-type){margin-left:5px}
.freeform-row .freeform-column.freeform-column-content-align-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.freeform-row .freeform-column.freeform-column-content-align-center>button:not(:first-of-type){margin-left:5px}
.freeform-row .freeform-column.freeform-column-content-align-right{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}
.freeform-row .freeform-column.freeform-column-content-align-right>button:not(:first-of-type){margin-left:5px}
.freeform-row .freeform-column.freeform-column-content-align-spread{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.freeform-row .freeform-column.freeform-column-content-align-spread>button:not(:first-of-type){margin-left:5px}
.ff-form-errors{ color: #ED1C24; font-size: 13px; text-align: left; padding: 15px 0; }
.ff-form-errors>p{font-size: 13px; margin:0;}
.ff-has-error label { color: #ED1C24; }
.ff-has-error label:after { color: #ED1C24; }
.freeform-row .freeform-column input.ff-has-errors { border-color: #ED1C24; }
.freeform-form-has-errors { display: none; }

/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-dots {position:absolute;bottom:20px;right: 20px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:right;}
.slick-dots li {position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer;}
.slick-dots li button {font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline:none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {color: #EEE;font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {color: #22478E;opacity: 1;}

/* Wish List */
.lovelist                   { display: none; height: 20px; width: 20px; position: absolute; top: 15px; right: 15px; }
.love-active                { display: block; }
.lovelist button            { display: block; height: 20px; width: 20px; padding: 0; border: none; background: url(/assets/images/heart-outline.svg) center no-repeat; -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; }
#love-add button:hover,
#love-join button:hover,
#love-remove button         { background: url(/assets/images/heart-black.svg) center no-repeat; }
#love-remove button:hover   { background: url(/assets/images/heart-outline.svg) center no-repeat; }

/* HOME
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-content { position: relative; }
a.announcement-bar { color: #FFF; display: block; font-size: 15px; letter-spacing: 0.05em; line-height: 45px; max-width: 2200px; text-align: center; margin: 0 auto; position: absolute; top: 65px; left: 0; right: 0; z-index: 10; }
a.announcement-bar:hover { background-color: #111 !important; }

.home-hero { position: relative; }
.home-hero .home-hero-slideshow .home-hero-slide { height: calc(100vh - 130px); background-size: cover; background-position: center; }
.home-hero .home-hero-slideshow .home-hero-slide.align-top { background-position: center top; }
.home-hero .home-hero-slideshow .home-hero-slide.align-bottom { background-position: center bottom; }
.home-hero .home-hero-slideshow .home-hero-slide header { height: 100%; width: 100%; position: absolute; z-index: 2; display: flex; text-align: left; }
.home-hero .home-hero-slideshow h3 { color: #FFF; padding: 60px; max-width: 80%; line-height: 1; font-size: 68px; }
.home-hero .home-hero-slideshow h3 a { color: #FFF; text-decoration: none; }
.home-hero .home-hero-slideshow .text-black h3,
.home-hero .home-hero-slideshow .text-black h3 a { color: #111; }
.home-hero .home-hero-slideshow .leftMiddle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.home-hero .home-hero-slideshow .leftBottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.home-hero .home-hero-slideshow .center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }
.home-hero .home-hero-slideshow .center h3 { margin: auto; }
.home-hero .home-hero-slideshow .rightTop { text-align: right; }
.home-hero .home-hero-slideshow .rightTop h3 { margin-left: auto; }
.home-hero .home-hero-slideshow .rightMiddle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; }
.home-hero .home-hero-slideshow .rightMiddle h3 { margin-left: auto; }
.home-hero .home-hero-slideshow .rightBottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; }
.home-hero .home-hero-slideshow .rightBottom h3 { margin-left: auto; }
.home-hero .slick-dotted.slick-slider { margin-bottom: 0; }

.home-hero .home-hero-slideshow .video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; overflow: hidden; }
.home-hero .home-hero-slideshow .video-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.home-grid { width: 100%; padding: 25px 60px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-grid .home-grid-row { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 20px; margin-bottom: 20px; position: relative; }

.home-grid .home-grid-row .grid-item { background-color: #F5F5F5; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.home-grid .home-grid-row .grid-item .grid-item-inner { height: 40vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.home-grid .home-grid-row .grid-item .grid-item-inner p { font-size: 20px; }
.home-grid .home-grid-row .grid-item .grid-item-inner h2 { font-size: 30px; color: #FFF; margin: 0 auto; padding: 0 30px; max-width: 400px; line-height: 1; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-grid .home-grid-row .grid-item .grid-item-inner:hover h2 { opacity: 1; }
.home-grid .home-grid-row .grid-item .grid-item-inner h2 span { display: block; }

.home-grid .home-grid-row .grid-item .grid-item-link { text-decoration: none; color: #FFF; -webkit-transition: all 0s; transition: all 0s; }

.home-grid .home-grid-row .grid-item .grid-item-inner h2 span:after,
.home-grid .home-grid-row .grid-item .grid-item-collection h2:before,
.home-grid .home-grid-row .grid-item .grid-item-collection h2:after,
.home-grid .home-grid-row .grid-item .grid-item-contact h2:after { content: ''; height: 1px; width: 200px; margin: 10px auto; display: block; background-color: #FFF; }

.home-grid .home-grid-row .grid-item .grid-item-product:hover { background-color: #F5F5F5; }
.home-grid .home-grid-row .grid-item .grid-item-product h2 { color: #111; }
.home-grid .home-grid-row .grid-item .grid-item-product h2 span:after { background-color: #111; }

.home-grid .home-grid-row .grid-item .grid-item-contact { background-color: #BCBEC0; align-items: center; justify-content: center; }
.home-grid .home-grid-row .grid-item .grid-item-contact img { height: 50%; width: 50%; -webkit-animation: homeContactspin 5s linear infinite; -moz-animation: homeContactspin 5s linear infinite; animation: homeContactspin 5s linear infinite; }
@-moz-keyframes homeContactspin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes homeContactspin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes homeContactspin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.home-grid .home-grid-row .grid-item .grid-item-contact .grid-item-inner-content { display: none; margin: 0 auto; width: 80%; }
.home-grid .home-grid-row .grid-item .grid-item-contact .grid-item-inner-content p { color: #808285; }
.home-grid .home-grid-row .grid-item .grid-item-contact .grid-item-inner-content p a { color: #808285; text-decoration: none; }
.home-grid .home-grid-row .grid-item .grid-item-contact .grid-item-inner-content p a:hover { color: #111; }
.home-grid .home-grid-row .grid-item .grid-item-contact:hover img { display: none; }
.home-grid .home-grid-row .grid-item .grid-item-contact:hover .grid-item-inner-content { display: block; }

.home-grid .home-grid-row .grid-item .grid-item-join { background-color: #808285; }
.home-grid .home-grid-row .grid-item .grid-item-join .grid-item-inner-content { margin: 0 auto; max-width: 280px; width: 80%; }
.home-grid .home-grid-row .grid-item .grid-item-join .grid-item-inner-content.hover { display: none; }
.home-grid .home-grid-row .grid-item .grid-item-join .grid-item-inner-content h2 { opacity: 1; padding: 0; }
.home-grid .home-grid-row .grid-item .grid-item-join .grid-item-inner-content p { color: #FFF; }
.home-grid .home-grid-row .grid-item .grid-item-join .grid-item-inner-content p a { color: #FFF; text-decoration: none; }
.home-grid .home-grid-row .grid-item .grid-item-join .grid-item-inner-content p a:hover { color: #FFF; }
.home-grid .home-grid-row .grid-item .grid-item-join:hover { background-color: #22478E; }
.home-grid .home-grid-row .grid-item .grid-item-join:hover .grid-item-inner-content { display: none; }
.home-grid .home-grid-row .grid-item .grid-item-join:hover .grid-item-inner-content.hover { display: block; }

.home-grid .home-grid-row .grid-item .grid-item-projects { background-color: #F5F5F5; background-image: url("/assets/images/white-circle.svg"); background-size: 60%; background-position: center center; background-repeat: no-repeat; }
.home-grid .home-grid-row .grid-item .grid-item-projects h2 { color: #111; opacity: 1; width: 50%; line-height: 1.4; margin: 0 auto; padding: 0; max-width: 300px; }
.home-grid .home-grid-row .grid-item .grid-item-projects:hover { background-image: url("/assets/images/black-circle.svg"); }
.home-grid .home-grid-row .grid-item .grid-item-projects:hover h2 { color: #FFF; }

.home-grid .home-grid-row .grid-item .grid-item-project h2 { color: #111; max-width: 600px; }
.home-grid .home-grid-row .grid-item .grid-item-project h2 span:after { background-color: #111; }
.home-grid .home-grid-row .grid-item .grid-item-project:hover { background-color: #FFF; background-color: rgba(255, 255, 255, 0.75); }

.home-grid .home-grid-row .grid-item .grid-item-designer:hover { background-color: #808285; background-color: rgba(128, 130, 133, 0.75); }

.home-grid .home-grid-row .grid-item .grid-item-first { opacity: 0; }
.home-grid .home-grid-row .grid-item .grid-item-first:hover { opacity: 1; }

.home-grid .home-grid-row .grid-item .grid-item-brand { background-color: #246E5C; }
.home-grid .home-grid-row .grid-item .grid-item-brand h2 { opacity: 1; }
.home-grid .home-grid-row .grid-item .grid-item-brand:hover { opacity: 0; }

.home-grid .home-grid-row .grid-item .grid-item-inner .grid-item-inner-copy { width: 80%; max-width: 800px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-grid .home-grid-row .grid-item .grid-item-inner .grid-item-inner-copy:before { content: ''; height: 1px; width: 100%; margin: 20px auto; display: block; background-color: #111; }
.home-grid .home-grid-row .grid-item .grid-item-inner .grid-item-inner-copy:after { content: ''; height: 1px; width: 100%; margin: 20px auto; display: block; background-color: #111; }
.home-grid .home-grid-row .grid-item .grid-item-inner .grid-item-inner-copy p { margin: 0 50px 20px 50px; }

.home-grid .home-grid-row .grid-item .grid-item-collection h2 { opacity: 1; }
.home-grid .home-grid-row .grid-item .grid-item-collection h2:before,
.home-grid .home-grid-row .grid-item .grid-item-collection h2:after { opacity: 0; }
.home-grid .home-grid-row .grid-item .grid-item-collection:hover { background-color: #808285; }
.home-grid .home-grid-row .grid-item .grid-item-collection:hover h2:before,
.home-grid .home-grid-row .grid-item .grid-item-collection:hover h2:after { opacity: 1; }

.home-grid .home-grid-row-A .grid-item-A { grid-column: 1 / span 3; }
.home-grid .home-grid-row-A .grid-item-B { grid-column: 4 / span 3; }
.home-grid .home-grid-row-A .grid-item-C { grid-column: 7 / span 4; }

.home-grid .home-grid-row-B .grid-item-A { background-color: #CCC; grid-column: 1 / span 3; }
.home-grid .home-grid-row-B .grid-item-B { grid-column: 4 / span 7; }

.home-grid .home-grid-row-C { grid-template-rows: repeat(2, 1fr); }
.home-grid .home-grid-row-C .grid-item-A { grid-column: 1 / span 3; grid-row: 1; }
.home-grid .home-grid-row-C .grid-item-B { grid-column: 1 / span 3; grid-row: 2; }
.home-grid .home-grid-row-C .grid-item-C { grid-column: 4 / span 3; grid-row: 2; }
.home-grid .home-grid-row-C .grid-item-C:hover { z-index: 2; }
.home-grid .home-grid-row-C .home-grid-row-C-quote { position: absolute; bottom: 30px; right: 30px; width: 47.5%; text-align: right; z-index: 1; }
.home-grid .home-grid-row-C .home-grid-row-C-quote blockquote { font-size: 68px; margin-bottom: 80px; font-family: "Circular-Bold", sans-serif; line-height: 1; }
.home-grid .home-grid-row-C .home-grid-row-C-quote blockquote.quoteLong { font-size: 50px; margin-bottom: 50px; }
.home-grid .home-grid-row-C .home-grid-row-C-quote .quote-who { font-family: "Circular-Bold", sans-serif; display: block; font-size: 44px; }

.home-grid .home-grid-row-D, .home-grid .home-grid-row-E { grid-template-columns: repeat(12, 1fr); }

.home-grid .home-grid-row-D .grid-item-A { background-color: #F5F5F5; grid-column: 1 / span 8; }
.home-grid .home-grid-row-D .grid-item-A:hover { background-color: #22478E; color: #FFF; grid-column: 1 / span 8; }
.home-grid .home-grid-row-D .grid-item-A:hover .grid-item-inner .grid-item-inner-copy:before { background-color: #FFF; }
.home-grid .home-grid-row-D .grid-item-A:hover .grid-item-inner .grid-item-inner-copy:after { background-color: #FFF; }

.home-grid .home-grid-row-D .grid-item-B { background-color: #BCBEC0; grid-column: 9 / span 4; }

.home-grid .home-grid-row-E .grid-item-A { grid-column: 1 / span 4; }
.home-grid .home-grid-row-E .grid-item-B { grid-column: 5 / span 4; }
.home-grid .home-grid-row-E .grid-item-C { grid-column: 9 / span 4; }

.view-desktop .home-page { border-bottom: 40px solid #F5F5F5; }
.home-page .subscribe { margin: 40px 0; }
.home-page .subscribe p { font-size: 24px; line-height: 50px; }

h1.instafeed-heading    { padding-bottom: 10px; text-align: center; }

#instafeed              { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 60px 40px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#instafeed .block       { display: flex; align-items: center; position: relative; width: 15.8%; background: center no-repeat; background-size: cover; }
#instafeed .block img   { display: block; height: auto; width: 100%; }
#instafeed a.block:hover { opacity: 0.75; }

#instafeed .social          { background-color: #246E5C; color: #FFF; order: 6; text-align: center; display: block; }
#instafeed .social h2       { color: #FFF; font-size: 20px; height: 20%; line-height: 1.25; margin: 0; padding: 20% 15%; }
#instafeed .social p        { line-height: 1; margin: 0; }
#instafeed .social img      { height: 30px; width: 30px;  }
#instafeed .social a        { display: inline-block; margin: 0 10px; }
#instafeed .social a:hover { opacity: 0.75; }

@media (min-width:1400px) {
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote { font-size: 75px; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote.quoteLong { font-size: 55px; margin-bottom: 60px; }
    .home-grid .home-grid-row .grid-item .grid-item-inner h2 span:first-of-type:after,
    .home-grid .home-grid-row .grid-item .grid-item-collection h2:before,
    .home-grid .home-grid-row .grid-item .grid-item-collection h2:after,
    .home-grid .home-grid-row .grid-item .grid-item-contact h2:after { width: 280px; }
    #instafeed .social h2 { font-size: 28px; }
}

@media (min-width:1600px) {
    .home-hero .home-hero-slideshow .home-hero-slide h3 { font-size: 98px; padding: 100px; max-width: 1000px; }
    .home-grid .home-grid-row .grid-item .grid-item-inner h2 { font-size: 34px; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote { font-size: 85px; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote.quoteLong { font-size: 65px; }
    .home-grid .home-grid-row .grid-item .grid-item-contact { background-size: 40%; }
    .home-grid .home-grid-row .grid-item .grid-item-inner h2 span:first-of-type:after,
    .home-grid .home-grid-row .grid-item .grid-item-collection h2:before,
    .home-grid .home-grid-row .grid-item .grid-item-collection h2:after,
    .home-grid .home-grid-row .grid-item .grid-item-contact h2:after { margin: 15px auto; }
}

@media (min-width:1800px) and (min-height:900px) {
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote { font-size: 90px; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote.quoteLong { font-size: 75px; margin-bottom: 75px; }
    #instafeed .social h2 { font-size: 33px; }
}

@media (min-width:2000px) and (min-height:1000px) {
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote.quoteLong { font-size: 85px; margin-bottom: 85px; }
}

@media (min-width:2200px) and (min-height:1000px) {
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote.quoteLong { font-size: 90px; margin-bottom: 85px; }
}

@media (max-width:1024px) {
    .home-grid .home-grid-row .grid-item { margin-bottom: 20px; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote { position: relative; bottom: auto; right: auto; width: 100%; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote { font-size: 38px; margin-bottom: 50px; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote blockquote.quoteLong { font-size: 28px; margin-bottom: 40px; }
    .home-grid .home-grid-row-C .home-grid-row-C-quote .quote-who { font-size: 18px; }
}

/* CATEGORIES
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-content .categories .categories-inner    { margin: 0 -1.5%;  }
.page-content .categories article              { float: left; height: 300px; position: relative; margin: 1.5%; width: 30.33%; }
.page-content .categories article a            { background: #BCBEC0; display: block; text-decoration: none; text-align: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .categories article a h2         { color: #FFF; display: block; font-size: 32px; font-family: "Circular-Bold"; line-height: 1.2; padding: 0 10%; text-decoration: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-content .categories article a:hover      { text-decoration: none; }

/* DESIGNERS LIST */

.page-content .designers-list h2          { color: #22478E; border-bottom: 1px solid #22478E; padding: 0 0 10px; }
.page-content .designers-list ul          { color: #22478E; font-size: 18px; line-height: 1.4; list-style: none; margin: 0 0 20px; }
.page-content .designers-list ul li       { margin: 0 0 5px; }
.page-content .designers-list ul a        { color: #22478E; text-decoration: none; }
.page-content .designers-list ul a:hover  { color: #111; text-decoration: underline; }

/* DESIGNER/BRAND
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.brand-page .page-banner,
.designer-page .page-banner              { margin: 1% 0 2.5%; }

.brand-page .utility-bar,
.designer-page .utility-bar              { opacity: 0; }
.brand-page .sticky-wrapper .stuck,
.designer-page .sticky-wrapper .stuck    { opacity: 1; }
.view-desktop .brand-page .products,
.view-desktop .designer-page .products   { margin-top: -65px; }

.designer-brand-main                     { margin: 0; position: relative; display: -ms-flex; display: -webkit-flex; display: flex; flex-direction: row-reverse; }
.designer-brand-main article             { background-color: #F5F5F5; margin: 0 0 1.9% 0; padding: 3%; position: relative; width: 36%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.designer-brand-main article,
.designer-brand-main article p           { line-height: 1.4; }
.designer-brand-main .blocks             { background-color: #FFF; width: 64%; }
.designer-brand-main .blocks div         { display: block; height: 430px; margin: 0 3% 3% 0; text-align: center; text-decoration: none; width: 47%; }
.designer-brand-main .blocks .block      { background-color: #F5F5F5; float: left; }
.designer-brand-main .blocks .wide       { background-color: #F5F5F5; clear: both; width: 97%; }
.designer-brand-main .blocks a           { display: block; height: 100%; text-decoration: none; width: 100%; }
.designer-brand-main .blocks .video a    { background: url(/assets/images/play.svg) center no-repeat; -webkit-background-size: 80px; -o-background-size: 80px; background-size: 80px; }
 
.designer-brand-main .blocks div                         { position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.designer-brand-main .blocks div header			         { color: #111; display: none; margin: 0 auto; width: 80%; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.designer-brand-main .blocks div header h2		         { color: #111; line-height: 1; margin: 0; }
.designer-brand-main .blocks div header h2.sub		     { color: #111; margin: 10px auto 0; padding-top: 10px; position: relative; width: 80%; }
.designer-brand-main .blocks div header h2.sub:before	 { background: #111; content: ''; height: 1px; margin-left: -140px; width: 280px; position: absolute; top: 0; left: 50%; }

.designer-brand-main .blocks div:hover			         { background-image: none !important; }
.designer-brand-main .blocks div a:hover header			 { display: block; }
.designer-brand-main .blocks div.video a:hover			 { background-image: none; }

/* PRODUCTS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.product-category .page-banner               { margin: 1% 0 2.5%; }

.page-content .products                      { margin: 2% 0 100px; }
.page-content .products>.inner               { overflow: hidden; }
.page-content .products .products-inner      { margin: -1.33%; }
.page-content .products>h2                   { font-size: 30px; line-height: 40px; margin: 2%; text-align: center; position: relative; z-index: 1; }
.page-content .products>h2:before            { border-top: 1px solid #111; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; }
.page-content .products>h2 span              { background: #FFF; padding: 0 45px; }

.product-masonry-grid-sizer                  { width: 25%; }
.page-content .products article              { margin: 0; padding: 1.33% 1.33% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .products article.qtr          { width: 25%; }
.page-content .products article.half         { width: 50%; }
.page-content .products article a            { color: #111; display: block; text-decoration: none; text-align: center; }
.page-content .products article figure       { background-color: #FFF; margin: 0 0 15px; overflow: hidden; position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.page-content .products article figure div   { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.page-content .products article figure img   { display: block; height: auto; width: 100%; }

.page-content .products article.half figure img { width: 47.19%; }
.page-content .products article h3		     { display: block; font-size: 19px; margin: 0; min-height: 76px; }
.page-content .products article h3 span	     { display: block; padding-top: 10px; position: relative; }
.page-content .products article h3 span:before	    { background: #111; content: ''; height: 1px; margin-left: -25%; width: 50%; position: absolute; top: 5px; left: 50%; }
.page-content .products article a:hover h3          { color: #22478E; }
.page-content .products article a:hover figure div  { opacity: 1; }
.page-content .products article a:hover span:before { background: #22478E; }

.page-content .products article .product-love                       { display: none; position: absolute; top: 2.66%; right: 2.99%; z-index: 1; }
.page-content .products article.half .product-love                  { right: 1.66%; }
.page-content .products article:hover .product-love                 { display: block; }
.page-content .products article .product-lovelist                   { display: none; height: 20px; width: 20px; position: absolute; top: 15px; right: 15px; }
.page-content .products article .product-love-active                { display: block; }
.page-content .products article .product-lovelist button            { display: block; height: 20px; width: 20px; padding: 0; border: none; background: url(/assets/images/heart-outline.svg) center no-repeat; -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; }
.page-content .products article .product-love-add button:hover,
.page-content .products article .product-love-join button:hover,
.page-content .products article .product-love-remove button         { background: url(/assets/images/heart-black.svg) center no-repeat; }
.page-content .products article .product-love-remove button:hover   { background: url(/assets/images/heart-outline.svg) center no-repeat; }

.product .product-inner                    { max-width: 1800px; padding: 0 60px; position: relative; }
.product .product-main                     { margin-bottom: 2%; height: 630px; position: relative; }
.product .product-main figure              { position: absolute; top: 0; left: 0; height: 100%; width: 59%; }
.product .product-main figure a            { display: block; height: 100%; width: 100%; background-color: #f2f2f2; background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.product .product-main figure a:hover      { opacity: 0.9; }
.product .product-main article             { background-color: #F5F5F5; color: #888; height: 100%; padding: 2.5% 3% 150px; position: absolute; top: 0; right: 0; width: 39%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product .product-main header              { margin-bottom: 20px; }
.product .product-main header h1           { font-size: 36px; margin: 0 0 5px; }
.product .product-main header a            { text-decoration: none; font-family:"Circular-Bold"; }
.product .product-main .product-description { overflow: hidden; height: 75%; }
.product .product-main .product-description,
.product .product-main .product-description p { line-height: 1.4; margin-bottom: 15px; }
.product .product-main .product-description p.view-more { text-align: right; }
.product .product-main .product-description p.view-more a { text-decoration: none; }
.product .product-main footer               { border-top: 1px solid #111; margin: 3%; padding-top: 15px; width: 33%; position: absolute; bottom: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product .product-main footer p             { line-height: 20px; margin: 0 0 15px; text-align: right; }
.product .product-main footer .price        { font-size: 20px; }
.product .product-main footer .price-extra  { color: #888; font-size: 16px; padding: 0 20px 0 0; }

.product .product-main footer .wishlist                { display: none; float: left; width: 47%; }
.product .product-main footer .wish-active             { display: block; }

.product .product-main footer .wishlist button         { background-color: #C4C4C6; border: none; color: #FFF; display: block; font-family: "Circular-Bold"; font-size: 20px; height: 50px; padding: 0; position: relative; width: 100%; }
.product .product-main footer .wishlist button:hover   { background-color: #111; }
.product .product-main footer .wishlist button:after   { opacity: 0.75; content: ""; display: block; height: 20px; width: 20px; position: absolute; top: 14px; right: 13px; background: url(/assets/images/star-outline-white.svg) center no-repeat; -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; }
.product .product-main footer #wish-remove button:after,
.product .product-main footer .wishlist button:hover:after      { background: url(/assets/images/star-white.svg) center no-repeat; opacity: 1; }
.product .product-main footer #wish-remove button:hover:after   { background: url(/assets/images/star-outline-white.svg) center no-repeat; }

.product .product-main footer .button       { background-color: #22478E; border: none; color: #FFF; display: block; float: right; font-family: "Circular-Bold"; font-size: 20px; line-height: 30px; padding: 10px; position: relative; text-align: center; text-decoration: none; width: 47%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product .product-main footer .button:hover { background-color: #93C2C7; }

.product a.product-back                    { font-size: 12px; padding: 5px; text-decoration: none; position: absolute; bottom: 5px; }

.product .product-gallery                   { margin: 2% 0; width: 100%; }
.product .product-gallery-hidden            { display: none; }
.product .product-gallery *                 { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }
.product .product-gallery figure            { margin: 0 5px; }
.product .product-gallery figure a:hover img{ opacity: 0.9; }
.product .product-gallery img               { height: 360px; width: auto; }
.product .product-gallery .slick-center img { opacity: 1; }
.product .product-gallery figure.video a    { display: block; position: relative; }
.product .product-gallery figure.video a:after    { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: url(/assets/images/play.svg) center no-repeat; -webkit-background-size: 80px; -o-background-size: 80px; background-size: 80px; }
.product .product-gallery figure.video:hover a:after    { opacity: 0.75; }

.product .product-gallery .arrow-prev,
.product .product-gallery .arrow-next       { background: center no-repeat; cursor: pointer; display: block; height: 100%; width: 80px; position: absolute; top: 0; z-index: 999; -webkit-background-size: 50px 50px; -o-background-size: 50px 50px; background-size: 50px 50px; }
.product .product-gallery .arrow-prev       { background-image: url(/assets/images/arrow-prev.svg); left: 0; }
.product .product-gallery .arrow-next       { background-image: url(/assets/images/arrow-next.svg); right: 0; }
.product .product-gallery .arrow-prev:hover,
.product .product-gallery .arrow-next:hover { opacity: 0.5; }

.product .product-details                   { background-color: #F5F5F5; color: #888; margin: 2% 0; padding: 2%; display: -ms-flex; display: -webkit-flex; display: flex; }
.product .product-details p                 { color: #888; }
.product .product-details>div               { float: left; padding: 2%; width: 21%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product .product-details .product-downloads{ border-left: 1px solid #111; font-family:"Circular-Bold"; padding: 2% 8%; width: 37%; }
.product .product-downloads a.button        { background-color: #C4C4C6; color: #FFF; display: block; font-size: 20px; margin-bottom: 5px; line-height: 30px; padding: 10px; text-decoration: none; text-align: center; }
.product .product-downloads a.button:hover  { background-color: #22478E; color: #FFF; }

.product .product-downloads .drawings            { padding: 15px 0; text-align: center; }
.product .product-downloads .drawings a          { color: #888; display: inline-block; font-family:"Circular-Book"; font-size: 20px; margin: 0 2px; line-height: 1; padding: 6px; text-decoration: none; text-align: center; }
.product .product-downloads .drawings a:hover    { color: #22478E; text-decoration: underline; }

.product .divider                           { background-color: #22478E; height: 50px; margin: 0; width: 100%; }

.product .designer-brand                           { margin: 2% 0; }
.product .designer-brand>.inner                    { font-size: 16px; line-height: 1.4; max-width: 1700px; padding: 0 4%; }
.product .designer-brand article                   { display: block; text-decoration: none; }
.product .designer-brand article.product-brand     { float: right; }
.product .designer-brand article a                 { text-decoration: none; }
.product .designer-brand article a:hover *         { color: #22478E; }
.product .designer-brand article a:hover img       { opacity: 0.9; }
.product .designer-brand article figure            { float: left; margin-right: 4%; width: 44%; }
.product .designer-brand article figure img        { display: block; height: auto; width: 100%; }
.product .designer-brand article h2                { margin: 0 0 15px; }
.product .designer-brand article p                 { color: #888; line-height: 1.4; margin-left: 48%; }
.product .designer-brand article strong            { display: block; margin-bottom: 10px; }

.page-content .related-products *                           { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }
.page-content .products .related-products                   { margin: 0; }
.page-content .related-products article                     { padding: 0 20px; height: 500px; width: auto !important; }
.page-content .related-products article h3                  { max-width: 270px; margin: 0 auto; }
.page-content .related-products article a                   { height: 100% !important; }
.page-content .related-products article figure              { height: 352px; }
.page-content .related-products article figure img          { height: 100% !important; width: auto !important; opacity: 0; }

@media (max-width: 1600px) {
    .page-content .related-products article { height: 450px; }
    .page-content .related-products article h3 { max-width: 300px; }
    .page-content .related-products article figure { height: 300px; }
}
@media (max-width: 1440px) {
    .page-content .related-products article { height: 400px; }
    .page-content .related-products article h3 { max-width: 220px; }
    .page-content .related-products article figure { height: 270px; }
}
@media (min-width: 1800px) {
    .page-content .related-products article h3 { max-width: 340px; }
}

.related-products .arrow-prev,
.related-products .arrow-next       { background: center 40% no-repeat; cursor: pointer; display: block; height: 100%; width: 60px; opacity: 0.3; position: absolute; top: 0; z-index: 999; -webkit-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; }
.related-products .arrow-prev       { background-image: url(/assets/images/arrow-prev-grey.svg); left: -60px; }
.related-products .arrow-next       { background-image: url(/assets/images/arrow-next-grey.svg); right: -60px; }
.related-products .arrow-prev:hover,
.related-products .arrow-next:hover { opacity: 1; }

/*add to cart animation*/
.close-cross { border: 0; outline: none; margin: 0; cursor: pointer; position: absolute; top: 2px; right: 20px; -webkit-transition: all 0.25s; transition: all 0.25s; z-index: 100; padding: 10px;}
.close-box { display: inline-block; width: 14px; height: 14px; position: relative; }
.close-box .close-inner { height: 2px; width: 14px; background-color: transparent; display: block; position: absolute; top: 50%; }
.close-box .close-inner:before, .close-box .close-inner:after { content: ''; display: block; width: 26px; height: 4px; background-color: #111; position: absolute; }
.close-box .close-inner:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 2px; width: 20px;}
.close-box .close-inner:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 2px; width: 20px;}
.close-cross:hover { opacity: 0.5; }

/* Added to cart notification */
.added-to-cart-notification { z-index: 120; width: 500px; position: fixed; top: 0; bottom: 0; right: 0; margin: auto; height: 240px; box-sizing: border-box; transition: all 0.5s; opacity: 1;}
.added-to-cart-notification-offscreen{ opacity: 0; transform: translateX(100%) }
.added-to-cart-notification .item { background-color: #F1F2F2; color: #111; position: relative; padding: 35px 20px 20px 20px; box-sizing: border-box;}
.added-to-cart-notification .item::after { content: ""; clear: both; display: table; }
.added-to-cart-notification .item .item-details { height: 140px; width: 220px; float: left;}
.added-to-cart-notification .item .item-details .item-name {display: block; font-size: 18px;font-family: "Circular-Bold";line-height: 1;margin-bottom: 8px;}
.added-to-cart-notification .item .item-details .item-brand {display: block; font-size: 14px;line-height: 1;}
.added-to-cart-notification .item .item-details .item-price {display: block; font-size: 14px;margin-top: 20px;line-height: 1;}
.added-to-cart-notification .item .item-details .item-price .item-price-amount {display: inline-block; margin-left: 10px;font-family: "Circular-Bold";}
.added-to-cart-notification .item .item-image { height: 140px; width: 220px; float: right; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.added-to-cart-notification .bottom-bar { text-align: center; background-color: #111; display: block; height: 40px;line-height: 40px; color: #fff; font-size: 16px; overflow: hidden; position: relative; }
.added-to-cart-notification .bottom-bar span { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.added-to-cart-notification .bottom-bar .cart-count { width: 30%; text-align: left; padding-left: 45px; background: url(/assets/images/cart-outline.svg) 15px no-repeat; -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; }
.added-to-cart-notification .bottom-bar .cart-view { width: 70%; text-align: right; padding-right: 20px; }
.added-to-cart-notification .bottom-bar:hover { background-color: #22478E; }

/* SHARE LIST
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.share-list>header               { margin: 2.5% 0 2.5%; text-align: center; }


/* PROJECTS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.projects-page>.inner            { position: relative; }

.project-hero                    { height: calc(100vh - 120px); margin: 1% 0 2.5%; position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.project-hero header			 { color: #FFF; margin: 0 auto; width: 80%; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.project-hero header h1		     { border-bottom: 1px solid #FFF; color: #FFF; display: inline-block; line-height: 1; margin: 0 auto; padding-bottom: 10px; }
.project-hero h3                 { color: #FFF; position: absolute; bottom: 20px; text-align: center; width: 100%; }
.project-hero h3 a               { color: #FFF; text-decoration: none; }
.project-hero h3 a:hover         { color: #FFF; text-decoration: underline; }

a.project-cat                 { color: #22478E; font-family: "Circular-Bold"; font-size: 20px; line-height: 80px; margin: 100px 40px; width: 200px; text-align: center; text-decoration: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateY(-50%); }
a.project-cat-left            { left: 0; transform-origin: left top; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
a.project-cat-right           { right: 0; transform-origin: right top; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
a.project-cat span            { border-bottom: 2px solid transparent; display: inline; padding-bottom: 2px; -webkit-transition: all 0.25s; transition: all 0.25s; }
a.project-cat-on span         { border-bottom: 2px solid #22478E; }
a.project-cat:hover span      { border-bottom: 2px solid #22478E; }

.page-content .projects                         { margin: 1% 0 2%; }
.page-content .projects h3.bar                  { margin-bottom: 0; }
.page-content .projects .grid                   { margin: 0 -1.5%; }
.page-content .projects article                 { float: left; margin: 1.5%; width: 47%; position: relative; }
.page-content .projects article a               { background: #F5F5F5; display: block; text-decoration: none; text-align: center; height: 0; padding-top: 50%; width: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .projects article a div           { display: none; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-content .projects article a h2            { color: #FFF; display: block; font-size: 30px; font-family: "Circular-Bold"; line-height: 40px; padding: 0 10%; text-decoration: none; position: relative; }
.page-content .projects article a h2		    { color: #111; line-height: 1; margin: 0; }
.page-content .projects article a h2.sub		{ color: #111; margin: 10px auto 0; padding-top: 10px; position: relative; width: 80%; }
.page-content .projects article a h2.sub:before	{ background: #111; content: ''; height: 1px; margin-left: -170px; width: 340px; position: absolute; top: 0; left: 50%; }

.page-content .projects article span            { position: absolute; color: #22478E; font-family: "Circular-Bold"; font-size: 20px; line-height: 50px; margin: 100px 0; width: 200px; text-align: center; text-decoration: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateY(-50%); }
.page-content .projects article span.prev       { left: -75px; transform-origin: left top; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.page-content .projects article span.next       { right: -75px; transform-origin: right top; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.page-content .projects article a:hover         { background-image: none !important; }
.page-content .projects article a:hover div     { display: block; }
.page-content .projects article a:hover span    { text-decoration: underline; }

@media (min-width: 1440px) {
    a.project-cat { font-size: 24px; }
}

@media (min-width: 2218px) {
    a.project-cat { line-height: 100px; margin: 100px 0; }
}

.project-page .project-images a { display: block; max-height: 800px; background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.project-page .project-images a img { height: auto; width: 100%; }

.project-page .project-content            { background-color: #F5F5F5; padding: 2.5% 3%; position: relative; }
.project-page .project-content header                    { margin: 0 0 10px; }
.project-page .project-content h1                        { font-size: 36px; margin: 0 0 5px; }
.project-page .project-content .project-details          { float: left; width: 36%; }
.project-page .project-content .project-details table    { margin-bottom: 10px; width: 100%; }
.project-page .project-content .project-details table th { font-weight: normal; text-align: left; vertical-align: top; padding: 0; width: 25%; }
.project-page .project-content .project-details table td { font-family: "Circular-Bold"; text-align: left; vertical-align: top; padding: 0 0 0 10px; }
.project-page .project-content .project-details table p  { margin-bottom: 0; }

.project-page .project-content .project-description      { float: right; width: 61%; }

.project-page .products                { margin: 1.5% 0; }
.project-page .products .related-products { margin: 0 60px; }

@media (min-width: 1940px) {
    .project-page .products>.inner { width: 1560px; }
    .project-page .products .related-products { margin: 0; }
}

/* PAGES
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-content .page                      { background-color: #F5F5F5; margin: 0 auto 40px; max-width: 1200px; padding: 4% 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .page>header               { margin-bottom: 40px; text-align: center; }
.page-content .page .inner               { padding: 0; }

.page-pageNotFound          { background-color: #93C2C7; height: 95vh; text-align: center; }
.page-pageNotFound header   { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-pageNotFound h1       { color: #FFF; font-size: 90px; }
.page-pageNotFound h2       { color: #FFF; font-size: 40px; }
.page-pageNotFound h2 a     { color: #FFF; }
.page-pageNotFound h2 a:hover { color: #22478E; }

.page-login          { background-color: #93C2C7; height: 95vh; text-align: center; }
.page-login header   { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-login h1       { color: #FFF; font-size: 90px; }
.page-login h2       { color: #FFF; font-size: 40px; }
.page-login h2 a     { color: #FFF; }
.page-login h2 a:hover { color: #22478E; }

/* ABOUT
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.about-page .about-content                  { margin: 1.5% 0; }
.about-page .about-content>div              { margin: 1.5% 0; }
.about-page .about-content img              { height: auto; width: 100%; }
.about-page .about-content h2               { border-bottom: 1px solid #FFF; margin: 0 auto 20px; padding: 0 10px 10px; text-align: center; width: 280px; }
.about-page .about-content .block           { margin-bottom: 0; min-height: 430px; position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.about-page .about-content .center          { display: flex; justify-content: center; align-items: center; resize: both; text-align: center; }
.about-page .about-content .bg-left         { background-position: left center; }
.about-page .about-content .bg-right        { background-position: right center; }
.about-page .about-content .text-block              { background-color: #F5F5F5; }
.about-page .about-content .text-block .center-inner{ padding: 12%; }
.about-page .about-content .text-block h3           { border-bottom: 1px solid #111; display: inline-block; margin: 0 auto 20px; padding: 0 40px 10px; text-align: center; }

.about-page .about-content .third 			{ margin-right: 1.5%; width: 32.33%; }
.about-page .about-content .two-thirds 	    { margin-right: 1.5%; width: 65.5%; }
.about-page .about-content .half 			{ margin-right: 1.5%; width: 50%; }

.about-page .about-content .third:nth-child(3n),
.about-page .about-content .third:last-child       { margin-right: 0; }
.about-page .about-content .two-thirds:last-child  { margin-right: 0; }
.about-page .about-content .half:last-child        { margin-right: 0; }

.about-page .about-content .third p         { font-size: 20px; line-height: 1.4; }

.about-page .about-content a.link-block             { background-color: #F5F5F5; text-decoration: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.about-page .about-content a.link-block h2          { border-color: #111; border-top: 1px solid #111; margin: 0 auto; padding: 10px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.about-page .about-content a.link-block:hover       { background: transparent; }
.about-page .about-content a.link-block:hover h2    { display: none; }

.about-page .about-content .block-twoBlocks             { display: -ms-flex; display: -webkit-flex; display: flex; }
.about-page .about-content .block-threeBlocks           { display: -ms-flex; display: -webkit-flex; display: flex; }

.about-page .about-content .block-intro .text                   { padding: 6%; }
.about-page .about-content .block-intro .intro-right            { width: 66.16%; }
.about-page .about-content .block-intro .intro-right .two-thirds{ margin: 0 0 1.5%; width: 100%; }
.about-page .about-content .block-intro .intro-right .third     { width: 49.25%; }

.about-page .about-content .block-intro .hover                  { background-color: #F5F5F5; }
.about-page .about-content .block-intro .hover h2               { border-color: #111; border-top: 1px solid #111; margin: 0 auto; padding: 10px; }
.about-page .about-content .block-intro .hover .text            { display: none; }
.about-page .about-content .block-intro .hover:hover h2         { display: none; }
.about-page .about-content .block-intro .hover:hover .text      { display: block; }

.about-page .about-content .block-sustainability                { background-color: #246E5C; color: #FFF; min-height: 430px; padding: 3%; text-align: center; display: -ms-flex; display: -webkit-flex; display: flex; flex-direction: row-reverse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.about-page .about-content .block-sustainability *              { color: #FFF; }
.about-page .about-content .block-sustainability .third         { float: none; min-height: 300px; margin: 0; padding: 0 6% 0 3%; width: 32%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.about-page .about-content .block-sustainability .two-thirds    { border-left: 1px solid #FFF; min-height: 300px; float: none; margin: 0; padding: 0 3% 0 6%; width: 68%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.about-page .about-content .block-sustainability a.button       { display: block; text-decoration: none; }
.about-page .about-content .block-sustainability a.button h2    { border: none; margin: 0; padding: 0; }
.about-page .about-content .block-sustainability a.button:hover { text-decoration: underline; }

.about-page .about-content .spinning-logo { text-align: center; }
.about-page .about-content .spinning-logo img { margin: 25% auto; height: 50%; width: 50%; -webkit-animation: aboutLogoSpin 5s linear infinite; -moz-animation: aboutLogoSpin 5s linear infinite; animation: aboutLogoSpin 5s linear infinite; }
@-moz-keyframes aboutLogoSpin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes aboutLogoSpin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes aboutLogoSpin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* TEAM
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-content .team                         { margin: 1% 0 2%; }
.page-content .team article                 { margin-bottom: 2%; }
.page-content .team article a               { display: block; text-decoration: none; text-align: center; height: 430px; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .team article a div           { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.page-content .team article a header        { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-content .team article a h2            { color: #FFF; display: block; font-size: 30px; font-family: "Circular-Bold"; line-height: 40px; margin: 0; padding: 0 10%; text-decoration: none; position: relative; }
.page-content .team article a h3		    { color: #FFF; font-family: "Circular-Book"; font-size: 20px; margin: 10px auto 0; padding-top: 10px; position: relative; width: 80%; }
.page-content .team article a h3:before	    { background: #FFF; content: ''; height: 1px; margin-left: -40%; width: 80%; position: absolute; top: 0; left: 50%; }

.page-content .team article.bg-blue div      { background-color: #22478E; }
.page-content .team article.bg-green div     { background-color: #246E5C; }
.page-content .team article.bg-peach div     { background-color: #D98E77; }
.page-content .team article.bg-grey div      { background-color: #BCBEC0; }

.page-content .team article a:hover             { color: #FFF; text-decoration: none; }
.page-content .team article a:hover div         { display: block; }

.team-profile-page>.inner                   { max-width: 1800px; padding: 0 60px; }

.team-profile-page .team-profile            { background-color: #F5F5F5; display: -ms-flex; display: -webkit-flex; display: flex; }
.team-profile-page .team-profile figure     { float: left; height: 900px; width: 32.5%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.team-profile-page .team-profile article    { float: left; padding: 3% 3% 3% 6%; width: 67.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.team-profile-page .team-profile article header     { border-bottom: 1px solid #111; margin-bottom: 3%; padding: 1.5% 0 3%; text-align: right; }
.team-profile-page .team-profile article header p   { font-size: 18px; }
.team-profile-page .team-profile article .text div  { float: left; padding-right: 5%; width: 45%; }

.team-profile-page .team-profile article footer     { border-top: 1px solid #111; clear: both; margin: 3% 0; padding: 3% 0 0; text-align: right; }
.team-profile-page .team-profile article a          { background-color: #111; border: none; color: #FFF; display: inline-block; font-family: "Circular-Bold"; font-size: 16px; line-height: 30px; padding: 10px; text-align: center; text-decoration: none; width: 260px; }
.team-profile-page .team-profile article a:hover    { background-color: #22478E; }

.team-profile-page .products          { margin: 1.5% 0; }

.team-profile-page .products .related-products { margin: 0 60px; }

@media (min-width: 1940px) {
    .team-profile-page .products>.inner { width: 1560px; }
    .team-profile-page .products .related-products { margin: 0; }
}

/* CONTACT
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.contact-page                    { margin-bottom: 60px; }
.contact-page .contact-inner     { max-width: 1800px; padding: 0 60px 60px; }
.contact-page .contact-content   { background-color: #F1F2F2; min-height: calc(100vh - 190px); display: -ms-flex; display: -webkit-flex; display: flex; }
.contact-page figure             { background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; width: 35%; }
.contact-page article            { padding: 3% 3% 3% 6%; width: 65%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-page article header     { border-bottom: 1px solid #111; margin-bottom: 3%; padding: 1.5% 0 3%; text-align: right; }
.contact-page article footer     { border-top: 1px solid #111; clear: both; margin-bottom: 3%; padding: 3% 0; text-align: right; }
.contact-page article .text      { padding-right: 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-page article .form      { margin-right: 0; }
.contact-page article .form form { width: 100%; }

/* MODALS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mobilia-modal-outer { background-color: #202020; background-color: rgba(32, 32, 32, 0.9); position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100vh; width: 100vw; margin: 0; z-index: 2000; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s; transition: all 0.5s; overflow-y: auto; opacity: 1; }
.mobilia-modal-offscreen { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; }

.mobilia-modal-inner .password-form { display: none; }
.mobilia-modal-inner .error { color: #ED1C24; }

.mobilia-modal-inner { background-color: #FFF; -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; max-width: 460px; padding: 50px 80px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; text-align: center; margin: 20px auto; }
.mobilia-modal-inner h4 { font-size: 38px; font-family: Circular-Bold, sans-serif; margin-bottom: 30px; }
.mobilia-modal-inner p { font-size: 16px; margin-bottom: 25px; line-height: 1.4; }

.mobilia-modal-inner form .field-wrap { margin-bottom: 10px; text-align: left; }
.mobilia-modal-inner form .field-wrap-extra-margin { margin: 30px 0; }
.mobilia-modal-inner form input { margin-bottom: 10px; width: 100%; }
.mobilia-modal-inner form input::-webkit-input-placeholder,
.mobilia-modal-inner form input:-ms-input-placeholder,
.mobilia-modal-inner form input::-ms-input-placeholder,
.mobilia-modal-inner form input::placeholder { color: #A3A3A3; }
.mobilia-modal-inner form .options { margin: 10px 0 15px; overflow: hidden; text-align: left; width: 100%; }
.mobilia-modal-inner form .options label { color: #808285; float: left; font-size: 12px; line-height: 1.2; text-transform: none; }
.mobilia-modal-inner form .options label:hover { color: #111; }
.mobilia-modal-inner form .options input { display: inline; height: auto; margin: 0 5px 0 0; padding: 0; width: auto; }
.mobilia-modal-inner form .options a { color: #A3A3A3; float: right; font-size: 12px; line-height: 1; }
.mobilia-modal-inner form .options a:hover { color: #111; }
.mobilia-modal-inner form button { width: 100%; }

.mobilia-modal-inner .button         { background-color: #111; border: none; color: #FFF; cursor: pointer; display: inline-block; font-family: "Circular-Bold"; font-size: 16px; line-height: 50px; height: 50px; text-align: center; width: 100%; }
.mobilia-modal-inner .button:hover   { background-color: #22478E; }

.mobilia-modal-inner .mobilia-modal-circle-logo { width: 100px; height: 100px; display: block; margin: 25px auto 0; -webkit-transition: all 1s; transition: all 1s; background-image: url("/assets/images/mobilia-blue-circle.svg"); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.mobilia-modal-inner .mobilia-modal-contact { border-top: 1px solid #111; border-bottom: 1px solid #111; padding: 15px 0; margin: 25px 0; }
.mobilia-modal-inner .mobilia-modal-contact p { margin: 0; }
.mobilia-modal-inner .mobilia-modal-contact p a { color: #111; text-decoration: none; }
.mobilia-modal-inner .mobilia-modal-contact p a:hover { text-decoration: underline; }
.mobilia-modal-hide-inner .mobilia-modal-inner { visibility: hidden; opacity: 0; }
.mobilia-modal-transparent-bkgnd { background-color: transparent; }

.mobilia-modal-inner footer { color: #808285; font-size: 12px; line-height: 1.3; margin: 25px 15px 0; }
.mobilia-modal-inner footer p { color: #808285; font-size: 12px; line-height: 1.3; margin: 0; }
.mobilia-modal-inner footer a { color: #808285; text-decoration: underline; }
.mobilia-modal-inner footer a:hover { color: #22478E; text-decoration: none; }

.mobilia-modal-inner footer.cta { font-size: 15px; margin-top: 10px; }
.mobilia-modal-inner footer.cta p { font-size: 15px; }
.mobilia-modal-inner footer.cta a { color: #111; }
.mobilia-modal-inner footer.cta a:hover { color: #22478E; }

.my-mobilia-join form .freeform-row .freeform-column label.freeform-label { display: none; }
.my-mobilia-join form .freeform-row .freeform-column label.freeform-input-only-label { display: block; text-align: left; }
.my-mobilia-join form .freeform-row .freeform-column label.freeform-input-only-label input { margin: 0 5px 0 0; }
.my-mobilia-join form .freeform-row .freeform-column { padding: 0; }

.my-mobilia-join form .freeform-row .ff-has-error input { border-color: #ED1C24; }
.my-mobilia-join form .freeform-row .freeform-column .ff-errors { display: block !important; margin: 0 0 5px; text-align: left; }

.mobilia-modal-inner .mobilia-modal-pullout { width: 100%; max-width: 320px; background-color: #FFF; text-align: left; position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - 30px)); padding: 20px;}
.mobilia-modal-inner .mobilia-modal-pullout>a.professional-link { color: #111; display: block; text-decoration: none; }
.mobilia-modal-inner .mobilia-modal-pullout>a.professional-link:hover { opacity: 0.75; }
.mobilia-modal-inner .mobilia-modal-pullout p { font-size: 14px; }
.mobilia-modal-inner .mobilia-modal-pullout p strong { font-size: 18px; }
.mobilia-modal-inner .mobilia-modal-pullout p:last-of-type{ margin: 0; }
.mobilia-modal-inner .mobilia-modal-pullout p a { color: #111; text-decoration: underline; font-family: "Circular-Bold"; }

@media (max-width:1280px) {
    .mobilia-modal-inner .mobilia-modal-pullout {position: relative; top: auto; left: auto; transform: translateX(0); padding:20px 0; text-align: center; border-top: 1px solid #111; max-width: 100%; }
}

@media (min-width:1025px) {
    .mobilia-modal-inner .closeburger { top: 8px; right: 4px; left: auto; transform: none; }
    .mobilia-modal-inner .closeburger:hover { opacity: 0.5; }
    .mobilia-modal-inner .closeburger .closeburger-box { height: 15px; width: 15px; }
    .mobilia-modal-inner .closeburger .closeburger-box .closeburger-inner { width: 15px; height: 2px; }
    .mobilia-modal-inner .closeburger .closeburger-box .closeburger-inner:before, 
    .mobilia-modal-inner .closeburger .closeburger-box .closeburger-inner:after { width: 15px; height: 2px; }
}

@media (min-width:1024px) and (max-height: 900px) {
    .mobilia-modal-inner { padding: 40px; }
    .mobilia-modal-inner h4 { font-size: 30px; margin-bottom: 20px; }
    .mobilia-modal-inner p { font-size: 15px; line-height: 1.25; margin-bottom: 20px; }
    .mobilia-modal-inner .mobilia-modal-contact { margin: 20px 0; }
    .mobilia-modal-inner .button,
    .mobilia-modal-inner form .button { margin: 20px 0; }
    .mobilia-modal-inner .mobilia-modal-circle-logo { margin-top: 20px; }
    .mobilia-modal-inner footer { margin-top: 20px; }
}

@media (max-height: 800px) {
    .mobilia-modal-outer { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
    .mobilia-modal-transparent-bkgnd { background-color: rgba(32, 32, 32, 0.9); }
}

@media (min-width:1024px) and (max-height: 800px) {
    .mobilia-modal-inner { padding: 20px; }
    .mobilia-modal-hard-right .mobilia-modal-inner { margin: 20px auto; }
    .mobilia-modal-inner h4 { font-size: 25px; margin-bottom: 15px; }
    .mobilia-modal-inner p { font-size: 14px; line-height: 1.2; margin-bottom: 10px; }
    .mobilia-modal-inner .mobilia-modal-contact { margin: 10px 0; }
    .mobilia-modal-inner .button
    .mobilia-modal-inner form .button { margin: 10px 0; }
    .mobilia-modal-inner .mobilia-modal-circle-logo { margin-top: 10px; }
    .mobilia-modal-inner footer { margin-top: 10px; }
}

.mobilia-modal-hard-right .mobilia-modal-inner { margin: 0 0 0 auto;}
.mobilia-modal-hard-right .mobilia-modal-inner .closeburger { right: 20px; }

@media (max-width:1024px) {
    .mobilia-modal-inner { padding: 30px; }
    .mobilia-modal-inner h4 { font-size: 30px; margin-bottom: 20px; }
    .mobilia-modal-inner p { font-size: 14px; line-height: 1.25; margin-bottom: 20px; }
    .mobilia-modal-inner .mobilia-modal-contact { margin: 20px 0; }
    .mobilia-modal-inner .button,
    .mobilia-modal-inner form .button { margin: 20px 0; }
    .mobilia-modal-inner footer.cta { margin-top: 20px; }
    .mobilia-modal-inner .mobilia-modal-circle-logo { margin-top: 20px; }
    .mobilia-modal-inner footer { margin-top: 20px; }
    .mobilia-modal-inner .closeburger { top: 8px; right: 4px; left: auto; }
    .mobilia-modal-transparent-bkgnd { background-color: rgba(32, 32, 32, 0.9); }
    .mobilia-modal-hard-right .mobilia-modal-inner { margin: 20px auto; }
    .mobilia-modal-hard-right .mobilia-modal-inner .closeburger { right: 5px; }
}

@media (max-width:600px) {
    .mobilia-modal-outer { background-color: #FFF; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
    .mobilia-modal-inner { margin: 0; min-height: 100%; width: 100%; max-width: 100%; padding: 30px 40px 60px; }
    .mobilia-modal-inner .closeburger { right: 5px; }
    .mobilia-modal-hard-right .mobilia-modal-inner .closeburger { right: 5px; }
    .mobilia-modal-hard-right .mobilia-modal-inner { margin: 0; }
    .mobilia-modal-inner .mobilia-modal-pullout p { margin-bottom: 15px; }
    .mobilia-modal-inner .mobilia-modal-pullout p strong { font-size: 14px; }
    
}