/*------------------------------------*\
    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;
}

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

input {
    outline: none !important;
}

/* 		img {
    opacity: 0;
} */

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

body {
    margin: 0;
    overflow-x: hidden;
    font-family: 'montserrat-regular';
    color: #000;
}

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;
}

h1 {
    font-size: 30px;
    text-align: center;
    font-family: 'montserrat-bold';
    line-height: 40px;
}

h2 {
    font-size: 28px;
    text-align: center;
    font-family: 'montserrat-bold';
    line-height: 36px;
}

h3 {
    font-family: 'montserrat-bold';
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    margin: 30px 0 5px;
}

p {
    font-size: 15px;
    line-height: 23px;
    margin-top: 20px;
    text-align: center;
}

@media(min-width: 1025px) {
    h1 {
        font-size: 50px;
        text-align: left;
        line-height: 65px;
    }

    h2 {
        font-size: 47px;
        text-align: left;
        line-height: 59px;
    }

    h3 {
        text-align: left;
        margin: 35px 0 5px;
    }

    p {
        font-size: 16px;
        line-height: 25px;
        text-align: left;
    }
}


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

a,
a:after,
a:before,

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

input,
button,
select,
textarea,
.menu-icon span,
.page-header,
.sac-link img,
.mount-img,
.mount-grid span,
.nav-primary li span,
.customer-img {
    -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;
}

input,
textarea,
button,
select,
a,
.mount-item,
.menu-icon,
.slick-arrow {
    -webkit-tap-highlight-color: transparent;
}

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

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

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

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

.global-section video {
    float: left;
}

.bordered-title h1,
.bordered-title h2,
.bordered-title h3 {
    position: relative;
    padding-bottom: 15px;
    margin-top: 0 !important;
}

.bordered-title h1:after,
.bordered-title h2:after,
.bordered-title h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #c99e62;
    position: absolute;
    bottom: 0;
    left: calc(50% - 25px);
}

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

.no-margin {
    margin-top: 0 !important;
}

@media(min-width: 1025px) {
    .global-section {
        margin-top: 100px;
    }

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

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

    .box-shadow-container {
        position: relative;
        width: 100%;
        float: left;
        padding-bottom: 30px;
    }

    .box-shadow-container .content-container {
        position: absolute;
        z-index: 2;
        bottom: 0;
        right: 0;
        background-color: #fff;
        width: 46%;
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        padding: 30px;
    }

    .made-to-measure-box .content-container {
        top: 0;
        bottom: auto !important;
    }

    .bordered-title h1:after,
    .bordered-title h2:after,
    .bordered-title h3:after {
        left: 0;
    }
}

@media(min-width: 1250px) {
    .box-shadow-container .content-container {
        right: -30px;
    }
}

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

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 8px 0;
}

.logo {
    width: 100px;
}

.menu-icon {
    float: right;
    cursor: pointer;
    width: 25px;
    margin-top: 9px;
}

.menu-icon span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 100%;
}

.menu-icon span:not(:first-child) {
    margin-top: 3px;
}

.stickyheader {
    background: rgba(118, 117, 114, .9);
    box-shadow: 0 4px 6px -6px black;
}

.blackmenu {
    background: rgba(255, 255, 255, 1);
}

.blackmenu.stickyheader {
    background: rgba(255, 255, 255, .9);
}

.blackmenu .menu-icon span {
    background-color: #000;
}

.nav-primary {
    position: absolute;
    top: 41px;
    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;
}

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

.nav-primary li span img {
    position: absolute;
    width: 10px !important;
    top: 10px;
    right: 20px;
    z-index: 2;
}

@media(max-width: 1024px) {

    .mvhighlight img.ir-gold,
    .mvhighlight img.ir-white {
        opacity: 0;
    }
}

@media(min-width: 1025px) {
    .page-header {
        padding: 10px 0;
    }

    .page-header .col-xxs-12 {
        text-align: center;
    }

    .logo {
        width: 120px;
        float: left;
    }

    .nav-primary {
        width: auto;
        display: inline-block;
        float: right;
        position: relative;
        top: 8px;
        box-shadow: none;
        background-color: transparent;
        overflow-x: inherit;
        overflow-y: inherit;
    }

    .nav-primary li {
        display: inline-block;
        padding-bottom: 21px;
    }

    .nav-primary li a,
    .nav-primary li span {
        color: #fff;
        font-size: 13px;
        font-family: 'montserrat-medium';
        padding: 0;
    }

    .nav-primary li a:hover,
    .nav-primary li span:hover,
    .desktop-hover:hover .hasachild {
        color: #c99e62;
    }

    .nav-primary li:not(:last-child) {
        margin-right: 16px;
    }

    .desktop-hover.mvhighlight:hover span.hasachild.active-black img.ir-gold {
        opacity: 1 !important;
        transition: all 200ms ease-in-out !important;
    }

    .desktop-hover.mvhighlight span.hasachild.active-black img.ir-gold,
    .desktop-hover.mvhighlight span.hasachild.active-black img.ir-white,
    .desktop-hover.mvhighlight span.hasachild.active img.ir-black,
    .desktop-hover.mvhighlight span.hasachild.active img.ir-white,
    .desktop-hover:hover img.ir-white,
    .desktop-hover:hover img.ir-black {
        opacity: 0;
        transition: all 200ms ease-in-out;
    }

    .desktop-hover.mvhighlight .hasachild {
        width: 100%;
        position: relative !important;
        margin-right: 20px;
    }

    .desktop-hover.mvhighlight .hasachild img {
        position: absolute !important;
        top: 4px;
        right: -28px;
    }

    .blackmenu li a,
    .blackmenu li span {
        color: #000;
    }

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

    .hd-arrow {
        font-family: 'montserrat-bold' !important;
        margin-top: -2px;
        padding-left: 8px !important;
    }
}

@media(min-width: 1200px) {
    .logo {
        width: 160px;
    }

    .nav-primary {
        top: 15px;
    }

    .nav-primary li {
        padding-bottom: 30px;
    }

    .nav-primary li:not(:last-child) {
        margin-right: 26px;
    }
}

.showmenu {
    background-color: #fff !important;
}

.showmenu .menu-icon span {
    background-color: #000 !important;
}

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

.submenu li a {
    padding-left: 40px !important;
}

.submenu-flags-container {
    display: none;
}

.submenu-flags li a {
    padding-left: 65px !important;
}

