/* For the image slider popup gallery inside the configurator app */

.c_img-slider {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:100;
    display:none
}

.c_img-slider.toggle-active {
    display:block !important
}

.c_img-slider__bg {
    background-color:rgba(45,56,66,0.9);
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1
}

.c_img-slider__header {
    height:10vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0 calc(5vh - 0.5em);
    padding-right:130px
}

@media only screen and (max-width: 379px) {
    .c_img-slider__header {
        padding-right:50px;
        height:15vh
    }
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__header {
    padding-right:50px;
    height:15vh
}
}
.c_img-slider__header__title {
color:#fff;
font-size:18px;
text-shadow:0 0 20px 0 black;
font-weight:600
}
.c_img-slider__header__close {
background-color:#c7cf1a;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:15px 20px;
position:absolute;
right:0;
top:0;
cursor:pointer
}
@media only screen and (max-width: 379px) {
.c_img-slider__header__close {
    padding:10px
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__header__close {
    padding:10px
}
}
.c_img-slider__header__close:hover .icon,.c_img-slider__header__close:hover a[rel=external]:after,.c_img-slider__header__close:hover a[rel=external] .after,a[rel=external] .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .c_filter__label--checkbox:after,.c_img-slider__header__close:hover .c_filter__label--checkbox .after,.c_filter__label--checkbox .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .flash-message:before,.c_img-slider__header__close:hover .c_form__label--checkbox:after,.c_img-slider__header__close:hover .c_form__label--checkbox .after,.c_form__label--checkbox .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .c_form__label--checkbox-small:after,.c_img-slider__header__close:hover .c_form__label--checkbox-small .after,.c_form__label--checkbox-small .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .img-hover:after,.c_img-slider__header__close:hover .img-hover--alt:after,.c_img-slider__header__close:hover .img-hover .after,.img-hover .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .img-hover--alt .after,.img-hover--alt .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .c_link--more:after,.c_img-slider__header__close:hover .c_link--more .after,.c_link--more .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .c_link--arrowed:before,.c_img-slider__header__close:hover .c_link--arrowed .before,.c_link--arrowed .c_img-slider__header__close:hover .before,.c_img-slider__header__close:hover .c_select__label:after,.c_img-slider__header__close:hover .c_select__item:after,.c_img-slider__header__close:hover .c_select__label .after,.c_select__label .c_img-slider__header__close:hover .after,.c_img-slider__header__close:hover .c_select__item .after,.c_select__item .c_img-slider__header__close:hover .after {
color:#fff
}
.c_img-slider__header__close .icon,.c_img-slider__header__close a[rel=external]:after,.c_img-slider__header__close a[rel=external] .after,a[rel=external] .c_img-slider__header__close .after,.c_img-slider__header__close .c_filter__label--checkbox:after,.c_img-slider__header__close .c_filter__label--checkbox .after,.c_filter__label--checkbox .c_img-slider__header__close .after,.c_img-slider__header__close .flash-message:before,.c_img-slider__header__close .c_form__label--checkbox:after,.c_img-slider__header__close .c_form__label--checkbox .after,.c_form__label--checkbox .c_img-slider__header__close .after,.c_img-slider__header__close .c_form__label--checkbox-small:after,.c_img-slider__header__close .c_form__label--checkbox-small .after,.c_form__label--checkbox-small .c_img-slider__header__close .after,.c_img-slider__header__close .img-hover:after,.c_img-slider__header__close .img-hover--alt:after,.c_img-slider__header__close .img-hover .after,.img-hover .c_img-slider__header__close .after,.c_img-slider__header__close .img-hover--alt .after,.img-hover--alt .c_img-slider__header__close .after,.c_img-slider__header__close .c_link--more:after,.c_img-slider__header__close .c_link--more .after,.c_link--more .c_img-slider__header__close .after,.c_img-slider__header__close .c_link--arrowed:before,.c_img-slider__header__close .c_link--arrowed .before,.c_link--arrowed .c_img-slider__header__close .before,.c_img-slider__header__close .c_select__label:after,.c_img-slider__header__close .c_select__item:after,.c_img-slider__header__close .c_select__label .after,.c_select__label .c_img-slider__header__close .after,.c_img-slider__header__close .c_select__item .after,.c_select__item .c_img-slider__header__close .after {
float:left;
display:block;
font-size:12px;
color:#1a1a1a;
margin-right:5px;
line-height:12px;
margin-bottom:-1px;
margin-top:1px
}
@media only screen and (max-width: 379px) {
.c_img-slider__header__close .icon,.c_img-slider__header__close a[rel=external]:after,.c_img-slider__header__close a[rel=external] .after,a[rel=external] .c_img-slider__header__close .after,.c_img-slider__header__close .c_filter__label--checkbox:after,.c_img-slider__header__close .c_filter__label--checkbox .after,.c_filter__label--checkbox .c_img-slider__header__close .after,.c_img-slider__header__close .flash-message:before,.c_img-slider__header__close .c_form__label--checkbox:after,.c_img-slider__header__close .c_form__label--checkbox .after,.c_form__label--checkbox .c_img-slider__header__close .after,.c_img-slider__header__close .c_form__label--checkbox-small:after,.c_img-slider__header__close .c_form__label--checkbox-small .after,.c_form__label--checkbox-small .c_img-slider__header__close .after,.c_img-slider__header__close .img-hover:after,.c_img-slider__header__close .img-hover--alt:after,.c_img-slider__header__close .img-hover .after,.img-hover .c_img-slider__header__close .after,.c_img-slider__header__close .img-hover--alt .after,.img-hover--alt .c_img-slider__header__close .after,.c_img-slider__header__close .c_link--more:after,.c_img-slider__header__close .c_link--more .after,.c_link--more .c_img-slider__header__close .after,.c_img-slider__header__close .c_link--arrowed:before,.c_img-slider__header__close .c_link--arrowed .before,.c_link--arrowed .c_img-slider__header__close .before,.c_img-slider__header__close .c_select__label:after,.c_img-slider__header__close .c_select__item:after,.c_img-slider__header__close .c_select__label .after,.c_select__label .c_img-slider__header__close .after,.c_img-slider__header__close .c_select__item .after,.c_select__item .c_img-slider__header__close .after {
    margin-right:0;
    font-size:18px;
    line-height:18px
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__header__close .icon,.c_img-slider__header__close a[rel=external]:after,.c_img-slider__header__close a[rel=external] .after,a[rel=external] .c_img-slider__header__close .after,.c_img-slider__header__close .c_filter__label--checkbox:after,.c_img-slider__header__close .c_filter__label--checkbox .after,.c_filter__label--checkbox .c_img-slider__header__close .after,.c_img-slider__header__close .flash-message:before,.c_img-slider__header__close .c_form__label--checkbox:after,.c_img-slider__header__close .c_form__label--checkbox .after,.c_form__label--checkbox .c_img-slider__header__close .after,.c_img-slider__header__close .c_form__label--checkbox-small:after,.c_img-slider__header__close .c_form__label--checkbox-small .after,.c_form__label--checkbox-small .c_img-slider__header__close .after,.c_img-slider__header__close .img-hover:after,.c_img-slider__header__close .img-hover--alt:after,.c_img-slider__header__close .img-hover .after,.img-hover .c_img-slider__header__close .after,.c_img-slider__header__close .img-hover--alt .after,.img-hover--alt .c_img-slider__header__close .after,.c_img-slider__header__close .c_link--more:after,.c_img-slider__header__close .c_link--more .after,.c_link--more .c_img-slider__header__close .after,.c_img-slider__header__close .c_link--arrowed:before,.c_img-slider__header__close .c_link--arrowed .before,.c_link--arrowed .c_img-slider__header__close .before,.c_img-slider__header__close .c_select__label:after,.c_img-slider__header__close .c_select__item:after,.c_img-slider__header__close .c_select__label .after,.c_select__label .c_img-slider__header__close .after,.c_img-slider__header__close .c_select__item .after,.c_select__item .c_img-slider__header__close .after {
    margin-right:0;
    font-size:18px;
    line-height:18px
}
}
.c_img-slider__header__close span {
color:#fff;
float:left;
display:block;
line-height:16px;
font-size:16px;
font-weight:600;
text-transform:uppercase
}
@media only screen and (max-width: 379px) {
.c_img-slider__header__close span {
    display:none
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__header__close span {
    display:none
}
}
.c_img-slider__body {
height:60vh;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
@media only screen and (max-width: 379px) {
.c_img-slider__body {
    height:55vh
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body {
    height:55vh
}
}
.c_img-slider__body__arrow-container {
width:10vw
}
@media only screen and (max-width: 379px) {
.c_img-slider__body__arrow-container {
    display:none !important
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body__arrow-container {
    display:none !important
}
}
@media only screen and (min-width: 481px) and (max-width: 979px) {
.c_img-slider__body__arrow-container {
    display:none !important
}
}
.c_img-slider__body__arrow-container--left {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.c_img-slider__body__arrow-container--left .owl-next {
display:none
}
.c_img-slider__body__arrow-container--left .owl-prev {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
margin-left:-60px
}
.c_img-slider__body__arrow-container--left .owl-prev img {
margin-right:20px;
margin-top:20px
}
.c_img-slider__body__arrow-container--right {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.c_img-slider__body__arrow-container--right .owl-prev {
display:none
}
.c_img-slider__body__arrow-container--right .owl-next {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin-right:-60px
}
.c_img-slider__body__arrow-container--right .owl-next img {
margin-left:20px;
margin-bottom:20px
}
.c_img-slider__body__arrow-container .owl-prev,.c_img-slider__body__arrow-container .owl-next {
cursor:pointer;
background-color:#fff;
height:120px;
width:120px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.c_img-slider__body__arrow-container .owl-prev img,.c_img-slider__body__arrow-container .owl-next img {
height:30px;
width:30px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.c_img-slider__body__arrow-container .owl-prev.disabled,.c_img-slider__body__arrow-container .owl-next.disabled {
cursor:auto
}
.c_img-slider__body__arrow {
font-size:64px;
line-height:64px;
color:#fff;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:60vh
}
@media only screen and (max-width: 379px) {
.c_img-slider__body__arrow {
    height:55vh
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body__arrow {
    height:55vh
}
}
.c_img-slider__body__arrow--left .icon--arrow-right {
display:none
}
.c_img-slider__body__arrow--left .icon--arrow-left {
cursor:pointer
}
.c_img-slider__body__arrow--right .icon--arrow-left {
display:none
}
.c_img-slider__body__arrow--right .icon--arrow-right {
cursor:pointer
}
.c_img-slider__body__carousel {
display:-webkit-inline-box !important;
display:-ms-inline-flexbox !important;
display:inline-flex !important;
width:80vw !important;
height:60vh
}
@media only screen and (max-width: 379px) {
.c_img-slider__body__carousel {
    height:55vh
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body__carousel {
    height:55vh
}
}
@media only screen and (max-width: 379px) {
.c_img-slider__body__carousel {
    width:100% !important
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body__carousel {
    width:100% !important
}
}
@media only screen and (min-width: 481px) and (max-width: 979px) {
.c_img-slider__body__carousel {
    width:100% !important
}
}
.c_img-slider__body__carousel__slide {
width:100%;
height:60vh;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@media only screen and (max-width: 379px) {
.c_img-slider__body__carousel__slide {
    height:55vh
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body__carousel__slide {
    height:55vh
}
}
.c_img-slider__body__carousel__slide img {
max-width:100%;
max-height:60vh;
width:auto !important
}
@media only screen and (max-width: 379px) {
.c_img-slider__body__carousel__slide img {
    max-height:55vh
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body__carousel__slide img {
    max-height:55vh
}
}
.c_img-slider__body__carousel__slide iframe {
width:9999px;
height:9999px;
max-height:60vh;
max-width:100%
}
@media only screen and (max-width: 379px) {
.c_img-slider__body__carousel__slide iframe {
    max-height:55vh
}
}
@media only screen and (min-width: 380px) and (max-width: 480px) {
.c_img-slider__body__carousel__slide iframe {
    max-height:55vh
}
}
.c_img-slider__footer {
height:30vh;
padding:0 30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.c_img-slider__footer .owl-carousel {
-ms-touch-action:none;
touch-action:none
}
.c_img-slider__footer__images .owl-item:before {
content:' ';
top:0;
bottom:0;
left:0;
right:0;
display:block;
position:absolute;
background:#2d3842
}
.c_img-slider__footer__images__image {
height:15vh;
width:auto !important;
cursor:pointer;
background:#2d3842;
opacity:0.3 !important
}
.c_img-slider__footer__images__image.active,.c_img-slider__footer__images__image:hover {
opacity:1 !important
}
.c_img-slider__footer__top-bar {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%
}
.c_img-slider__footer__slide-counter {
font-size:16px;
line-height:16px;
margin-bottom:20px
}
.c_img-slider__footer__slide-counter__current-slide {
color:#fff
}
.c_img-slider__footer__slide-counter__seperator {
color:#7e8083
}
.c_img-slider__footer__slide-counter__total-slides {
color:#7e8083
}