/* Safe padding */ /*.zn_pb_wrapper > .static-content__slideshow:first-child .sc__container {padding-top:130px; padding-bottom: 45px;}*/ /*** Static content */ .static-content__wrapper { width: 100%; overflow: hidden; } /* Source Styles */ .static-content__source + .static-content__inner {position: relative;} .static-content__source { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height:100%; width: 100%;} /* Simple text */ /*.static-simpletext .kl-slideshow-inner { height:600px; }*/ @media only screen and (min-width : 1200px){ /* If it has height */ .static-content--height .static-content__inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .static-content--height .static-content__inner:not(.container) { position: absolute; width: 100%; } } @media only screen and (min-width : 992px){ /* If it's fullscreen */ .static-content--fullscreen {height:100vh;} .static-content--fullscreen .static-content__inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} } .static-content--fullscreen {height:100vh;} .static-content--fullscreen .th-google_map {height:100vh !important;} /* Static Content - default */ .static-content {color:#fff; padding-top:20px;} .static-content__title {font-size:64px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); line-height:1.3;} .static-content__subtitle {font-size:32px; font-weight:400; text-shadow:1px 1px 0 rgba(0,0,0,0.3); line-height:1.4; } /* Infopop balloon */ .static-content__infopop {width: 350px; margin: 50px auto 0; padding:10px 20px; position:relative; color:#343434; border-radius:8px; background-clip: padding-box; background: rgba(254, 254, 254, 0.8); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254, 254, 254, 0.8)), color-stop(100%,rgba(209, 209, 209, 0.8))); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 0.8) 0%,rgba(209, 209, 209, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(254, 254, 254, 0.8) 0%, rgba(209, 209, 209, 0.8) 100%); background: linear-gradient(to bottom, rgba(254, 254, 254, 0.8) 0%,rgba(209, 209, 209, 0.8) 100%); box-shadow: 0 10px 11px -10px rgba(0, 0, 0, 0.8), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8);} .static-content__infopop:after {content:""; position:absolute; border: 7px solid transparent;} .static-content__infopop[data-arrow=top]:after { top:-13px; left:50%; margin-left:-7px; border-bottom-width: 7px; border-bottom-color:rgba(254, 254, 254, 0.8); } .static-content__infopop[data-arrow=bottom]:after { bottom:-14px; left:50%; margin-left:-7px; border-top-width: 7px; border-top-color:rgba(254, 254, 254, 0.8); } .static-content__infopop[data-arrow=left]:after { left:-14px; top:50%; margin-top:-7px; border-right-width: 7px; border-right-color:rgba(254, 254, 254, 0.8); } .static-content__infopop[data-arrow=right]:after { right:-14px; top:50%; margin-top:-7px; border-left-width: 7px; border-left-color:rgba(254, 254, 254, 0.8); } .sc-infopop__text {color: rgba(37, 37, 37, 0.7); font-size: 24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight: 500; line-height: 1.2; margin: 5px 0;} .static-content__infopop .sc-infopop__btn { float: right; text-align: center; line-height: 20px; font-weight: 600; color: #CD2122; padding: 10px 15px 10px; border: 0; margin: 13px -20px 0 0; font-size: 18px; background: rgba(0, 0, 0, 0.1); border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .static-content__infopop:hover .sc-infopop__btn {padding: 10px 30px 10px 15px; } .static-content__infopop .sc-infopop__btn:hover {color: #222;background: rgba(0, 0, 0, 0.2); } .static-content__infopop.sc-infopop--left {margin-left:0;} .static-content__infopop.sc-infopop--left[data-arrow=top]:after {left:0; margin-left:25px;} .static-content__infopop.sc-infopop--right {margin-right:0;} .static-content__infopop.sc-infopop--right[data-arrow=top]:after {right:0; margin-right:25px;} @-webkit-keyframes fadeBoxIn { 0% { -webkit-transform: scale(1); opacity:0; } 50% { -webkit-transform: scale(1.05); opacity:0.9;} 100% { -webkit-transform: scale(1); opacity:1 } } @keyframes fadeBoxIn { 0% { -webkit-transform: scale(1); transform: scale(1); opacity:0; } 50% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity:0.9;} 100% { -webkit-transform: scale(1); transform: scale(1); opacity:1 } } .fadeBoxIn {-webkit-animation-name: fadeBoxIn; animation-name: fadeBoxIn; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; } /* Static Content - boxes */ .sc__boxes {margin-top: 70px;} .sc__boxes .static-content__infopop {width:auto; margin: 0; border-radius: 4px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8); -webkit-transition:opacity .2s ease-out, -webkit-transform .2s ease-out; transition:opacity .2s ease-out, transform .2s ease-out; -webkit-backface-visibility:hidden;} .sc__boxes:hover .static-content__infopop {opacity:.4; } .sc__boxes:hover .static-content__infopop:hover {opacity:1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); } .sc__boxes .sc__box-title {margin-bottom:10px;} .sc__boxes .static-content__infopop .sc__img {margin-right:15px; float: left; margin-bottom: 15px; margin-top: 10px; max-width: 36px; } .sc__boxes .static-content__infopop .sc__img ~ p { margin-left: 52px } /* Static content - Video Background */ .sc__video-line {margin-top:1px; display:inline-block; padding:5px 10px; background:rgba(0,0,0,0.3); font-size:36px; color:#fff; line-height:1.4; font-weight: 300; } .sc__iframe-video { width:100% !important; } .static-content__wrapper .sc--captpos-bottom {top:auto; -webkit-transform:none; -ms-transform:none; transform:none; bottom:10px;} .static-content__wrapper .sc--captpos-top {top:auto; -webkit-transform:none; -ms-transform:none; transform:none; } /* Static Content - textpop */ .textpop-style { padding-bottom: 20px; padding-top: 40px;} .textpop__texts > span { display: block; color: #eee; text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); line-height: 1; text-align: center; text-transform: uppercase; padding: 7px 0; cursor:default; position: relative; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .textpop__line1 { font-size:20px; letter-spacing: 10px; word-spacing: 5px;} .textpop__line2 { font-size: 60px; font-weight: 700; letter-spacing: 5px; word-spacing: 5px;} .textpop__line3 { font-size: 40px; } .textpop__line4 { font-size:30px; letter-spacing: 3px; word-spacing: 5px; margin-top: 5px;} .textpop__texts .stronger {font-weight:900; border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px;} .textpop__texts > span:hover { color:#fff; text-shadow: 0 4px 1px rgba(0, 0, 0, 0.6); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } /* Static Content - event style */ .static-content.event-style .static-content__subtitle {text-align:left; font-size:28px; margin-bottom:50px;} .static-content .or { line-height: 30px; margin:0 20px 15px 20px;} .static-content.event-style .or {float: left;} .static-content.event-style .social-icons-li {margin:0 0 15px 10px; vertical-align: top;} .static-content.event-style .kl-newsletter-field { width: calc(65% - 130px); } .static-content.event-style .kl-newsletter-wrapper { position: relative; margin-bottom: 15px; } .static-content.event-style .kl-newsletter-result { position: absolute; top: -35px; left: 0; } @media screen and (max-width: 767px){ .static-content.event-style .kl-newsletter-field { width: calc(100% - 130px); } } .black_border {border: 10px solid rgba(0, 0, 0, 0.32); border-radius: 3px; max-width: 100%; /*box-shadow: 0 20px 10px -10px rgba(0,0,0,0.5);*/} .white_border{border:10px solid white; border-radius:3px; max-width: 100%; /*box-shadow:0 4px 10px rgba(0,0,0,0.5);*/} .scev-icon-nocolor {background-color:#121212;} /* Static Content - product zoom */ /*.productzoom-style {padding-top:0;}*/ .productzoom-style .static-content__subtitle {font-size:28px; margin-top: 0;} .sc__screenshot { position: relative; padding: 24px 0 7px; width: 100%; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); background-color: #C8D0D2; border-radius: 3px;} .sc__screenshot:before {content: ""; position: absolute; top: 8px; margin-top: 0; left: 25px; display: block; background: #EAAE2A; border-radius: 30px; width: 8px; height: 8px; box-shadow: -12px 0 0 #ed4529,12px 0 0 #59c626; } .sc__screenshot .image { position:relative;} .sc__screenshot .image img {width: 100%;} /* Loupe */ .sc__loupe{ cursor:url(../../addons/jquery_loupe/blank.png), url(../../addons/jquery_loupe/blank.cur), none; border:2px solid white; background-repeat:no-repeat; background-position:center center; background-color:#fff; position:absolute; display:none; width:150px; height:150px; box-shadow:0 0 5px #777, 0 0 10px #aaa inset; border-radius:50%; z-index: 1000; margin: 0px; padding: 0px; } .sc__loupe .glossy {display: block; margin: 0px; background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.6)), color-stop(100%,rgba(255,255,255,0))); } .static-content__slideshow .static-content .sc__features {margin:30px 0;} .static-content .sc__features li {font-size: 16px; font-weight: 300; margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted rgba(255,255,255,0.4);} .static-content .sc__features li > span {margin:7px 10px 0 0;} .static-content .btn .button-icon {margin-right:5px; } .static-content .btn span {vertical-align: middle;} /* Static Content - text with register form */ .static-content--with-login .static-content__title {margin-top:60px;} .fancy_register_form {padding: 25px 30px; background:rgba(255,255,255,0.3); color:#272727; position:relative; } .fancy_register_form form {margin:0;} .fancy_register_form > h4 { margin: 10px 0 45px; font-size: 32px; font-weight: 500; color: #464444;} .fancy_register_form label {display:inline-block; color:#fff; font-size: 14px; text-shadow: 0 1px 0 rgba(0,0,0,0.5); font-weight: normal;} .fancy_register_form .form-control {padding:10px 15px;} .fancy_register_form div#login_error {color:#000;text-align: center;text-shadow:none !important;} .fancy_register_form:after {content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 25px solid #fff; border-right: 25px solid transparent; opacity:.3; } @media (min-width: 768px) { .fancy_register_form .control-label {padding-top: 7px; } } /* Static Content - simple */ .static-content--simple {color:#8b8b8b; /*text-shadow: 0 1px 0 rgba(255,255,255,.4); */box-shadow: none;} .static-content--simple h2, .static-content--simple .static-content__subtitle {text-shadow: none;} .static-content--simple .can_be_used {color:#b7b7b7; font-weight:500; text-shadow:none; } .sc__simpleaction {margin-top:30px;} .static-content--simple .btn { display: table-cell; } .static-content--simple .sc__line { width: 100%; overflow: hidden; display: table-cell; position:relative} .static-content--simple .sc__line:after {content:''; display:block; position:absolute; left:20px; top:50%; width: 100%; height:1px; background:#c6c6c6; } /* Faded Bottom Mask */ .sc__fade-boxed-mask {position: absolute; top: auto; bottom:0; left: 0; width: 100%; height: 110px;} .sc__fade-mask {position: absolute; top: 0; bottom:0; left: 0; right:0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(100%,rgb(245, 245, 245))); background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, rgb(245, 245, 245) 100%); background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgb(245, 245, 245) 100%); } .sc__boxed-mask {position: absolute; top: 0; bottom: auto; left: 50%; width: 1200px; height: 105%; border-radius: 4px; background: #f5f5f5; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);} .sc--has-fade-mask .static-content__inner {padding-bottom: 140px;} .sc--has-fade-mask {margin-bottom: -100px;} /* Text color theme */ .scs--theme-light {color:#fff; } .scs--theme-light h2, .scs--theme-light h3, .scs--theme-light .can_be_used {color: #fff;} /* dark */ .scs--theme-dark {color:#232323; } .scs--theme-dark h2, .scs--theme-dark h3, .scs--theme-dark .can_be_used {color: #232323;} .scs--theme-dark .sc__line:after {background: #343434; } /* Static Content - Weather box */ .sc--wb-style .static-content__title {text-shadow:none; letter-spacing: -1px;} .sc--wb-style .static-content__subtitle {text-shadow:none; font-weight: 300; } .sc--wb-style .sc__actionarea { text-align: center; margin-top: 40px;} .sc--wb-style .sc-infopop__text {font-size: 16px; color: #fff; text-shadow: none; font-weight: 300; margin-top: 10px;} .sc__weather {min-height:120px; position: relative;} /* Weather list */ ul.scw_list {margin:30px 80px 0;} .scw_list li {width:17%; float:left; color:rgba(255,255,255,0.9); text-align:center;} .scw_list .wt-icon {font-size:140px; height: 110px; line-height:1; display:block;margin-bottom: 15px;} .scw__degs {font-size:28px; margin-bottom:20px} .scw__high {font-weight:700;} .scw__low {opacity:.7; margin-left:15px;} .scw__day {font-size:22px; font-weight:300; display:block; margin-bottom:10px} .scw__alt {font-size:16px;} .scw_list li:first-child {width:32%;margin-top: -60px;} .scw_list li:first-child .wt-icon {font-size:230px; height: 180px;margin-bottom: 20px;} .scw_list li:first-child .scw__degs {font-size:34px;} .scw_list li:first-child .scw__high {font-weight:700;} .scw_list li:first-child .scw__day {font-size:28px;} .scw_list li:first-child .scw__alt {font-size:18px;} /* Static Content - Reservation Form */ .sc--resform-style .static-content__title {text-shadow:none; letter-spacing: -1px;} .sc--resform-style .static-content__subtitle {text-shadow:none; font-weight: 300; } .sc--resform-style .sc__actionarea { text-align: center; margin-top: 40px;} .sc--resform-style .sc-infopop__text {font-size: 16px; color: #fff; text-shadow: none; font-weight: 300; margin-top: 10px;} /* Reservation form */ .sc__res-form {width: 540px; position: relative; margin: 70px auto 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);} .sc__form-reservation { } .rf__block {float: left; width: 70%; } .rfblock--submit {width: 30%; } .rfblock--fields { padding:30px 20px;background-color: #345370;border-radius: 3px 0 0 3px;} .rfblock--fields .rf__field {width: calc(25% - 10px);} .rf__field {border-left:1px solid rgba(255,255,255,0.06); margin-left:20px; padding-left:20px;float: left;} .rfblock--fields .rf__field:first-child { border:0; margin-left:0; padding-left:0; width: calc(50% - 20px);} .rf__label {display:block; font-weight:300; font-size:13px; margin-bottom:10px;} .rf__select {width:100%; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 5px 8px; background-position: 86% 50%; background-color: #2a425a; border: 0; height: 35px; padding: 0 0 0 15px; color: #fff; outline: none;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUY4QjAxMDMyMDEzMTFFNTlCOTRBMEJGNDg4OEVBOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUY4QjAxMDQyMDEzMTFFNTlCOTRBMEJGNDg4OEVBOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRjhCMDEwMTIwMTMxMUU1OUI5NEEwQkY0ODg4RUE5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRjhCMDEwMjIwMTMxMUU1OUI5NEEwQkY0ODg4RUE5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgLLZzQAAAA7SURBVHjaYvz//z8DGkiD0rOQBZkYiASMSCam4VAzi2QT04hRSJYbqWMi9RWy4Ak/hkEUM9RNPQABBgBHYhbX6Sf7oQAAAABJRU5ErkJggg==); } .rf__select:hover, .rf__select:focus {background-color: #263645; outline:none;} .rffield--bigger .rf__select {width:-webkit-calc(50% - 5px); width:calc(50% - 5px); float:left; margin-left:10px;} .rf__select.rf__checkinmonth { margin-left:0; } .rf__submit {background-color: #518ac0; position: absolute; right: 0; width: 30%; height: 100%; border: 0; font-size: 14px; font-weight: 700; border-radius: 0 3px 3px 0; -webkit-transition: background-color .2s ease-out, padding-left .2s ease-out; transition: background-color .2s ease-out, padding-left .2s ease-out; padding: 0 20px;text-align: left;line-height: 1.6;outline: none;} .rf__submit:hover {background-color: #30689d; padding-left:15px;} .rf__submit:after { content: "\e080"; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 60px; color: rgba(255, 255, 255, 0.15); position: absolute; right: 22px; top: 50%; margin-top: -30px; -webkit-transition: right .2s ease-out; transition: right .2s ease-out;} .rf__submit:hover:after { right: 15px; } .rf__submit span {position: relative;} /* Static content video trigger */ .static-content.video-style .playVideo {margin-bottom: 20px;} /* Showroom Carousel */ .sc--showroomcrs-style .sc__textcontent h2 {font-size:66px; line-height: 1; letter-spacing: -2px; font-weight: 700;} .sc--showroomcrs-style .sc__textcontent h3 {font-size:30px; font-weight: 700;} .sc--showroomcrs-style {max-width: 75%; } .sc__textcontent, .sc__actionarea {margin-bottom: 40px; } .sc__secbtn {margin-left: 20px; } .sc__shcar-wrapper {overflow:hidden; position: relative; padding-top:20px;} .sc__shcar-item {float: left; width: 33.33333%;} .sc__shcar-item .sc__shcar-item-inner {padding-top:13px; padding-left:10px; margin-left:10px; border-left:2px solid rgba(255,255,255,0.1); } .shc__item-link {display: block;} .shc__item-link[data-lightbox="iframe"] {position: relative; } .shc__item-link[data-lightbox="iframe"]:after { display:block; content: "\e072"; width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; line-height: 56px; text-align:center; font-size: 18px; padding-left: 3px; border-radius: 50%; border:2px solid rgba(255,255,255,0.8); color:rgba(255,255,255,0.8); font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); transition:all .2s ease-out; -webkit-backface-visibility:hidden;} .shc__item-link[data-lightbox="iframe"]:hover:after { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); border:2px solid #fff; color:#fff;} .shc__item-title{font-size:14px; font-weight:700;} .shcar__pagination { height: 20px; line-height: 20px; display: inline-block;} .shcar__pagination li button {background-color: rgba(255,255,255,0.6); } .shcar__pagination li.slick-active button {background-color: #fff;} .shcar__nav_pag {position: absolute; top:0; left:30px; padding: 0;} .shcar__nav_pag .znSlickNav-arr {} .shcar__nav_pag .znSlickNav-arr polyline {stroke:#fff;} /* Huge Arrow */ .sc-huge-arrow {position:absolute; top:60%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index: 0;display: block;left: calc(45% - 200px); -webkit-animation-name: arrow_entry; animation-name: arrow_entry; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; } .sc-huge-arrow:before, .sc-huge-arrow:after {width: 900px; height: 200px; display:block; content:''; background-color: rgba(255, 255, 255, 0.17); -webkit-transform: rotate(-45deg) skew(45deg); -ms-transform: rotate(-45deg) skew(45deg); transform: rotate(-45deg) skew(45deg); top: -200px; left:0; position:absolute; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%;} .sc-huge-arrow:before {-webkit-transform: rotate(45deg) skew(-45deg);-ms-transform: rotate(45deg) skew(-45deg);transform: rotate(45deg) skew(-45deg); top:0%;-webkit-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0;} .no-csstransforms .sc-huge-arrow {display: none;} @-webkit-keyframes arrow_entry { 0% { -webkit-transform: scale(.8); opacity:0; margin-left:-50; } 100% { -webkit-transform: scale(1); opacity:1; margin-left:0;} } @keyframes arrow_entry { 0% { -webkit-transform: scale(.8); transform: scale(.9); opacity:0; margin-left:-50; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity:1; margin-left:0;} } /*** Content Maps */ .scontent__maps {position:relative;} .th-google_map {width:100%; height:100%;} /* Start with the defualt 600px in height but if the viewport height is lower than 600, make it 90vh (90% of the viewport) */ .scontent__maps:not(.static-content--fullscreen) { height:600px;} @media only screen and (max-height : 600px){ .scontent__maps:not(.static-content--fullscreen) {height:90vh;} } .scontent__maps.static-content--fullscreen {height:100vh;} .scontent__maps .static-content__infopop {position: absolute; z-index: 1; right: 15px; bottom: 50px; } .kl-contentmaps__panel { position:absolute; width:350px; left:calc((100vw - 1170px) / 2) ; top:10%; z-index: 1; background:rgba(255,255,255,0.9); border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.4); } .zn_pb_wrapper > .zn_pb_el_container:first-child > .kl-slideshow .kl-contentmaps__panel, .zn_pb_wrapper > .kl-slideshow:first-child .kl-contentmaps__panel {top:180px;} .kl-contentmaps__panel-img {width:100%; display:block; height:200px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: opacity .2s ease-out, height .3s ease-out; transition: opacity .2s ease-out, height .3s ease-out; opacity:1; } .kl-contentmaps__panel-img:hover {opacity:.7; } .kl-contentmaps__panel-info {padding:30px; min-height:50px; max-height:300px; overflow: auto; overflow-x:hidden; color:#343434;} .kl-contentmaps__panel-info-text {max-height: 500px; padding-top: 20px; -webkit-transition: max-height .3s ease-out, padding-top .3s ease-out; transition: max-height .3s ease-out, padding-top .3s ease-out; } .kl-contentmaps__panel-title {font-size: 16px; font-weight: 600; margin-top: 0; margin-bottom: 0;} .kl-contentmaps__linkapp { margin: 20px; display: block;} .kl-contentmaps__panel-tgg {display: block; width:30px; height:30px; border:2px solid #fff; border-radius: 50%; position: absolute; z-index:1; right: 20px;top: 20px;margin: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); opacity: .8; -webkit-transition:opacity .2s ease-out, -webkit-transform .4s ease-out; transition:opacity .2s ease-out, transform .4s ease-out; background-color: rgba(0, 0, 0, 0.3);} .kl-contentmaps__panel-tgg:hover {opacity:1;} .kl-contentmaps__panel-tgg:before, .kl-contentmaps__panel-tgg:after {content:''; width:2px; height: 14px; background: #fff; display: block;transform-origin: 50%;position: absolute;top: 50%;left: 50%;margin-top: -7px;margin-left: -1px;} .kl-contentmaps__panel-tgg:after {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);} /* Hide panel if checked */ .is-closed.kl-contentmaps__panel { box-shadow: 0 5px 10px rgba(0,0,0,0.4); } .is-closed .kl-contentmaps__panel-info-text { max-height: 0; overflow: hidden; padding-top: 0;} .is-closed .kl-contentmaps__panel-img {height: 80px;} .is-closed .kl-contentmaps__panel-tgg { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } /* Work properly for fixed with parent containers */ .zn_section_size.container .kl-contentmaps__panel { left: 50px; } /* MQ's */ @media only screen and (max-width : 1279px) { /* Video background caption */ .sc__video-line {font-size: 30px;} .sc--videobg:not(.static-content--fullscreen) { min-height: 500px;} .sc--videobg .static-content__inner {position: absolute; bottom:30px; width: 100%;} } @media only screen and (min-width : 992px) and (max-width : 1279px) { /* Default */ .static-content__title {font-size: 48px;} .static-content__subtitle {font-size: 28px;} /* Boxes */ .sc__boxes {margin-top: 50px;} .sc__boxes .static-content__infopop {margin: 0 20px; } /* Product loupe */ .productzoom-style .sc__features li {font-size: 13px;} .productzoom-style .static-content__subtitle { font-size:20px; } .productzoom-style .row { margin-bottom:0; } /*Maps panel*/ .kl-contentmaps__panel { left:calc((100vw - 970px) / 2);} } @media only screen and (max-width : 991px) { /* Default */ .static-content__title {font-size: 32px;} .static-content__subtitle {font-size: 22px;} /* Boxes */ .sc__boxes {margin-top: 40px;} .sc__boxes .static-content__infopop {margin: 0 15px; } /* Product loupe */ .productzoom-style .sc__screenshot {margin-top: 30px;} /* Video background caption */ .sc__video-line {font-size: 24px;} /* Static Content - Weather box */ .sc--wb-style .sc__actionarea { margin-top: 20px;} .sc__actionarea .btn {width:auto;} .sc--wb-style .sc-infopop__text {font-size: 13px; } .sc__weather {min-height:100px;} /* Weather list */ ul.scw_list {margin: 50px 10px 0;} .scw_list .wt-icon {font-size:90px; height: 70px;} .scw__degs {font-size: 22px; margin-bottom: 10px;} .scw__high {font-weight:400} .scw__day {font-size:18px;} .scw__alt {font-size:13px;} .scw_list li:first-child {width:32%; margin-top: -35px;} .scw_list li:first-child .wt-icon {font-size:160px; height: 125px;margin-bottom: 10px;} .scw_list li:first-child .scw__degs {font-size: 30px;} .scw_list li:first-child .scw__high {font-weight:700;} .scw_list li:first-child .scw__day {font-size:28px;} .scw_list li:first-child .scw__alt {font-size:18px;} /* Showroom Carousel */ .sc--showroom-carousel .static-content--fullscreen {height:auto;} .sc--showroomcrs-style {max-width: 90%; } } @media only screen and (min-width : 768px) and (max-width : 991px) { /* Product loupe */ .productzoom-style .static-content__subtitle { font-size:20px; } .productzoom-style .sc__features li {font-size:12px;} /* Event style */ .static-content.event-style .or {display:none;} /* Maps panel */ .kl-contentmaps__panel { left:calc((100vw - 750px) / 2);} /* Maps Height in fullscreen mode */ .scontent__maps.static-content--fullscreen {height:90vh;} } @media only screen and (max-width : 767px) { .static-content__title, .static-content__subtitle {word-break: normal;} /* Boxes */ .sc__boxes {margin-top: 40px;} .sc__boxes .static-content__infopop {margin: 10px 15px; } /* Product zoom */ .productzoom-style .static-content__subtitle { font-size:20px; } .productzoom-style .row { margin-bottom:0; } .static-content .sc__features li {font-size:12px;} /* Textpop */ .textpop__line1 { font-size:18px;} .textpop__line2 { font-size: 42px;} .textpop__line3 { font-size: 32px;} .textpop__line4 { font-size:24px;} /* Video background */ .video-container .captions .line {font-size: 26px;} /* Event style */ .static-content.event-style .kl-counter-li{ font-size:18px; padding:15px 10px; width: 16%; margin-bottom: 20px; } .static-content.event-style .static-content__subtitle {font-size: 18px; text-align: center;} .static-content.event-style .sc_counter { width: 100%; text-align: center; } .static-content.event-style .kl-newsletter-wrapper {margin-bottom: 15px; display: block; float: none; text-align: center; } .static-content.event-style .or {float: none; display: block; clear: left; margin: 0; margin-bottom: 15px; text-align: center;} .static-content.event-style .social-icons {text-align: center; display: block; } /* Static Content - Weather box */ .sc--weatherbox .static-content__wrapper {height:auto !important; } .sc__actionarea .btn.btn-third {width:auto;} /* Weather list */ ul.scw_list {margin: 50px 10px 0;} ul.scw_list li {width:25%;} .scw_list .wt-icon {font-size:50px; height: 40px;} .scw__degs {font-size: 18px; margin-bottom: 10px;} .scw__high {font-weight:400} .scw__day {font-size:18px;} .scw__alt {font-size:13px;} .scw_list li:first-child {width:100%; margin-top: -35px; display: block;} .scw_list li:first-child .wt-icon {font-size:160px; height: 125px; margin-bottom: 10px;} .scw_list li:first-child .scw__degs {font-size: 30px;} .scw_list li:first-child .scw__high {font-weight:700;} .scw_list li:first-child .scw__day {font-size:28px;} .scw_list li:first-child .scw__alt {font-size:18px;} /* Reservation form */ .sc__res-form {width: 95%; margin: 70px auto 0; } /* Showroom Carousel */ .sc-huge-arrow {display: none;} .sc--showroomcrs-style .sc__textcontent h2 {font-size: 52px;} .sc--showroomcrs-style {max-width: 100%; } /* Maps panel */ .kl-contentmaps__panel { position:static; width:100%; border-radius: 0;} .scontent__maps.static-content--fullscreen {height:90vh;} } @media only screen and (max-width : 480px) { /* Event style */ .static-content.event-style .sc_counter { width: 100%;text-align: center; } .static-content.event-style .static-content__subtitle {text-align: center;} .static-content.event-style .kl-counter-li { width: 19%; } .static-content.event-style .kl-counter-li:last-child {margin-right:0;} .static-content.event-style .kl-newsletter-wrapper {margin-bottom: 15px; display: block; float: none; text-align: center; } .static-content.event-style .or {float: none; display: block; clear: left; margin: 0; margin-bottom: 15px; text-align: center;} .static-content.event-style .social-icons {text-align: center;} /* Reservation form */ .rf__block {width: 100%; padding: 20px 15px; float: none; border-radius: 3px 3px 0 0; } .rfblock--submit {padding: 0px 15px; } .rfblock--fields .rf__field {margin-left: 15px; padding-left: 15px; } .rfblock--fields .rf__field:first-child {width: calc(50% - 10px); } .rf__submit {width: 100%; height: 60px; border-radius: 0 0 3px 3px; } .rf__submit:after {font-size: 38px; line-height: 60px; color: rgba(255, 255, 255, 0.25); } }