.submenu-flags li a img {
    position: absolute;
    top: calc(50% - 9px);
    left: 40px;
    width: 18px !important;
}

.hasachild {
    cursor: pointer;
}

@media(min-width: 1025px) {
    .submenu-container {
        position: absolute;
        left: -10px;
        top: 40px;
        width: 250px;
        visibility: hidden;
        opacity: 0;
        transition: all 250ms ease-in-out;
    }

    .submenu-container li {
        display: block;
        text-align: left;
        padding-bottom: 0 !important;
        margin-right: 0 !important;
        margin-top: -1px;
    }

    .desktop-hover {
        position: relative;
    }

    .desktop-hover:hover>.submenu-container {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .submenu li a {
        padding: 15px 10px !important;
        background-color: rgba(51, 51, 51, 1);
        color: #fff;
    }

    .submenu li a:hover {
        color: #fff;
        background-color: #c99e62;
    }

    .submenu-flags-container {
        width: 180px;
        left: auto;
        right: -10px;
        border-bottom: 1px solid #d1d1d1;
    }

    .submenu-flags-container li {
        border: 1px solid #d1d1d1;
        border-bottom: none;
    }

    .submenu-flags-container li a {
        padding: 10px 10px 10px 35px !important;
        background-color: #fff;
        color: #666;
    }

    .submenu-flags-container li a:hover {
        color: #000;
        background-color: #fff;
    }

    .submenu-flags-container {
        display: block;
    }

    .submenu-flags li a img {
        left: 10px;
    }
}

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

    .submenu-container li {
        margin-top: 0;
    }
}


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

.home-slider {
    overflow: hidden;
}

.home-slider-item {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.home-banner-logo {
    position: absolute;
    z-index: 2;
    max-width: 260px;
    top: calc(50vh - 45px);
    left: calc(50vw - 130px);
}

@media(min-width: 1025px) {
    .home-banner-logo {
        max-width: 612px;
        top: calc(50vh - 106px);
        left: calc(50vw - 306px);
    }
}

/*------------------------------------*\
    Highlights
\*------------------------------------*/

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

.dots-style .slick-dots {
    bottom: 10px;
}

.dots-style .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px #fff solid;
    background-color: darkgray;

}

.dots-style .slick-dots li.slick-active {
    border: 1px #fff solid;
    background-color: #000;
}

.multiple-box-shadow {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.multiple-box-shadow h3 {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0 !important;
}

.multiple-box-shadow img {
    width: 100% !important;
    height: auto !important;
}

.k11-next,
.k11-prev {
    display: none !important;
}

@media(min-width: 1130px) {
    .made-to-measure-box .content-container {
        width: 45% !important;
    }
}

@media(min-width: 1025px) {
    .k11-slider-container {
        margin-top: 30px;
    }

    .dots-style .slick-dots {
        bottom: 25px;
    }

    .dots-style .slick-dots li {
        width: 30px;
        height: 30px;
        border: 2px #fff solid;
    }

    .dots-style .slick-dots li.slick-active {
        border: 2px #fff solid;
    }

    .multiple-box-shadow {
        margin-top: 100px;
    }

    .multiple-box-shadow h3 {
        text-align: left;
        font-size: 30px;
        line-height: 40px;
    }

    .multiple-box-shadow .content-container {
        width: 37%;
        right: auto;
        left: 0;
    }

    .made-to-measure-box .content-container {
        width: 50%;
    }

    .multiple-box-shadow .mtm-perfect {
        position: relative;
        padding-top: 35px;
        margin-bottom: 20px;
    }

    .multiple-box-shadow img {
        float: right;
        width: calc(100% - 115px) !important;
    }

    .multiple-box-shadow-right .content-container {
        right: 0;
        left: auto;
    }

    .multiple-box-shadow-right img {
        float: left;
    }

    .k11-prev,
    .k11-next {
        display: block !important;
        position: absolute;
        cursor: pointer;
        width: 40px !important;
        height: 40px !important;
        top: calc(50% - 20px);
        right: 20px;
        z-index: 3;
    }

    .k11-prev {
        left: 20px;
        right: auto;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
}

@media(min-width: 1250px) {
    .multiple-box-shadow .content-container {
        right: auto;
        left: -30px;
    }

    .multiple-box-shadow-right .content-container {
        right: -30px;
        left: auto;
    }
}

@media(min-width: 1400px) {
    .k11-next {
        right: -60px;
    }

    .k11-prev {
        left: -60px;
    }
}

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

@media(min-width: 1025px) {
    .transform-slider {
        margin-top: 40px;
        padding-right: 200px;
    }

    .transform-box-container .content-container {
        position: absolute;
        z-index: 2;
        top: 40px;
        right: 0;
        background-color: #fff;
        width: 50%;
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        padding: 30px;
    }

    .transform-box-container .content-container h3:first-child {
        margin-top: 0;
    }
}

@media(min-width: 1250px) {
    .transform-box-container .content-container {
        right: -30px;
        top: 0;
        width: 36%;
    }
}

.design-section h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0 !important;
    margin-top: 30px !important;
}

.design-operate-list-container {
    margin-top: 30px;
}

.design-operate-list {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
}

.design-operate-item {
    padding: 0 5px;
}

.design-operate-image {
    width: 100%;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.50);
    border-radius: 4px;
    position: relative;
}

.glass-video-container {
    width: 100%;
    text-align: center;
}

.glass-video-container video {
    margin: 0 auto;
    float: none;
}

.glast-list-item {
    padding: 20px 10px 30px;
    background-color: #fff;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.50);
    margin: 5px;
}

.glast-list-item h3 {
    margin: 10px 0 !important;
    padding-bottom: 5px;
    font-size: 14px;
}

.glast-list-item ul {
    list-style-type: disc;
    padding-left: 20px;
}

.glast-list-item li {
    display: list-item;
}

