:root {
    --navactive: #0098a6;
    --blue: #0098a6;
    --black: #272929;
    --footerheight: 540px;
    --footerheightminus: -540px;
    --imageopacity: 0.7;
    --transition: all .3s;
    --paddingleftnewarrival: 160px;
}

html, body {height: 100%; font-family: "Poppins"; color: var(--black); font-style: normal; font-display: swap;}
body {background-color: #FFF;}
#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: var(--footerheight);}

.icon-loading {width: 20px; display: none;}
.avery-field {outline: none; padding-top: 10px; padding-bottom: 10px; font-size: 11px; font-weight: 500; border: 1px solid #424242; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.help-block {font-size: 11px;}
.form-group {margin-bottom: 10px;}
.avery-button {border: 1px solid #FFF; background-color: var(--blue); font-size: 12px; color: #FFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.avery-button:hover {border: 1px solid var(--blue); background-color: #FFF; color: var(--blue);}
/* .masking-top {background: url('../img/masking-top.png') repeat-x top center; height: 130px; position: absolute; top: 0; left: 0; right: 0; background-size: 100% 100%;} */
.masking-top {position: absolute; top: 0; left: 0; right: 0; height: 130px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);}
/* .masking-bottom {background: url('../img/masking-bottom.png') repeat-x bottom center; height: 16vw; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; right: 0;} */
.masking-bottom {position: absolute; bottom: 0; left: 0; right: 0; height: 16vw; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);}

ul.avery-style {list-style-image: url(../img/bullet-list.png);}

#footer {background: url('../img/footer-bg.jpg') no-repeat bottom center; background-size: cover; position: relative; margin-top: var(--footerheightminus); min-height: var(--footerheight); clear:both;}
.footer-col {float: left; margin-bottom: 30px;}
#footer-col-1, #footer-col-2 {width: 36%; padding-right: 2%;}
#footer-col-3 {width: 28%;}
.footer-title {color: var(--blue); font-size: 18px; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px;}
.footer-decor {width: 25px; height: 5px; background-color: var(--blue); margin-bottom: 20px;}
.recaptcha-label {font-size: 11px;}
.footer-contact-container {margin-bottom: 20px;}
.footer-contact-icon {float: left; width: 40px}
.footer-contact-value {line-height: 1.7em; overflow: hidden; font-weight: 500; font-size: 18px;}
.footer-contact-value a:hover {color: var(--navactive)}
.footer-link-left {float: left; width: 50%; padding-right: 1%;}
.footer-link-right {float: left; width: 50%; padding-left: 1%;}
.footer-link-item {margin-bottom: 10px; font-weight: 600; font-size: 18px;}
.footer-link-item a:hover {color: var(--blue);}
.footer-follow-container {margin-bottom: 40px;}
.footer-follow-item, .footer-marketplace-item {font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.footer-follow-item img, .footer-marketplace-item img {max-width: 32px; max-height: 32px; margin-right: 5px;}
.footer-follow-item a:hover, .footer-marketplace-item a:hover {color: var(--blue);}

.copyright {position: absolute; bottom: 0; left: 0; right: 0; background: url('../img/copyright-bg.png') repeat 0 0; font-size: 18px; color: #FFF; text-align: center; padding-top: 24px; padding-bottom: 24px;}
.copyright .inline-container {padding-bottom:unset !important;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

.inline-container {padding-left: 5%; padding-right: 5%;}
img {max-width: 100%; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
a {outline: none; color: var(--black); -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); text-decoration: none;}
a:hover, a:visited, a:active {text-decoration: none;}
a:hover img {opacity: var(--imageopacity);}
ul {padding-left: 0;}
.clear {clear: both;}

.grecaptcha-badge { display:none !important; }

.back-to-top {overflow: hidden; display: none; position: fixed; bottom: 80px; right: 5%; width: 70px; height: 59px; background-color: var(--blue); cursor: pointer; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; z-index: 99;}
.first-arrow, .second-arrow {position: absolute; left: 50%; margin-top: -13px; margin-left: -24px;}
.first-arrow {top: 50%;}
.second-arrow {top: 88.5px;}
.back-to-top:hover .first-arrow, .back-to-top:hover .second-arrow {-ms-transform: translateY(-59px); transform: translateY(-59px);}

.section {margin-bottom: 40px; position: relative;}
.section-title, .section-title-border {letter-spacing: 1px; font-weight: bold; color: var(--blue); font-size: 29px;}
.section-title-border {display: inline-block; padding-left: 18px; border-bottom: 7px solid var(--blue); margin-bottom: 30px;}

#header {background: rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 15px 2px #DDD; -webkit-box-shadow: 0 1px 15px 2px #DDD; box-shadow: 0 1px 15px 2px #DDD; position: fixed; top: 0; left: 0; right: 0; z-index: 3;}
#header .inline-container {display: flex; justify-content: space-between;}
.logo {margin-bottom: 20px;}
.navigation-wrapper {width: 85%; list-style: none; float: right; display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 0;}
.nav-item {font-weight: 500; font-size: 13px; position: relative;}
.nav-item a {color: #444548; position: relative; top: 50%;}
.nav-item a:hover {color: var(--navactive);}
.nav-item a.active {color: var(--navactive); font-weight: bold;}
.subnav-container {display: none; opacity: 0; background-color: rgba(237, 237, 237, 0.8); position: absolute; top: 100%; left: 0; padding: 20px 15px; z-index: -1; -webkit-transition: display 0s, z-index 0s, opacity .3s; -moz-transition: display 0s, z-index 0s, opacity .3s; -o-transition: display 0s, z-index 0s, opacity .3s; transition: display 0s, z-index 0s, opacity .3s;}
.subnav-item {font-size: 16px; color: #444548; border-top: 2px solid #c2c3c4; padding: 5px 20px 5px 20px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.subnav-item-first {border-top: 0;}
.subnav-container a:hover .subnav-item, .subnav-container a.active .subnav-item {color: var(--blue) !important;}
#subnav-brand {left: unset; right: 0; text-align: right;}
#nav-product:hover > #subnav-product, #nav-brand:hover > #subnav-brand {display: block; z-index: 5; opacity: 1;}

.burger-icon {display: none; border-top: 5px solid var(--blue); border-bottom: 5px solid var(--blue);/*background: url('../img/burger-icon.png') no-repeat 0 0;*/ position: absolute; width: 30px; height: 23px; margin-top: -11.5px; top: 50%; right: 5%; cursor: pointer; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.burger-icon::before {content: "";
    position: absolute;
    top: 4px;
    left: 0px;
    width: 100%;
    border-top: 5px solid var(--blue);}
.burger-icon:hover {opacity: 0.7}
#nav-mobile-container, .subnav-mobile-container {z-index: 99999; position: fixed; top: 0; bottom: 0; left: -100%; width: 100%; background: #FFF; color: #FFF; padding-bottom: 20px;}
.logo-nav-mobile {padding-top: 20px; padding-left: 5%; padding-right: 5%; margin-bottom: 15px; border-bottom: 2px dashed var(--blue); position: relative;}
.nav-mobile-close {position: absolute; right: 5%; top: 50%; width: 30px; height: 30px; margin-top: -15px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.nav-mobile-close:hover {opacity: 0.7;}
.nav-mobile-close:before, .nav-mobile-close:after {position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: var(--blue);}
.nav-mobile-close:before {transform: rotate(45deg);}
.nav-mobile-close:after {transform: rotate(-45deg);}
.nav-mobile-item {text-transform: uppercase; padding: 15px 5% 15px 5%; position: relative;}
.nav-mobile-item a {color: #444548;}
.nav-mobile-item a:hover {color: var(--navactive);}
.nav-mobile-item a.active {color: var(--navactive); font-weight: bold;}
.submenu-button {width: 17px; height: 33px; position: absolute; background: url('../img/carousel-right.png') no-repeat 0 0; right: 5%; top: 50%; margin-top: -16.5px; cursor: pointer; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.submenu-button:hover {opacity: 0.7;}

.mobile-slider-container {display: none;}
.mobile-slider-container .slide-image.bottom {bottom: 100px;}
.mobile-slider-container .slide-image img {width: auto !important;}
.mobile-slider-container .slide-text-outer {top: 120px; bottom: unset; left: 5%; right: unset;}
.mobile-slider-container .slide-text-container {text-align: left; background: none; color: var(--blue); padding: 0 10px 0 0; font-size: 20px;}

.slide-item {background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative;}
.slider-container {
    position: relative;
    overflow: hidden;
    border: 0 !important; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.slide-bg-image-invincible {visibility: hidden;}
.slide-image {opacity: 0; position: absolute; left: 10%; width: 50%;}
.slide-image img {width: auto !important ;}
.slide-image.top {top: 90px; bottom: unset;}
.slide-image.middle {padding-top: 60px; bottom: unset; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.slide-image.bottom {top: unset; bottom: 0;}
.slide-text-outer {position: absolute; right: 6%; bottom: 110px; width: auto; overflow: hidden;}
.slide-text-container {position: relative; font-size: 30px; color: #FFF; font-weight: 500; font-style: italic; padding: 10px 40px 10px 75px; text-align: right; -webkit-border-radius: 0 0 0 100px; -moz-border-radius: 0 0 0 100px; border-radius: 0 0 0 100px; background: rgb(7,133,138); background: linear-gradient(90deg, rgba(7,133,138,0.8) 0%, rgba(33,57,31,1) 65%); right: -100%;}
.slide-text {opacity: 0;}
.slide-button {border-radius: 15px; border: 1px solid var(--blue); color: #FFF; font-size: 18px; font-weight: 500; padding: 10px 20px; background-color: var(--blue); position: absolute; bottom: 40px; left:50%; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.slide-button:hover {background: #FFF !important; color: var(--black) !important;}
.flex-control-nav {z-index: 99999; bottom: 0 !important;}
.flex-control-paging li a {width: 8px !important; height: 8px !important; background: rgba(199, 199, 199, 1) !important;}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {background: rgba(0, 152, 166, 1) !important;}

#section-home-about {margin-bottom: 140px;}
.home-about-intro-wrapper {font-size: 18px; text-align: center; background: url('../img/home-about-intro-bg.png') no-repeat bottom center; background-size: 100%; padding-bottom: 177px;}
.home-about-intro-wrapper-inner {width: 48%; margin: auto;}
.home-about-highlight {color: var(--blue); font-weight: 300; font-style: italic;}
.home-about-highlight, .home-about-intro {margin-bottom: 40px;}
.home-about-intro p {line-height: 1.7em;}
.home-about-button {border: 1px solid var(--blue); background-color: var(--blue); color: #FFF; font-size: 18px; display: inline-block; margin: auto; padding: 15px 50px; border-radius: 30px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.home-about-button:hover {background: #FFF; color: var(--blue);}

.home-about-video-wrapper-inner {width: 60%; margin: auto;}
.home-about-video-left {float: left; width: 38%; text-align: right; padding-right: 2%; padding-top: 70px;}
.home-about-video-right {float: left; width: 62%; position: relative;}
.home-about-video-right img {-webkit-box-shadow: 8px -8px 1px #d1d3d4; box-shadow: 8px -8px 1px #d1d3d4; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
.home-about-video-title {font-weight: 600; font-size: 26px; color: var(--blue);}
.home-about-video-left p {font-weight: 500; font-size: 12px; line-height: 1.7em;}
.icon-video-play {position: absolute; top: 50%; left: 50%; margin-top: -68px; margin-left: -68px; width: 136px; height: 136px; background: url('../img/play-video-button.png') no-repeat 0 0; opacity: 0.8; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); cursor: pointer;}
.icon-video-play:hover {opacity: 0.3;}
.player {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; -webkit-box-shadow: 8px -8px 1px #d1d3d4; box-shadow: 8px -8px 1px #d1d3d4; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}

#section-new-arrival {margin-bottom: 120px;}
#section-new-arrival .section-title {text-align: center; margin-bottom: 10px;}
.new-arrival-year {font-style: italic; font-weight: 600;}
.new-arrival-subtitle {font-style: italic; font-size: 17px; text-align: center; margin-bottom: 55px;}
.collection-label {position: absolute; width: var(--paddingleftnewarrival); top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.new-arrival-carousel-container {overflow: hidden; padding-left: var(--paddingleftnewarrival);}
.new-arrival-carousel {padding-left: 17px; margin-bottom: 50px;}
.new-arrival-item {position: relative;}
.new-arrival-item-container {position: relative;}
.new-arrival-collection {font-size: 23px; color: #c6c6c6; font-weight: 900;}
.new-arrival-category {line-height: 0.7em; color: var(--blue); font-size: 26px; font-weight: 500; font-style: italic;}
.new-arrival-name {color: #3a3d59; font-size: 18px; font-weight: 600; text-align: center;}
.new-arrival-image {height: 300px;}
.new-arrival-image img {position: relative; z-index: 1; width: 80%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 100%;}
.new-arrival-background {position: absolute; z-index: 0; top: 2vw; bottom: 6vw; left: 20%; right: 10%; background: #e3e3e3; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;}
#section-new-arrival .slick-prev, #section-new-arrival .slick-next {width: 17px; height: 33px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
#section-new-arrival .slick-prev:hover, #section-new-arrival .slick-next:hover {opacity: 0.7;}
#section-new-arrival .slick-prev {background: url('../img/carousel-left.png') no-repeat 0 0; left: 0;}
#section-new-arrival .slick-next {background: url('../img/carousel-right.png') no-repeat 0 0; right: 0;}
#section-new-arrival .slick-prev:before, #section-new-arrival .slick-next:before {content: none;}
.home-more-product-button-wrapper {text-align: center;}
.home-more-product-button {border: 1px solid var(--blue); background-color: var(--blue); color: #FFF; font-size: 18px; display: inline-block; margin: auto; padding: 15px 50px; border-radius: 30px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.home-more-product-button:hover {background: #FFF; color: var(--blue);}

#section-testimonial {margin-bottom: 100px;}
#section-testimonial .inline-container {padding-left: 15%; padding-right: 15%;}
.testimonial-subtitle {font-size: 21px; font-style: italic; font-weight: 300; color: var(--blue);}
.testimonial-left {float: left; width: 30%; padding-right: 2%;}
.testimonial-quote-white {margin-bottom: 10px;}
.testimonial-right {float: left; width: 70%; position: relative;}
.testimonial-item {position: relative; padding: 20px 64px 30px 30px;}
.testimonial-front {position: relative; z-index: 1;}
.testimonial-photo {float: left; width: 40%;}
.testimonial-photo img {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid var(--blue);}
.testimonial-content {float: left; width: 60%; font-weight: 500; font-size: 15px; padding-left: 2%;}
.testimonial-background {position: absolute; z-index: 0; top: 0; bottom: 16px; left: 25%; right: 34px; background: #e3e3e3; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px;}
.testimonial-quote {position: absolute; right: 0; bottom: 25px; width: 68px; height: 53px; background: url('../img/testi-quote-blue.png') no-repeat 0 0; z-index: 2;}
#section-testimonial .slick-dots {left: -35%;}
#section-testimonial .slick-dots li {width: 37px; height: 6px; background: #c5c5c5; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
#section-testimonial .slick-dots li.slick-active, #section-testimonial .slick-dots li:hover {background: var(--blue);}
#section-testimonial .slick-dots li button:before, #section-testimonial .slick-dots li.slick-active button:before {content: none;}

#section-home-article {margin-bottom: 120px;}
.article-item {float: left; width: 30%; margin-left: 2%; margin-right: 2%;}
.article-item.first {margin-left: 0;}
.article-item.last {margin-right: 0;}
.article-item-image {width: 100%; overflow: hidden; position: relative; margin-bottom: 10px; border: 1px solid #888584; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.article-item-image img {visibility: hidden;}
.article-item-image:before {content: ""; display: block; padding-top: 70%;}
.article-item-image-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: top center;}
.article-item-title {font-size: 25px; font-weight: bold; letter-spacing: 1px; color: #424242; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.article-item-date {font-weight: 500; font-size: 18px; color: #424242;}
#section-home-article a:hover .article-item-image {opacity: 0.7;}
#section-home-article a:hover .article-item-title {color: var(--blue);}

#section-about-first, #section-about-first-mobile {position: relative; background: url('../img/about-bg.jpg') no-repeat 0 0; background-size: cover; margin-bottom: 0;}
.invincible-image {visibility: hidden; width: 100%;}
.about-slogan {position: absolute; top: 50%; margin-top: -55px; right: 15%; border-radius: 30px; width: 330px; height: 110px; padding: 10px 30px 10px 10px; text-align: right; font-size: 29px; background: #FFF; color: var(--blue); border: 2px dashed var(--blue);}
.about-slogan h2 {font-weight: normal; font-size: 29px; margin-top: 0; margin-bottom: 0; line-height: 1.5em;}
.about-chair {z-index: 1; position: absolute; top: 89%; right: -10%;}
#section-about-second {z-index: 0; position: relative; background: url('../img/about-bg2.jpg') no-repeat 0 0; background-size: cover;}
.about-title {position: absolute; top: 70px; left: 15%;  color: var(--blue); font-size: 29px; font-weight: normal; margin-top: 0; margin-bottom: 10px; line-height: 1.3em;}
.about-title-thin {font-weight: 200;}
.about-title-bold {font-weight: bold;}
.about-subtitle {font-size: 16px; letter-spacing: 2px; font-weight: 600; color: var(--blue); line-height: 1.5em;}
.about-philosophy {width: 100%; max-width: 610px; position: absolute; right: 15%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px dashed var(--blue); background: #FFF; color: #000; padding: 20px 30px; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0;}
.about-philosophy-title {font-weight: bold; font-size: 21px; margin-left: 20px; line-height: 2.5em;}
.about-philosophy-title-border {height: 6px; width: 50px; background-color: #000; margin-bottom: 10px;}
.about-philosophy-content {margin-left: 20px; line-height: 2.5em;}
.about-philosophy-en {font-weight: 600; font-style: italic; font-size: 21px; color: #000;}
.about-philosophy-id {font-weight: 500; font-size: 19px; }
.about-chair2 {position: absolute; z-index: 1; top: 90%; right: -10%;}

#section-about-first-mobile {display: none; padding-bottom: 100px; position: relative; background: url('../img/about-bg-mobile.jpg') no-repeat 0 0; background-size: cover; margin-bottom: 0;}
#section-about-first-mobile .about-chair {right: 5%; top: 25%; text-align: right;}
#section-about-first-mobile .about-slogan {z-index: 2; top: unset; bottom: 0; margin-top: 0; right: unset; left: 50%; transform: translateX(-50%); text-align: center;}

#section-about-second-mobile {display: none; z-index: 0; position: relative; background: url('../img/about-bg2-mobile.jpg') no-repeat 0 0; background-size: cover;}

#section-about-vision-mission .inline-container {padding-right: 15%; padding-left: 15%;}
.vision-mission-container {width: 50%;}
.vision-container {margin-bottom: 25px;}
.vision-mission-title {font-weight: bold; font-size: 48px; color: var(--blue); letter-spacing: 5px;}
.vision-mission-content {font-size: 21px; color: #000;}
.vision-mission-content ol {padding-left: 20px;}

#section-about-brand {padding-top: 60px; padding-bottom: 29vw; background: url('../img/about-bg3.png') no-repeat center bottom; background-size: cover;}
#section-about-brand .inline-container {padding-left: 15%; padding-right: 15%;}
.brand-left {float: left; width: 50%;}
.brand-right {float: left; width: 50%; font-size: 22px; }
.brand-item {margin-bottom: 20px; color: var(--blue); font-weight: bold; font-size: 22px;}
.brand-item img {max-width: 30%;}
.brand-bold {font-weight: bold; color: var(--blue);}
.brand-right mark {color: #FFF; background: var(--blue); font-weight: bold;}

#section-about-last .inline-container {padding-left: 15%; padding-right: 15%;}
.about-last-top {text-align: center; font-size: 22px; margin-bottom: 20px; line-height: 2.0em;}
.about-last-top strong {color: var(--blue);}
.about-last-bottom {column-count: 2; font-size: 19px; line-height: 2.0em;}

#section-about-image {margin-bottom: 80px;}
#section-about-image .inline-container {padding-left: 15%; padding-right: 15%; text-align: center;}

#section-custom-banner {background-repeat: no-repeat; background-position: top center; background-size: cover; position: relative;}
#section-custom-banner-mobile {display: none; background-repeat: no-repeat; background-position: top center;  background-size: cover; position: relative;}
.custom-banner-title {text-align: center; padding: 20px 30px; font-size: 24px; font-weight: bold; font-style: italic; color: #FFF; background-color: rgba(0, 112, 126, 0.7); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) skew(-20deg); -ms-transform: translateX(-50%, -50%) skew(-20deg);}
.custom-banner-title div {transform: skew(20deg); -ms-transform: skew(20deg);}

#section-custom-furniture {background: url('../img/custom-bg.jpg') no-repeat 0 0; background-size: auto; font-size: 17px; color: #444548; line-height: 2em; margin-bottom: 150px;}
#section-custom-furniture .section-title {font-size: 46px; color: var(--blue); text-align: center; font-weight: 800; letter-spacing: 13px; margin-bottom: 70px;}
.furniture-content-first {position: relative; margin-bottom: 50px;}
.furniture-content-first .furniture-content {margin-bottom: 20vw;}
.furniture-image-1 {position: absolute; bottom: 0; left: 5%; width: 28%;}
.furniture-content {float: left; width: 50%;}
.furniture-image {float: right; width: 50%; text-align: center; padding-left: 2%; padding-right: 2%;}
#section-custom-furniture ul {margin-left: 20px;}
.furniture-highlight {line-height: 1.2em; font-weight: bold; font-style: italic; font-size: 33px; color: var(--blue); margin-bottom: 15px;}

#section-career-title {position: relative; background-repeat: no-repeat; background-position: top center; background-size: contain; font-size: 17px; color: #444548; line-height: 2em; margin-bottom: 150px; text-align: center;}
#section-career-title-mobile {display: none; position: relative; background-repeat: no-repeat; background-position: top center; background-size: contain; font-size: 17px; color: #444548; line-height: 2em; margin-bottom: 150px; text-align: center;}
.career-title {text-align: center; border-bottom: 100px solid rgba(0, 112, 126, 0.7); color: #FFF; border-left: 25px solid transparent; height: 0; width: auto; display: inline-block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.career-title h1 {letter-spacing: 1px; padding: 25px; font-size: 45px; font-weight: bold; font-style: italic; margin: 0;}
#section-jobs {margin-bottom: 100px;}
.job-container {margin-bottom: 30px;}
.job-item {float: left; width: 46%; position: relative; margin-bottom: 40px; margin-left: 2%; margin-right: 2%; -moz-border-radius: 0 0 30px 0; -webkit-border-radius: 0 0 30px 0; border-radius: 0 0 30px 0; border: 1px solid #8f8f91; background: #FFF; padding: 30px 40px;}
.job-item-icon {position: absolute; top: 10px; right: 20px;}
.job-item-icon img {width: 70px;}
.job-item-title {color: var(--blue); font-size: 31px; font-weight: bold; font-style: italic;}
.job-item-short-desc {font-size: 16px; color: #444548; line-height: 1.8em; margin-bottom: 10px;}
.job-item-more-button {background-color: var(--blue); color: #FFF; font-size: 19px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 5px 30px; display: inline-block; letter-spacing: 1px; border: 1px solid var(--blue); -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.job-container a:hover .job-item-more-button {background: #FFF; color: var(--blue);}
.button-container {text-align: center;}
.more-button {background-color: var(--blue); border: 1px solid var(--blue); color: #FFF; font-size: 19px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 5px 30px; display: inline-block; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.more-button:hover {background: #FFF; color: var(--blue);}

#section-banner-career-detail {position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover;}
#section-banner-career-detail-mobile {display: none; position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.career-detail-banner-title {color: #FFF; border-bottom: 100px solid rgba(0, 112, 126, 0.7); border-left: 25px solid transparent; height: 0; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translateX(-50%, -50%); white-space: nowrap;}
.career-detail-banner-title h1 {letter-spacing: 1px; padding: 25px; font-size: 34px; font-weight: bold; font-style: italic; margin: 0;}
.career-detail-banner-icon {background: url('../img/icon-job2.png') no-repeat top left; width: 88px; height: 66px; position: absolute; top: -33px; left: -44px;}
#section-career-description .section-title, #section-career-requirement .section-title {font-size: 34px; text-align: center; margin-bottom: 30px;}
#section-career-description .section-content, #section-career-requirement .section-content {font-size: 17px; line-height: 2.0em; text-align: center;}
#section-career-requirement {background: url('../img/career-detail-bg2.jpg') no-repeat center center; background-size: cover;}
#section-career-requirement .section-content {margin-bottom: 50px;}
#section-career-form {margin-bottom: 100px; text-align: center;}
#section-career-form .error-summary {text-align: left;}
.career-form-title-wrapper {display: inline-block; margin-bottom: 30px;}
.career-form-icon {width: 77px; float: left; text-align: right;}
.career-form-title {text-align: left; padding-top: 20px; padding-left: 15px; overflow: hidden; font-size: 19px; font-weight: bold; color: var(--blue);}
.career-form-border {width: 25px; height: 4px; background-color: var(--blue); display: inline-block}
.career-form-container {padding-left: 5%; padding-right: 5%;}
.cv-upload-container {font-size: 15px; margin-bottom: 20px;}

.upload-proof-container{padding: 10px 20px;}
#section-career-form .help-block {color: #925e60; text-align: left;}
#section-career-form .alert {text-align: left;}
#section-career-form .alert ul {margin-left: 20px;}
.upload-proof-container2{padding: 10px 15px;}
.upload-proof-label{text-align: center; margin-bottom: 10px;}
.upload-proof-field{text-align: center;}
.proof-optional{color: #f80b17;}
#file-chosen{color: var(--blue); display: none;}
.upload-proof-field label{
  display: inline-block;
  border: 1px solid;
  border-color: #acacac;
  background-color: #f0f0f0;
  color: #000;
  padding: 5px 8px;
  border-radius: 0.3rem;
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  letter-spacing: 2px;
}
.upload-proof-field label:hover{color: #fff; background-color: var(--blue);}
.custom-btn-confirm{display: none !important;}
.error-summary {background-color: #f2dede; border: 1px solid #ebccd1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #925e60; padding: 10px 3% 5px 3%; margin-bottom: 20px;}
.error-summary ul {margin-left: 20px;}

#section-banner-career-detail-mobile .career-detail-banner-icon {background: url('../img/icon-job.png') no-repeat top left; width: 88px; height: 66px; margin: auto; position:static;}
.career-detail-banner-title-wrapper {position: absolute; top: 120px; left: 0; right: 0; text-align: center;}
#section-banner-career-detail-mobile .career-detail-banner-title {border: 0; height: auto; white-space: unset; color: var(--blue); position: static; transform: none; top: unset; left: unset;}

#section-featured-article, #section-featured-article-mobile {background-size: cover; background-repeat: no-repeat; background-position: 0 0;}
.featured-article-title-wrapper {position: absolute; left: 15%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 50px; font-weight: bold; width: 35%; color: var(--blue);}
.featured-article-button {display: inline-block; font-size: 25px; font-weight: normal; padding-left: 40px; padding-right: 40px; border: 1px solid var(--blue);}
#section-featured-article-mobile {display: none;}
.latest-article-item {padding: 20px;}
.latest-article-carousel .article-item-short-desc, .article-container .article-item-short-desc {font-size: 18px; margin-bottom: 5px;}
.latest-article-carousel .article-item-date, .article-container .article-item-date {font-weight: 300; font-style: italic;}
.latest-article-carousel .article-item-author, .article-container .article-item-author {font-weight: 300; font-style: italic; font-size: 18px;}
.latest-article-carousel a:hover .article-item-image, .article-container a:hover .article-item-image {opacity: 0.7;}
.latest-article-carousel a:hover .article-item-title, .latest-article-carousel a:hover .article-item-short-desc, .latest-article-carousel a:hover .article-item-author, .latest-article-carousel a:hover .article-item-date, .article-container a:hover .article-item-title, .article-container a:hover .article-item-short-desc, .article-container a:hover .article-item-author, .article-container a:hover .article-item-date {color: var(--blue);}
#section-article {margin-bottom: 100px;}
#section-article .article-item {float: left; width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 50px;}
.article-category-container {float: left; width: 30%; padding-right: 2%;}
.article-container {float: left; width: 70%; margin-bottom: 40px;}
.article-category-container ul {list-style: none; padding-left: 20px;}
.article-category-item {font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.article-category-item a.active, .article-category-item a:hover {color: var(--blue);}
.article-category-carousel {margin-bottom: 20px; display: none !important;}
.article-category-carousel .article-category-item {margin-bottom: 0;}
.article-navigation-wrapper {font-weight: 300; font-style: italic; font-size: 24px; color: #424242; display: flex; justify-content: space-between;}
.article-navigation-wrapper .pagination {margin-top: 0; margin-bottom: 0;}
.article-navigation-wrapper .prev-button a, .article-navigation-wrapper .next-button a {border-bottom: 1px solid #424242;}
.article-navigation-wrapper .prev-button a:hover, .article-navigation-wrapper .next-button a:hover {color: var(--blue); border-bottom: 0;}
.article-navigation-wrapper .invincible {visibility: hidden;}
.label-button-prev-mobile, .label-button-next-mobile {display: none; font-size: 40px; margin-top: -10px;}

#section-article-banner, #section-article-banner-mobile {background-size: cover; background-repeat: no-repeat; background-position: top center;}
#section-article-banner-mobile {display: none;}
.article-detail-title {text-align: center; padding: 20px 30px; background-color: rgba(0, 112, 126, 0.7); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translateX(-50%, -50%);}
.article-detail-title h1 {font-size: 33px; font-weight: bold; color: #FFF; margin-top: 0; margin-bottom: 0; line-height: 1.5em; letter-spacing: 2px;}
.article-quote-open {height: 103px; background: url('../img/article-quote-open.png') no-repeat top center; margin-bottom: 45px;}
.article-quote-close {height: 103px; background: url('../img/article-quote-close.png') no-repeat top center;margin-top: 45px;}
.article-highlight {font-weight: 300; font-style: italic; font-size: 24px; color: #424242; margin-bottom: 70px; padding-left: 15%; padding-right: 15%; line-height: 2.0em; text-align: center;}
#article-detail-content {margin-bottom: 100px;}
/* #article-detail-content .inline-container{padding-left: 10%; padding-right: 10%;} */
.article-detail-content-first {margin-bottom: 10px;column-count: 2; line-height: 2.0em; font-weight: 500; font-size: 18px;}
.article-detail-content-first p:first-child::first-letter {
    color: var(--blue);
    padding: 0 .3rem;
    margin: 0 .3rem 0 0;
    font-family: "ActaDisplayW01-Black";
    font-size: 7rem;
    float: left;
    line-height: 1;
}
.article-detail-content-second {column-count: 2; line-height: 2.0em; font-weight: 500; font-size: 18px;}
#section-related-article {margin-bottom: 150px;}

#section-banner-opportunity {position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.opportunity-banner-title {color: #FFF; border-bottom: 100px solid rgba(0, 112, 126, 0.7); border-left: 25px solid transparent; height: 0; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translateX(-50%, -50%);}
.opportunity-banner-title h1 {letter-spacing: 1px; padding: 25px; font-size: 34px; font-weight: bold; font-style: italic; margin: 0;}
#section-opportunity {background: url('../img/opportunity-image.jpg') no-repeat bottom center; padding-bottom: 700px; background-size: 100% auto;}
#section-opportunity .section-title {letter-spacing: 10px; font-weight: 800; font-size: 46px; text-align: center; color: var(--blue); margin-bottom: 70px;}
#section-opportunity .section-content {color: #444548; font-size: 17px; line-height: 2.0em;}
#section-opportunity .section-content.two-column {column-count: 2;}
.opportunity-image-mobile {display: none;}
.opportunity-highlight {font-weight: bold; font-style: italic; font-size: 33px; color: var(--blue); margin-bottom: 10px;}
#section-opportunity ul {margin-left: 20px;}

#section-banner-opportunity-mobile {display: none; position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover;}
#section-banner-opportunity-mobile .opportunity-banner-title {top: unset; bottom: 0; border-bottom: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); color: var(--blue); text-align: center; border-left: 0; height: auto;}

#section-product-banner {background: url('../img/product-banner.jpg') no-repeat top center; background-size: cover;}
#section-product-banner-mobile {display: none; background: url('../img/product-banner-mobile.jpg') no-repeat top center; background-size: cover;}
.product-banner-title {font-size: 24px; text-align: center; color: var(--blue); position: absolute; top: 40%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.banner-title-regular {font-weight: 500;}
.banner-title-bold {font-weight: 600; font-style: italic;}
#section-product-category {margin-bottom: 120px;}
.collection-label {position: absolute; width: var(--paddingleftnewarrival); top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 1%;}
.product-category-wrapper {padding-left: var(--paddingleftnewarrival);}
.product-category-item {position: relative; float: left; width: 25%;}
.product-category-item-container {position: relative; margin-top: 70px; margin-bottom: 70px; min-height: 255px;}
.product-category-collection {font-size: 23px; color: #c6c6c6; font-weight: 900;}
.product-category-category {line-height: 1.0em; color: var(--blue); font-size: 26px; font-weight: 500; font-style: italic;}
.product-category-name {color: #3a3d59; font-size: 18px; font-weight: 600;}
.product-category-image, .product-category-more {position: absolute; top: 50%; left: 10%; -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 85%; max-height: 120%;}
.product-category-more {font-size: 23px; color: #3a3d59;}
.product-category-image-wrapper {height: 200px; position: relative; margin-bottom: 30px;}
.product-category-grey-bg {width: 70%; height: 100%; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; background-color: #e3e3e3;}

#section-breadcrumb .inline-container {margin-bottom: 100px;}
.breadcrumb-container {font-size: 18px; font-weight: 600;}
.breadcrumb-container a {color: #000;}
.breadcrumb-container a:hover, .breadcrumb-container a.active {color: var(--blue);}

.product-list-item {position: relative; margin-bottom: 100px; float: left; width: 25%;}
.product-list-name {color: #3a3d59; font-size: 18px; font-weight: 600;}
.product-list-image-wrapper {height: 200px; position: relative; margin-bottom: 60px;}
.product-list-image {position: absolute; top: 50%; left: 10%; -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 70%;}
.product-list-grey-bg {width: 70%; height: 100%; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; background-color: #e3e3e3;}
.product-list-container .clear3, .product-list-container .clear2 {clear: both; display: none;}

#section-product-detail {margin-top: 150px; margin-bottom: 150px; color: var(--black); font-weight: 600; font-size: 19px;}
#section-product-detail .inline-container {padding-left: 15%; padding-right: 15%;}
.product-image-container {float: left; width: 50%; padding-right: 10%; position: relative;}
.product-image-slider {position: relative; margin-bottom: 50px;}
.product-image-slider .slick-prev, .product-image-slider .slick-next {-webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.product-image-slider .slick-prev, .product-image-slider .slick-prev:hover {opacity: 1; background: url('../img/product-thumb-prev.png') no-repeat center center !important; background-color: var(--blue) !important; top: 20px; bottom: 20px; width: 40px; left: -40px; -ms-transform: none; -webkit-transform: none; transform: none; height: auto;}
.product-image-slider .slick-prev:hover, .product-image-slider .slick-next:hover {opacity: 0.7 !important;}
.product-image-slider .slick-prev:before, .product-image-slider .slick-next:before {content: '';}
.product-image-slider .slick-next, .product-image-slider .slick-next:hover {opacity: 1; background: url('../img/product-thumb-next.png') no-repeat center center !important; height: 33px; width: 17px; right: -17px;}
.product-image-background {position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background-color: #e3e3e3; border-radius: 0 20px 20px 0;}
.product-image-item {position: relative; text-align: center;}
.product-image-item img {position: relative; z-index: 1; display: inline-block;}
.product-image-thumb-item {width: 30%; margin-left: 1%; margin-right: 1%; float: left; border: 3px solid #8e8e8e; background-repeat: no-repeat; background-position: center center; background-size: cover; cursor: pointer; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.product-image-thumb-item.active, .product-image-thumb-item:hover {border: 3px solid var(--blue);}
.product-image-thumb-item:after {content: ""; display: block; padding-top: 100%;}
.product-info-container {floaT: left; width: 50%; padding-left: 2%;}
.product-title-wrapper {padding-bottom: 20px; border-bottom: 1px solid var(--black); margin-bottom: 20px;}
.product-title-mobile {display: none;}
.product-title {font-size: 48px; color: var(--blue); font-weight: bold; letter-spacing: 5px;}
.product-category {font-style: italic;}
.product-color-wrapper, .product-choice-wrapper {margin-bottom: 20px;}
.product-color-item {margin-bottom: 10px;}
.product-color-box {width: 15px; height: 15px; border: 1px solid var(--black); float: left; margin-right: 5px; margin-top: 5px;}
.product-color-label {font-weight: bold; overflow:hidden;}
.product-specification-wrapper {margin-bottom: 20px;}
.product-specification {font-weight: bold;}

#section-brand-banner, #section-brand-banner-mobile {background-size: contain; background-position: top right; background-repeat: no-repeat;}
.brand-banner-title-wrapper {position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 5%;}
.brand-logo {margin-bottom: 20px;}
#section-brand-content {margin-bottom: 100px;}
#section-brand-content .inline-container {padding-left: 10%; padding-right: 10%;}
.brand-banner-text {font-size: 39px; color: var(--blue); line-height: 1.2em;}
.brand-highlight-quote-open {height: 30px;}
.brand-highlight-wrapper {font-size: 35px; color: var(--blue); font-weight: 500; font-style: italic; padding-bottom: 10px; margin-bottom: 20px; -webkit-border-radius: 0 0 50px 0; -moz-border-radius: 0 0 50px 0; -o-border-radius: 0 0 50px 0; border-radius: 0 0 50px 0; border-right: 3px dashed var(--blue); border-bottom: 3px dashed var(--blue); padding-right: 15px;}
.brand-content {font-size: 19px;}
.brand-content b {font-size: 25px;}
.brand-content ol {padding-left: 20px;}
#section-brand-product {margin-bottom: 100px;}
#section-brand-product .inline-container {padding-left: 10%; padding-right: 10%;}
.brand-product-wrapper {position: relative; padding-bottom: 30px;}
.brand-product-wrapper .collection-label {transform: none; top: 0;}
.brand-product-container {padding-left: 170px;}
.brand-product-item {width: 26%; margin-bottom: 30px;}
.brand-product-box-border {position: absolute; top: 50%; bottom: 0; left: 0; right: 50%; -webkit-border-radius: 0 0 0 70px; -moz-border-radius: 0 0 0 70px; -o-border-radius: 0 0 0 70px; border-radius: 0 0 0 70px; border-left: 3px dashed var(--blue); border-bottom: 3px dashed var(--blue);}
.brand-product-button {width: 128px; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 1px solid var(--blue); color: #FFF; font-size: 12px; padding: 10px 20px; background-color: var(--blue); position: absolute; bottom: -20px; right: -64px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.brand-product-button:hover {background: #FFF; color: var(--blue);}
.brand-product-load-icon {display: none; text-align: center;}
.brand-product-load-icon img {height: 15px;}

#section-brand-banner-mobile {display: none;}