/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NNS-bold';
    src: url('../fonts/NunitoSans10pt-Bold.eot');
    src: url('../fonts/NunitoSans10pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans10pt-Bold.woff2') format('woff2'),
        url('../fonts/NunitoSans10pt-Bold.woff') format('woff'),
        url('../fonts/NunitoSans10pt-Bold.ttf') format('truetype'),
        url('../fonts/NunitoSans10pt-Bold.svg#NunitoSans10pt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NNS-regular';
    src: url('../fonts/NunitoSans10pt-Regular.eot');
    src: url('../fonts/NunitoSans10pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans10pt-Regular.woff2') format('woff2'),
        url('../fonts/NunitoSans10pt-Regular.woff') format('woff'),
        url('../fonts/NunitoSans10pt-Regular.ttf') format('truetype'),
        url('../fonts/NunitoSans10pt-Regular.svg#NunitoSans10pt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*------------------------------------*\
    Default Style
\*------------------------------------*/

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0;
	overflow: auto;
    overflow-x: hidden;
    color: #333;
    font-family: 'NNS-regular';
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

ul {
    list-style: none;
}

li {
    display: inline-block;
}

a {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    outline: none !important;
}

h2 {
    font-family: 'montserrat-regular';
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

h3 {
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    margin-top: 25px;
}

p {
    font-family: 'NNS-regular';
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    margin-top: 25px;
}

p strong {
    font-weight: normal;
    font-family: 'NNS-bold';
}

@media(min-width: 1025px) {
    p {
        font-size: 16px;
    }

    h2 {
        font-size: 25px;
        line-height: 40px;
        text-align: left;
    }

    h3 {
        text-align: left;
        font-size: 18px;
        line-height: 30px;
    }
	.bulb-section h2 { text-align: center; }
}


/*------------------------------------*\
    Effects
\*------------------------------------*/

a,
a:after,
a:before,

.btn,
.btn:after,
.btn:before,

input,
button,
select,
textarea,
.menu-icon span,
.custom-column img,
.banner-prev,
.banner-next,
.home-full p,
.home-half p,
.home-items-container p:after,
.sac-link img,
.page-header,
.gallery-desktop,
.truelight-click,
.nav-primary li span,
.desktop-hover,
.customers-item,
.desktop-slider-arrow {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.gallery-container img,
.etch-design-img,
.customers-info,
.etch-popup-section.move,
.mosaic-slider-img img {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.cabinet-col,
.cabinet-img span {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

/*------------------------------------*\
    Global Style
\*------------------------------------*/

.page-header,
.nav-primary,
.page-main,
.page-content,
.page-footer,
.masthead {
    float: left;
    width: 100%;
    position: relative;
}

.page-main,
.global-section {
    margin-top: 50px;
}

.global-section-margin-bottom {
    margin-bottom: 50px;
}

.mobile-margin {
    margin-top: 30px;
}

.no-banner-margin {
    margin-top: 60px;
}

.hidden-heading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -999;
}

/* .page-main { opacity: 0; } */
/* .page-main { display: none; } */

@media(min-width: 1025px) {
    .page-main {
        margin-top: 0;
    }

    .global-section {
        margin-top: 80px;
    }

    .global-section-margin-bottom {
        margin-bottom: 80px;
    }

    .padded-left-content {
        padding-left: 25px;
    }

    .padded-right-content {
        padding-right: 25px;
    }

    .mobile-margin {
        margin-top: 0;
    }

    .no-banner-margin {
        margin-top: 160px;
    }

    .title-right h2 {
        text-align: right;
    }

    .bordered-title h2 {
        position: relative;
        padding-bottom: 15px;
    }

    .bordered-title h2:after {
        content: "";
        display: block;
        margin-top: 10px;
        width: 80px;
        height: 4px;
        background-color: #E1AA56;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .title-right.bordered-title h2:after {
        right: 0;
        left: auto;
    }
}

.banner-slider-container .slick-arrow,
.intro-thumbnail,
.ledlayout-item,
.bulb-item.
.ledoptions-img,
.gallery-mobile-category,
.gallery-item,
footer a,
.nav-primary li a,
.nav-primary li span,
.desktop-step,
.cd-upload-btn {
    -webkit-tap-highlight-color: transparent;
}

/*------------------------------------*\
    Header
\*------------------------------------*/

.page-header {
    padding: 15px 0 5px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 6px -6px black;
    z-index: 10;
}

.logo {
    width: 230px;
    z-index: 2;
    position: relative;
}

.menu-icon {
    float: right;
    cursor: pointer;
    padding: 5px 12px;
    margin-top: -4px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dfa95d;
}

.menu-icon span {
    color: #dfa95d;
	font-size: 14px !important;
}

.menu-icon.change-color {
	background-color: #dba23b !important;
}

.menu-icon.change-color span {
	color: white !important;
}

.nav-primary {
    position: absolute;
    top: 40px;
    left: -5px;
    width: calc(100% + 10px);
    background-color: #fff;
    box-shadow: 0 4px 6px -6px black;
    display: none;
    max-height: calc(100vh - 50px);
    overflow-x: hidden;
    overflow-y: scroll;
}

.nav-primary li {
    display: block;
    border-top: 1px solid #ededed;
}

.nav-primary li a,
.nav-primary li span {
    padding: 12px 20px;
    display: block;
    width: 100%;
    font-size: 12px;
    color: #222;
    font-family: 'montserrat-regular';
    position: relative;
    cursor: pointer;
}

.nav-primary li span img:last-child {
    position: absolute;
    top: 14px;
    right: 23px;
    width: 10px !important;
}
.hasachild img:first-child {
	width: 20px !important;
	position: relative;
    top: -2px;
}

.cart-icon {
	position: absolute;
	top: 2px;
	right: 55px;
	width: 28px;
}
.cartli { display: none; }

@media(min-width: 1025px) {
	.cartli {
		display: inline-block;
		width: 28px;
		height: 15px;
		position: relative;
	}
	.cart-icon {
		position: absolute !important;
		top: -5px;
		right: 0;
		width: 28px !important;
	}
    .page-header {
        background-color: transparent;
        box-shadow: none;
        padding: 7px 0;
    }

    .menu-icon { display: none; }

    .logo {
        width: 210px;
        padding: 11px 0 !important;
    }

    .nav-primary {
        display: block;
        /* position: relative; */
        box-shadow: none;
        width: auto;
        float: right;
        text-align: right;
        top: 9px;
        right: 15px;
        background-color: transparent;
        overflow-x: inherit;
        overflow-y: inherit;
    }

    .nav-primary li {
        display: inline-block;
        border: none;
    }

    .nav-primary li.sacli {
        display: none;
    }
	.nav-primary li:last-child { margin-right: 5px; }

    .nav-primary li:not(:first-child) {
        margin-left: 25px;
    }

    .nav-primary li a,
    .nav-primary li span {
        padding: 0;
        font-size: 12px;
    }

    .nav-primary li a:hover,
    .nav-primary li span:hover {
        color: #e1aa57;
    }

    .nav-primary li span img:last-child {
        display: none;
    }

    .stickyheader {
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 4px 6px -6px black;
        padding: 7px 0;
    }

    .desktop-hover,
	.flag-hover {
        padding-bottom: 28px;
    }

    .stickyheader .desktop-hover,
	.stickyheader .flag-hover {
        padding-bottom: 18px;
    }
	
	.menu-padding{padding-top: 14px;}
}

@media(min-width: 1200px) {
    .page-header { padding: 7px 0; }
	.nav-primary li a,
    .nav-primary li span { font-size: 14px; }

    .nav-primary li:not(:first-child) { margin-left: 25px; }
    .stickyheader { padding: 7px 0; }
    .desktop-hover,
	.flag-hover {
        padding-bottom: 40px;
    }
	.cartli { height: 18px; }
	.cart-icon { top: -3px; }
}

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

/* .submenu-container {
    display: none;
}

.submenu {
    display: grid;
    grid-template-columns: 50% 50%;
    border-top: 1px solid #ededed;
}

.submenu li {
    text-align: center;
    border-top: none;
}

.submenu img {
    width: 100% !important;
    max-width: 183px;
}

@media(min-width: 600px) {
    .submenu {
        grid-template-columns: 33.3% 33.3% 33.3%;
    }
}

@media(min-width: 1025px) {
    .submenu-container {
        display: block;
        position: absolute;
        background-color: white;
        width: calc(100% - 20px);
        left: 20px;
        top: 48px;
        display: none;
    }

    .submenu {
        grid-template-columns: 16.66666666666667% 16.66666666666667% 16.66666666666667% 16.66666666666667% 16.66666666666667% 16.66666666666667%;
    }

    .stickyheader .submenu-container {
        top: 38px;
    }

    .submenu li {
        margin-left: 0 !important;
    }

    .submenu li a {
        padding: 15px;
    }

    .submenu li:last-child {
        display: block;
    }

    .desktop-hover:hover .submenu-container {
        display: block;
    }
}

@media(min-width: 1200px) {
    .submenu-container {
        top: 60px;
    }
} */

.submenu-container { display: none; }
.submenu {
    display: grid;
    grid-template-columns: 50% 50%;
}
.submenu li {
    text-align: center;
    border-top: none;
}
.submenu img {
    width: 100% !important;
    max-width: 183px;
}

.submenu-flag li img {
	position: absolute;
	width: 20px !important;
	top: 10px;
	left: 20px;
}
.submenu-flag li a { padding-left: 47px; }

@media(min-width: 600px) {
    .submenu { grid-template-columns: 33.3% 33.3% 33.3%; }
}
@media(min-width: 1025px) {
    .submenu-container {
        display: block;
        position: absolute;
        background-color: white;
        width: calc(100% - 20px);
        left: 20px;
        top: 52px;
		 opacity: 0;
         display: none;
		-webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
    }
.submenu {
    grid-template-columns: 14.29% 14.29% 14.29% 14.29% 14.29% 14.29% 14.29%;
}
    .stickyheader .submenu-container { top: 88px; }
    .submenu li { margin-left: 0 !important; }
    .submenu li a { padding-bottom: 30px; padding-top:30px; }
    .submenu li:last-child { display: block; }
	.submenu-container.subshow{ top: 52px; opacity: 1;}
	.submenu-container.subappear{display:block;}
    .desktop-hover:hover .submenu-container { display: block; }
	.stickyheader .submenu-container.subshow{ top: 52px; opacity: 1;}
	
	.flag-hover .submenu-container {
		width: 180px;
		left: auto;
		right: 5px;
		text-align: left;
	}
	.flag-hover li {
		display: block;
		margin-left: 0 !important;
		border-top: 1px solid #dadada;
	}
	.flag-hover li:first-child { border-top: none; }
	.flag-hover li a { padding: 15px 10px 15px 40px !important; }
	.submenu-flag li img {
		left: 10px;
		top: 14px;
	}
}
@media(min-width: 1200px) {
    .submenu-container { top: 52px; box-shadow: 0 3px 5px 0 #c0c0c0 !important; }
	.submenu-container.subshow{ top: 52px; opacity: 1;}
}

/*------------------------------------*\
    Banner
\*------------------------------------*/

.home-banner-slider-container,
.banner-slider-container {
    position: relative;
    background-color: #000;
}

.page-id-250 .banner-slider-container {
    background-color: #fff;
}

.home-banner-slider-container:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 12px;
    background-image: url(../../../../uploads/ruler.png);
    background-repeat: repeat-x;
    display: block;
}

.home-banner-slider {
    height: 125px;
    overflow: hidden;
}

.home-banner-img {
    height: 125px !important;
    width: 100%;
/*     background-position: center;
    background-size: cover; */
	object-fit: cover;
	margin-bottom: 0 !important;
}

.banner-prev,
.banner-next {
    position: absolute;
    top: calc(50% - 36px);
    left: 25px;
    z-index: 2;
    cursor: pointer;
    width: 72px;
    height: 72px;
    background-color: #000;
    color: #fff;
    display: none !important;
    padding-top: 21px;
    padding-left: 24px;
}

.banner-next {
    text-align: right;
    left: auto;
    right: 25px;
    padding-left: 0;
    padding-right: 24px;
}

.banner-prev:hover,
.banner-next:hover {
    background-color: #e1aa57;
}

.banner-prev img,
.banner-next img,
.inspiration-prev img,
.inspiration-next img {
    max-width: 20px;
}

.banner-prev img,
.inspiration-prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.banner-slider,
.tc-flex-banner {
    height: 230px;
    overflow: hidden;
}

.banner-img {
    height: 230px !important;
    width: 100%;
/*     background-position: center;
    background-size: cover; */
	object-fit: cover;
	margin-bottom: 0 !important;
}

.banner-slider {
    margin-bottom: -1px;
}

@media(min-width: 600px) {

    .home-banner-slider img,
    .home-banner-img,
    .home-banner-slider {
        height: 180px !important;
    }

    .banner-slider img,
    .banner-img,
    .banner-slider,
    .tc-flex-banner {
        height: 290px !important;
    }
}

@media(min-width: 768px) {

    .home-banner-slider img,
    .home-banner-img,
    .home-banner-slider {
        height: 230px !important;
    }

    .banner-slider img,
    .banner-img,
    .banner-slider,
    .tc-flex-banner {
        height: 370px !important;
    }
}

@media(min-width: 1025px) {

    .home-banner-slider img,
    .home-banner-img,
    .home-banner-slider {
        height: 270px !important;
    }

    .banner-prev,
    .banner-next {
        display: block !important;
    }

    .banner-slider-container .slick-hidden {
        display: none !important;
    }

    .banner-slider img,
    .banner-img,
    .banner-slider,
    .tc-flex-banner {
        height: 470px !important;
    }
}

@media(min-width: 1200px) {

    .home-banner-slider img,
    .home-banner-img,
    .home-banner-slider {
        height: 500px !important;
    }

    .banner-slider img,
    .banner-img,
    .banner-slider,
    .tc-flex-banner {
        height: 595px !important;
    }
}

@media(min-width: 1500px) {

    .banner-slider img,
    .banner-img,
    .banner-slider {
        height: 690px !important;
    }
}

@media(min-width: 1800px) {

    .banner-slider img,
    .banner-img,
    .banner-slider,
    .tc-flex-banner {
        height: 825px !important;
    }
}

/*------------------------------------*\
    Home
\*------------------------------------*/

.home-text-block,
.home-text-items {
    margin-top: 50px;
}

.home-text-block h1 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 25px;
    font-family: 'montserrat-bold';
}

.home-text-block p {
    display: inline-block;
    margin: 0 auto;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'montserrat-bold';
    line-height: 22px;
    margin-top: 20px;
    text-align: center !important;
}

.home-items-container {
    width: calc(100% + 4px);
    margin-left: -2px;
    float: left;
}

.home-full,
.home-half {
    float: left;
    width: calc(100% - 4px);
    margin: 2px;
    position: relative;
}

.home-full p,
.home-half p {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-align: right;
    background: rgba(255, 255, 255, .75);
    color: #333;
    font-family: 'montserrat-regular';
    font-size: 17px;
    line-height: 25px;
    padding: 7px 13px;
    width: 65%;
}

.home-items-container p:after {
    content: '';
    display: block;
    height: 5px;
    background: #333;
    float: right;
    margin-top: 5px;
    width: 84px;
}

/* .home-full img { max-width: 1160px !important; } */

@media(min-width: 400px) {

    .home-full p,
    .home-half p {
        width: 55%;
    }
}

@media(min-width: 768px) {
    .home-half {
        width: calc(50% - 4px);
    }

    .home-text-block h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .home-text-block p {
        font-size: 25px;
        line-height: 35px;
    }

    .home-full p,
    .home-half p {
        font-size: 20px;
        line-height: 30px;
        width: 65%;
        padding: 20px 24px;
    }

    .home-full p {
        width: 35%;
    }
}

@media(min-width: 1025px) {
    .home-half p {
        width: 50%;
    }

/*     .home-full:hover p:after,
    .home-half:hover p:after {
        width: 112px;
    }

    .home-full:hover p {
        padding-bottom: 40px;
        width: 40%;
    }

    .home-half:hover p {
        padding-bottom: 40px;
        width: 55%;
    } */
}

@media(min-width: 1200px) {
    .home-half p {
        width: 42%;
    }

/*     .home-half:hover p {
        width: 47%;
    } */
}

/*------------------------------------*\
    Intro Section
\*------------------------------------*/


.aura-img {
    width: 77px !important;
    height: auto !important;
}

.lux-img {
    width: 77px !important;
    height: auto !important;
}

.lumiere-img {
    width: 115px !important;
}

.eclipse-img {
    width: 165px !important;
}

.ambiance-img {
    width: 179px !important;
}

.logo-img {
    width: 152px !important;
}

.allure-img {
    width: 97px !important;
}

.baroque-img {
    width: 148px !important;
}

.hospitality-img {
    width: 147px !important;
}

.touchcontrol-img {
    width: 252px !important;
}

.mounts-img {
    width: 117px !important;
}

.etch-img {
    width: 98px !important;
}

.professional-img {
    width: 179px !important;
}

.mosaic-img {
    width: 166px !important;
}

.mediterranean-img {
    width: 260px !important;
}

.cabinet-image {
    width: 138px !important;
}

.hollywood-img {
    width: 100% !important;
    max-width: 260px !important;
}

.intro-section h1 {
    text-align: center;
    font-size: 22px;
    font-family: 'montserrat-regular';
}

.intro-section h1 img {
    margin-top: 10px;
}

.intro-large-img-container {
    position: relative;
}

.intro-large-img-container-mobile {
    position: relative;
    margin-top: 30px;
}

.intro-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    object-fit: cover;
    object-position: center;
}

.intro-img.active {
    position: relative;
    opacity: 1;
}

video.img-responsive.intro-img {
    margin-bottom: -6.4px !important;
}

.intro-thumbnails-center {
    max-width: 540px;
    margin: 0 auto;
}

.intro-thumbnails-center-3 {
    max-width: 400px;
}

.intro-thumbnails-container {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    padding-top: 10px;
    margin: 0 -10px;
    width: calc(100% + 20px);
}

.intro-thumbnail {
    width: calc(100% - 20px) !important;
    cursor: pointer;
    margin: 20px 10px 0;
}

.intro-thumbnails-center-3 .intro-thumbnails-container,
.intro-thumbnails-container-3-column {
    grid-template-columns: 33.3% 33.3% 33.3%;
}

.hospitality-thumbnails-center {
    max-width: 207.5px;
    margin: 0 auto;
}

.hospitality-thumbnails-center .intro-thumbnails-container {
    grid-template-columns: 50% 50%;
}

@media(min-width: 1025px) {
    
    .aura-img {
        width: 102px!important;
    }


    .lux-img {
        width: 102px !important;
    }

    .lumiere-img {
        width: 166px !important;
    }

    .eclipse-img {
        width: 240px !important;
    }

    .ambiance-img {
        width: 239px !important;
    }

    .allure-img {
        width: 138px !important;
    }

    .logo-img {
        width: 218px !important;
    }

    .baroque-img {
        width: 188px !important;
    }

    .hospitality-img {
        width: 232px !important;
    }

    .touchcontrol-img {
        width: 303px !important;
    }

    .mounts-img {
        width: 188px !important;
    }

    .etch-img {
        width: 134px !important;
    }

    .professional-img {
        width: 246px !important;
    }

    .mosaic-img {
        width: 190px !important;
    }

    .mediterranean-img {
        width: 312px !important;
    }

    .cabinet-image {
        width: 194px !important;
    }

    .hollywood-img {
        max-width: 304px !important;
    }

    .intro-section h1 {
        font-size: 35px;
    }

    .intro-section h1 img {
        margin-top: 15px;
    }

    .intro-large-img-container {
        margin-top: 0px;
    }
}

/*------------------------------------*\
    Half Section
\*------------------------------------*/

.half-section video {
    max-height: 500px;
}

.half-section .vm600 {
    max-height: 600px;
}

.iframe-container {
    width: 100%;
    max-width: 460px;
    margin: 40px auto 0;
}

.iframe-center {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.iframe-center iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.pdf-link-container {
    margin-top: 40px;
}

.pdf-link-container a {
    color: #000;
    background: #dd9933;
    padding: 15px 20px;
    font-family: 'montserrat-regular';
}

.half-2-cols h3 {
    margin-top: 0;
}

@media(min-width: 1025px) {
    .half-section .vm100 {
        max-height: 80%;
    }

    .half-flex-row {
        display: flex;
    }

    .half-flex-container {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
    }

    .pdf-link-container a {
        padding: 15px 30px;
    }

    .half-2-cols {
        margin-top: 25px;
    }

    .half-2-cols h3 {
        text-align: center;
    }

    .eclipse-desktop-margin-h2 {
        margin-top: 50px;
    }

    .lumiere-desktop-margin-h2 {
        margin-top: 70px;
    }
}

/*------------------------------------*\
    Half 7/5 Section
\*------------------------------------*/

.halfv2-section video {
    max-height: 500px;
}

.halfv2-section .img300 {
    max-width: 300px !important;
    width: 100% !important;
    margin-top: 25px;
    height: auto !important;
}

.inspiration-slider-container {
    position: relative;
}

.inspiration-slider {
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.inspiration-prev,
.inspiration-next {
    position: absolute;
    top: calc(50% - 15px);
    left: 15px;
    z-index: 2;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.inspiration-next {
    left: auto;
    right: 15px;
}

@media(min-width: 1025px) {
    .halfv2-section .vm650 {
        max-height: 650px;
    }

    .inspiration-prev,
    .inspiration-next {}
}

/*------------------------------------*\
    Triple Section
\*------------------------------------*/

.triple-section .img-container {
    max-width: 354px;
    margin: 30px auto 0;
    width: 100%;
}

.triple-section h3 {
    font-family: 'montserrat-regular';
    font-size: 20px;
    line-height: 30px;
    margin-top: 0 !important;
    text-align: center !important;
}

@media(min-width: 1025px) {
    .triple-section .img-container {
        max-width: 720px;
        float: left;
        margin-top: 0;
    }

    .triple-section .right-img-container {
        float: right;
    }

    .triple-section .img-item {
        float: left;
        width: calc(50% - 1px);
    }

    .triple-section .img-item:first-child {
        margin-right: 2px;
    }

    .triple-section h3 {
        line-height: 40px;
    }
}

/*------------------------------------*\
    Center Image Section
\*------------------------------------*/

.center-img-container {
    max-width: 1025px;
    margin: 0 auto;
}

.center-image-section h2 {
    text-align: center;
    margin-bottom: 30px;
}

@media(min-width: 1025px) {
    .center-image-section h2 {
        margin-bottom: 40px;
    }
}

/*------------------------------------*\
    LED Layout Section
\*------------------------------------*/

.ledlayout-thumbnails-container {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    margin: 0 -5px;
    width: calc(100% + 10px);
    padding-top: 20px;
}

.ledlayout-thumbnail {
    padding: 0 5px;
    margin-top: 10px;
}

.ledlayout-item, .bulb-item {
    border: 1px solid rgb(211, 211, 211);
    padding: 2px;
    cursor: pointer;
    float: left;
}

.ledlayout-item video {
    float: left;
    width: 100%;
}

.ledlayout-item.active, .bulb-item.active {
    border: 3px solid rgb(211, 211, 211);
    padding: 0;
}

.ledlayout-thumbnail span {
    text-align: center;
    font-size: 15px;
    display: block;
    line-height: 25px;
}

.ledlayout-thumbnails-center {
    margin: 0 auto;
    max-width: 490px;
    width: 100%;
}

.ledlayout-img, .bulb-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    object-fit: cover;
    object-position: center;
}

.ledlayout-img.active, .bulb-img.active {
    position: relative;
    opacity: 1;
}

.ledlayout-thumbnail span {
    float: left;
    width: 100%;
}

.ledlayout-image-mobile {
    position: relative;
}

@media(min-width: 1025px) {
    .ledlayout-thumbnail span {
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px;
    }

    .ledlayout-image {
        width: calc(100% + 70px);
        margin: 0 -35px;
        position: relative;
    }
}

/*------------------------------------*\
    Light Options Section
\*------------------------------------*/

.ledoptions-list {
    display: grid;
    grid-template-columns: 50% 50%;
    padding-top: 10px;
	width: calc(100% + 20px);
	margin: 0 -10px;
}

.ledoptions-list-2-columns-mobile {
    grid-template-columns: 50% 50%;
}

.ledoptions-list-4-columns {
    grid-template-columns: 50% 50%;
}

.ledoptions-item {
    text-align: center;
	padding: 0 10px;
}

.ledoptions-item span {
    font-size: 15px;
    display: block;
    line-height: 25px;
}

.ledoptions-img {
    cursor: pointer;
    height: auto !important;
    width: 100% !important;
}

.ledoptions-deco {
    height: auto !important;
    width: 100% !important;
}

.ledlight-video {
    display: none;
}

.ledlight-video.active {
    display: block;
}

.truelight-click {
    cursor: pointer;
}

.truelight-click:hover {
    color: #e1aa57;
}

.led-margin { margin-top: 10px; }
.ledoptions-item:nth-child(3),
.ledoptions-item:nth-child(4),
.ledoptions-list-4-columns .ledoptions-item:nth-child(3),
.ledoptions-list-4-columns .ledoptions-item:nth-child(4),
.ledoptions-list-4-columns .ledoptions-item:nth-child(5),
.ledoptions-list-4-columns .ledoptions-item:nth-child(6) { margin-top: 15px; }

.professionals-led-list .ledoptions-item:nth-child(3) { margin-top: 0; }

@media(min-width: 600px) {
    .ledoptions-list { grid-template-columns: 33.33% 33.33% 33.33%; }
	.less-margin-top { margin-top: 10px; }
	.ledoptions-item:nth-child(3),
	.ledoptions-item:nth-child(4) { margin-top: 0; }
    .ledoptions-list-4-columns,
	.ledoptions-list-2-columns-mobile {
        grid-template-columns: 33.33% 33.33% 33.33%;
    }
	
	.ledoptions-list-4-columns .ledoptions-item:nth-child(3) { margin-top: 0; }
}

@media(min-width: 1025px) {
    .ledoptions-section h2 {
        padding-top: 150px;
    }

    .ledoptions-list {
        width: calc(100% + 20px);
        margin: 0 -10px;
    }

    .ledoptions-item span {
        font-size: 16px;
        line-height: 23px;
    }

    .ledoptions-section video {
        margin-left: 10%;
    }
}

/*------------------------------------*\
    True Light Section
\*------------------------------------*/

.truelight-section {
    background-color: #dbdbdb;
}

.truelight-col {
    padding: 30px 15px;
}

@media(min-width: 1025px) {
    .truelight-col {
        padding: 40px 15px;
    }

    .truelight-col video {
        margin-top: 30px;
    }
}

/*------------------------------------*\
    Gallery Section
\*------------------------------------*/

.gallery-desktop-category {
    background-color: #333;
    text-align: center;
    padding: 12px 0;
    color: #fff;
    font-size: 14px;
}

.gallery-desktop-category span {
    display: block;
    padding: 17px 50px;
    cursor: pointer;
}

.gallery-mobile-category {
    float: left;
    width: 100%;
    font-family: 'montserrat-bold';
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    cursor: pointer;
}

.gallery-container {
    float: left;
    width: 100%;
    padding: 20px 0 30px;
    display: none;
}

.gallery-container.active {
    display: block;
}

.gallery-item {
    background-color: #181818;
    overflow: hidden;
    cursor: pointer;
}

.gallery-container:hover img {
    opacity: .4;
}

.gallery-item:hover img {
    opacity: 1;
    transform: scale(1.06);
}

.gallery-desktop.active {
    color: #e1aa57;
}

@media(min-width: 1025px) {
    .gallery-column-3 {
        float: left;
        width: 33.33%;
    }

    .gallery-column-2 {
        float: left;
        width: 50%;
    }

    .gallery-mobile-category {
        display: none;
    }

    .gallery-container {
        padding: 0;
    }
}

@media(min-width: 1200px) {
    .gallery-desktop-category span {
        padding: 17px 60px;
    }
}

/*------------------------------------*\
    Gallery Popup Section
\*------------------------------------*/

.gallery-popup-section,
.etch-popup-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(51, 51, 51, 0.8);
    z-index: 1000000;
    text-align: center;
    display: none;
}

.gallery-flex,
.etch-flex {
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.gallery-popup-center,
.etch-popup-center {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    border: 2px solid #333;
    max-width: 80vw;
}

.gallery-popup-center img {
    max-width: 1200px;
}

.gallery-close,
.etch-close {
    color: #fff;
    position: fixed;
    top: 5vh;
    right: 5vw;
    width: 30px !important;
    height: 30px;
    !important;
    cursor: pointer;
}

.gallery-popup {
    display: none;
}

.gallery-popup.active {
    display: block;
}

.etch-popup-section {
    display: block;
    opacity: 0;
    z-index: -9999;
}

.etch-popup-section.move {
    z-index: 1000000;
}

.etch-popup-section.show {
    opacity: 1;
}

@media(min-width: 1200px) {

    .gallery-close,
    .etch-close {
        top: 30px;
        right: 30px;
    }
}

/*------------------------------------*\
    LED Specifications Section
\*------------------------------------*/

.table-container {
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative;
    width: calc(100% + 40px);
    margin: 30px -20px 0;
}

.table-container table {
    border-collapse: collapse;
}

.table-container thead th {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    padding: 10px;
}

.table-container tbody td {
    border: 1px solid #d1d1d1;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    padding: 7px;
}

.table-container td:nth-child(2) {
    width: 25%;
    min-width: 100px;
    padding: 15px 10px;
}

.table-container td:nth-child(3),
.table-container td:nth-child(4) {
    width: 25%;
}

.table-container td:last-child {
    width: 25%;
    border-right: none;
}

.table-container tbody th {
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    padding: 8px;
    border: 1px solid #d1d1d1;
    border-left: none;
    position: sticky;
    left: 0;
    background-color: #fff;
    min-width: 87px;
}

.table-container thead th:first-child {
    position: sticky;
    left: 0;
    background-color: #fff;
}

.table-container tbody th:before,
.table-container thead th:first-child:before {
    background: linear-gradient(90deg, #fff 55%, rgba(255, 255, 255, 0) 100%);
    display: block;
    content: '';
    opacity: 1;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(100% + 23px);
}

.table-container tbody th img {
    width: 25% !important;
    height: auto !important;
}

.table-container tbody tr:nth-child(2) th img,
.table-container tbody tr:last-child th img {
    width: 40% !important;
    height: auto !important;
}

.table-container tbody tr:nth-child(3) th img {
    width: 35% !important;
    height: auto !important;
}

.table-container tbody tr:nth-child(7) th img {
    width: 34% !important;
    height: auto !important;
}

@media(min-width: 1025px) {
    .table-container {
        width: 100%;
        margin: 50px 0 0;
        overflow: auto;
    }

    .table-container thead th {
        font-size: 16px;
        line-height: normal;
    }

    .table-container tbody td,
    .table-container tbody th {
        border: none;
        font-size: 14px;
        line-height: 15px;
    }
}

/*------------------------------------*\
    Power Driver Section
\*------------------------------------*/

.powerdriver-section p a {
    color: #333;
}

.powerdriver-section p a:hover {
    color: #e1aa57;
}

.powerdriver-slider .slick-dots,
.logo-slider .slick-dots,
.logo-multiple-slider .slick-dots,
.etch-slider .slick-dots {
    bottom: 10px;
}

.powerdriver-slider .slick-dots li,
.logo-slider .slick-dots li,
.logo-multiple-slider .slick-dots li,
.etch-slider .slick-dots li {
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px #fff solid;
    background-color: #fff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.powerdriver-slider .slick-dots li.slick-active,
.logo-slider .slick-dots li.slick-active,
.logo-multiple-slider .slick-dots li.slick-active,
.etch-slider .slick-dots li.slick-active {
    background: #dfa95d;
    border: 1px #dfa95d solid;
    background-color: #dfa95d;
}

.etch-slider .slick-dots>li:only-child {
    display: none;
}

@media(min-width: 600px) {

    .powerdriver-slider .slick-dots,
    .logo-slider .slick-dots,
    .logo-multiple-slider .slick-dots,
    .etch-slider .slick-dots {
        bottom: 20px;
    }

    .powerdriver-slider .slick-dots li,
    .logo-slider .slick-dots li,
    .logo-multiple-slider .slick-dots li,
    .etch-slider .slick-dots li {
        width: 12px;
        height: 12px;
    }
}

@media(min-width: 1025px) {
    .powerdriver-section h2 {
        margin-bottom: 50px;
    }

    .powerdriver-section p:first-child {
        margin-top: 0;
    }
}

/*------------------------------------*\
    Add-Ons Section
\*------------------------------------*/

.addons-grid {
    display: grid;
    grid-template-columns: 100%;
    margin: 0 -10px;
    width: calc(100% + 20px);
}

.addons-column {
    padding: 0 10px;
}

.addons-section h3 {
    text-align: left;
    font-size: 18px;
    margin: 15px 0;
}

.addons-section p {
    text-align: left;
    margin-top: 0;
}

.addons-column {
    margin-top: 30px;
}

.addons-column video,
.addons-column h3,
.addons-column p {
    float: left;
    width: 100%;
}

@media(min-width: 600px) {
    .addons-grid {
        grid-template-columns: 50% 50%;
    }
}

@media(min-width: 1025px) {
    .addons-grid {
        grid-template-columns: 25% 25% 25% 25%;
    }

    .addons-grid-col-3 {
        grid-template-columns: 12.5% 25% 25% 25%;
    }

    .addons-section h3 {
        font-size: 20px;
    }

    .addons-column {
        margin-top: 40px;
    }
}

/*------------------------------------*\
    Ambiance Gallery
\*------------------------------------*/

.ambiance-gallery h2 img {
    width: 96px !important;
    height: auto !important;
    margin-bottom: -1px;
}

.ambiance-gallery-container {
    width: calc(100% + 20px);
    margin: 10px -10px 0;
}

.ambiance-thumbnail {
    width: calc(50% - 20px) !important;
    margin: 20px 10px 0;
    float: left;
    cursor: pointer;
}

@media(min-width: 1025px) {
    .ambiance-gallery h2 {
        font-size: 35px;
    }

    .ambiance-gallery h2 img {
        width: 181px !important;
        margin-bottom: -2px;
    }

    .ambiance-gallery-container {
        margin: 30px -10px 0;
    }

    .ambiance-thumbnail {
        width: calc(33.33333333333333% - 20px) !important;
    }

    .ambiance-thumbnail:nth-child(25) {
        margin-left: calc(16.66666666666667% + 10px);
    }

}

/*------------------------------------*\
    Bulb Section
\*------------------------------------*/

.page-id-236 small{
	text-align: center;
	display: block;
}
.bulb-section {
    background-color:#000000;
    padding: 50px 0;
    color: #ffffff;
}

.crown li:last-child{
	background-color:transparent!important;
}
.crown li:last-child p{
	text-align: center;
	line-height: 20px;
}
.ring{
	text-align: center;
}


.bulb-list {
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: center;
	column-gap: 3px;
	row-gap: 3px;
}
/*
.bulb-list li {
    background-color: #444444;
}
*/
.bulb-list span {
    display: block;
    font-size: 14px;
	color: #ffffff;
	line-height: 40px;
}

.bulb-list small {
    display: block;
    font-size: 11px;
	color: #ffffff;
}

.bulb-section h2:not(:first-child) {
    margin-top: 20px;
}
.bulb-section h2:first-child{
    margin-top: 10px;
}
.bulb-img{
	position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    object-fit: cover;
    object-position: center;
}
.bulb-img.active{
	position: relative;
    opacity: 1;
}
video.img-responsive.bulb-img {
    margin-bottom: -6.4px !important;
}
.video-center{
    display: block;
    margin: 0px auto
}
.top-margin{
	margin-top: 3em;
}
.hlw-bulb-con{
	max-width: 400px!important;
}




@media(min-width: 600px) {
    .bulb-list {
        grid-template-columns: 25% 25% 25% 25%;
		column-gap: 3px;
		padding-top: 20px;
    }
}

@media(min-width: 1025px) {
    .bulb-list span {
        font-size: 16px;
		color: #ffffff;
    }

    .bulb-list small {
        font-size: 13px;
    }

    .bulb-flex div {
        width: auto;
        margin: 0 auto;
    }
	.bulb-section p:first-of-type{
		padding: 0px 10px 0px 10px!important;
		margin: 0px 10px 0px 10px;
	}
	
	.bulb-section h2:not(:first-child){
		margin-top: 25px;
	}
	.bulb-gallery-content{
		width: 45%; 
		margin: 0 auto;
	}
	.top-margin{
		margin-top: 5em;
	}
	.image-preview{
		width: 90%;
		margin: 0 auto;
	}
	.grid-five{
		grid-template-columns: 20% 20% 20% 20% 20%!important;
	}
	.video-container{
		max-width: 800px;
	}
	.grid-three{
		grid-template-columns: 25% 25% 25%!important;
		margin: 0 50px!important;
	}
	.bulb-margin{
		margin-top:2em;
	}
}
/*------------------------------------*\
    BULB GALLERY SECTION
\*------------------------------------*/

.bulb-gallery-thumbnail{
	max-width: 600px;
	margin: 0 auto;
}
.bulb-gallery-content{
	position: relative;
	margin-top:30px;
}
.gallery-section p:nth-of-type(5){
	padding: 0px 10px 0px 10px!important;
	margin: 0px 10px 0px 10px;
}
.bulb-gallery-thumbnail-container{
	display: grid;
	grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
	padding-top: 10px;
	margin: 0 -10px;
	width: calc(100% + 20px);
	column-gap: 5px;
    row-gap: 5px;
}
.bulb-thumbnail{
	width: calc(88% - 5px) !important;
    cursor: pointer;
	background-color: #444444;
    margin: 5px 5px 0px 0px;
}
.bulb-thumbnail img{
	background-color: #444444;
}
@media(min-width: 1025px) {
	.bulb-gallery-thumbnail-container{
		grid-template-columns: 14.28% 14.28% 14.28% 14.28% 14.28% 14.28% 14.28%;
		column-gap: 0px;
		row-gap: 0px;
		width: 100%;
		
	}
	.bulb-thumbnail{
		width: calc(100% - 20px) !important;;
    	margin: 20px 10px 0;
		cursor: pointer;
	}
	.bulb-thumbnail img{
	background-color: #444444;
	}
	.bulb-margin{
		margin: 0!important;
	}
}

/*------------------------------------*\
    Logo
\*------------------------------------*/

.logo-btn-container {
    padding-top: 15px;
    float: left;
    width: 100%;
}

.logo-btn {
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 15px;
    float: left;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
    transition: all ease 200ms;
    padding: 8px 0;
    margin: 8px 0;
    background-color: #fff;
}

.logo-btn.active,
.logo-btn:hover {
    background-color: #dfa95d;
    color: #fff;
}

@media(min-width: 600px) {
    .logo-btn {
        width: calc(50% - 8px);
    }

    .logo-btn:nth-child(1),
    .logo-btn:nth-child(3),
    .logo-btn:nth-child(5),
    .logo-btn:nth-child(7) {
        margin-right: 16px;
    }
}

/*------------------------------------*\
    DECO
\*------------------------------------*/

.page-id-240 h1,
.cabinet-intro h1 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 25px;
    font-family: 'montserrat-bold';
    padding-bottom: 15px;
    text-align: center;
    position: relative;
}

.page-id-240 h1:after,
.cabinet-intro h1:after {
    content: "";
    display: block;
    margin-top: 10px;
    width: 80px;
    height: 4px;
    background-color: #E1AA56;
    position: absolute;
    bottom: 0;
    left: calc(50% - 40px);
}

.deco-heading h2 {
    font-size: 22px;
    text-align: center;
}

.deco-img-modula {
    width: 205px !important;
}

.deco-img-frame {
    width: 198px !important;
}

.deco-img-art {
    width: 162px !important;
}

.deco-square,
.deco-hexagon {
    width: auto !important;
    height: 63px !important;
    max-width: auto;
}

.deco-pattern {
    width: auto !important;
    height: 85px !important;
    max-width: inherit !important;
}

@media(min-width: 1025px) {

    .page-id-240 h1,
    .cabinet-intro h1 {
        font-size: 32px;
        line-height: 45px;
    }

    .deco-heading h2 {
        font-size: 35px;
    }

    .deco-img-modula {
        width: 325px !important;
    }

    .deco-img-frame {
        width: 314px !important;
    }

    .deco-img-art {
        width: 257px !important;
    }
}

/*------------------------------------*\
    LOGO
\*------------------------------------*/

.logo-slider-container {
    position: relative;
    background-color: #000;
}

.logo-right,
.logo-left {
    position: absolute;
    right: 10px;
    top: calc(50% - 15px);
    z-index: 2;
    cursor: pointer;
    height: 30px !important;
    width: auto !important;
}

.logo-left {
    right: auto;
    left: 10px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.logo-multiple-slider .slick-slide:before,
.logo-slider .slick-slide:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: 1;
}

.logo-bg-slider .slick-track {
    display: flex;
}

.logo-bg-img {
    background-position: center;
    background-size: cover;
    height: 100% !important;
}

@media(min-width: 1025px) {

    .logo-right,
    .logo-left {
        height: 40px !important;
        top: calc(50% - 20px);
    }
}

/*------------------------------------*\
    Baroque
\*------------------------------------*/

.baroque-light {
    max-width: 114px !important;
}

/*------------------------------------*\
    ETCH
\*------------------------------------*/

.etch-intro {
    margin-top: 0;
}

.etch-content-container {
    background-color: #222021 !important;
    color: #fff;
    padding: 40px 20px;
    width: calc(100% + 40px);
    margin: 0 -20px;
}

.etch-content h2:not(:first-child) {
    margin-top: 40px;
}

.etch-img-container {
    margin-top: 50px;
}

.etch-design-container {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    width: calc(100% + 20px);
    margin: 0 -10px;
}

.etch-design-item {
    padding: 20px 10px 0;
}

.etch-slider {
    max-width: 1024px;
}

@media(min-width: 1025px) {
    .etch-intro {
        margin-top: 80px;
    }

    .etch-intro-container {
        position: relative;
        z-index: 1;
        float: left;
        width: 100%;
    }

    .etch-img-container {
        margin-top: 0;
        position: absolute;
        z-index: 3;
        width: calc(50% + 10px);
        height: 100%;
        top: 0;
        left: 0;
    }

    .etch-img-container img {
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        margin-top: 40px;
    }

    .etch-content-container {
        float: right;
        width: calc(50% + 30px);
        margin: 0;
        background-color: #222021;
        padding: 60px 55px 50px 85px;
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
    }

    .etch-design-container {
        grid-template-columns: 14.28571428571429% 14.28571428571429% 14.28571428571429% 14.28571428571429% 14.28571428571429% 14.28571428571429% 14.28571428571429%;
    }

    .etch-design-item {
        padding: 40px 10px 0;
    }

    .etch-design-img {
        opacity: .7;
        cursor: pointer;
    }

    .etch-design-img:hover {
        opacity: 1;
        transform: scale(1.1);
    }
}

/*------------------------------------*\
    Why Grand Mirrors
\*------------------------------------*/

.why-intro h1 {
    font-family: 'montserrat-regular';
    font-size: 18px;
    line-height: 30px;
}

.wgm-row:nth-child(1) {
    display: none;
}

.wgm-info {
    padding: 20px;
}

.wgm-row:nth-child(even) .wgm-info {
    background-color: #f1f1f1;
}

.wgm-row:nth-child(odd) .wgm-info {
    background-color: #e6e6e6;
}

.wgm-info h3 {
    margin-top: 0;
    text-align: left;
}

.wgm-info p {
    margin-top: 15px;
}

.mobile-title {
    font-family: 'montserrat-regular';
    font-size: 18px;
    background-color: #f1f1f1;
    padding: 11px 20px;
    line-height: 18px;
}

.wgm-row {
    width: calc(100% + 2.5px);
    margin: 0 -2.5px;
}

.wgm-col {
    margin: 2.5px;
}

.comparison-container {
    border: none !important;
    outline: none !important;
}

@media(min-width: 1025px) {
    .why-intro h1 {
        font-size: 25px;
        line-height: 40px;
    }

    .why-intro p {
        text-align: center;
    }

    .mobile-title {
        display: none;
    }

    .wgm-row,
    .wgm-row:nth-child(1) {
        display: grid;
        grid-template-columns: 28% 36% 36%;
    }

    .wgm-info {
        min-height: 284px;
        height: 100%;
    }

    .wgm-info p {
        font-size: 15px;
        line-height: 20px;
    }

    .wgm-title {
        text-align: center;
        font-size: 25px;
        line-height: 25px;
        padding: 21px 0;
        background-color: #e6e6e6;
        font-family: 'montserrat-regular';
    }

    .wgm-row:nth-child(1) .wgm-col:nth-child(2) .wgm-title {
        background-color: #e1aa57;
    }

    .wgm-col video {
        height: 100%;
        object-fit: fill;
    }
}

/*------------------------------------*\
    Customers
\*------------------------------------*/

.customers-list {
    display: grid;
    grid-template-columns: 50% 50%;
    width: calc(100% + 20px);
    margin: 0 -10px;
}

.customers-col {
    padding: 10px;
}

.customers-item {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.customers-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
}

.customers-info {
    display: flex;
    background: rgba(0, 0, 0, .7);
    align-items: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #fff;
    opacity: 0;
}

.customers-item:hover .customers-info {
    opacity: 1 !important;
    top: 0 !important;
}

.customers-info h3 {
    text-align: center;
    font-family: 'montserrat-medium';
    font-size: 12px;
    line-height: 14px;
    margin-top: 0;
}

.customers-info p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    text-align: center;
}

.customers-info>div {
    margin: 0 auto;
}

@media(min-width: 600px) {
    .customers-list {
        grid-template-columns: 33.3% 33.3% 33.3%;
    }
}

@media(min-width: 1025px) {
    .customers-list {
        grid-template-columns: 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667%;
    }

    .customers-info h3,
    .customers-info p {
        font-size: 14px;
        line-height: 16px;
    }
}

/*------------------------------------*\
    Touch Control
\*------------------------------------*/

.tc-center-section img {
    max-width: 275px !important;
}

.tc-center-section span {
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}

.tc-center-section .col-md-4:not(:first-child) {
    margin-top: 40px;
}

@media(min-width: 1025px) {
    .tc-center-section .col-md-4:not(:first-child) {
        margin-top: 0;
    }

    .tc-center-section span {
        margin-bottom: 0;
        font-size: 18px;
    }

    .tc-center-section h2 {
        margin-top: 25px;
    }

    .page-id-252 .global-section ul,
    .page-id-259 .global-section ul {
        padding-left: 45px;
    }
}

.page-id-259 .global-section p a {
    color: #e1aa57;
}

.tc-section {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 100%;
}

.tc-flex-banner {
    width: 100%;
    display: flex;
    align-items: center;
}

.tc-flex-center {
    width: 100%;
}

.trip {
    background-color: #0a0a0a99;
    width: 260px;
    padding: 17px;
    float: right;
}

.trip span {
    font-family: 'montserrat-regular';
    display: block;
    font-size: 14px;
    color: #fff;
}

.trip span:last-child {
    font-size: 10px;
    padding-top: 7px;
}

@media(min-width: 768px) {
    .trip {
        width: 490px;
        padding: 30px 30px 40px;
    }

    .trip span {
        font-size: 30px;
    }

    .trip span:last-child {
        font-size: 14px;
        padding-top: 10px;
    }
}

@media(min-width: 768px) {
    .trip {
        width: 540px;
    }
}

/*------------------------------------*\
    How to order
\*------------------------------------*/

.hto-center-section {
    background-color: #f4f5f7 !important;
    margin-top: 140px;
    padding-bottom: 50px;
}

.hto-center-section img {
    max-width: 580px !important;
    margin-top: -130px;
}

@media(min-width: 1025px) {
    .hto-center-section {
        margin-top: 80px;
        padding: 30px 0;
    }

    .hto-center-section img {
        margin-top: 0;
    }
}

.hto-bottom-section h2 {
    text-align: center;
    margin-bottom: 25px;
}

.hto-bottom-container {
    float: left;
    width: calc(100% + 10px);
    margin: 0 -5px;
}

.hto-row {
    float: left;
    width: 100%;
}

.hto-item {
    float: left;
    width: calc(100% - 10px);
    margin: 5px;
    border: 1px solid #d7d7d7;
    display: grid;
    grid-template-columns: 50% 50%;
}

.hto-info {
    position: relative;
    padding: 10px;
}

.hto-info img {
    display: none;
}

.hto-info p {
    text-align: left;
    margin-top: 0;
    font-size: 12px;
    line-height: 18px;
    word-wrap: break-word;
}

.hto-info a {
    color: #000;
    background-color: #e1aa57;
    padding: 5px 0;
    width: calc(100% - 20px);
    position: absolute;
    left: 10px;
    bottom: 10px;
    text-align: center;
    font-family: 'montserrat-regular';
    font-size: 12px;
}

@media(min-width: 400px) {
    .hto-info p {
        font-size: 13px;
        line-height: 20px;
    }

    .hto-info a {
        font-size: 13px;
    }
}

@media(min-width: 1025px) {
    .hto-bottom-section h2 {
        margin-bottom: 35px;
    }

    .hto-row {
        width: 50%;
    }

    .hto-info {
        padding: 20px;
        text-align: center;
    }

    .hto-info img {
        display: block;
        width: 40px !important;
        margin: 0 auto 20px;
    }

    .hto-info p {
        font-size: 15px;
        line-height: 25px;
        text-align: center;
    }

    .hto-info a {
        width: calc(100% - 40px);
        left: 20px;
        bottom: 20px;
        background-color: #ffff;
        color: #333;
        font-size: 16px;
        border: 1px solid #d7d7d7;
        padding: 15px 0;
    }

    .hto-info a:hover {
        color: #fff;
        background-color: #e1aa57;
    }
}

@media(min-width: 1200px) {
    .hto-info img {
        width: 50px !important;
    }

    .hto-info p {
        font-size: 16px;
    }
}

.hto-warning-section {
    padding: 30px 0;
    background-color: #f4f5f7;
}

.hto-warning-section img {
    width: 50px !important;
    margin: 0 auto;
}

@media(min-width: 1025px) {
    .hto-warning-section {
        padding: 40px 0;
    }

    .hto-warning-section p {
        margin-top: 0;
    }
}

.hto-slider-section {
    margin-top: 30px;
}

.slider1 {
    border: solid 1px #e1e1e1;
}

.slider1 span {
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    line-height: 25px;
    font-family: 'montserrat-regular';
}

.hto-slider-left {
    position: relative;
    z-index: 1;
}

.mobile-slider-arrow {
    position: absolute;
    z-index: 2;
    bottom: -7px;
    left: 0;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    width: 110px;
    padding: 5px;
    border: 1px solid #d7d7d7;
    font-family: 'montserrat-regular';
}

.next-slider {
    left: auto;
    right: 0;
}

.mobile-slider-arrow.slick-disabled {
    display: none !important;
}

.mobile-info-title {
    margin-top: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-family: 'montserrat-regular';
}

.desktop-info-step,
.desktop-info-title,
.desktop-slider-arrow,
.hto-desktop-step {
    display: none;
}

@media(min-width: 1025px) {

    .hto-mobile-step,
    .mobile-slider-arrow {
        display: none;
    }

    .hto-slider-container {
        width: 100%;
        float: left;
        display: grid;
        grid-template-columns: 50% 50%;
        border: solid 1px #e1e1e1;
    }

    .slider3 {
        padding: 0 30px 90px;
    }

    .slider3 p {
        text-align: justify;
    }

    .mobile-info-title {
        display: none;
    }

    .slider2,
    .slider2 .slick-list,
    .slider2 .slick-track,
    .slider2 .slick-slide {
        height: 100%;
    }

    .slider2 img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
    }

    .desktop-info-step {
        font-size: 25px;
        position: relative;
        margin-top: 30px;
        text-align: left;
        line-height: 40px;
        display: block;
        font-family: 'montserrat-regular';
    }

    .desktop-info-step span {
        width: 40px;
        height: 40px;
        border: 2px solid #333;
        position: absolute;
        top: 0;
        left: 65px;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
        z-index: 2;
    }

    .desktop-info-title {
        display: block;
        font-size: 18px;
        text-align: left;
        font-family: 'montserrat-regular';
        margin-top: 30px;
    }

    .desktop-slider-arrow {
        position: absolute;
        z-index: 2;
        bottom: 30px;
        left: 30px;
        font-size: 15px;
        text-align: center;
        cursor: pointer;
        background-color: #fff;
        width: 120px;
        padding: 5px;
        border: 1px solid #d7d7d7;
        display: block;
    }

    .desktop-slider-arrow:hover {
        background-color: #e1aa57;
        color: #fff;
    }

    .hto-slider-right {
        position: relative;
    }

    .next-desktop-slider {
        left: auto;
        right: 30px;
    }

    .desktop-slider-arrow.slick-disabled {
        display: none !important;
    }

    .hto-desktop-step {
        display: block;
        width: 100%;
        float: left;
        border: solid 1px #e1e1e1;
        border-bottom: none;
    }

    .desktop-step {
        float: left;
        width: 20%;
        height: 50px;
        cursor: pointer;
        position: relative;
        padding: 4px 0 0 45px;
        text-align: left;
        color: #fff;
    }

    .desktop-step span {
        font-family: 'montserrat-regular';
        font-size: 12px;
    }

    .desktop-step span strong {
        font-weight: normal;
        display: block;
        font-size: 14px;
    }

    .desktop-step:not(:last-child):after {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        right: -17px;
        height: 36px;
        width: 36px;
        z-index: 2;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .desktop-step:nth-child(1),
    .desktop-step:nth-child(1):after {
        background-color: #e5c19a;
    }

    .desktop-step:nth-child(2),
    .desktop-step:nth-child(2):after {
        background-color: #e5b57c;
    }

    .desktop-step:nth-child(3),
    .desktop-step:nth-child(3):after {
        background-color: #e1aa57;
    }

    .desktop-step:nth-child(4),
    .desktop-step:nth-child(4):after {
        background-color: #d39c53;
    }

    .desktop-step:nth-child(5) {
        background-color: #c68e4b;
    }

    .desktop-step.active {
        background-color: #fff;
        color: #000;
    }

    .desktop-step.active:after {
        background-color: #fff;
    }
}

/*------------------------------------*\
    Parallax
\*------------------------------------*/

.parallax-section {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

@media(min-width: 1025px) {
    .parallax-section {
        height: 680px;
    }
}

/*------------------------------------*\
    Mounts
\*------------------------------------*/

.page-id-254 .banner-slider-container,
.page-id-252 .banner-slider-container {
    background-color: #fff;
}

.page-id-254 .intro-section p {
    text-align: center;
}

.page-id-254 .half-section ul {
    list-style-type: disc;
    padding-left: 17px;
}

.page-id-254 .half-section li {
    display: list-item;
    font-size: 15px;
    line-height: 25px;
}

.mounts-space p {
    text-align: center;
}

.mounts-space img {
    max-width: 255px !important;
}

@media(min-width: 1025px) {
    .page-id-254 .half-section ul {
        padding-left: 40px;
    }

    .page-id-254 .half-section li {
        font-size: 16px;
    }

    .mounts-space {
        margin-top: 50px;
    }
}

/*------------------------------------*\
    Mosaic
\*------------------------------------*/

.mosaic-top {
    margin-top: 25px;
    font-family: 'montserrat-bold';
}

.mosaic-design-section h2 {
    text-align: center;
}

.mosaic-destion-slider-container {
    position: relative;
    margin-top: 50px;
}

.mosaic-col {
    text-align: center;
}

.mosaic-col:last-child {
    margin-top: 30px;
}

.mosaic-slider-img {
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.mosaic-slider-img img {
    transform: scale(1);
}

.mosaic-slider-img:hover img {
    transform: scale(1.1);
}

.mosaic-col span {
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 22px;
    display: block;
    text-align: center;
}

@media(min-width: 768px) {
    .mosaic-slider-img {
        max-width: 230px;
    }
}

/*------------------------------------*\
    Professionals
\*------------------------------------*/

@media(min-width: 1025px) {
    .professionals-led-list {
        grid-template-columns: 12.5% 25% 25% 25%;
    }
}

/*------------------------------------*\
    Cabinet
\*------------------------------------*/

.cabinet-effect-container {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.cabinet-hidden-img {
    position: relative;
    width: 60%;
    margin-left: 20%;
    padding: 2px;
    opacity: 0;
}

.cabinet-img {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.cabinet-img:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.cabinet-img img {
    position: absolute;
    width: 100% !important;
    height: auto !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.cabinet-hidden-img .cabinet-img,
.cabinet-center .cabinet-img {
    cursor: default;
}

.cabinet-col {
    position: absolute;
    z-index: 2;
    padding: 2px;
}

.cabinet-center-top-left {
    width: 60%;
    top: 0;
    left: 20%;
}

.cabinet-center-bottom-left {
    width: 60%;
    bottom: 0;
    left: 20%;
}

.cabinet-center-top-right {
    width: 60%;
    top: 0;
    right: 20%;
}

.cabinet-center-bottom-right {
    width: 60%;
    bottom: 0;
    right: 20%;
}

.cabinet-top-left {
    width: 20%;
    top: 0;
    left: 0;
}

.cabinet-bottom-left {
    width: 20%;
    bottom: 0;
    left: 0;
}

.cabinet-center-left {
    width: 20%;
    top: 33.3%;
    left: 0;
}

.cabinet-top-right {
    width: 20%;
    top: 0;
    right: 0;
}

.cabinet-bottom-right {
    width: 20%;
    bottom: 0;
    right: 0;
}

.cabinet-center-right {
    width: 20%;
    top: 33.3%;
    right: 0;
}

.cabinet-img span {
    display: none;
}

.cabinet-hfont {
    font-size: 16px;
}

@media(min-width: 1025px) {
    .cabinet-effect-container {
        margin-top: 50px;
    }

    .cabinet-hidden-img,
    .cabinet-col {
        padding: 5px;
    }

    .cabinet-img span {
        display: block;
        width: 100%;
        z-index: 3;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        padding: 10px;
        font-size: 10px;
        background: linear-gradient(to right, rgba(22, 22, 22, 1) 0%, rgba(22, 22, 22, 0.25) 75%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
        font-family: 'montserrat-regular';
    }

    .cabinet-center-top-left .cabinet-img span,
    .cabinet-center-bottom-left .cabinet-img span,
    .cabinet-center-top-right .cabinet-img span,
    .cabinet-center-bottom-right .cabinet-img span {
        padding: 20px 10px;
        font-size: 18px;
    }

    .vm-cabinet {
        max-height: 100% !important;
    }

    .cabinet-hfont {
        font-size: 18px;
    }

}

/*------------------------------------*\
    Mediterranean
\*------------------------------------*/

.mediterranean-designs-slider-container {
    margin-top: 50px;
    position: relative;
}

.mediterranean-designs-slider-container .inspiration-prev {
    left: 0;
}

.mediterranean-designs-slider-container .inspiration-next {
    right: 0;
}

.mediterranean-slider .slick-slide {
    padding: 0 30px;
}

.mediterranean-col {
    width: 100%;
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: 10px;
}

.mediterranean-col span {
    display: block;
    padding-bottom: 10px;
    font-family: 'montserrat-regular';
    font-size: 16px;
    line-height: 22px;
}

.mediterranean-col img {
    margin-bottom: 0 !important;
    max-width: 338px !important;
    margin: 0 auto;
}

@media(min-width: 1025px) {
    .mediterranean-designs-slider-container .inspiration-prev {
        left: -10px;
    }

    .mediterranean-designs-slider-container .inspiration-next {
        right: -10px;
    }
}

/*------------------------------------*\
    Footer
\*------------------------------------*/

.page-footer {
    background-color: #181818;
    color: #b7b7b7;
}

.footer-copyright p {
    font-size: 12px;
    line-height: 20px;
    padding: 15px;
    border-top: 1px solid #b7b7b7;
    text-align: center;
    margin-top: 0;
}

.footer-main {
    padding: 50px 0;
}

.footer-logo img {
    width: 230px !important;
    height: auto !important;
}

.footer-left p {
    text-align: justify;
    font-size: 12.5px;
    line-height: 18px;
    font-family: 'montserrat-regular';
    margin-top: 15px;
}

.footer-center {
    margin-top: 25px;
}

.footer-center span {
    font-family: 'NNS-bold';
    font-size: 18px;
    color: #dcdcdc;
    display: block;
}

.footer-center ul {
    margin: 10px 0 5px;
}

.footer-center li {
    border-top: 1px solid #b7b7b7;
    width: 100%;
    padding: 9px 3px;
}

.footer-center li a,
.footer-center li p {
    position: relative;
    padding-left: 20px;
    color: #b7b7b7;
    font-size: 12.5px;
    font-family: 'montserrat-regular';
    margin-top: 0;
}

.footer-center li p {
    line-height: 20px;
}

.footer-center li img {
    position: absolute;
    padding-right: 5px;
    width: 20px;
    left: 0;
    top: 0;
}

.footer-center li:nth-child(1) img {
    top: 2px;
}

.download-link {
    width: 100%;
    display: block;
    text-align: center;
    padding: 7px;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    border: 1px solid #fff;
    margin-bottom: 20px;
    background-color: transparent;
}

.download-link:hover {
    background-color: #dfa95d;
}

.footer-center span:last-child {
    text-align: center;
}

.footer-right {
    margin-top: 25px;
}

.sac-link {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 10px;
    background-color: #dfa95d;
    color: #000;
    border-radius: 5px;
	font-size: 14px;
}

.sac-link img {
    position: absolute;
    left: 15px;
}

.sac-link:hover img:nth-child(2) {
    opacity: 0;
}

.sac-link:hover {
    background-color: #fff;
    color: #dfa95d;
}

.instagram-link {
    margin: 20px auto 0;
    width: 200px;
}

@media(min-width: 1025px) {
    .footer-center li {
        border-top: 0;
    }

    .footer-center {
        margin-top: 15px;
    }

    .footer-center span:last-child {
        text-align: left;
    }

    .footer-right {
        margin-top: 0;
    }

    .instagram-link {
        margin: 25px auto 0;
    }
}

/*------------------------------------*\
    Footer - WhatsApp
\*------------------------------------*/

.whatsapp-icon {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    background-color: #fff;
    width: 60px;
    height: 60px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 11px 0 0 13px;
}

.whatsapp-icon img {
    width: 35px !important;
    height: 35px !important;
}

.cc-compass {
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
	bottom: 10px;
    right: 10px;
	z-index: 2;
}

/*------------------------------------*\
    Footer - Cookie Consent
\*------------------------------------*/

/* .cky-btn-revisit-wrapper { display: none !important; } */
.cky-consent-bar { padding: 20px !important; }
.cky-title { display: none !important; }
.cky-notice-des,
.cky-notice-btn-wrapper { padding: 0 !important; }
.cky-notice-des p {
	text-align: center !important;
	font-size: 14px !important;
	line-height: 18px !important;
	font-family: 'montserrat-regular' !important;
}
.cky-notice-des p a {
	color: #e1aa57 !important;
    font-family: 'montserrat-medium' !important;
	font-size: 14px !important;
}
.cky-notice-btn-wrapper button {
	font-family: 'montserrat-regular' !important;
	font-size: 13px !important;
	border-radius: 0 !important;
	margin-top: 10px !important;
}

@media(min-width: 769px) {
	.cky-notice-btn-wrapper button { margin-top: 0 !important; }
	.cky-notice-des p { text-align: left !important; }
}

.cookie-consent-container {
    position: fixed;
    width: 100vw;
    z-index: 4;
    bottom: 0;
    left: 0;
    background-color: rgb(10, 10, 10);
    box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
    padding: 20px;
}

.cookie-consent-content p {
    margin-top: 0;
    color: #fff;
    text-align: center;
    font-family: 'montserrat-regular';
    font-size: 14px;
    line-height: 18px;
}

.cookie-consent-content p a {
    color: #e1aa57;
    font-family: 'montserrat-bold';
}

.cookie-consent-btn {
    text-align: center;
}

.cookie-consent-btn span {
    cursor: pointer;
    font-family: 'montserrat-regular';
    font-size: 13px;
    color: #000;
    background-color: rgb(223, 169, 93);
    padding: 9px 12px;
    display: block;
    margin-top: 15px;
}

@media(min-width: 400px) {
    .cookie-consent-btn span {
        display: inline-block;
    }

    .cookie-consent-btn span:first-child {
        margin-right: 5px;
    }
}

@media(min-width: 1025px) {
    .cookie-consent-container {
        display: grid;
        grid-template-columns: 70% 30%;
    }

    .cookie-consent-btn span {
        margin-top: 0;
    }

    .cookie-consent-btn {
        display: flex;
        align-items: center;
        text-align: center;
    }

    .cookie-consent-btn>div {
        margin: 0 auto;
    }
}


.table-measurement {
    border: 1px solid #000;
    border-collapse: collapse;
    width: 100%;
}

.table-measurement td {
    padding: 8px;
    border: 1px solid #000;
    text-align: left;
    font-size: 15px;
}

/*------------------------------------*\
    App Page
\*------------------------------------*/
.gm-logo-container {
    display: block;
}

.gm-logo {
    width: 100px;
}

.gm-logo-text {
    width: 200px;
}

.gm-bottom-container h3 {
    font-family: 'montserrat-bold';
    color: #E3AD53;
    text-align: center;
    margin-bottom: 20px;
}

.gm-bottom-container img {
    width: 175px;
    margin: 0 15px;
}

.gm-bottom-container:nth-last-child(2) img {
    border: 1px solid #000;
}

.gm-bottom-container {
    float: left;
    margin: 0 15px;
}

.bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
}

.gm-center {
    padding: 100px 0 !important;
    float: left;
}

@media(max-width: 1400px) {
    .gm-bottom-container {
        margin: 0 10px;
    }

    .gm-bottom-container img {
        width: 125px;
        margin: 0 10px;
    }
}

@media(max-width: 1024px) {
    .gm-logo {
        width: 75px;
    }
    .gm-logo-text {
        width: 160px;
    }
    .gm-center p {
        text-align: center;
    }
    .gm-bottom-container img {
        width: 110px;
        margin: 0 5px;
    }
    .mobile-img-phone {
        margin: 50px 0;
        width: 260px;
    }
    .gm-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: -80px 0;
    }
}

@media (min-width: 1025px) {
/*     .page-id-1210 .nav-primary ul.main-menu>li:nth-child(2)>a {color: #e5ae49;}
    .page-id-1212 .nav-primary ul.main-menu>li:nth-child(3)>a {color: #e5ae49;}
    .page-id-1214 .nav-primary ul.main-menu>li:nth-child(4)>a {color: #e5ae49;}
    .page-id-1216 .nav-primary ul.main-menu>li:nth-child(5)>a {color: #e5ae49;}
    .page-id-1218 .nav-primary ul.main-menu>li:nth-child(7)>a {color: #e5ae49;} */
    
    .page-id-10 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-215 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-232 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-234 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-236 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-238 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-240 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-242 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-244 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-246 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-248 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-250 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-252 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-254 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-256 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-259 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-261 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
    .page-id-283 .nav-primary .main-menu .desktop-hover.gmhighlight span.hasachild {color: #e5ae49;}
        
    }

/*------------------------------------*\
    Frames Page
\*------------------------------------*/

.frames .banner-slider {
    max-width: 100%;
}

.frames .banner-img,
.frames .banner-slider {
    height: auto !important;
    width: 100%;
}

iframe.mv-frames {
    width: 100%;
    height: 1000px;
float:left;
}

/*------------------------------------*\
    Home Page - Banner
\*------------------------------------*/

.home-full img,
.home-half img {
	height: 190px !important;
	object-fit: cover;
}

/* .home-banner-slider-container,
.home-items-container { opacity: 0; }
.cky-notice-des p { opacity: 0; } */

@media (min-width: 400px) {
	.home-full img,
	.home-half img { height: 240px !important; }
}

@media (min-width: 600px) {
	.home-full img,
	.home-half img { height: 370px !important; }
}

@media (min-width: 768px) {
	.home-full img { height: 300px !important; }
	.home-half img { height: 240px !important; }
}

@media (min-width: 1025px) {
	.home-full img { height: 410px !important; }
	.home-half img { height: 320px !important; }
}

@media (min-width: 1200px) {
	.home-full img { height: 490px !important; }
	.home-half img { height: 385px !important; }
}

.page-id-256 .banner-slider-container { background-color: #fff !important; }


.page-id-1218 .page-main p,
.page-id-1218 .page-main h3 { margin-top: 0 !important; }
.page-id-1218 .page-main p a { color: #c59d67; }

/*------------------------------------*\
    Customer For Evervue
\*------------------------------------*/

body.page-id-8969#bd { background-color: #f4f4f4 !important; }
.page-id-8969 .page-header,
.page-id-8969 .page-footer,
.page-id-8969 .cky-consent-container { display: none !important; }
.page-id-8969 .page-content { margin: 0 !important; }

/*------------------------------------*\
    Privacy Notice
\*------------------------------------*/

.privacy-notice .text-bold {
	font-family: 'montserrat-bold';
}

.privacy-notice h2 {
	font-size: 18px !important;
}

.privacy-notice p {
	font-size: 15px !important;
}

.privacy-notice a {
	color: #000;
}

.privacy-notice a:hover {
	color: #e1aa57;
}

.privacy-notice ul {
	display: block;
	width: auto;
	text-align: left;
	margin-top: 20px;
	padding-left: 20px;
}

.privacy-notice ul li {
	list-style-type: disc;
	display: list-item;
	font-size: 15px !important;
}

.pn-spacing {
	margin: 20px 0;
}

@media(min-width: 1025px) {
	.privacy-notice h2 {
		font-size: 20px !important;
	}
	.width-resizer{width:85%!important;}

}

h2.title-text-left,
.alignlft{
	text-align:left !important;
}

/*------------------------------------*\
    Revise Power Supply
\*------------------------------------*/

.powersupply-content h3 {
	font-size: 18px;
/* 	color: #e5ae49; */
	margin-top: 0 !important;
}
.powersupply-content ul {
	font-size: 15px;
	line-height: 25px;
    margin-top: 25px;
}
.powersupply-content li { display: block; }
.powersupply-thumbnail {
	text-align: center;
	width: 100%;
	margin-top: 30px;
}
.powersupply-thumbnail-center {
	max-width: 500px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 50% 50%;
}
.powersupply-thumbnail-col { padding: 0 5px; }
.powersupply-main-img,
.powersupply-row { display: none; }
.powersupply-main-img.active,
.powersupply-row.active { display: block; }
.powersupply-thumbnail-item {
	opacity: .6;
	cursor: pointer;
}
.powersupply-thumbnail-item.active { opacity: 1; }

.powersupply-action-main {
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 30px;
}
.powersupply-action-center {
 	max-width: 900px; 
/* 	width:50%; */
	margin: 0 auto;
	display: grid;
	grid-template-columns: 50% 50%;
}
.powersupply-action-col { padding: 0 10px; }
.powersupply-action-item span {
	font-size: 12px;
	margin-top: 10px;
	display: inline-block
}
.powersupply-action-item {
	cursor: pointer;
	height: 100%;
	border-bottom: 2px solid #fff;
	padding-bottom: 20px;
}
.powersupply-action-item.active { border-bottom: 2px solid #e5ae49; }
/* .powersupply-action-item.active span { color: #e5ae49; }  */

.powersupply-content ul { padding-left: 20px; }
.powersupply-content ul li {
	display: list-item;
    list-style-type: disc;
}

@media(min-width: 1025px) {
	.powersupply-content ul { font-size: 16px; }
	.powersupply-content h3 { font-size: 20px; }
	.powersupply-thumbnail-col { padding: 0 10px; }
	.powersupply-action-col { padding: 0 20px; }
	.powersupply-action-item span { font-size: 15px; }
	.powersupply-action-main { margin-bottom: 80px; }
	.powersupply-action-center { width:100%; }
	.powersupply-main { max-width: 70%; margin: 0 auto; }
}


.gm-ps-table td,
.gm-ps-table th {
	font-size: 13px;
	line-height: 18px;
	padding: 10px;
	border: 1px solid #d4d5d6;
}
.gm-ps-table th {
	background-color: #f2f2f3;
	font-family: 'montserrat-bold';
}
.gm-ps-table {
	overflow-y: hidden;
    overflow-x: scroll;
}


@media (min-width: 1025px) {
	.gm-ps-table td,
	.gm-ps-table th {
		font-size: 15px;
		line-height: 25px;
	}
	.gm-ps-table td:first-child { border-left: 1px solid #d4d5d6; }
	.gm-ps-table td:last-child { border-right: 1px solid #d4d5d6; }
	.gm-ps-table th:first-child { border-left: 1px solid #d4d5d6; }
	.gm-ps-table th:last-child { border-right: 1px solid #d4d5d6; }
	.gm-ps-table {
		overflow-x: hidden;
	}
}

.gm-ps-table-section h2{
margin-bottom: 50px;}
.table-specs-ps{border-collapse: collapse;}

.hidden-section {
    display: none;
}

.pdf-clicker{
text-align:center!important;
font-size:12px!important;
padding-top:10px;
display: none;
color:#333333;
}
.powersupply-action-item.active .pdf-clicker{
display: block!important;
color: #e5ae49;
}


@media (min-width: 768px) {
.powersupply-action-center {
	grid-template-columns: 25% 25% 25% 25%;
}
}


.submenu-flag li.active a {
    color: #e1aa57; /* Example: Change the text color for the active link */
}


.gm-ps-table th:first-child, .gm-ps-table td:first-child {position: sticky; left: 0;}
.gm-ps-table h2 {position: sticky; left: 0;} 
.gm-ps-table td, .spec-table td:first-child {
	background-color: #fff;}

.page-id-9462 .intro-thumbnails-container{grid-template-columns: 20% 20% 20% 20% 20%;}

.power-extension, .power-extens-info{
	display:none;
}
.power-extens-info {
    width: 100%!important;
	margin-bottom:25px;
	margin-top: 5px;
}
.power-extens{
	width: 100% !important;
    display: inline-block;
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    justify-content: center;
	font-size: 18px;
    margin-top: 15px;
	color: #e5ae49;
	text-align: center;
	cursor: pointer;
}
/* Wrapper container with padding and overflow hidden */
.industry-info-wrapper {
  width: 100%;  /* Full width of the container */
  padding: 0 20px;  /* Adds space to both left and right sides of the container */
  overflow: hidden;  /* Hide content that overflows */
  border: 2px solid #333;  /* Border around the entire container */
  border-radius: 8px;  /* Optional: Rounded corners for the container */
}

/* Scrolling list style */
.industry-info {
  display: flex;
  gap: 20px;  /* Space between items */
  list-style-type: none;
  padding: 0;
  margin: 0;
  animation: scroll-left 20s linear infinite;  /* Scrolling animation */
  justify-content: space-between;  /* Ensure items are evenly spaced */
}

/* Individual list item style with border and fixed width */
.industry-info li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;  /* Padding inside each item */
  font-size: 14px;  /* Font size */
  white-space: nowrap;  /* Prevents wrapping */
  border: 2px solid #333;  /* Border around each list item */
  border-radius: 8px;  /* Rounded corners for each list item */
  flex: 0 0 20%;  /* Fixed width for each item (adjust percentage as needed) */
  box-sizing: border-box;  /* Ensure padding and border are included in the width */
}

/* Keyframes for the scrolling effect */
@keyframes scroll-left {
  0% {
    transform: translateX(100%);  /* Starts off-screen to the right */
  }
  100% {
    transform: translateX(-100%); /* Moves off-screen to the left */
  }
}


.split-img{
	width: 60%!important;
}
.split-column{
	display: grid;
    grid-template-columns: 50% 50%;
	width: 100%;
	padding-top: 30px;
}
.icons p{
	font-size: 15px!important;
	text-transform:none!important;
	line-height: 20px!important;
	font-family: 'NNS-regular';
}
.icons{
	padding: 20px 10px;
	text-align: center;
}

.home-top-banner {
	margin: 20px 0;
}

@media(min-width: 1025px) {
	.home-top-banner {
		margin: 0;
		margin-top: 100px;
	}
}

@media(min-width: 1025px) {
	.split-column{
		display: grid;
		grid-template-columns: 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667%;
	}
}

/*------------------------------------*\
    Sticky Footer
\*------------------------------------*/

.sticky-quote {
	position: fixed;
    display: flex;
    background-color: white;
    width: 100%;
    height: 55px;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .1);
	padding: 10px;
	gap: 15px;
	z-index: 9 !important;
}

.sticky-quote div {
	background-color: #fff;
    border: 1px solid #D0D1D2;
    height: 35px;
    padding: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 70px;
    width: 100%;
    border-radius: 5px;
}

.sticky-quote div.quote-btn {
	max-width: 320px !important;
	border: 1px solid #dfa95d;
	background-color: white !important;
}

.sticky-quote div:hover {
	background-color: #f6f6f6 !important;
	cursor: pointer;
}

.sticky-quote div a {
	color: #333333;
	font-size: 14px !important;
}

.sticky-quote div.quote-btn a {
	color: #dfa95d !important;
}

.sticky-quote img {
	width: 20px !important;
	height: auto;
	margin-bottom: -5px !important;
}

.page-id-1216 .sticky-quote {
	display: none !important;
}

.whatsapp-icon {
	display: none;
}

.page-id-1216 .whatsapp-icon {
	display: block !important;
}

@media (min-width: 1025px) {
	.sticky-quote {
		height: 65px !important;
	}
	
	.sticky-quote div {
		height: 40px !important;
	}

	.sticky-quote div a {
		font-size: 16px !important;
	}

	.sticky-quote img {
		width: 25px !important;
		margin-bottom: -6px !important;
	}
}

.tc-dl { text-align: center; }
.tc-dl a { color: #e5ae49; }

@media (min-width: 1025px) {
	.tc-dl { text-align: right; }
}

.socmed-section {
	display: flex;
	justify-content: center;
	gap: 24px;
}

.socmed-section a {
	width: 40px !important;
}

.socmed-icon {
	transition: transform 0.3s ease;
}

.socmed-icon:hover {
	transform: scale(1.3);
}

.socmed-section {
	max-width: 280px !important;
	margin: auto !important;
	margin-top: 40px !important;
}

.footer-center .shipping {
	text-align: center !important;
	font-family: 'NNS-bold' !important;
}

@media(min-width: 1025px) {
	.footer-center .shipping {
		text-align: left !important;
	}
}

/*------------------------------------*\
    Customers
\*------------------------------------*/

.customer-menu {
    padding: 20px;
}

.customer-menu p {
    text-align: center !important;
    font-size: 14px !important;
    font-family: 'montserrat-regular';
}

.customer-menu strong {
    text-align: center !important;
    font-size: 14px !important;
    font-family: 'montserrat-bold';
}

.customer-menu p:first-child {
    margin: 0 !important;
}

.customer-logo {
  margin: 0 auto;
  max-width: 100%;
}

.customer-logo-slider {height: 180px !important;}

.customer-logo-slider div {
  margin: 5px;
}

.customer-logo-slider img {
  object-fit: contain;
}

p.best-cust {
    font-family: 'montserrat-bold' !important;
    color: #dba23b !important;
	/* margin-top: 120px!important;
	margin-bottom: 50px!important; */
    text-decoration: underline !important;
}

.customer-menu a {
    padding: 0 !important;
    text-decoration: underline;
    color: #dba23b !important;
}

@media (min-width: 1024px) {
    .customer-menu {
        padding: 75px 40px;
    }

    p.cust-title {
		margin-top: 0 !important;
    }

    p.cust-title strong {
        font-size: 18px !important;
    }

    .blurred {
		filter: blur(3px);
		-webkit-filter: blur(3px);
	}
    
    .customer-menu strong {
        font-size: 16px !important;
    }

    .customer-logo {
        padding: 0 40px;
    }

    .customer-menu a {
        padding: 0 !important;
        margin-top: 100px;
        margin-bottom: 60px;
        text-decoration: none !important;
    }

    p.best-cust {
        font-size: 15px !important;
        transition: font-size 0.3s ease-in-out;
    }

    p.best-cust:hover {
        font-size: 16px !important;
    }

    .gmcustomer,
	.gm-magm,
	.gmquotation {
        padding-bottom: 40px;
    }

    .width-100 {
        position: fixed;
        left: 50%;
		transform: translateX(-50%);
        margin-top: 18px;
        width: 90vw !important;
    }
}

/*------------------------------------*\
    More About Grand Mirrors
\*------------------------------------*/

.moreabout-menu {
    padding-left: 15px;
}

@media (min-width: 1024px) {
    .moreabout-menu {
        padding: 25px 40px;
        display: flex;
    }

    .magm-preview {
        padding: 30px 0;
        padding-right: 70px;
        display: flex;
        flex-direction: column;
    }

    .magm-options {
        padding: 50px 0;
        padding-left: 50px;
        border-left: 1px solid #c1c1c1;
        flex: 0 0 200px;
    }

    .magm-options a {
        margin-bottom: 30px;
    }

    .magm-wgm img {
		margin-top: 25px !important;
        padding: 0 100px !important;
    }

    .with-link a {
        display: inline !important;
        color: #e1aa57 !important;
        font-family: 'NNS-regular' !important;
        font-size: 15px !important;
        text-align: justify;
        line-height: 25px;
		margin-top: 25px;
    }

    .with-link a:hover {
        text-decoration: underline;
    }

    .swappy.opt-swap {
        display: none;
    }

    .swappy.opt-swap.active {
        display: block;
    }

    .magm-hto-step {
        display: flex;
		flex-wrap: wrap;
        gap: 10px;
        margin-top: 30px !important;
    }

    .hto-steps {
        width: 32%;
        padding: 15px;
        background-color: #edcb98;
    }

    .hto-steps:not(:nth-child(even)) {
        background-color: #e5af5d !important;
    }

    .hto-steps p {
        margin: 0 !important;
		font-size: 15px !important;
        text-align: left !important;
    }
	
	.magm-hto-step img {
		padding: 0 30px !important;
	}
	
	.magm-bpdf img {
		padding: 0 12% !important;
	}
	
	.opt-opt.active {
		color: #e1aa57 !important;
	}
}

/*------------------------------------*\
    Request Quote
\*------------------------------------*/
.request-menu {
	padding: 0px 25px 30px 25px !important;
}

.request-menu a {
	padding: 0 !important;
	margin-bottom: 25px !important;
}

@media (min-width: 1024px) {
	.request-menu {
		padding: 75px 40px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px !important;
	}
	
	.gmmenu-rq-desc {
		width: 60% !important;
	}
	
	.gmmenu-rq-slider {
		width: 40% !important;
	}
}

/*------------------------------------*\
    Philips LED
\*------------------------------------*/

.philips-led-promo {
    position: fixed;
    bottom: 70px;
    right: 5px;
    z-index: 2;
    width: 220px;
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.philips-led-icon {
    position: fixed;
    bottom: 78px;
    right: 10px;
    z-index: 10;
    background-color: #fff;
    width: 60px;
    height: 60px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 12px 7px;
	transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s ease-in-out 0.5s;
}

.philips-led-icon.pli-active {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.philips-led-promo.pli-active {
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s ease-in-out 0.5s;
}

@media (min-width: 1024px) {
    .philips-led-promo {
		bottom: 75px !important;
        width: 275px;
    }
	
	.philips-led-icon {
		bottom: 85px !important;
	}
}