.glast-list-item li p {
    margin-top: 0;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

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

.glass-list-container:last-child {
    padding: 0;
}

.made-to-measure-box h2.no-border {
    margin: 30px 0 5px 0 !important;
    font-size: 18px;
    line-height: 35px !important;
}

.made-to-measure-box h2.no-border+p {
    margin: 0 !important;
}

@media(min-width: 1025px) {
    .design-operate-list-container {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .design-operate-list {
        max-width: 620px;
    }

    .design-box-container {
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        padding: 30px 30px 40px;
        background-color: #fff;
    }

    .design-box-container h2:after,
    .glass-choices-section h2:after {
        left: calc(50% - 25px);
    }

    .design-section {
        margin-top: 180px;
    }

    .design-section h3 {
        margin-top: 35px !important;
        font-size: 30px;
        line-height: 40px;
    }

    .made-to-measure-box {
        margin-top: 40px;
    }

    .made-to-measure-box video {
        width: calc(100% - 115px);
        float: right;
    }

    .made-to-measure-box h2.no-border {
        margin: 20px 0 10px 0 !important;
        font-size: 18px;
    }

    .made-to-measure-box h2.no-border+p {
        margin: 0 !important;
    }

    .glast-list-item h3 {
        text-align: center;
        font-size: 18px;
    }

    .glast-list-item li p {
        font-size: 16px;
        line-height: 25px;
    }

    .glast-list-item h3:after {
        left: calc(50% - 25px);
    }

    .glass-list-container {
        grid-template-columns: 25% 25% 25% 25%;
        width: calc(100% + 10px);
        margin: 0 -5px;
        padding-top: 35px;
    }

    .glass-list-container:last-child {
        grid-template-columns: 12.5% 25% 25% 25%;
    }

    .glast-list-item {
        margin: 5px;
        padding: 20px 20px 30px;
    }
}

.mirror-sizes-section h3 {
    padding-bottom: 0;
    margin: 20px 0 0 !important;
}

.mirror-sizes-section h3:after {
    display: none;
}

.custom-shape-image {
    box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
    margin-top: 30px;
}

@media(min-width: 1025px) {
    .mirror-sizes-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .mirror-sizes-container .container,
    .mirror-sizes-container .row,
    .mirror-sizes-container .col-xxs-12 {
        height: 100%;
    }

    .mirror-sizes-flex {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .mirror-sizes-center {
        width: 100%;
    }

    .mirror-sizes-center .content-container {
        float: right;
        width: 30%;
        background-color: #fff;
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        padding: 30px;
        position: relative;
        right: -30px;
    }

    .locate-box .content-container {
        left: 0;
        right: auto;
        width: 35%;
    }

    .locate-box video {
        float: right;
        width: calc(100% - 115px);
    }

    .custom-shape-image {
        margin-top: 40px;
    }
}

@media(min-width: 1250px) {
    .locate-box .content-container {
        left: -30px;
        right: auto;
    }
}

.mount-thumbnails {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    float: left;
}

.mount-list {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
}

.mount-grid {
    padding: 0 5px;
}

.mount-img {
    border: 2px solid #707070;
    float: left;
}

.mount-img img {
    margin-bottom: 0 !important;
    float: left;
}

.mount-grid span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
}

.mount-item.active .mount-img {
    border: 2px solid #c99e62;
}

.mount-item.active span {
    color: #c99e62;
}

.mount-item {
    cursor: pointer;
}
.mount-videos {
    position: relative;
    z-index: 1;
    width: 100%;
	box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
	float: left;
	overflow: hidden;
}
.mount-videos video {
    position: absolute;
    top: 0;
    left: -10%;
    opacity: 0;
	padding: 15px 0;
	width: 120% !important;
}
.mount-videos video.active { opacity: 1; }
.mount-vid-dummy {
	opacity: 0;
	position: relative !important;
	width: 100% !important;
	left: 0;
}

@media(min-width: 1025px) {
    .mount-list { max-width: 493px; }
    .mount-grid { padding: 0 10px; }
    .mount-grid span { font-size: 16px; }
	.mount-videos video {
		padding: 25px 0;
		width: 150% !important;
		left: -25%;
	}
	.mount-vid-dummy {
		width: 100% !important;
		left: 0;
	}
}

.aao-slider {
    margin-top: 30px;
}

.aao-img {
    height: 240px;
    width: 100%;
    float: left;
    object-fit: cover;
    object-position: center;
}

.aao-slider h3,
.hframes-slider h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 30px 0 0 !important;
    text-align: left;
}

.aao-slider p,
.hframes-slider p {
    text-align: left !important;
}

.aao-slider .slick-dots,
.hframes-slider .slick-dots {
    bottom: auto;
    top: 211px;
}

@media(min-width: 1025px) {
    .aao-slider {
        margin-top: 40px;
    }

    .aao-img {
        height: auto !important;
    }

    .aao-slider .slick-slide,
    .hframes-slider .slick-slide {
        position: relative;
    }

    .aao-content-container {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
    }

    .aao-content-container .container,
    .aao-content-container .row,
    .aao-content-container .col-xxs-12 {
        height: 100%;
    }

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

    .aao-center {
        width: 100%;
    }

    .aao-center .content-container {
        float: right;
        width: 42%;
        background-color: #fff;
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        padding: 30px 30px 35px;
        position: relative;
        right: 0;
    }

    .aao-slider h3,
    .hframes-slider h3 {
        margin-top: 0 !important;
        font-size: 30px;
        line-height: 40px;
        /* text-align:left!important; */
    }

    .aao-slider h3:after,
    .hframes-slider h3:after {
        left: calc(50% - 25px);
    }

    .hframes-section h2:after {
        left: calc(50% - 25px);
    }

    .aao-slider .slick-dots,
    .hframes-slider .slick-dots {
        top: auto;
        bottom: 25px;
    }
}

.hframes-slider {
    margin: 30px -20px 0;
    width: calc(100% + 40px);
}

.hrames-img {
    height: 240px !important;
    width: 100% !important;
    float: left;
    object-fit: cover;
    object-position: center;
}

.hframes-section p a {
    color: #c99e62;
    font-family: 'montserrat-medium';
}

.hframes-flex {
    float: left;
    width: 100%;
}

.hframes-flex .content-container {
    padding: 0 20px;
    text-align: center;
}

.hframes-flex .content-container a {
    font-size: 13px;
    line-height: 13px;
    background-color: #c99e62;
    color: #fff;
    padding: 11px 25px;
    border-radius: 5px;
    font-family: 'montserrat-medium';
    margin-top: 20px;
}

@media(min-width: 1025px) {
    .hframes-slider {
        margin: 40px 0 0;
        width: 100%;
    }

    .hrames-img {
        height: auto !important;
    }

    .hframes-container {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
    }

    .hframes-flex .content-container {
        padding: 30px;
        width: 35%;
        float: left;
        margin-left: 30px;
        text-align: left;
    }
}

.cutouts-box-container .content-container {
    margin-top: 25px;
}

.sma-section img {
    margin-top: 30px;
    box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
}

.sma-section p:nth-child(5) {
    margin-top: 30px;
}

@media(min-width: 1025px) {
    .cutouts-box-container {
        margin-top: 40px;
        padding-bottom: 30px;
    }

    .cutouts-slider {
        width: calc(100% - 115px);
    }

    .cutouts-img {
        /*height: 500px !important;*/
        width: 100%;
        float: left;
        object-fit: cover;
        object-position: center;
    }

    .cutouts-box-container .content-container {
        width: 35%;
        background-color: #fff;
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        padding: 30px 30px 35px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .sma-section h2:after {
        left: calc(50% - 25px);
    }

    .cutouts-slider .slick-dots {
        width: calc(100% + 115px);
        left: 0;
    }
}

@media(min-width: 1250px) {
    .cutouts-box-container .content-container {
        right: -30px;
    }

}

/*------------------------------------*\
    Technology
\*------------------------------------*/

.technology-banner video {
    height: 100%;
    max-height: 100vh;
    object-fit: cover;
    object-position: center;
}

.tech-tv-content h2 {
    font-size: 24px;
    line-height: 30px;
}

.tech-tv-content h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 30px 0 5px !important;
    padding-bottom: 0;
}

.tech-tv-content h3:after,
.tech-audio-section h3:after {
    display: none;
}

.tech-audio-section h3 {
    margin-top: 30px !important;
    padding-bottom: 0;
}

.tech-audio-img {
    margin-top: 30px;
    max-width: 690px;
    box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
}

.hdmi-img {
    margin-top: 30px;
}

.hdmi-img img {
    max-width: 230px;
    float: none;
}

.speaker-row {
    margin-top: 30px;
}

.tech-speakers-large {
    box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
}

.tech-speakers-large {
    position: relative;
    margin-top: 30px;
}

.ilo-img,
.speakers-large-img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ilo-img.active {
    display: block;
}

.speakers-large-img.active {
    position: relative;
    display: block;
}

.no-border {
    padding-bottom: 0 !important;
}

.no-border:after {
    display: none !important;
}

.speakers-thumbnail {
    margin-top: 30px;
    text-align: center;
}

.speakers-grid {
    width: 100%;
    display: grid;
    margin: 0 auto;
    max-width: 320px;
    grid-template-columns: 50% 50%;
}

.speakers-item {
    padding: 0 7px;
}

.speakers-thumb-img {
    border: 2px solid #707070;
    cursor: pointer;
}

.speakers-thumb-img.active {
    border: 2px solid #c99e62;
}

@media(min-width: 1025px) {
    .biggger-size {
        font-size: 40px !important;
        line-height: 45px !important;
    }

    .tech-audio-section h2:after,
    .centered-border:after {
        left: calc(50% - 25px) !important;
    }

    .tech-audio-img,
    .speaker-row {
        margin-top: 40px;
    }

    .speaker-row {
        display: flex;
    }

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

    .speaker-center {
        width: 100%;
        padding-left: 30px;
    }

    .tech-speakers-large {
        margin-top: 0;
    }

    .remote-center {
        padding-right: 30px;
        padding-left: 0;
    }
}

.zepp-content {
    display: none;
}

.zepp-content.active {
    display: block;
}

.zepp-item {
    padding: 0 7px;
}

.zepp-grid {
    max-width: 278px;
}

.zepp-thumb-img {
    border: 2px solid #707070;
    cursor: pointer;
}

.zepp-thumb-img.active {
    border: 2px solid #c99e62;
}

.zepp-large-img,
.effortless-large-img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.zepp-large-img.active,
.effortless-large-img.active {
    position: relative;
    display: block;
}

.effortless-grid {
    max-width: 100%;
    margin: 0 auto;
}

.effortless-grid .speakers-item {
    display: inline-block;
    padding: 0;
}

.effortless-grid img {
    height: 39px !important;
    width: auto !important;
}

.effortless-thumb-img {
    border: 2px solid #707070;
    cursor: pointer;
}

.effortless-thumb-img.active {
    border: 2px solid #c99e62;
}

@media(min-width: 1025px) {
    .effortless-grid img {
        height: 50px !important;
    }
}

@media(min-width: 1200px) {
    .effortless-grid .speakers-item {
        padding: 0 5px;
    }
}

/*------------------------------------*\
    Technology - Integrated Lighting Options
\*------------------------------------*/

.ilo-container {
    float: left;
}

.ilo-relative {
    box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
    position: relative;
    width: 100%;
    float: left;
}

.ilo-relative img {
    float: left;
    margin-bottom: 0 !important;
}

.ilo-hidden-img {
    opacity: 0;
}

.ilo-change-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.ilo-thumb-flex {
    width: 100%;
    margin-top: 20px;
    float: left;
}

.ilo-thumb-center {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}

.ilo-model-list,
.ilo-light-list {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.ilo-model-list {
    padding-bottom: 20px;
}

.ilo-light-item,
.ilo-model-item {
    width: auto;
    float: left;
    padding: 5px;
    border: 2px solid #fff;
    margin-top: 10px;
    cursor: pointer;
}

/* .ilo-light-item:not(:nth-child(3n)),
.ilo-model-item:not(:nth-child(3n)) {
    margin-right: 10px;
} */

.ilo-model-item{
    margin-right: 10px;
}

.ilo-light-item img,
.ilo-model-item img {
    height: auto !important;
    width: auto !important;
}

.ilo-model-item span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
}

.ilo-light-item.active,
.ilo-model-item.active {
    border: 2px solid #c99e62;
}

.box-ol p {
    margin-top: 0;
    text-align: left;
}

.box-ol strong {
    font-weight: normal;
    font-family: 'montserrat-bold';
}

.box-ol li:not(:first-child) {
    margin-top: 5px;
}

.box-ol p {
    font-size: 14px;
}

.box-ol {
    list-style-type: decimal;
    padding-left: 18px;
}

.box-ol li {
    display: list-item;
}

.mf-content-container {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.mf-content-container img {
    max-width: 150px !important;
}

.mf-content-container ol p {
    margin-top: 0;
    text-align: left;
}

.mf-content-container ol p strong {
    font-weight: normal;
    font-family: 'montserrat-bold';
}

.mf-content-container ol {
    list-style-type: decimal;
    padding-left: 18px;
    margin-top: 10px;
}

.mf-content-container ol li {
    display: list-item;
}

.mf-content-container ol li:not(:first-child) {
    margin-top: 5px;
}

.mf-link {
    width: 100%;
    text-align: center;
    color: #000;
    display: block;
    background-color: #e5ae49;
    padding: 10px 0;
    margin-top: 20px;
}

.mf-slider-container {
    margin-top: 30px;
}

.mf-next,
.mf-prev {
    display: none !important;
}

@media(min-width: 1025px) {
    .ilo-thumb-flex {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 0;
    }

    .ilo-thumb-center {
        width: 100%;
        max-width: 100%;
    }

    .ilo-light-item img,
    .ilo-model-item img {
        height: auto;
    }

    .box-center {
        padding-left: 0;
    }

    .mf-content-container {
        margin-top: 40px;
        box-shadow: 0px 0px 23px 1px rgba(0, 0, 0, 0.50);
        padding: 30px 50px;
    }

    .mf-content-container ol p {
        font-size: 14px;
    }

    .mf-col {
        padding-right: 30px;
    }

    .mf-link {
        padding: 15px 0;
        font-size: 18px;
    }

    .mf-slider-container {
        margin-top: 40px;
        position: relative;
    }

    .mf-prev,
    .mf-next {
        display: block !important;
        position: absolute;
        cursor: pointer;
        width: 40px !important;
        height: 40px !important;
        top: calc(50% - 20px);
        right: 20px;
        z-index: 3;
    }

    .mf-prev {
        left: 20px;
        right: auto;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
}

@media(min-width: 1200px) {

    .ilo-light-item img,
    .ilo-model-item img {
        height: auto !important;
    }
}


/*------------------------------------*\
    Technologo - Specifications
\*------------------------------------*/

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

.table-container table {
    float: left;
    width: 100%;
    font-size: 11.5px;
    border-collapse: collapse;
}

.table-container table tr {
    border-top: 10px solid #f4f4f4;
}

.table-container tr:nth-child(odd) {
    background-color: #eaeaea;
}

.table-container tr:nth-child(even) {
    background-color: #e2e2e2;
}

.table-container tr:first-child,
.table-container tr:nth-child(2),
.table-container tr:nth-child(6),
.table-container tr:nth-child(9),
.table-container tr:nth-child(13),
.table-container tr:nth-child(16) {
    background-color: #f4f4f4;
}

.table-container table td {
    text-align: center;
}

.table-container table td:first-child,
.table-container table th:first-child {
    width: 11.5% !important;
    position: sticky;
    left: 0;
    background-color: #f4f4f4;
    padding-left: 5px;
    border-left: none;
}

.table-container table td,
.table-container table th {
    height: 40px;
    border-left: 5px solid #f4f4f4;
    border-right: 5px solid #f4f4f4;
}

.table-container table th {
    font-family: "montserrat-medium";
    font-size: 20px;
    color: #b3b3b3;
    text-align: left;
}

.table-container table tr:nth-child(1) th,
.table-container table tr:nth-child(2) td,
.table-container table td:first-child {
    color: #c99e62;
    font-family: "montserrat-medium";
    text-align: center;
    font-size: 14px;
}

.table-container table td:first-child {
    text-align: left;
    font-size: 12px;
    background-color: #f4f4f4;
}

@media(min-width: 1025px) {
    .table-container {
        margin-top: 40px;
        overflow: auto;
    }
}

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

.page-id-24 h1 {
    padding-top: 20px;
}

.customer-list-container {
    width: 100%;
    margin-top: 30px;
}

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

.customer-item {
    padding: 10px;
}

.customer-img {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    display: flex;
    align-items: center;
}

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

.customer-img img {
    margin-bottom: 0 !important;
}

@media(min-width: 1025px) {
    .page-id-24 h1 {
        padding-top: 0;
    }

    .customer-list {
        grid-template-columns: 25% 25% 25% 25%;
    }

    .customer-list-container {
        margin-top: 40px;
    }
}

.page-id-993 body,
.page-id-993 .page-main {
    background-color: #f4f4f4;
}

.page-id-993 footer,
.page-id-993 header {
    display: none !important;
}

.page-id-993 .customer-list-container {
    margin-top: 0 !important;
}

.page-id-24 .customer-item:nth-child(6) {
    display: none !important;
}

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

.page-footer {
    background-color: #181816;
    color: #fff;
}

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

.footer-logo {
    max-width: 200px;
    margin: 0 auto;
}

.footer-main p {
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    margin-top: 25px;
}

.footer-main span {
    display: block;
    font-family: 'montserrat-bold';
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 40px;
}

.footer-main li {
    display: block;
    margin-top: 15px;
}

.footer-main li a {
    position: relative;
    color: #fff;
    font-size: 13px;
    padding-left: 28px;
}

.footer-main li p {
    margin-top: 0;
    font-size: 13px;
    position: relative;
    padding-left: 28px;
}

.footer-main li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
}

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

.footer-main li:nth-child(8) {
    text-align: center;
    font-size: 18px;
    margin-top: 40px;
}

.footer-main li:nth-child(9) a {
    padding-left: 0;
    font-size: 18px;
}

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

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

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

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

.instagram-link {
    max-width: 200px;
    margin-top: 20px;
}

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

@media(min-width: 1025px) {
    .footer-main {
        padding: 30px 0 40px;
    }

    .footer-logo {
        max-width: 250px;
    }

    .footer-main .col-md-4 {
        padding-left: 35px;
    }

    .footer-main span {
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .sac-link {
        margin: 20px auto 0;
    }

    .footer-main li a:hover {
        color: #c99e62;
    }
}

/*------------------------------------*\
    Why MirrorVue
\*------------------------------------*/

.why-mv .col-xxs-12 {
    padding: 0 !important;
}

.why-mv {
    padding-top: 50px;
}

.wmv-row {
    display: grid;
    grid-template-columns: 33% 34% 33%;
    text-align: center;
}

.wmv-col {
    border: 1px solid #cca961;
    margin: -1px 0 0 -1px;
    /* border-collapse for div */
}

.wmv-title,
.wmv-title .wmv-col {
    border: none !important;
    max-height: 100%;
}

.wmv-title span {
    font-size: 16px;
    font-family: 'montserrat-bold';
}

.wmv-title .wmv-col {
    margin: auto 0;
    text-align: center;
    padding: 5px 1px;
}

.wmv-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 30px 0 0 0;
}

.comp-img img,
video {
    width: 100% !important;
    height: auto !important;
}

.wmv-col:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 0 10px;
}

.wmv-col h2 {
    font-size: 17px !important;
}

.wmv-table p {
    padding: 10px 7px;
    line-height: 18px;
    font-size: 14px !important;
    margin-top: 0;
    text-align: center;
}

.comp-img video {
    margin-bottom: 20px;
}

.wmv-row:nth-child(even) {
    background-color: #F2F2F2;
}

.wmv-row:nth-child(odd) {
    background-color: #EAE5DF;
}

.wmv-row.wmv-title {
    background-color: #fff !important;
}

@media(min-width: 1025px) {
    .wmv-title span {
        margin: 10px 0;
        font-size: 30px;
    }

    .wmv-col h2 {
        font-size: 34px !important;
        line-height: 40px;
    }

    .wmv-table p {
        padding: 20px;
        font-size: 16px !important;
        line-height: 25px;
    }

    .wmv-col:nth-child(2) {
        padding: 0 25px;
    }
}

/*------------------------------------*\
    404 Page
\*------------------------------------*/

.error-container {
    text-align: center;
    align-items: center;
    margin: 50px;
}

.error-container h1 {
    line-height: 100px;
}

.error-container a {
    color: #e5b572;
    font-weight: 600;
    font-family: 'montserrat-bold';
}

.error-container a:hover {
    color: #ffffff;
}

.back-home {
    background-color: #393939;
    max-width: 200px;
    padding: 20px;
    margin: 25px auto;
}

@media (min-width: 1024px) {
    .error-container h1 {
        font-size: 80px;
    }
}

@media (max-width: 1023px) {
    .error-container h1 {
        font-size: 60px;
    }
}

/*------------------------------------*\
    Help Center - Contact Us
\*------------------------------------*/

.help-center h1 {
    font-size: 20px;
    font-family: 'montserrat-regular';
    line-height: 100px;
}

.help-center h2 {
    font-size: 30px;
    font-family: 'montserrat-medium';
    font-weight: lighter;
    line-height: 100px;
    margin-bottom: 25px;
}

.hc-container {
    margin-top: 30px;
}

.hc-cu-row {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    margin: 50px 0;
}

.hc-container a {
    color: #337ab7 !important;
}

.hc-container a:hover,
.hc-container a:active {
    color: #c99e62 !important;
}


.hc-cu-row h3,
.hc-cu-row p {
    font-size: 12px !important;
    text-align: left;
}

.hc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hc-btn-col {
    display: inline-block;
    margin: 10px;
    max-width: 163px;
}

.hc-btn-col img {
    width: 100%;
}

#contacts {
    display: none;
}

