@font-face {
  font-family: 'MMC-Regular';
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/395560_5_0.woff2") format('woff2');
  src: url("/fonts/395560_5_0.woff") format('woff');
}
@font-face {
  font-family: 'MMC-Medium';
  font-weight: 400;
  font-style:normal;
  src: url("/fonts/395560_9_0.woff2") format('woff2');
  src: url("/fonts/395560_9_0.woff") format('woff');
}
@font-face {
  font-family: 'MMC-Bold';
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/395560_4_0.woff2") format('woff2');
  src: url("/fonts/395560_4_0.woff") format('woff');
}
.normal {font-family:'MMC-Regular',Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
.medium {font-family:'MMC-Medium',Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
.bold {font-family:'MMC-Bold',Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
body {font-family: 'MMC-Regular',Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";letter-spacing:.5px;color:#000;font-size:16px}
a {text-decoration:none}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
input[type=checkbox]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus,
.btn:focus,.custom-select:focus,.form-select:focus,.accordion-button
{
  box-shadow: none !important;outline:none !important
}
.accordion-button:not(.collapsed) {background-color:transparent;color:var(--bs-primary)}
.form-control {border-radius:0}
.form-select,.form-select:focus,.form-select:hover,.form-select:active {border-top:0;border-right:0;border-left:0;border-bottom:1px solid #000;border-radius:0;color:#000}
.btn {border-radius:0}
.btn-outline-light {border:2px solid #f8f9fa}

.btn-primary {transition:all .5s}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {border-color:#000;background-color:#000;color:#fff}
.btn-outline-black {background-color:transparent;color:#000;border-color:#000;transition:all .5s}
.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black.active {border-color:var(--bs-primary);background-color:var(--bs-primary);color:#fff}
.btn-black {background-color:#000;color:#fff;border-color:#000;transition:all .5s}
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .accordion .btn-black:not(.collapsed) {border-color:var(--bs-primary);background-color:var(--bs-primary);color:#fff}
.btn-light {transition:all .5s}
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active {border-color:var(--bs-primary);background-color:var(--bs-primary);color:#fff}
.btn-faq {background-color:transparent;border:0;color:#000;position:relative;transition:all .5s}
.btn-faq:after {content:'';position:absolute;bottom:0;left:18px;right:18px;height:2px;background-color:transparent;transition:all .5s}
.btn-faq:hover:after, .btn-faq:focus:after, .btn-faq:active:after, .btn-faq.active:after, .btn-faq:not(.collapsed):after {content:'';position:absolute;bottom:0;left:18px;right:18px;height:2px;background-color:var(--bs-primary)}

@media screen and (max-width:1050px) {
	.ratio-md-4x3 {--bs-aspect-ratio:calc(3/4*100%)}
}
.ratio-21x9 {min-height:300px}

.white {color:#fff}
.coldgray {color:#bfc2c4}
.concretegray {color:#e3e5e6}
.bg-coldgray {background-color:#bfc2c4}
.bg-concretegray {background-color:#e3e5e6}
.bg-light-conf {background-color:#f6f6f6}

.table-dark {
--bs-table-bg:#000;
--bs-table-striped-bg:#292a2a;
--bs-table-border-color:#000;
}
.table > :not(caption) > * > * {padding:15px 15px}

.s12 {font-size:12px}
.s14 {font-size:14px}
.s16 {font-size:16px}
.s18 {font-size:18px}
.s20 {font-size:20px !important}
.s22 {font-size:22px}
.s24 {font-size:24px}
.s26 {font-size:26px}
.s30 {font-size:30px}
.s34 {font-size:34px}
.s36 {font-size:36px}
.s40 {font-size:40px}
.s63 {font-size:63px}
@media screen and (max-width:991px) {
.s12 {font-size:12px}
.s14 {font-size:14px}
.s16 {font-size:16px}
.s18 {font-size:18px}
.s20 {font-size:20px !important}
.s22 {font-size:22px}
.s24 {font-size:24px}
.s26 {font-size:26px}
.s30 {font-size:26px}
.s34 {font-size:30px}
.s36 {font-size:30px}
.s40 {font-size:34px}
.s63 {font-size:36px}

}

.ratio > picture > img {object-fit:cover;width:100%;height:100%}
.ratio > picture > img.contain {object-fit:contain;width:100%;height:100%}

.width-seventy {padding:0 20px}
@media screen and (min-width:1200px) {
.width-seventy {padding:0 9%}
}

.data-reveal-left,.data-reveal-right {position:relative}
.data-reveal-left:after {position:absolute;content:'';top:0;bottom:0;left:0;right:0;clip-path: polygon(-10px -10px,30% 0,0 100%,0 0);background-color:#fff;z-index:1;transition:all .5s}
.data-reveal-right:after {position:absolute;content:'';top:0;bottom:0;left:0;right:0;clip-path: polygon(70% 0,110% 0,110% 110%,100% 110%);background-color:#fff;z-index:1;transition:all .5s}
.bg-black .data-reveal-left:after {background-color:#000}
.bg-black .data-reveal-right:after {background-color:#000}
.data-reveal-left.active:after {clip-path: polygon(0 0,0 0,0 0,0 0)}
.data-reveal-right.active:after {clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%)}


/*====================================navbar====================================================*/
.navbar-toggler {position:absolute;top:33px;right:33px;border:0;outline:none !important;box-shadow:none !important}
.navbar-toggler-icon {background-repeat:no-repeat;width:35px;height:35px;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.navbar {border-bottom:1px solid #000;transition:all .3s}
.navbar.scrolled.hidden {transform:translateY(-100%)}

.navbar-dark .navbar-nav .nav-link {color:#fff;font-size:14px;font-weight:400;font-family:"MMC-Bold";letter-spacing:3px;position:relative;margin:0 10px;transition:all .5s}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:active,.navbar-dark .navbar-nav .nav-item .nav-link.open {color:#ed0000 !important}
.mobile-nav-link {color:#000;font-size:28px;font-weight:400;letter-spacing:3px;position:relative;margin:0 10px;padding:10px 0;display:block;transition:all .5s}

.navbar-dark.forced-scroll{background-color:#fff !important;border-bottom:0}
.navbar-dark.forced-scroll .navbar-nav .nav-link {color:#000}
.navbar-dark.forced-scroll .navbar-toggler-icon {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.has-submenu {padding-right:22px !important}
.has-submenu::after {transition:transform .5s,background .5s;position:absolute;right:0;top:6px;width:24px;height:24px;content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' fill='%23C8C8C8' d='M12.5 13.563L6.762 8 5 9.712 12.5 17 20 9.712 18.237 8z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23a'/%3E%3C/svg%3E");}
.has-submenu.mobile-nav-link::after {top:18px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cpath id='a' fill='%235A646E' d='M12.5 13.563 6.762 8 5 9.712 12.5 17 20 9.712 18.237 8z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23a'/%3E%3C/svg%3E");}
.has-submenu:hover::after,.has-submenu:focus::after,.has-submenu:active::after,.has-submenu.open::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' fill='%23ED0000' d='M12.5 13.563L6.762 8 5 9.712 12.5 17 20 9.712 18.237 8z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23a'/%3E%3C/svg%3E");}
.has-submenu.open::after {transform:rotate(180deg)}

.submenu {opacity:1;position:fixed;top:calc(-100vh - 100px);left:0;right:0;background-color:#fff;z-index:998;height:calc(100vh - 100px);overflow-y:auto;transition:all .5s}
.submenu.active {opacity:1;top:100px}
body.offcanvas-active{overflow:hidden;}
.screen-darken{height: 100%; width:0%;z-index: 30;position: fixed; top: 0; right: 0; opacity:0; visibility:hidden;background-color: rgba(34, 34, 34, 0.6);transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;}
.screen-darken.active{z-index:10; transition:opacity .3s ease, width 0s;opacity:1;width:100%;visibility:visible;}
.close-submenu {position:absolute;top:0;right:40px;font-size:25px;opacity:.7;width:1em;height:1em;padding:0.25em;border:0;z-index:1;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}
.close-submenu:hover {opacity:1;}

.breadcrumb-item, .breadcrumb-item a{color:#000;font-size:14px}
.breadcrumb-item.active{color:var(--bs-secondary)}
.breadcrumb-item a:hover{color:var(--bs-primary)}
.text-light .breadcrumb-item, .text-light .breadcrumb-item a{color:#fff}
.text-light .breadcrumb-item + .breadcrumb-item::before {color:#bfc2c4}
.text-light .breadcrumb-item.active{color:#bfc2c4}
/*====================================/navbar====================================================*/



.underlined-link {display:inline-block;color:#000;padding-bottom:0;border-bottom:2px solid #000;transition:all .2s}
.underlined-link:hover,.underlined-link:focus,.underlined-link:active,.underlined-link.active {color:var(--bs-primary);padding-bottom:0;border-bottom:2px solid var(--bs-primary)}

/*====================products==================================*/
.ps-sticky {background-color:#000;color:#fff;transition:all .3s}
@media screen and (min-width:768px){
.ps-sticky {position:sticky;top:100px;z-index:998}
.ps-sticky.hidden {top:-100px}
}
.btn-submenu {border:2px solid transparent !important;color:#bfc2c4;font-size:14px;transition:all .5s}
.btn-submenu:hover,.btn-submenu:focus,.btn-submenu:active,.btn-submenu.active {border-bottom:2px solid var(--bs-primary) !important;color:#fff;}
@media screen and (max-width:767px) {
	.btn-submenu {display:block;text-align:left}
}

.model-link {transition:all .5s}
.model-link h2 {color:var(--bs-secondary)}
.model-link.with-background h2,.model-link.text-black h2 {color:#000}
.model-link:hover h2, .model-link:focus h2, .model-link:active h2, .model-link.active h2 {color:#000}
.model-link.with-background:hover h2, .model-link.with-background:focus h2, .model-link.with-background:active h2, .model-link.with-background.active h2 {color:#fff}
.model-link .price {color:var(--bs-secondary);padding-bottom:30px}
.model-link.overview .price {color:#000;font-size:20px;padding-bottom:10px}
.model-link:hover .price, .model-link:focus .price, .model-link:active .price, .model-link.active .price {color:var(--bs-secondary)}
.model-link.with-background:hover .price, .model-link.with-background:focus .price, .model-link.with-background:active .price, .model-link.with-background.active .price {color:#fff}
.model-link .price del {font-size:14px}

.background {position:absolute;content:'';top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-position:center;background-size:100%;z-index:-1;opacity:0;clip-path: polygon(45% 0,0 155%,100% 100%,100% 0);transition:all.5s}
.model-link.with-background:hover .background, .model-link.with-background:focus .background, .model-link.with-background:active .background, .model-link.with-background.active .background {opacity:1;clip-path: polygon(0 0,0 100%,100% 100%,100% 0)}

.conf-background {position:relative}
.conf-background:before {position:absolute;top:0;bottom:0;right:0;left:0;content:'';background:linear-gradient(rgb(255, 255, 255) 0%, rgb(220, 220, 220) 100%);clip-path:polygon(65% 0,100% 0,100% 100%,40% 100%);z-index:-1}
@media screen and (max-width:991px){
.conf-background:before {clip-path:inherit}
}
.conf-imgs-container {position:relative;overflow:hidden}
.rotate {position:absolute;left:0;right:0;top:30px}
.conf-imgs-interior {position:relative}
.conf-imgs-interior img{min-width:100%}
@media screen and (max-width:767px) {.conf-imgs {max-height:380px}}
@media screen and (min-width:1921px) {.conf-imgs {width:100%;max-height:inherit;margin-left:0;margin-right:0}}
.conf-img {position:absolute;top:0;bottom:0;left:0;right:0;width:100%}

.selectcolor {display:inline-grid;padding:5px;margin:0 10px 20px;cursor:pointer;border:2px solid transparent;border-radius:50%;transition:all .5s}
.selectcolor.active,.selectcolor:hover,.selectwheel.active,.selectwheel:hover {border:2px solid var(--bs-secondary)}

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

.hover360 {position:relative;z-index:1}
@media screen and (max-width:992px) {
.hover360 {margin-bottom:0}
.hover360 .colorbox {width:20px;height:20px}
}
@media screen and (max-width:575px) {
.hover360 .selectcolor {margin:0 0 10px 0}
}
.loadersprite {position:absolute;top:0px;left:0;right:0;height:30px;background-color:rgba(0,0,0,.8);width:0;transition:all .1s}
#panorama {width:100%;height:calc(100vw*9/21)}
.GradeProducts {border-top:2px solid var(--bs-primary);padding:15px 15px;background-color:#fafafa}

/*====================products==================================*/


/*====================================configurator==============================================================*/
.pt-100 {padding-top:100px}
.header-container {position:relative}
.header-container-background {width:100%;height:400px;overflow:hidden;position:absolute;top:0;left:0;right:0}
.header-container-background img{transform:translateY(-40%);min-width:1600px;width:100%;position:absolute;top:50%}
.header-bar-conf {position:absolute;top:30px;left:30px;right:30px;background-color:#e3e5e6;width:auto;z-index:1}
.header-bar-conf .model {display:inline-block;padding:5px 15px;width:30%;font-size:24px;line-height:24px;color:#000;text-align:center;background-color:#fff}
.header-bar-conf .model.cloned {position:fixed;bottom:0;left:0;background-color:rgba(0,0,0,.9);padding:8px 12px;width:auto;font-size:22px;line-height:24px;color:#fff;text-align:center;border-right:0}
.header-bar-conf .conf-steps {display:inline-block;position:relative;padding:12px 12px 13px 12px;width:16.8%;font-size:18px;line-height:18px;color:#000;text-align:center;vertical-align:top}
.header-bar-conf .conf-steps:not(.notactive) {cursor:pointer}
.header-bar-conf .conf-steps:before {content:'';position:absolute;bottom:0;right:0;width:1px;top:0;border-right:1px solid #fff}
.header-bar-conf .conf-steps.active:after {content:'';position:absolute;bottom:0;left:-3px;right:1px;height:2px;border-bottom:2px solid var(--bs-primary)}
.extra-info {position:fixed;bottom:0;right:0;left:0;z-index:1000}
.conf-arrows {position:absolute;top:170px;left:0;background-color:#fff;z-index:1}
.conf-arrows .arr{padding:10px;cursor:pointer;border-bottom:3px solid transparent;transition:all .5s}
.conf-arrows .arr:hover{border-bottom:3px solid #cc0000}

.Csel {cursor:pointer;background-color:#e3e5e6;color:#fff;position:relative}
.Csel .cont {display:block;float:right;background-color:#000;padding:12px 15px;margin:12px 15px;transition:all .5s}
@media screen and (max-width:600px) {
.Csel .cont {float:left}
}
.Csel .start-again {display:block;float:left;background-color:#000;padding:12px 15px;margin:12px 15px;transition:all .5s}
.Csel .cont:hover,.Csel .start-again:hover {background-color:var(--bs-primary);color:#fff}
.negative-margin-top {margin-top:-85px}

@media screen and (max-width:991px) {
.pt-100 {padding-top:0}
.header-bar-conf {position:relative;width:calc(100% - 60px)}
.header-bar-conf .model {display:block;width:auto;border-right:inherit;background-color:#fff;color:#000}
.header-bar-conf .conf-steps {display:none}
.header-bar-conf .conf-steps:before {content:'';border-right:inherit}
.header-bar-conf .conf-steps.active {display:block;width:auto;padding:10px 30px}
.negative-margin-top {margin-top:-85px}
}
@media screen and (max-width:767px) {
.conf-arrows {top:0}
.conf-arrows .arr img{width:20px}
.negative-margin-top {margin-top:0}
}


.gradedet {padding-left:30px;color:#174991;border-bottom:1px solid #4d4d4d;position:relative}
.gradedet:not(.text-muted):before {position:absolute;left:0;top:0;content:url('/images/check_icon.png')}
.conf-more-options:not(.open) {display:none}
.colorbox {display:inline-block;width:45px;height:45px;border-radius:50%;border:1px solid #000;margin:0 auto}
.colorbox2 {width:100%;height:140px;border:1px solid #000}
.start-again {cursor:pointer}
.contents {position:relative;transition:opacity .5s}
.contents.loading:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,.9)}

.technical,.technical2 {border-top:2px solid #000;padding:15px 15px;background-color:#f6f6f6;cursor:pointer;height:100%;transition:all .5s}
.technical.active,.technical2.active,.technical:hover,.technical2:hover {border-top:2px solid var(--bs-primary);background-color:#fafafa}
.technical.disabled,.technical2.disabled,.selectcolor.disabled,.selectwheel.disabled,.selectaccessory.disabled {cursor:not-allowed;opacity:.5}

.technical .withcheck,.technical2 .withcheck {position:relative}
.technical .withcheck:after,.technical2 .withcheck:after {position:absolute;top:27px;right:0;content:'';width:24px;height:24px;background-color:#fff;border:1px solid #000;border-radius:50%;box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,1);transition:all .5s}
.technical.active .withcheck:after,.technical2.active .withcheck:after,.technical:hover .withcheck:after,.technical2:hover .withcheck:after {background-color:var(--bs-primary)}


/*====================================/configurator==============================================================*/



/*=========================find a dealer==========================*/
.findadealer .bg-primary {padding:60px 0}
.findadealer .bg-dark {padding:60px 0}
.findadealer .custom-checkbox {width:auto;display:inline-block;background-color:#fff;padding:5px 20px 5px 35px;margin-bottom:5px}
.findadealer.inpage .custom-checkbox {width:auto;display:block;padding:10px 15px 10px 30px;}
.view-type {background-color:#fff;color:#000;padding:10px 15px;text-align:center;cursor:pointer;min-width:150px;margin:0 5px;transition:all .5s}
.view-type.active {background-color:#ed0000;color:#fff}
.calculate {cursor:pointer}
/*=========================/find a dealer==========================*/

/*=========================steps==========================*/
.steps {border:1px solid #e6e6e6;background-color:#f2f2f2;padding-bottom:20px}
.step {padding:30px 15px;text-align:center;}
.step:not(:last-child) {background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTJweCIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDIxMiAzMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIxMiAzMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNFMUU0RUEiIGQ9Ik0yMTAuOTg2IDAuOTc1djI4OC4xNDFsLTEwNS4yMjkgOS45MDVMMS4wMTkgMjg5LjExNVYwLjk3NUgyMTAuOTg2TTIxMS45ODYtMC4wMjVIMC4wMTl2MjkwLjA1MWwxMDUuNzM5IDEwIDEwNi4yMjktMTBWLTAuMDI1TDIxMS45ODYtMC4wMjV6Ii8+PC9zdmc+);background-position:center bottom;background-size:102%}
.step.active {background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTJweCIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDIxMiAzMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIxMiAzMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjAuNTE5LDI4OS41NyAwLjUxOSwwLjQ3NSAyMTEuNDg2LDAuNDc1IDIxMS40ODYsMjg5LjU3IDEwNS43NTgsMjk5LjUyMyAiLz48cGF0aCBmaWxsPSIjRTFFNEVBIiBkPSJNMjEwLjk4NiAwLjk3NXYyODguMTQxbC0xMDUuMjI5IDkuOTA1TDEuMDE5IDI4OS4xMTVWMC45NzVIMjEwLjk4Nk0yMTEuOTg2LTAuMDI1SDAuMDE5djI5MC4wNTFsMTA1LjczOSAxMCAxMDYuMjI5LTEwVi0wLjAyNUwyMTEuOTg2LTAuMDI1eiIvPjwvc3ZnPg==);background-position:center bottom;background-size:102%}
.step.done {background-color:#fff;}
/*=========================/steps==========================*/

/*====================slideshow===============================*/
.owl-carousel {display:block;opacity:0;overflow:hidden;transition:all .3s}
.owl-carousel.owl-loaded {opacity:1}
.slideshow-overlay {position:absolute;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,.4);}
.slideshow-caption {position:absolute;top: 50%;left:30%;right:30%;transform: translate(0, -50%);padding:30px;z-index:1;text-align:center}
.slideshow-caption .title{color:#fff;font-size:63px;margin-bottom:0}
.slideshow-caption .subtitle{color:#fff;font-size:40px;margin-bottom:20px}
.slideshow-multiple-caption .title{color:#000;font-size:36px;line-height:36px;margin-bottom:0}
.slideshow-multiple-caption .subtitle{color:#000;font-size:20px;margin-bottom:20px}
@media screen and (max-width:767px) {
.slideshow-caption .title{font-size:36px;}
.slideshow-caption .subtitle{font-size:20px;}
.slideshow-multiple-caption .title{font-size:30px;line-height:30px;}
.slideshow-multiple-caption .subtitle{font-size:20px;}
}
@media screen and (max-width:575px) {
.slideshow-caption {position:absolute;top: 50%;left:10%;right:10%;transform: translate(0, -50%);padding:15px}
.slideshow-caption .title{font-size:30px;}
}

.owl-nav {position:absolute;bottom:40px;left:0;right:0;height:60px;overflow:hidden}
.owl-carousel-ss .owl-dots {position:absolute;left:0;right:0;bottom:0}
.owl-nav .owl-prev {position:absolute;left:50px}
.owl-nav .owl-next {position:absolute;right:50px}
.owl-nav .owl-prev span,.owl-nav .owl-next span{display:block;color:#fff !important;background-color:transparent !important;border:2px solid #fff;padding:0 15px 5px 15px !important;font-size:45px !important;line-height:45px !important;font-family:Arial}
.owl-carousel-details .owl-nav .owl-prev span,.owl-carousel-details .owl-nav .owl-next span{color:var(--bs-secondary) !important;background-color:#fff !important}
.owl-carousel-details .owl-nav .owl-prev span:hover,.owl-carousel-details .owl-nav .owl-next span:hover{color:var(--bs-primary) !important;background-color:#fff !important}
@media screen and (min-width:768px){
.owl-carousel-details:after {position:absolute;left:0;top:0;bottom:0;width:150px;content:'';background-color:#fff;z-index:99}
.owl-carousel-details .owl-nav .owl-prev {left:200px}

}
.owl-theme .owl-dots .owl-dot,.owl-nav .owl-prev,.owl-nav .owl-next {outline:none !important;}
.owl-theme .owl-dots .owl-dot span {background-color:transparent !important;border:2px solid #fff;width:15px;height:15px}
.owl-theme .owl-dots .active.owl-dot span, .owl-theme .owl-dots .owl-dot:hover span {background:#fff !important}

.nextItem, .prevItem {cursor:pointer}
.keyfeature {display:inline-flex;padding:8px 12px;background-color:rgba(0,0,0,.5);color:#fff;font-size:18px;max-width:250px;margin-bottom:30px}
@media screen and (max-width:550px) {
.keyfeature {display:block;background-color:rgba(255,255,255,.2);text-align:center;max-width:inherit}
}

.owl-carousel-models .owl-item:not(.active),.owl-carousel-details .owl-item:not(.active) {opacity:.4}
.owl-carousel-models .owl-item:not(.active) h2,.owl-carousel-models .owl-item:not(.active) .price {display:none}

/*====================/slideshow===============================*/

/*====================video====================================*/
.video-container {position:relative;width:100%;height:auto;background-color:#000}
.video-frame {width:100%;height:100%}
.video-overlay {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4)}
.video-caption {position:absolute;top: 50%;left:25%;right:25%;transform: translate(0, -50%);padding:30px;z-index:1;text-align:center}
.video-caption .title{color:#fff;font-size:63px;margin-bottom:0}
.video-caption .subtitle{color:#fff;font-size:40px;margin-bottom:20px}
.sound {position:absolute;bottom:120px;left:15px;z-index:1;width:auto;cursor:pointer}
@media screen and (max-width:991px) {
.video-caption .title{font-size:36px}
.video-caption .subtitle{font-size:20px;}
}
@media screen and (max-width:575px) {
.video-caption {position:absolute;top: 50%;left:10%;right:10%;transform: translate(0, -50%);padding:20px;}
.video-caption .title{font-size:28px;}
}

/*====================/video====================================*/

/*====================bottom===============================*/
.footer {background-color:#000;color:#fff}
.footer .title {font-size:20px;margin-bottom:10px;color:#fff}
.footer ul li:not(.social) {padding:6px 0}
.footer ul li a {color:#bfc2c4;font-size:16px}
.footer ul li a:hover {color:#bfc2c4;text-decoration:underline}
.footer2 {background-color:#000;padding:40px 0 0 0;border-top:1px solid var(--bs-secondary);color:#bfc2c4}

.floating {position:fixed;bottom:0;left:0;right:0;background-color:#000;color:#fff;padding:15px 0 10px 0;z-index:999;transition:all .3s}
.floating.psrelative {position:relative;border-bottom:1px solid #bfc2c4;margin-bottom:10px;z-index:inherit}
.floating.hidden {transform:translateY(100%);}
.floating.hidden.psrelative {transform:translateY(0)}
.floating a{color:#bfc2c4}
.floating a:hover{color:var(--bs-primary)}

/*====================/bottom===============================*/

/*====================layouts===============================*/
.layout-9-text {background-color:#000;color:#fff;position:absolute;top:0;right:15%;padding:20px;max-width:400px}
@media screen and (max-width:767px) {
.layout-9-text {position:absolute;top:0;left:20px;right:20px;padding:20px;max-width:inherit}
}
@media screen and (max-width:575px) {
.layout-9-text {position:relative;top:0;left:0;right:0;padding:20px;max-width:inherit}
}
/*====================/layouts===============================*/


#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:24px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(/images/ui.totop.png) no-repeat left top;
    z-index:1000;
}
#toTopHover {
	background:url(/images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}

.cookie-wrapper {position:fixed;z-index:999999;bottom:0px;left:0px;border-top:1px solid #c1c1c1;display:none;align-items: center;justify-content: center;}
.cookie-wrapper .cookie{color:#000;padding:40px 20%;background:#f0f0f0;width:100%;font-size:16px}
.cookie-wrapper .cookie .cookie-title{color:#000}
.cookie-wrapper .cookie .cookie-desc{text-align:center}
.cookie-wrapper .cookie .cookie-more{color:#000;display:block;padding-top:8px;text-decoration:underline}
.cookie-wrapper .options {text-align:center}
.cookiesettings,.deny-cookie {cursor:pointer;display:inline-block;padding:6px 12px;border:1px solid #000;border-radius:0;margin:15px 15px;transition:all .5s}
.cookiesettings:hover,.cookiesettings:focus,.cookiesettings:active,.deny-cookie:hover,.deny-cookie:focus,.deny-cookie:active {background-color:#000;border-color:#000}
.accept-cookie {cursor:pointer;display:inline-block;padding:6px 12px;border:1px solid #000;background-color:#fff;border-radius:0;margin:15px 15px;transition:all .5s}
.accept-cookie:hover,.accept-cookie:focus,.accept-cookie:active {background-color:#000;color:#fff}
@media screen and (max-width:1199px) {
	.cookie-wrapper .cookie{padding:40px 30px}
}
@media screen and (max-width:767px) {
	.cookiesettings,.deny-cookie,.accept-cookie {display:block}
}

.cookie-wrapper.black .cookie{color:#fff;background-color:#000;background:#000}
.cookie-wrapper.black .cookie .cookie-title{color:#fff}
.cookie-wrapper.black .cookie .cookie-desc{text-align:center}
.cookie-wrapper.black .cookie .cookie-more{color:#fff}
.cookie-wrapper.black .cookiesettings,.cookie-wrapper.black .deny-cookie {border:1px solid #fff;background-color:#000;font-weight:500}
.cookie-wrapper.black .cookiesettings:hover,.cookie-wrapper.black .cookiesettings:focus,.cookie-wrapper.black .cookiesettings:active,.cookie-wrapper.black .deny-cookie:hover,.cookie-wrapper.black .deny-cookie:focus,.cookie-wrapper.black .deny-cookie:active {background-color:#ed0000}
.cookie-wrapper.black .accept-cookie {border:1px solid #fff;background-color:#f6f6f6;color:#000;font-weight:500}
.cookie-wrapper.black .accept-cookie:hover,.cookie-wrapper.black .accept-cookie:focus,.cookie-wrapper.black .accept-cookie:active {background-color:#ed0000;color:#fff}

/*#017991*/
.cookiesprivacy{font-size:18px}
.cookiesprivacytext{font-size:15px;max-height:30vh;overflow:auto;margin-bottom:20px}
.cookiesdetdescription {display:none;width:100%;font-size:15px}
.cookiesdetdescription.active {display:inline-block}
.cookiesdetdescription .ctitle{font-size:18px;font-weight:bold;float:left}
.cookiesdetdescription .slider-wrapper{float:right}
.cookiesdetdescription .desc{overflow-y:auto;height:42vh}
.cookiesdetdescription .status-desc {padding-left:5px;padding-right:8px;padding-bottom:11px;font-size:14px;font-weight:bold}
.cookiesdetdescription .slider.round.disabled {cursor:not-allowed}
.cookiesettingsin {width:100%}

@media screen and (max-width:992px) {
.cookiesprivacytext{max-height:19vh}
.cookiesdetdescription .desc{height:20vh}
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom:0px;
}

.slider-wrapper span.active,.slider-wrapper span.inactive {display:inline-block;vertical-align:text-bottom}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
   width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
   background-color: #ed0000;
}
input:focus + .slider {
  box-shadow: 0 0 1px #ed0000;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
#map-canvas {width:100%;padding-top:90%;min-height:350px}
.error {color:#ed0000}
.extratext {display:none}

.with-play-button div a:before {content:url('/images/play_video.png');position:absolute;top:48%;left:48%;width:73px;height:73px;z-index:999;cursor:pointer}
#timer {background-color:#000;padding:15px 15px;font-size:30px;color:#fff;text-align:center}
.offerpopup {margin-left:4px;text-align:center}
.offerpopup img{width:20px !important;display:inline-block !important}
.max-height {max-height:400px;overflow-y:auto}