@media(max-width: 910px) {

    .help-center h2 {
        font-size: 25px;
        font-family: 'montserrat-medium';
        font-weight: lighter;
        line-height: 50px;
        margin-bottom: 25px;
    }

    .hc-btn {
        margin-bottom: 20px;
    }

    .hc-cu-row {
        display: block;
        margin: 0;
    }

    .hc-cu-col {
        margin: 50px 0;
        text-align: center;
    }

    .hc-cu-row h3,
    .hc-cu-row p {
        text-align: center;
    }
}

/*------------------------------------*\
    Help Center - Product Manuals
\*------------------------------------*/

.product-manuals h1 {
    font-family: 'montserrat-regular';
    padding: 50px;
}

.hc-pm {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.hc-pm p {
    margin-top: 0;
    color: #c99e62;
    font-size: 14px;
}

.hc-pm a {
    margin-top: 0;
    color: #000;
}

.pm-row h2 {
    font-family: 'montserrat-bold';
    font-size: 10px;
    line-height: 25px;
    padding: 10px;
    box-shadow: 0 0 3px 0 #9e9e9e7a;
}

.product-manuals {
    display: flex;
    flex-direction: column;
}

.pm-row {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
}

.pm-list {
    cursor: pointer;
}

.pm-list.selected {
    background-color: #ececec;
}

@media(max-width: 1024px) {
    .pm-row {
        display: block;
        margin-top: 25px;
    }

    .pm-sidebar {
        width: 100% !important;
        text-align: center;
    }

    .pm-options span {
        width: 80% !important;
    }

    .pdf-col {
        width: 100% !important;
    }

    .pm-pdf-viewer {
        width: 100% !important;
    }
}

.pm-sidebar {
    display: block;
    max-height: 500px;
    height: 100%;
    width: 25%;
    overflow-y: auto;
    box-shadow: 0 0 21px -5px #9d9898;
}

.pm-options span {
    display: block;
    color: #c99e62;
    margin: 0 auto;
    padding: 10px;
    width: 95%;
    font-size: 14px;
    line-height: 24px;
}

.pm-options li {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
}

.pm-options li:active,
.pm-options li:hover {
    background-color: #eee;
}

/*----------------------------------------------*\
    Help Center - Product Manuals (PDF Viewer)
\*----------------------------------------------*/

.pdf-col {
    background-color: #333;
    height: 500px;
    width: 800px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    /*display: none;*/
}

.pdf-col.active {
    opacity: 1;
    z-index: 2;
}

.pdf-settings {
    background-color: #666;
    align-items: center;
}

.pm-pdf-viewer {
    position: relative;
    width: 75%;
    height: 600px;
}

.marginconfig {
    margin-bottom: 20px;
}

.mount-slider h3 {
    margin-top: 0 !important;
}

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

#mlb2-5996407.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody {
    padding: 1px 2px 0 2px !important;
}

#mlb2-5996407.ml-form-embedContainer .ml-form-align-left {
    text-align: center !important;
}

@media(max-width: 1024px) {
    #mlb2-5996407.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedContent span {
        text-align: center;
    }

    .footer-contact-us li.footer-cs {
        border-bottom: 1px solid #b7b7b7;
    }

    .footer-contact-us li.footer-cs:first-child {
        border-top: 1px solid #b7b7b7;
        padding-top: 15px;
    }

    .footer-contact-us li.footer-cs p,
    .footer-contact-us li.footer-cs a {
        padding-bottom: 15px;
    }
}

.page-id-993 .cky-consent-container,
.page-id-903 .cky-consent-container {
    display: none !important;
}

.wtu-slider-container {
    opacity: 0;
}

/*----------------------------------------------*\
    Help Center - Product Manuals (PDF Viewer)
\*----------------------------------------------*/

.page-id-903 p {
    margin-top: 0 !important;
    text-align: left !important;
}

.page-id-903 .img-responsive {
    margin-bottom: 7px !important;
}

.page-id-903 li span {
    font-size: 18px;
    font-weight: 700 !important;
}

.page-id-1239 header, .page-id-1237 header, .page-id-903 header, .page-id-1376 header {
    display: none;
}

.page-id-1239 footer, .page-id-1237 footer, .page-id-903 footer, .page-id-1376 footer {
    display: none;
}

.page-id-903 .global-section {
    margin-top: 50px;
}


.all img {
    cursor: pointer;
}


/* Modal Background */
.rq-info-opacity {
    background: rgba(51, 51, 51, .5);  /* Semi-transparent background */
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999999999999;  /* Very high z-index */
    display: none;  /* Hidden by default */
}

/* Flexbox Container for Centering */
.rq-info-flex {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    align-items: center;
}

/* Modal Content Centering */
.rq-info-center {
    max-width: 600px;
    text-align: center;
    position: relative;
    background-color: #ffffff;  /* White background for the modal */
    border: 1px solid #e1aa57;  /* Border color */
    margin: 20px;  /* Margin around the modal */
padding: 30px;
}

/* Modal Image Styling */
.modal-image {
    max-width: 100%;
    height: auto;
}

.rq-mount-close {
    position: absolute;
     width: 25px !important;
    cursor: pointer;
    z-index: 2;
     top: 6px;
    right: 7px;
}
/* Modal Close Button */
/* .modal-close {
    position: absolute;
   top: -17px;
    right: -3px;
    color: #ffff;
    font-size: 50px;
    font-weight: bold;
    cursor: pointer;
}

.modal-close:hover,
.modal-close:focus {
    color: #e1aa57; 
} */

/* Video Modal Background */
.video-info-opacity {
    background: rgba(51, 51, 51, .5);  /* Semi-transparent background */
    position: fixed;
    top: 0;
right:0;
    height: 100%;
    width: 100%;
    z-index: 9999999999999999;  /* Very high z-index */
    display: none;  /* Hidden by default */
}

/* Flexbox Container for Centering */
.video-info-flex {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    align-items: center;
}

/* Modal Content Centering for Video */
.video-info-center {
     max-width: 700px;
    text-align: center;
    padding: 30px;
    position: relative;
    background-color: #ffffff;
}

/* Video Modal Styling */
.modal-video {
    max-width: 100%;
    height: auto;
}

/* Video Modal Close Button */
/* .video-close {
   position: absolute;
     width: 30px !important;
    cursor: pointer;
    z-index: 2;
       top: 10px;
    right: 10px;
}

.video-close:hover,
.video-close:focus {
*/
.page-id-1239 p, .page-id-1237 p, .page-id-1105 p, .page-id-1376 p {
    margin-top: 0;
    text-align: left !important;
}
.page-id-1239 .frames-img .img-responsive,
.page-id-1237 .frames-img .img-responsive,
.page-id-1105 .frames-img .img-responsive,
.page-id-1376 .frames-img .img-responsive {
    margin-bottom: 7px;
}

.page-id-1239 ul.frames-img li span,
.page-id-1237 ul.frames-img li span,
.page-id-1105 ul.frames-img li span,
.page-id-1376 ul.frames-img li span{
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 768px) {

.page-id-1239 p,   .page-id-1237 p, .page-id-1105 p, .page-id-1376 p {
        font-size: 13px;
    }
}

.page-id-1239 .global-section, .page-id-1237 .global-section, .page-id-1105 .global-section, .page-id-1376 .global-section {margin-top: 50px;}

.all {cursor: pointer;}


.page-id-1239 .framepage-slider, .page-id-1237 .framepage-slider, .page-id-1376 .framepage-slider {
    margin-top: 50px!important;
}

.page-id-1239 .cky-consent-bar, .page-id-1237 .cky-consent-bar, .page-id-1376 .cky-consent-bar{
display:none;
}

/* Slider Container */
.slider-wrapper {
    position: relative;
    width: 100%; /* Ensure the slider spans full width */
    overflow: hidden; /* Hide the overflowing images */
}

.slider {
    display: flex;
    transition: transform 0.5s ease; /* Smooth transition for sliding */
    width: 600%; /* Set width based on the number of images (6 images = 600%) */
}

.framepage-slider-img {
    width: 100%; /* Each image will take full width */
    flex-shrink: 0;
}

/* Arrow Controls with arrow image */
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    background-image: url('https://www.decovue.com/wp-content/uploads/banner-arrow.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
}

.left-arrow {
    left: 10px;
    transform: translateY(-50%) rotate(180deg); /* Rotates the arrow for the left */
}

.right-arrow {
    right: 10px;
    transform: translateY(-50%); /* Keeps the arrow for the right in default orientation */
}

/*------------------------------------*\
    Pop-up
\*------------------------------------*/
.pop-info-opacity {
    background: rgba(51, 51, 51, .5);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999999999999;
    display: none;
}

.pop-info-flex {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.pop-info-center {
    max-width: 800px;
    max-height: 500px;
    text-align: center;
    padding: 30px 0 30px 30px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #c99e62;
    margin: 30px;
}

.pop-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 440px;
    padding-right: 30px;
}

.pop-scroll strong {
    font-family: 'montserrat-bold' !important;
}

.pop-scroll p:first-child {
    margin-top: 0;
}

.pop-scroll p {
    text-align: left;
    margin-bottom: 0;
    margin-top: 15px;
    line-height: 22px;
	font-size: 15px !important;
}

.pop-scroll p a {
    color: #272626;
}

.pop-scroll p a:hover {
    color: #c99e62;
}

.pop-scroll ul {
    margin-top: 15px;
    text-align: left;
}

.pop-scroll li {
    display: block !important;
    line-height: 22px;
	font-size: 15px !important;
}

/*------------------------------------*\
    Blog
\*------------------------------------*/

.blog-section,
.blog-div { margin-top: 20px; }
.blog-div:first-child { margin-top: 0; }
.blog-img a { width: 100%; }
.blog-img img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: -6px !important;
}
.blog-title { margin-top: 25px; }
.blog-title a { color: #333; }
.blog-content p { margin-top: 20px; text-align: justify;}
.blog-content a.read-blog {
	margin-top: 30px !important;
    padding: 15px 20px !important;
    line-height: 16px !important;
    background-color:#c99e62;
    color: #fff !important;
    border-radius: 4px !important;
    font-size: 16px !important;
}

.sidebar {
	max-width: 300px;
    margin: 40px auto 0;
}

@media (min-width: 1025px) {
	.blog-section, .blog-div { margin-top: 80px; }
	.blog-section:first-child { margin-top: 80px; }
	.blog-div:first-child  { margin-top: 0; }
	
	.sidebar {
		max-width: 100%;
    	margin: 0 auto;
	}
}


@media (min-width: 1025px) {
	.blog-img-center img { max-width: 450px; }
	.blog-img-left .img-link {
		max-width: 600px;
		float: left;
		margin-right: 30px;
		margin-bottom: 15px;
	}
	.blog-img-right .img-link {
		max-width: 600px;
		float: right;
		margin-left: 30px;
		margin-bottom: 15px;
	}
	.blog-img-left .img-link-small,
	.blog-img-right .img-link-small {max-width: 450px;}
}

.blog-content p a { color: #c99e62; }

/*------------------------------------*\
    Blog - Sidebar
\*------------------------------------*/

.widget_block h3 {
	margin-top: 0;
	text-align: center;
	font-family: 'montserrat-bold';
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.wp-block-categories li { display: block; }
.wp-block-categories li:not(:first-child) { margin-top: 10px; }
.wp-block-categories li a {
	background-color: #c99e62;
    color: #fff;
	text-align: center;
	width: 100%;
	padding: 5px;
	font-size: 14px;
}

/*------------------------------------*\
    Blog - Single
\*------------------------------------*/

.share-div { margin-top: 30px; }
.share-div span {
	display: inline-block;
	font-family: 'montserrat-bold';
}
.share-div a {
	display: inline-block;
	width: 30px;
	margin-left: 5px;
}


.blog-banner img{
padding-top:10px;
width:100%;
}

.tzinnershare img{
	width: 40px;
}

ul.tzinnershare {
    list-style: none;
    padding: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.blog-title h2{
    font-size: 25px;
    line-height: 40px;
}

.blog-content li {
    padding-left: 10px;
    display: list-item;
    list-style-type: disc;
}
.blog-content ul {
    padding-top: 20px!important;
    padding-left: 35px!important;
}

.blog-content li a {
    color: #c99e62;
}

@media(max-width: 1024px) {
.wp-block-categories li a {
margin-bottom: 10px;
}
}

/*------------------------------------*\
    New Blog
\*------------------------------------*/

.blog-container {
	float: left;
	width: 100%;
}
.blog-item {
	float: left;
	width: 100%;
	padding: 0 10px;
	margin-top: 20px;
}
.blog-item:nth-child(1) { margin-top: 0; }
.blog-item a {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 100%;
}
.blog-item img {
	float: left;
	position: absolute;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	top: 0;
	left: 0;
	z-index: 1;
}
.blog-info {
	position: absolute;
	width: 100%;
	padding: 20px;
	left: 0;
	bottom: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.8);
	color:#222;
}
.blog-info h3 {
	margin-top: 0;
	font-family: "montserrat-regular";
	text-transform: uppercase;
	font-size: 19px;
	text-align: left;
}
.blog-date {
	padding-top: 10px;
	font-size: 14px;
	display: block;
}
.blog-categ {
	display: inline-block;
	background-color: #e5ae49;
	color: #fff;
	font-family: "montserrat-regular";
	text-transform: uppercase;
	font-size: 11px;
	padding: 5px 15px;
	margin-bottom: 15px;
	border-radius: 50px;
}

.blog-hide {
	float: left;
	width: 100%;
	margin-top: 20px;
	display: none;
}
.blog-item-view .blog-info { display: none; }
.blog-item-view { position: relative; }
.blog-view {
	position: absolute;
	width: calc(100% - 20px);
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	top: 0;
	left: 10px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.blog-view-all {
	cursor: pointer;
	display: inline-block;
	background-color: #aa2926;
	color: #fff;
	border-radius: 50px;
	font-size: 16px;
	padding: 10px 25px;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.blog-item { width: 33.33%; }
	.blog-item:nth-child(2),
	.blog-item:nth-child(3) { margin-top: 0; }
}

/*------------------------------------*\
    Blog Category
\*------------------------------------*/

.blog-category {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #f4f4f4;
	padding: 30px 30px;
}
.blog-category a {
	text-transform: uppercase;
	font-size: 13px;
    padding: 15px 30px;
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius: 5px;
	display: block;
	margin-top: 10px;
	color: #222;
}
.blog-category a:hover,
.blog-category a.blog-active {
	color: #fff;
	background-color: #e5ae49;
	border: 1px solid #e5ae49;
}
.blog-category a:first-child { margin-top: 0; }

@media (min-width: 1025px) {
	.blog-category a {
		display: inline-block;
		margin-left: 10px;
		margin-top: 0;
	}
	.blog-category a:first-child { margin-left: 0; }
	.blog-category a:nth-child(2) { margin-left: 5px; }
	.blog-category { padding: 30px 0; }
}

.single-post .blog-categ { margin: 30px 0 0; }
.single-post main .container { max-width: 1200px; }


.no-banner-margin-blog {
    margin-top: 0px;
}


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

.blog-content strong{
    font-family: 'montserrat-bold';
}

/* don't remove */
@media(max-width: 1024px) {
	.home-slider-item[style*="4k-Mirror-TV-slider.webp"] {
	  background-position: -70px center !important;
	}

	.home-slider-item[style*="custom-TV-mirror.webp"] {
	  background-position: calc(100% - -70px) center !important;
	}
}
.bug-img{
	margin-top: 1px;
}

/* ----------------------------- */
/* new css copied from mirrorvue */
/* ----------------------------- */

.ilo-model-list, .ilo-light-img{
	display: grid;
	grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
	height: auto !important;
}
.ilo-model-item{
	text-align: center;
}
@media (max-width: 768px) {
	.ilo-model-list, .ilo-light-img{
		display: grid;
		grid-template-columns: 50% 50%;
		height: auto !important;
	}
	.ilo-model-list{
		grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
	}
}

.socmed-section {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.socmed-section a {
	width: 45px !important;
	margin: 0 8px;
}
.padding-top{
	padding-top: 20px;
}



/*------------------------------------*\
    New 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: 999999999 !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 #e5ae49;
	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: #e5ae49 !important;
	font-family: 'montserrat-regular';
}

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

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

.whatsapp-icon {
	display: none;
}

.page-id-32 .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;
	}
}