/* 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;} .black_border {border: 10px solid rgba(0, 0, 0, 0.32); border-radius: 3px; box-shadow: 0 20px 10px -10px rgba(0,0,0,0.5);} .white_border{border:10px solid white; border-radius:3px; 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 {position: absolute; display: none; border: 1px solid #000; background-color: transparent; z-index: 1000; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center; } .overlay_white {background-color: #fff; } .shadow { box-shadow: 5px 5px 10px #000; } .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))); } .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; list-style: none; padding-left: 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.8); color:#272727; position:relative; } .fancy_register_form form {margin:0;} .fancy_register_form > h4 { margin: 10px 0 30px; font-size: 32px; font-weight: 500; color: #464444;} .fancy_register_form label {display:inline-block; font-size: 14px; text-shadow: 0 1px 0 rgba(0,0,0,0.5); text-align: left !important; 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:.8; } /* 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; list-style: none;} .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;} .scw__high {font-weight:700;} .scw__low {opacity:.7; margin-left:15px;} .scw__day {font-size:22px; font-weight:300; display:block;} .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;} /* 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 {margin-bottom: 40px; } .sc__actionarea {margin-bottom: 70px; } .sc__secbtn {margin-left: 20px; } .sc__shcar-wrapper {overflow:hidden; } .sc__shcar-wrapper .caroufredsel_wrapper {margin-left:-20px !important; width: calc(100% - 10px) !important;} .sc__shcar-item {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 a {display: inline-block; width: 6px; height: 6px; background: rgba(255,255,255,0.6); margin:2px; border-radius: 50%;} .shcar__pagination .selected {background: #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: 100px; min-height: 450px;} /* Start with the defualt 700px in height but if the viewport height is lower than 700, make it 90vh (90% of the viewport) */ .scontent__maps:not(.static-content--fullscreen) { height:700px;} @media only screen and (max-height : 700px){ .scontent__maps:not(.static-content--fullscreen) {height:90vh;} #map { width: 100%; height: 700px;} } .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); } .kl-slideshow .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 .kl-contentmaps__panel {position:static; width:100%; border-radius: 0; display: table; margin-top: 20px;} .kl-contentmaps__panel-tgg {display: none;} .kl-contentmaps__panel-img {width:30%; display: table-cell; min-height: 200px; height: auto;} .kl-contentmaps__panel-info { width: 70%; display: table-cell;}*/ /* 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 .ud_counter ul 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 .mail_when_ready {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 .ud_counter ul li { width: 19%; } .static-content.event-style .ud_counter ul li:last-child {margin-right:0;} .static-content.event-style .mail_when_ready {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); } } /* offer-banners */ .offer-banners .offer-banners-link {margin-bottom:20px; display: block} .offer-banners.ob--resize-default {} .offer-banners.ob--resize-no-resize {} .offer-banners.ob--resize-cover .offer-banners-img {background-size: cover; background-repeat: no-repeat; background-position: center;} /* SHOP LATEST // BEST SELLING TABS - CAROUSEL */ .shop-latest .tabbable .nav {border-bottom:3px solid #e7e7e7;padding-bottom: 15px; margin-bottom: 20px; /*text-align: center;*/ } .shop-latest .tabbable .nav li {float:left; margin-left:20px; padding-left:20px; float: none; display: inline-block;} .shop-latest .tabbable .nav li:first-child {margin-left:0; padding-left:0; border-left:0;} .shop-latest .tabbable .nav li a {font-size:18px; text-transform: uppercase; color:#595959; position:relative; padding: 0; } .shop-latest .tabbable .nav li a:hover {color:#595959; background-color: transparent;} .shop-latest .tabbable .nav li.active a {color:#3565a2; background-color: transparent;} .shop-latest .tabbable .nav li.active a:after {content:''; position:absolute; bottom:-15px; left:50%; margin-left:-4px; border:4px solid transparent; border-bottom-color:#3565a2; } .shop-latest .tabbable .nav li.active a:before { position: absolute; content: ''; bottom: -18px; left: 0; width: 100%; height: 3px; background-color: #3565a2; } .shop-latest .tab-content {overflow: visible;} .shop-latest .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow:hidden; } .shop-latest .tab-content > .active { visibility: visible; height: auto; } /* MQ's' */ @media screen and (max-width:767px){ .shop-latest .tabbable .nav li {float:none; width:100%; padding-left:0; margin-left:0; display:block; margin-bottom:10px;} .shop-latest .tabbable .nav li.active {margin-left:10px;} .shop-latest .tabbable .nav li.active a:after , .shop-latest .tabbable .nav li.active a:before { display:none;} } /* Shop Latest - Content */ .shop-latest .shop-latest-carousel {margin-right:40px; position:relative;} .shop-latest .shop-latest-carousel ul {margin:0; padding:0; list-style:none; } .shop-latest .shop-latest-carousel ul li {float:left; margin-right:20px; width:270px;} .shop-latest .shop-latest-carousel .controls {position:absolute; right:0; top:0; margin-right:-40px; height:100%; width:40px;} .shop-latest .shop-latest-carousel .controls a {width:40px; height:49.5%; background:#f1f1f1; display:block !important; position:absolute; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .shop-latest .shop-latest-carousel:hover .controls a {background:#eee;} .shop-latest .shop-latest-carousel .controls a:hover { background:#dedede; } .shop-latest .shop-latest-carousel .controls a.prev {top: 50%;} .shop-latest .shop-latest-carousel .controls a span {position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px;} /* MQ's */ @media screen and (max-width: 767px){ .shop-latest .shop-latest-carousel .star-rating {display: none;} } .spp-products-rows > .row {margin-bottom:35px;} .spp-products-rows .spp-title {margin-bottom:20px; font-size: 26px;} /* limited offers carousel */ .limited-offers-carousel {position:relative; margin-bottom: 40px;} .zn_limited_offers {margin:0; padding:0; list-style:none; height:194px;} .zn_limited_offers li {float:left; margin-right:20px; width:158px; min-height: 240px; position:relative; border:2px solid #e8e8e8; text-align:center; background: #ffffff;} .zn_limited_offers li:hover {border:2px solid #bbb;} .zn_limited_offers li:after {content:attr(data-discount); font-size:11px; color:#fff; font-weight:bold; background:#c51212; line-height:1; padding:4px 6px; position:absolute; left:10px; top:10px;} .zn_limited_offers li:before, .zn_limited_offers .zn_badge_container { display: none;} .zn_limited_offers .product-list-item .kw-prodimage {max-height:120px; line-height:120px; margin:10px 10px 15px 10px;overflow:hidden;} .zn_limited_offers .product-list-item .kw-details {padding:0;} .zn_limited_offers .product-list-item:hover .kw-details {background-color: #fff;} .zn_limited_offers .product-list-item .kw-details-title {margin: 0 0 0px; font-size: 12px; line-height:1.6;font-weight: 400;} .zn_limited_offers .product-list-item .price { margin-top:0; } .zn_limited_offers .product-list-item .price del, .zn_limited_offers .product-list-item .price ins {/* font-size: 100% !important; */} .zn_limited_offers li {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .limited-offers-carousel .controls {width:58px; background:#fff; position:absolute; border:2px solid #e8e8e8; text-align:center; right: 0; top:0; height:100%; } .limited-offers-carousel .controls:after {content:''; position:absolute; top:50%; width: 70%; margin-left: 17%; left:0; border-top:1px solid #e8e8e8;} .limited-offers-carousel .controls a {position:absolute; width:54px; height:50%; display:block !important; opacity:.5; } .limited-offers-carousel .controls a:hover {opacity:1; } .limited-offers-carousel .controls a.prev {top:50%;} .limited-offers-carousel .controls a span {position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px;} @media (min-width: 768px){ .limited-offers-carousel .caroufredsel_wrapper {width: calc(100% - 80px) !important; } } @media (max-width: 767px){ .limited-offers-carousel {margin-bottom: 40px;} .limited-offers-carousel .controls {width:44px;} .limited-offers-carousel .controls a {width:40px;} } /* kl-store styles */ .kl-store #content div.product .kl-store-tabs ul.tabs:after,.kl-store #content div.product .kl-store-tabs ul.tabs:before,.kl-store #content div.product div.thumbnails:after,.kl-store #content div.product div.thumbnails:before,.kl-store .col2-set:after,.kl-store .col2-set:before,.kl-store div.product .kl-store-tabs ul.tabs:after,.kl-store div.product .kl-store-tabs ul.tabs:before,.kl-store div.product div.thumbnails:after,.kl-store div.product div.thumbnails:before,.kl-store-page #content div.product .kl-store-tabs ul.tabs:after,.kl-store-page #content div.product .kl-store-tabs ul.tabs:before,.kl-store-page #content div.product div.thumbnails:after,.kl-store-page #content div.product div.thumbnails:before,.kl-store-page .col2-set:after,.kl-store-page .col2-set:before,.kl-store-page div.product .kl-store-tabs ul.tabs:after,.kl-store-page div.product .kl-store-tabs ul.tabs:before,.kl-store-page div.product div.thumbnails:after,.kl-store-page div.product div.thumbnails:before { content: " "; display: table } .kl-store #content div.product .kl-store-tabs,.kl-store #content div.product .kl-store-tabs ul.tabs:after,.kl-store #content div.product div.thumbnails a.first,.kl-store #content div.product div.thumbnails:after,.kl-store .cart-collaterals:after,.kl-store .col2-set:after,.kl-store .kl-store-pagination ul.page-numbers:after,.kl-store div.product .kl-store-tabs,.kl-store div.product .kl-store-tabs ul.tabs:after,.kl-store div.product div.thumbnails a.first,.kl-store div.product div.thumbnails:after,.kl-store ul.products,.kl-store ul.products li.first,.kl-store ul.products:after,.kl-store-page #content div.product .kl-store-tabs,.kl-store-page #content div.product .kl-store-tabs ul.tabs:after,.kl-store-page #content div.product div.thumbnails a.first,.kl-store-page #content div.product div.thumbnails:after,.kl-store-page .cart-collaterals:after,.kl-store-page .col2-set:after,.kl-store-page .kl-store-pagination ul.page-numbers:after,.kl-store-page div.product .kl-store-tabs,.kl-store-page div.product .kl-store-tabs ul.tabs:after,.kl-store-page div.product div.thumbnails a.first,.kl-store-page div.product div.thumbnails:after,.kl-store-page ul.products,.kl-store-page ul.products li.first,.kl-store-page ul.products:after { clear: both } .kl-store .col2-set,.kl-store-page .col2-set { width: 100%} .kl-store .col2-set .col-1,.kl-store-page .col2-set .col-1 { float: left; width: 48%} .kl-store .col2-set .col-2,.kl-store-page .col2-set .col-2 { float: right; width: 48%} .kl-store img,.kl-store-page img { height: auto; max-width: 100%} .kl-store #content div.product div.thumbnails a, .kl-store div.product div.thumbnails a, .kl-store-page #content div.product div.thumbnails a, .kl-store-page div.product div.thumbnails a { float: left; width: 30.75%; margin-right: 3.8%; margin-bottom: 1em;} .kl-store #content div.product div.thumbnails a.last,.kl-store div.product div.thumbnails a.last,.kl-store-page #content div.product div.thumbnails a.last,.kl-store-page div.product div.thumbnails a.last { margin-right: 0;} .kl-store #content div.product div.thumbnails.columns-1 a, .kl-store div.product div.thumbnails.columns-1 a, .kl-store-page #content div.product div.thumbnails.columns-1 a, .kl-store-page div.product div.thumbnails.columns-1 a { width: 100%; margin-right: 0; float: none;} .kl-store #content div.product div.thumbnails.columns-2 a, .kl-store div.product div.thumbnails.columns-2 a, .kl-store-page #content div.product div.thumbnails.columns-2 a, .kl-store-page div.product div.thumbnails.columns-2 a { width: 48%;} .kl-store #content div.product div.thumbnails.columns-4 a, .kl-store div.product div.thumbnails.columns-4 a, .kl-store-page #content div.product div.thumbnails.columns-4 a,.kl-store-page div.product div.thumbnails.columns-4 a { width: 22.05%;} .kl-store #content div.product div.thumbnails.columns-5 a, .kl-store div.product div.thumbnails.columns-5 a, .kl-store-page #content div.product div.thumbnails.columns-5 a, .kl-store-page div.product div.thumbnails.columns-5 a { width: 16.9%;} .kl-store #content div.product div.summary, .kl-store div.product div.summary, .kl-store-page #content div.product div.summary, .kl-store-page div.product div.summary { float: right; width: 48%;} .kl-store #content div.product .kl-store-tabs ul.tabs li, .kl-store div.product .kl-store-tabs ul.tabs li, .kl-store-page #content div.product .kl-store-tabs ul.tabs li, .kl-store-page div.product .kl-store-tabs ul.tabs li { display: inline-block } .kl-store #content div.product #reviews .comment:after, .kl-store #content div.product #reviews .comment:before, .kl-store .kl-store-pagination ul.page-numbers:after, .kl-store .kl-store-pagination ul.page-numbers:before, .kl-store div.product #reviews .comment:after, .kl-store div.product #reviews .comment:before, .kl-store ul.products:after, .kl-store ul.products:before, .kl-store-page #content div.product #reviews .comment:after, .kl-store-page #content div.product #reviews .comment:before, .kl-store-page .kl-store-pagination ul.page-numbers:after, .kl-store-page .kl-store-pagination ul.page-numbers:before, .kl-store-page div.product #reviews .comment:after, .kl-store-page div.product #reviews .comment:before, .kl-store-page ul.products:after,.kl-store-page ul.products:before { content: " "; display: table } .kl-store #content div.product #reviews .comment:after, .kl-store div.product #reviews .comment:after, .kl-store-page #content div.product #reviews .comment:after, .kl-store-page div.product #reviews .comment:after { clear: both } .kl-store #content div.product #reviews .comment img, .kl-store div.product #reviews .comment img, .kl-store-page #content div.product #reviews .comment img, .kl-store-page div.product #reviews .comment img { float: right; height: auto;} .kl-store ul.products li.product, .kl-store-page ul.products li.product { float: left; margin: 0 3.8% 2.992em 0; padding: 0; position: relative; width: 22.05%;} .kl-store ul.products li.last,.kl-store-page ul.products li.last { margin-right: 0;} .kl-store-page.columns-1 ul.products li.product,.kl-store.columns-1 ul.products li.product { width: 100%; margin-right: 0;} .kl-store-page.columns-2 ul.products li.product,.kl-store.columns-2 ul.products li.product { width: 48%;} .kl-store-page.columns-3 ul.products li.product,.kl-store.columns-3 ul.products li.product { width: 30.75%;} .kl-store-page.columns-5 ul.products li.product,.kl-store.columns-5 ul.products li.product { width: 16.95%;} .kl-store-page.columns-6 ul.products li.product,.kl-store.columns-6 ul.products li.product { width: 13.5%;} .kl-store .kl-store-result-count,.kl-store-page .kl-store-result-count { float: left;} .kl-store .kl-store-ordering,.kl-store-page .kl-store-ordering { /*float: right;*/} .kl-store .kl-store-pagination ul.page-numbers li,.kl-store-page .kl-store-pagination ul.page-numbers li { display: inline-block;} .kl-store #content table.cart img,.kl-store table.cart img,.kl-store-page #content table.cart img,.kl-store-page table.cart img { height: auto; width: 42px; box-shadow: none;} .kl-store #content table.cart td.actions, .kl-store table.cart td.actions, .kl-store-page #content table.cart td.actions, .kl-store-page table.cart td.actions { text-align: right;} .kl-store #content table.cart td.actions .input-text,.kl-store table.cart td.actions .input-text,.kl-store-page #content table.cart td.actions .input-text,.kl-store-page table.cart td.actions .input-text { width: 150px; margin-right: 5px; padding: 5px 10px;} .kl-store #content table.cart td.actions .coupon, .kl-store table.cart td.actions .coupon, .kl-store-page #content table.cart td.actions .coupon, .kl-store-page table.cart td.actions .coupon { float: left;} .kl-store table.shop_table td { border-top: 1px solid rgba(221, 221, 221, 0.64); padding: 6px 12px; vertical-align: middle;} .kl-store .cart-collaterals .cart_totals table td, .kl-store .cart-collaterals .cart_totals table th {border-top: 1px solid #ebe9eb;} .kl-store .cart-collaterals .cart_totals table tr:first-child td, .kl-store .cart-collaterals .cart_totals table tr:first-child th { border-top: 0;} .kl-store-page #respond input#submit.alt, .kl-store-page a.button.alt, .kl-store-page button.button.alt, .kl-store-page input.button.alt {background: #000; font-weight: 600;} .kl-store #content table.cart td.actions .coupon label,.kl-store table.cart td.actions .coupon label,.kl-store-page #content table.cart td.actions .coupon label,.kl-store-page table.cart td.actions .coupon label { display: none } .kl-store .cart-collaterals .shipping_calculator:after,.kl-store .cart-collaterals .shipping_calculator:before,.kl-store .cart-collaterals:after,.kl-store .cart-collaterals:before,.kl-store form .form-row:after,.kl-store form .form-row:before,.kl-store ul.cart_list li:after,.kl-store ul.cart_list li:before,.kl-store ul.product_list_widget li:after,.kl-store ul.product_list_widget li:before,.kl-store-page .cart-collaterals .shipping_calculator:after,.kl-store-page .cart-collaterals .shipping_calculator:before,.kl-store-page .cart-collaterals:after,.kl-store-page .cart-collaterals:before,.kl-store-page form .form-row:after,.kl-store-page form .form-row:before,.kl-store-page ul.cart_list li:after,.kl-store-page ul.cart_list li:before,.kl-store-page ul.product_list_widget li:after,.kl-store-page ul.product_list_widget li:before { content: " "; display: table } .kl-store .cart-collaterals,.kl-store-page .cart-collaterals { width: 100%;} .kl-store .cart-collaterals .related,.kl-store-page .cart-collaterals .related { width: 30.75%; float: left;} .kl-store .cart-collaterals .cross-sells,.kl-store-page .cart-collaterals .cross-sells { width: 48%; float: left;} .kl-store .cart-collaterals .cross-sells ul.products,.kl-store-page .cart-collaterals .cross-sells ul.products { float: none;} .kl-store .cart-collaterals .cross-sells ul.products li,.kl-store-page .cart-collaterals .cross-sells ul.products li { width: 48%;} .kl-store .cart-collaterals .shipping_calculator,.kl-store-page .cart-collaterals .shipping_calculator { width: 48%; clear: right; float: right;} .kl-store .cart-collaterals .shipping_calculator:after,.kl-store form .form-row-wide,.kl-store form .form-row:after,.kl-store ul.cart_list li:after,.kl-store ul.product_list_widget li:after,.kl-store-page .cart-collaterals .shipping_calculator:after,.kl-store-page form .form-row-wide,.kl-store-page form .form-row:after,.kl-store-page ul.cart_list li:after,.kl-store-page ul.product_list_widget li:after { clear: both } .kl-store .cart-collaterals .shipping_calculator .col2-set .col-1,.kl-store .cart-collaterals .shipping_calculator .col2-set .col-2,.kl-store-page .cart-collaterals .shipping_calculator .col2-set .col-1,.kl-store-page .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47% } .kl-store .cart-collaterals .cart_totals,.kl-store-page .cart-collaterals .cart_totals { float: right; width: 48%;} .kl-store ul.cart_list li img, .kl-store ul.product_list_widget li img, .kl-store-page ul.cart_list li img, .kl-store-page ul.product_list_widget li img { float: right; height: auto;} .kl-store form .form-row label, .kl-store-page form .form-row label { display: block;} .kl-store form .form-row label.checkbox,.kl-store-page form .form-row label.checkbox { display: inline;} .kl-store form .form-row select,.kl-store-page form .form-row select { width: 100%;} .kl-store form .form-row .input-text,.kl-store-page form .form-row .input-text { box-sizing: border-box; width: 100%; margin-bottom: 8px;} .kl-store form .form-row-first, .kl-store form .form-row-last, .kl-store-page form .form-row-first, .kl-store-page form .form-row-last { float: left; width: 47%; overflow: visible;} .kl-store #payment #place_order, .kl-store form .form-row-last, .kl-store-page #payment #place_order, .kl-store-page form .form-row-last { float: right;} .kl-store #payment .form-row select, .kl-store-page #payment .form-row select { width: auto;} .kl-store #payment .terms,.kl-store-page #payment .terms { text-align: right; padding: 0 1em;} /* Title: kl-store overide stylee */ /* Products in listings */ .kl-store-page ul.products { margin: 0 -15px; padding: 0; clear: both;} .kl-store-page ul.products li.product { margin: 0 0 30px; padding: 0 15px; width: 25%;} /* When with sidebar */ .kl-store-page .left_sidebar ul.products li.product, .kl-store-page .right_sidebar ul.products li.product { width: 33.3333%; float: left; } .kl-store-page #content div.product div.images, .kl-store-page div.product div.images { width: 100%; } /* custom buttons */ .btn-flat , .kl-store-page a.button, .kl-store-page button.button, .kl-store-page button.button.alt, .kl-store-page input.button, .kl-store-page input#button, .kl-store-page #review_form #submit { background:#3565a2; font-size:13px !important; padding:10px 20px; font-weight:600; color:#fff; text-transform: uppercase; text-shadow: none; border-radius: 3px; box-shadow: none; position: relative; border: 0; line-height: 1;} .btn-flat:hover, .kl-store-page a.button:hover, .kl-store-page button.button:hover, .kl-store-page button.button.alt:hover, .kl-store-page input.button:hover, .kl-store-page input#button:hover, .kl-store-page #review_form #submit:hover { background:#343434; color:#fff !important; } /* Alternative Button */ .kl-store-page #respond input#submit.alt, .kl-store-page a.button.alt, .kl-store-page button.button.alt, .kl-store-page input.button.alt {font-weight: 600;} .kl-store-page #respond input#submit.alt:hover, .kl-store-page a.button.alt:hover, .kl-store-page button.button.alt:hover, .kl-store-page input.button.alt:hover { background:#232323;} /*** Product in listing - Classic Style Single & with nesting styles because product listing is also adeed into the shop-latest tabs ; TODO: reduce nesting (once kl-store is updated) ; */ .product-list-item, .kl-store-page ul.products li.product .product-list-item {display:block; position:relative; background: #ffffff; /*background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(61%,#ffffff), color-stop(100%,#ededed)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%,#ededed 100%); background: -webkit-radial-gradient(center, ellipse, #ffffff 0%, #ffffff 50%, #ededed 100%); background: radial-gradient(ellipse at center,#ffffff 0%, #ffffff 50%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );*/ } .product-list-item:before, .kl-store-page ul.products li.product .product-list-item:before {content:" "; position:absolute; left:0; top:0; z-index: 1; width:100%;height: 100%; pointer-events: none; box-shadow:inset 0 0 0 2px #e8e8e8; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} /* Product in listing - Image */ .product-list-item > a, .kl-store-page ul.products li.product .product-list-item > a {display: block; position: relative; } .product-list-item .kw-prodimage, .kl-store-page ul.products li.product .product-list-item .kw-prodimage {text-align:center; /*line-height:250px; height: 250px;*/ overflow: hidden; position:relative; z-index:0; display: block;} .product-list-item .kw-prodimage-img, .kl-store-page ul.products li.product .product-list-item .kw-prodimage-img {margin-bottom: 0; width: auto; margin: 0 auto; vertical-align: middle; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .product-list-item .kw-prodimage-img:not(:only-child), .kl-store-page ul.products li.product .product-list-item .kw-prodimage-img:not(:only-child) {position:relative; z-index:1} .product-list-item .kw-prodimage-img-secondary, .kl-store-page ul.products li.product .product-list-item .kw-prodimage-img-secondary {position:absolute; left:0; top:0; opacity:0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .product-list-item:hover .kw-prodimage-img-secondary, .kl-store-page ul.products li.product .product-list-item:hover .kw-prodimage-img-secondary {opacity:1; z-index:1;} .product-list-item:hover .kw-prodimage-img:not(:only-child), .kl-store-page ul.products li.product .product-list-item:hover .kw-prodimage-img:not(:only-child) {opacity:0;} .product-list-item .kw-prodimage-img[data-src], .kl-store-page ul.products li.product .product-list-item .kw-prodimage-img[data-src] {opacity: 0; } /* Product in listing - Details */ .product-list-item .kw-details, .kl-store-page ul.products li.product .product-list-item .kw-details { padding:20px 20px 20px; position: relative; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background:#fff;} .product-list-item .kw-details-title, .kl-store-page ul.products li.product .product-list-item .kw-details-title {font-size:16px; line-height:1.3; margin:0 0 10px; padding: 0; font-weight: 300; min-height: 40px; } .product-list-item .kw-details-title , .kl-store-page ul.products li.product .product-list-item .kw-details-title , .product-list-item .kw-details-title a, .kl-store-page ul.products li.product .product-list-item .kw-details-title a {color:#2f2f2f; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} /* Product in listing - Description */ .product-list-item .kw-details-desc, .kl-store-page ul.products li.product .product-list-item .kw-details-desc {font-size:12px; color:#939393; line-height:1.4; margin-bottom:10px; } .product-list-item .kw-details-desc, .kl-store-page ul.products li.product .product-list-item .kw-details-desc {display: block; clear: both;position: relative; height: 60px; overflow: hidden;} .product-list-item .kw-details-desc:after, .kl-store-page ul.products li.product .product-list-item .kw-details-desc:after, .product-list-item .kw-details-desc:before, .kl-store-page ul.products li.product .product-list-item .kw-details-desc:before {content:''; position:absolute; left:0; bottom:0; height:60%; width:100%; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .product-list-item .kw-details-desc:after, .kl-store-page ul.products li.product .product-list-item .kw-details-desc:after {opacity:1; background: -moz-linear-gradient(top, transparent 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,#fff)); background: -webkit-linear-gradient(top, transparent 0%,#fff 100%); background: -o-linear-gradient(top, transparent 0%,#fff 100%); background: -ms-linear-gradient(top, transparent 0%,#fff 100%); background: linear-gradient(to bottom, transparent 0%,#fff 100%);} .product-list-item .kw-details-desc:before, .kl-store-page ul.products li.product .product-list-item .kw-details-desc:before {opacity:0; background: -moz-linear-gradient(top, transparent 0%, #edecec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,#edecec)); background: -webkit-linear-gradient(top, transparent 0%,#edecec 100%); background: -o-linear-gradient(top, transparent 0%,#edecec 100%); background: -ms-linear-gradient(top, transparent 0%,#edecec 100%); background: linear-gradient(to bottom, transparent 0%,#edecec 100%); } .product-list-item:hover .kw-details-desc:after, .kl-store-page ul.products li.product .product-list-item:hover .kw-details-desc:after {opacity:0;} .product-list-item:hover .kw-details-desc:before, .kl-store-page ul.products li.product .product-list-item:hover .kw-details-desc:before {opacity: 1;} /* Product in listing - Actions */ .product-list-item .kw-actions, .kl-store-page ul.products li.product .product-list-item .kw-actions {text-align:right; position:absolute; right:0; bottom:10px; width:0; overflow:hidden;line-height: 1; z-index: 1; padding:10px 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .kl-store-page ul.products li.product .product-list-item .kw-actions a { text-transform: uppercase; display: inline-block; /*background: #3565a2;*/ color: #fff; font-size: 10px; line-height: 1; padding: 6px 10px; white-space: nowrap; margin-bottom: 3px; position: relative; float: right; clear: right; font-weight: 600; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);} .product-list-item .kw-actions a:hover, .product-list-item .kw-actions a{ text-transform: uppercase; display: inline-block; font-size: 10px; line-height: 1; padding: 6px 10px; white-space: nowrap; margin-bottom: 3px; position: relative; float: right; clear: right; font-weight: 600; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);} .kl-store-page ul.products li.product .product-list-item .kw-actions a:hover {background:#333; } .product-list-item .kw-actions a.loading:before, .kl-store-page ul.products li.product .product-list-item .kw-actions a.loading:before {background: url("../images/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /* Product in listing - Price */ .product-list-item .price, .product-list-item .price ins, .kl-store-page ul.products li.product .product-list-item .price, .kl-store-page ul.products li.product .product-list-item .price ins {color: #282828; font-size: 18px; font-weight: 600; line-height: 1 ;margin-bottom: 0; text-decoration: none;} .product-list-item .price del span, .kl-store-page ul.products li.product .product-list-item .price del {font-weight:normal; display:inline-block; } .product-list-item .price del span, .kl-store-page ul.products li.product .product-list-item .price del span {position: relative; color: #000; margin-right: 5px; text-decoration: line-through; } .product-list-item .price del, .product-list-item .price ins, .kl-store-page ul.products li.product .product-list-item .price del, .kl-store-page ul.products li.product .product-list-item .price ins {font-size:80%} /* Product in listing - Rating */ .product-list-item .star-rating, .kl-store-page ul.products li.product .product-list-item .star-rating {overflow: hidden; position: absolute; right:20px; bottom: 18px; height: 1em; line-height: 1; font-size: 10px; width: 5.4em; color: #CACACA;font-family: star } .product-list-item .star-rating {bottom:26px;} .product-list-item .star-rating:before, .kl-store-page ul.products li.product .product-list-item .star-rating:before {content: "\73\73\73\73\73"; color: #E0E0E0; float: left; top: 0; left: 0; position: absolute } .product-list-item .star-rating span, .kl-store-page ul.products li.product .product-list-item .star-rating span {overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .product-list-item .star-rating span:before, .kl-store-page ul.products li.product .product-list-item .star-rating span:before {content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0 } /* Product in listing - Hover item */ .product-list-item:hover:before, .kl-store-page ul.products li.product .product-list-item:hover:before {box-shadow:inset 0 0 0 4px #9c9c9c;} .product-list-item:hover .kw-details, .kl-store-page ul.products li.product .product-list-item:hover .kw-details {background:#edecec;} .product-list-item:hover .kw-details-title, .kl-store-page ul.products li.product .product-list-item:hover .kw-details-title {color:#3565a2;} .product-list-item:hover .kw-actions, .kl-store-page ul.products li.product .product-list-item:hover .kw-actions {width:140px; right:4px;} /* PRODUCT CATEGORIES WIDGET */ .kl-store.widget_product_categories {} .kl-store.widget_product_categories .product-categories {list-style: none; margin: 0; padding: 0; } .kl-store.widget_product_categories .cat-item { margin:5px 0; } .kl-store.widget_product_categories .cat-item a {text-transform:uppercase; font-weight:400; font-size:14px; color:#484848 !important; padding:10px 0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out;} .kl-store.widget_product_categories .cat-item a:hover { color:#111} .kl-store.widget_product_categories .cat-item a:before{content: ''; display: inline-block; margin-right: 12px; width: 8px; height: 2px; background: #E1E1E1; vertical-align: middle; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; } .kl-store.widget_product_categories .cat-item.current-cat > a {font-weight:600; color:#181818; } .kl-store.widget_product_categories .cat-item.current-cat > a:before{background: #bbb;} .kl-store.widget_product_categories .cat-item .count { opacity:.5; } .kl-store.widget_product_categories .children {list-style:none; margin:0; padding:0 0 0 20px} .kl-store.widget_product_categories .children .cat-item {} /* Price Slider Widget */ .kl-store.widget_price_filter .price_slider {} .kl-store.widget_price_filter .price_slider_amount {} .kl-store.widget_price_filter .price_slider_amount .button {} .kl-store.widget_price_filter .price_label {font-size:14px;} .kl-store.widget_price_filter .ui-slider {} .kl-store.widget_price_filter .ui-slider .ui-slider-handle { -webkit-transition:background-color .2s ease-out; transition:background-color .2s ease-out; background-color: #C8C8C8; width: 10px; height: 10px; top: 2px; } .kl-store.widget_price_filter:hover .ui-slider .ui-slider-handle {background-color: #898989;} .kl-store.widget_price_filter .ui-slider .ui-slider-range {background-color: #C8C8C8; } .kl-store.widget_price_filter .price_slider_wrapper .ui-widget-content {background-color: #9D9D9D; margin-bottom: 30px; margin-top: 30px; } .kl-store.widget_price_filter .ui-slider-horizontal {height: 3px; margin-top: 25px; } .kl-store.widget_price_filter .ui-slider-horizontal .ui-slider-range {} .kl-store.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {} .kl-store.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {} /* Top rated produts */ .kl-store.widget_top_rated_products {} .kl-store.widget ul.product_list_widget { list-style: none; padding: 0;} .kl-store.widget ul.product_list_widget li {margin-bottom: 20px; padding: 0; } .kl-store.widget ul.product_list_widget li:after, .kl-store.widget ul.product_list_widget li:before {} .kl-store.widget ul.product_list_widget li a {font-size: 16px; margin-bottom: 10px; } .kl-store.widget ul.product_list_widget li a span {font-weight: 400;} .kl-store.widget ul.product_list_widget li img {width: 58px; float: right;} .kl-store.widget ul.product_list_widget li .amount {font-weight: 300; display: block;} .kl-store.widget ul.product_list_widget li .amount:before {content:'-- '; opacity:.2;} .kl-store.widget ul.product_list_widget li .star-rating {color: #3565a2; font-size: 10px; margin-bottom:10px;} .kl-store.widget:last-child {margin-bottom:0} /* Subcategories page */ .kl-store-page ul.products li.product-category h3 {margin: 0 20px; font-size: 18px;font-weight: 300;line-height: 1.4;padding-bottom: 20px;} .kl-store-page ul.products li.product-category h3 mark {background:none; font-weight:400;} /* Cart List */ .kl-store ul.cart_list li a {font-size: 14px; } /* Shopping cart widget */ .kl-store .widget_shopping_cart .total, .kl-store.widget_shopping_cart .total { font-size:16px; border-top-style: solid; padding-top: 15px;} /* Category */ .kl-store-page .page-title { color: #343434; text-transform:uppercase;} /* Top side of category listing */ .kl-store-page .kl-store-ordering select { height: 34px; font-size: 11px; font-weight: 600; outline: none; border-radius: 3px; border: 1px solid #D9D9D9; -webkit-appearance: none; background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center; background-position-x: calc( 100% - 10px ); text-transform: uppercase; padding-left: 10px; color: #909090; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; padding-right:10px;} .kl-store-page .kl-store-ordering select:hover, .kl-store-page .kl-store-ordering select:focus { border: 1px solid #bababa; color: #787878;} .kl-store-page .kl-store-result-count { margin: 10px 0; text-transform: uppercase; font-size: 11px; font-weight: 600; color: #838383; float: left;} .kl-store-page .kl-store-ordering, .kl-store-page .kl-store-result-count {margin: 0 0 20px;} .kl-store-page .kl-store-ordering {/*float: right;*/} /* Forms */ .kl-store-page input.input-text, .kl-store-page textarea.input-text, .kl-store-page form .form-row select, /* Overrides for forced styles from WC */ .kl-store-cart table.cart td.actions .coupon .input-text { padding: 7px 10px; box-shadow: inset 2px 2px 0 0px rgba(0, 0, 0, 0.05); border-radius: 3px; border: 1px solid #D9D9D9; -webkit-transition: box-shadow .25s ease-in-out; transition: box-shadow .25s ease-in-out; width: 50px; } .kl-store-page input.input-text:hover, .kl-store-page textarea.input-text:hover, .kl-store-page form .form-row select:hover, .kl-store-page input.input-text:focus, .kl-store-page textarea.input-text:focus, .kl-store-page form .form-row select:focus {border: 1px solid #bababa; color: #787878;} .kl-store-page form .form-row select {height:34px; } .kl-store-page input.input-text, .kl-store-page textarea.input-text, .kl-store-page .login .input-text {border:1px solid #d8d8d8;} .kl-store-page form .form-row.kl-store-invalid input.input-text, .kl-store-page form .form-row.kl-store-invalid select { box-shadow: inset 3px 0 0 #e2401c } .kl-store-page .kl-store form .form-row label {font-weight:400;} /* Messages / Notices */ .kl-store-page .kl-store-error, .kl-store-page .kl-store-error:before, .kl-store-page .kl-store-info, .kl-store-page .kl-store-info:before, .kl-store-page .kl-store-message, .kl-store-page .kl-store-message:before { color: #fff; line-height: 30px; border-top: 0; } .kl-store-page .kl-store-error, .kl-store-page .kl-store-info, .kl-store-page .kl-store-message { border-left: .618em solid rgba(0,0,0,.15) } .kl-store-page .kl-store-error a, .kl-store-page .kl-store-info a, .kl-store-page .kl-store-message a { color: #fff; margin-left: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .kl-store-page .kl-store-error a:hover, .kl-store-page .kl-store-info a:hover, .kl-store-page .kl-store-message a:hover { border-color: rgba(255, 255, 255, 0.4);} .kl-store-page .kl-store-info { background-color: #3D9CD2;} .kl-store-page .kl-store-error {background-color: #e2401c; } .kl-store-page .kl-store-message { background-color: #0f834d; } .kl-store-page .kl-store-message .button.wc-forward {background:none; color:#fff; border:1px solid rgba(255,255,255,0.5);} .kl-store-page .kl-store-message .button.wc-forward:hover {background:none; color:#fff; border-color: rgba(255,255,255,0.8);} /*** Shopping Cart */ .kl-store-page table.shop_table { border: 0; border-radius: 0; background-color: #fff; width: 100%; } .kl-store-page table.shop_table thead { color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 3px;} .kl-store-page table.shop_table thead th { background-color: #ccc; color:#454545; font-weight:600;} .kl-store-page table.shop_table thead th:first-child { border-radius:3px 0 0 0; } .kl-store-page table.shop_table thead th:last-child { border-radius:0 3px 0 0; } .kl-store-page table.shop_table thead th, .kl-store-page table.shop_table td { padding: 15px } .kl-store-cart table.cart .product-remove {width: 60px; padding: 0;text-align: center;} .kl-store-cart table.cart .product-remove .remove {display: inline-block; margin: 0 auto; } .kl-store-cart table.cart .product-thumbnail {width: 52px; padding: 0;} .kl-store-cart table.cart .product-thumbnail img {width: 42px; box-shadow: none } .kl-store-cart table.cart td.actions .coupon .input-text { width: auto; height: auto; line-height: normal;} @media screen and (max-width: 767px){ .kl-store-page table.cart td.actions .coupon + .button { margin: 30px auto 20px; display: block;} } .shipping-calculator-button { background-color: #D4D4D4; padding: 6px 10px; border-radius: 2px; line-height: 1; margin-top:10px; display:inline-block;} .shipping-calculator-button:hover { background-color: #ccc; } /*** Cart totals */ .kl-store-page .cart-collaterals .cart_totals {width:50%;} .kl-store-page .cart-collaterals .cart_totals > h2 {text-transform:uppercase; color:#888;} .kl-store-page .cart-collaterals .cart_totals table { width:100%; } .kl-store-page .cart-collaterals .cart_totals .order-total {background-color: #eee; font-size:16px; } .kl-store-page .cart-collaterals .cart_totals table th {text-transform:uppercase; font-weight:600;} .kl-store-page .cart-collaterals .cart_totals table td, .kl-store-page .cart-collaterals .cart_totals table th {padding: 10px; } .kl-store-page .cart-collaterals ul.products li.product .product-list-item .kw-prodimage { line-height: 180px; height: 180px;} .kl-store-page .cart-collaterals .cross-sells {width: 50%; } .kl-store-page .cart-collaterals .cross-sells >h2 {font-size:22px; font-weight:400; font-family: 'Open Sans', sans-serif;} .kl-store-page .wc-proceed-to-checkout {display: inline-block; } @media screen and (max-width: 767px){ .kl-store-page .cart-collaterals .cross-sells , .kl-store-page .cart-collaterals .cart_totals {width: 100%; } } /*** Checkout */ .kl-store-page .kl-store-shipping-fields > h3 {margin-top: 10px;} .kl-store-page .kl-store-shipping-fields > h3 label {font-weight:400; display:inline-block;font-size: 20px;margin-right: 10px;} .kl-store-page .kl-store-checkout-review-order .product-name {width:35%} .kl-store table.shop_table tbody th, .kl-store table.shop_table tfoot td, .kl-store table.shop_table tfoot th {font-weight:600;} .kl-store-page table.shop_table .order-total {background-color: #eee; font-size:16px; } .kl-store-page table.kl-store-checkout-review-order-table { border-bottom: 1px solid #ccc; margin-bottom: 30px;} .payment_methods { list-style: none; padding: 0;} /*** ACCOUNT Page */ .kl-store-page table.my_account_orders th.order-total, .kl-store-page table.my_account_orders td.order-total {background-color: #ccc; font-size: 13px; } .kl-store-page table.my_account_orders td.order-total {background-color:transparent;} .kl-store-page .addresses .title h3 {float: left; margin-top: 0; line-height: 1.3; margin-bottom: 20px; text-transform: uppercase;font-size: 20px;} .kl-store-page .addresses .title .edit, .kl-store-page ul.digital-downloads li .count {float: right; padding: 7px 10px 6px; background-color: #DEDEDE; border-radius: 2px; text-transform: uppercase; font-weight: 600; color: #676767; font-size: 12px; line-height: 1; margin-top:5px; } .kl-store-page .addresses .title .edit:hover, .kl-store-page ul.digital-downloads li .count:hover {background-color: #CCC;} .kl-store-page .kl-store > form .form-row {padding-left:0; padding-right:0;} .kl-store-page .kl-store > form fieldset {clear: both; margin-top: 30px; margin-bottom: 20px; } .kl-store-page .kl-store > form legend {clear: both; padding-bottom: 10px; } .kl-store-page .myaccount_user {font-size:14px; line-height:1.7;} .kl-store-page .myaccount_user a {text-decoration:underline;} .kl-store-page .myaccount_user ~ h2, .kl-store-page .order-info ~ h2, .kl-store-page .order-info ~ header h2, .kl-store-page .kl-store > h2 {text-transform:uppercase; font-size:20px;} .kl-store form.checkout_coupon, .kl-store form.login, .kl-store form.register {border: 1px solid #E9E9E9; padding: 10px 20px; } .kl-store form.login .form-row, .kl-store form.register .form-row {margin-bottom:10px;} .kl-store form.login .form-row .button + label, .kl-store form.register .form-row .button + label {margin-left:10px;} /*** PRODUCT PAGE */ .kl-store-page .product-page {margin-bottom: 30px; } .kl-store-page div.product .product_title{font-size: 34px; line-height:1.4;font-weight: normal; } /* Prod page - main image */ .kl-store-page .single_product_main_image .images {border:1px solid #EAEAEA; background:#fff; width:100%; padding-bottom:1px; position: relative;} .kl-store-page .single_product_main_image .images .kl-store-main-image {width:100%; text-align:center; display: block;} /* Prod page - thumbnails */ .kl-store-page div.product div.images div.thumbnails {padding: 10px 0 0 10px;margin: 0 10px;} .kl-store-page div.product div.images div.thumbnails img { border:1px solid #EAEAEA; padding:2px;} .kl-store-page div.product div.images div.thumbnails img:hover { border:1px solid #EEE; } /* Prod page - summary (right side) */ .kl-store-page div.product div.summary { float: none !important; width:100% !important; } /* Prod page - price */ .kl-store-page.single-product div.product p.price, .kl-store-page.single-product div.product span.price {font-size: 24px; color:#282828; } .kl-store-page.single-product div.product p.price .amount, .kl-store-page.single-product div.product span.price .amount {margin:0 5px;} .kl-store-page.single-product div.product p.price del, .kl-store-page.single-product div.product span.price del { opacity:.8 ; text-decoration: none; display: inline-block; margin-right: 10px; display:inline-block;} .kl-store-page.single-product div.product p.price del .amount, .kl-store-page.single-product div.product span.price del .amount { text-decoration: line-through;} .kl-store-page.single-product div.product p.price ins, .kl-store-page.single-product div.product span.price ins {text-decoration:none; font-weight:600; display:inline-block;} .kl-store-page.single-product div.product p.price del:before, .kl-store-page.single-product div.product span.price del:before, .kl-store-page.single-product div.product p.price ins:before, .kl-store-page.single-product div.product span.price ins:before { text-decoration:none; font-size:10px; display:block; line-height:1.4; margin-left:5px; font-weight:700; } .kl-store-page.single-product div.product p.price del:before, .kl-store-page.single-product div.product span.price del:before { content:attr(data-was); color:#888;} .kl-store-page.single-product div.product p.price del + ins:before, .kl-store-page.single-product div.product span.price del + ins:before { content:attr(data-now); color: #3565a2;} /* Prod page - description */ .kl-store-page.single-product div.product .kw-details-desc {margin-bottom:30px;} /* Prod page - simple add to cart */ .kl-store-page div.product form.cart div.quantity {margin-right: 10px; } .kl-store-page div.product form.cart div.quantity .qty {height:33px; border-radius:3px; border: 1px solid #D9D9D9;} .kl-store-page div.product form.cart .single_add_to_cart_button {} /* Prod page - Variations (add to cart form) */ .kl-store-page div.product form.cart .variations td.label { display: table-cell; padding: 0;font-size: 100%;text-align: start;vertical-align: top; padding-top: 10px;} .kl-store-page div.product form.cart .variations label {display: inline-block; text-transform: uppercase; font-size: 16px; font-weight: 400; color: #000; margin-right: 20px; } .kl-store-page div.product form.cart .variations select { height: 34px; font-size: 11px; font-weight: 600; outline: none; border-radius: 3px; border: 1px solid #D9D9D9; background-repeat: no-repeat; background-size: 6px 12px; background-position-y: center; background-position-x: calc( 100% - 10px ); text-transform: uppercase; padding-left: 10px; color: #909090; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .kl-store-page div.product form.cart .variations select:hover, .kl-store-page div.product form.cart .variations select:focus { border: 1px solid #bababa; color: #787878;} .kl-store-page div.product form.cart .reset_variations {font-size:11px; text-transform:uppercase; color:rgba(0,0,0,.8); display: block !important; margin-top: 5px;} .kl-store-page div.product form.cart .single_variation_wrap {border-left:3px solid rgba(0,0,0,0.1); padding-left:20px; padding-top:5px; padding-bottom:5px; margin-bottom: 20px;} .kl-store-page div.product form.cart .single_variation_wrap:before, .kl-store-page div.product form.cart .single_variation_wrap:after {display: table; content: " "} .kl-store-page div.product form.cart .single_variation_wrap:after {clear:both;} .kl-store-page div.product form.cart .single_variation_wrap .single_variation {margin-bottom: 15px; } .kl-store-page div.product form.cart .single_variation_wrap .single_variation .price {font-size:32px; color:#444;line-height: 1;} .kl-store-page div.product form.cart .single_variation_wrap .single_variation .price:before {content:''; width:20px; height:1px; background:#ccc; display:inline-block; vertical-align:middle; margin-right:10px; margin-left:-20px;} .kl-store-page div.product form.cart .single_variation_wrap .variations_button {} .kl-store-page div.product form.cart .single_variation_wrap .variations_button:before, .kl-store-page div.product form.cart .single_variation_wrap .variations_button:after {display: table; content: " "} .kl-store-page div.product form.cart .single_variation_wrap .variations_button:after {clear:both;} .kl-store-page div.product form.cart .single_variation_wrap .variations_button div.quantity {margin-right: 10px; float: left;} .kl-store-page div.product form.cart .single_variation_wrap .variations_button div.quantity .qty {height:33px; width: 50px; border-radius:3px; border: 1px solid #D9D9D9; } .kl-store-page div.product form.cart .single_variation_wrap .variations_button .single_add_to_cart_button {} .variations { margin-bottom: 15px;} /* Prod page - product meta */ .kl-store-page .product_meta {margin-bottom: 10px;} .kl-store-page .product_meta > span {display: block;} .kl-store-page .product_meta span a {font-weight: normal;} /* Product page - rating */ .kl-store-page .kl-store-product-rating .star-rating {margin: 5px 5px 10px; float: left; color: #3565a2;} .kl-store-page #comments .star-rating {margin-bottom: 10px; float: right;} /* kl-store Tabs - reviews / comments */ .kl-store-page #reviews #comments ol.commentlist li .comment-text {margin-left: 0; border:0;} .kl-store-page #reviews #comments ol.commentlist li img.avatar {margin: 10px;} /* kl-store Tabs - Tab nav */ .kl-store-page div.product .kl-store-tabs {margin-bottom:50px} .kl-store-page div.product .kl-store-tabs ul.tabs { margin: 0; padding: 0;margin-bottom: -1px;border-bottom: none; } .kl-store-page div.product .kl-store-tabs ul.tabs:before {border:0;} .kl-store-page div.product .kl-store-tabs ul.tabs li { margin: 0;box-shadow:none ;background: none ; padding: 0 ; border: none ;float: left ; display: block ; } .kl-store-page div.product .kl-store-tabs ul.tabs li:before {display: none ;} .kl-store-page div.product .kl-store-tabs ul.tabs li:after {display: none ;} .kl-store-page div.product .kl-store-tabs ul.tabs li a { font-weight:normal ;padding: 15px 20px;line-height: 18px ;color: #343434 ;display: block ; text-transform: uppercase;} .kl-store-page div.product .kl-store-tabs ul.tabs li.active a { background: #FFF; border: 1px solid #ECECEC; border-bottom: 0;border-top-left-radius: 5px; border-top-right-radius: 5px; } /* Product page tabs */ .product .nav { margin-bottom: -1px;} .product .nav > li { display: inline-block;} .product .nav > li.active > a { background-color: #fff; border-radius: 4px 4px 0 0; border: 1px solid #E4E4E4; border-bottom: 0;} .product .tab-content { background-color: #fff; border-radius: 0px 4px 4px 4px; border: 1px solid #E4E4E4; padding: 20px;} .product .tab-content h2 { margin-top: 0;} /* kl-store Tabs - panels */ .kl-store-page div.product .kl-store-tabs .panel {width: 100%; padding: 10px 15px 15px; border: 1px solid #ECECEC; background: #FFF; } .kl-store-page div.product .kl-store-tabs h2, .upsells.products h2 , .related.products h2 {font-size: 18px; line-height: 20px;text-transform: uppercase;} div.product p.stock, .site-content div.product p.stock {font-size:11px; color:#535353; } .variation .variation-color { display: inline-block;} .shop_table .cart-subtotal, .shop_table .shipping { border-top: 1px solid rgba(221, 221, 221, 0.64);} .kl-store table.shop_table tfoot th { padding-left: 10px;} .kl-store-checkout #payment {background: #ebe9eb; border-radius: 5px; padding: 20px;} .kl-store-checkout #payment div.payment_box { position: relative; width: 96%; padding: 1em 2%; margin: 1em 0; font-size: .92em; border-radius: 2px; line-height: 1.5; background-color: #dfdcde; color: #515151;} .kl-store-checkout #payment div.payment_box p { margin-bottom: 0;} .payment_method_paypal img { height: 60px; margin-left: 15px; margin-right: 15px;} /* BADGES */ .zn_badge_container {position: absolute; top: 20px; left: 20px; z-index: 1; } .product-page .zn_badge_container { left: 35px; } .zn_badge_container .zn_badge_sale:not(:only-child) {margin-bottom: -1px} .zn_badge_container .zn_badge_sale:not(:only-child):after {display: none;} .zn_badge_container .zn_badge_new:not(:only-child):before { content:'&'; } .zn_badge_sale , .zn_badge_new{color: #FFFFFF; font-size: 10px; line-height: 1; padding: 8px 12px 7px; position:relative; display:block; margin-bottom:11px; border-radius: 2px;text-align: center;} .zn_badge_sale {background: #C51212; } .zn_badge_sale:after , .zn_badge_new:after {position: absolute;bottom: -3px; content:"";width: 10px;height: 10px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);border-radius: 2px;} .zn_badge_sale:after { z-index: 1; background-color: #3565a2; left:5px;} .zn_badge_new {background-color: #12A1C5; } .zn_badge_new:after {background-color: #12A1C5; z-index: 1; left:5px; } /* ORDERING FORM */ .zn_woo_cat_page {position:relative; } .kl-store_ordering {float:right; margin-bottom:20px; position:absolute; top:0; right:0; } /* register form */ form .form-row input.input-text, form .form-row textarea {height:auto; min-height:30px; } #payment ul.payment_methods li label {display:inline-block; } .popupaddcart {z-index:1000;width:250px; height:40px; line-height:40px; text-align:center; background:#cecece; border:3px solid #999; box-shadow:0 0 20px rgba(0,0,0,0.4); color:#333; position:fixed; left:50%; top:50%; margin:-20px 0 0 -125px;} .zn_loop_row {clear:both; height:1px; } /* Reviews */ .kl-store #reviews h3 {font-size: 18px; margin-bottom: 20px; font-weight: 600;} .kl-store #reviews #comments ol.commentlist {padding:0;} .kl-store #reviews #comments ol.commentlist li img.avatar, .kl-store-page #reviews #comments ol.commentlist li img.avatar {width:70px; position:relative; margin-right:15px; float: left; } /* WOOCOOMERCE PRODUCT SUBCATEGORY */ .zn_product_subcategory {text-align: center;} .price-range button {background: #3565a2; font-size: 13px !important; padding: 6px 20px; font-weight: 600; color: #fff; text-transform: uppercase; text-shadow: none; border-radius: 3px; box-shadow: none; position: relative; border: 0; display: inline-block;} .price-range button:hover {background-color: #a41a1b;} .price-range { position: relative;} .price-range-slider { height: 4px; background: #e7e7e7; border-radius: 4px; margin-bottom: 30px;} .price-range-slider .ui-slider-range { background: #e5e5e7; border-radius: 4px;} .price-range-slider .ui-slider-handle { border-radius: 9px; background-color: #ff525e; width: 17px; height: 17px; margin-top: -6px; outline: 0; cursor: pointer;} .price-range-slider .ui-slider-handle:active { outline: 0;} .price-range .price-result { border: 0; background: 0 0; max-width: 70px; font-size: 13px; color: #535353; outline: 0; height: 32px;} .price-range:hover .price-range-slider { background: #e7e7e7;} .price-range:hover .price-range-slider .ui-slider-range { background: #c1c1c1;} .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .ui-slider { position: relative; text-align: left;} .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em;} .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;} .price-range .filter { position: absolute; right: 20px;} .price-range span { color: #535353; display: inline-block;} .pr-result { display: inline-block; float: right; margin-top: 5px;} /* Messages / Notices */ .kl-store-page .kl-store-error, .kl-store-page .kl-store-error:before, .kl-store-page .kl-store-info, .kl-store-page .kl-store-info:before, .kl-store-page .kl-store-message, .kl-store-page .kl-store-message:before { color: #fff; line-height: 30px; border-top: 0; } .kl-store-page .kl-store-error, .kl-store-page .kl-store-info, .kl-store-page .kl-store-message { border-left: .618em solid rgba(0,0,0,.15) } .kl-store-page .kl-store-error a, .kl-store-page .kl-store-info a, .kl-store-page .kl-store-message a { color: #fff; margin-left: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .kl-store-page .kl-store-error a:hover, .kl-store-page .kl-store-info a:hover, .kl-store-page .kl-store-message a:hover { border-color: rgba(255, 255, 255, 0.4);} .kl-store-page .kl-store-info { background-color: #3D9CD2; margin-bottom: 20px; padding: 10px 20px;} .kl-store-page .kl-store-error {background-color: #e2401c; } .kl-store-page .kl-store-message { background-color: #0f834d; } .kl-store-page .kl-store-message .button.wc-forward {background:none; color:#fff; border:1px solid rgba(255,255,255,0.5);} .kl-store-page .kl-store-message .button.wc-forward:hover {background:none; color:#fff; border-color: rgba(255,255,255,0.8);} /* Magnific Popup CSS */ .mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; } .mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before {display: none; } .mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; } .mfp-ajax-cur {cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content {cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure {display: none; } .mfp-hide {display: none !important; } .mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a {color: #CCC; } .mfp-preloader a:hover {color: #FFF; } .mfp-s-ready .mfp-preloader {display: none; } .mfp-s-error .mfp-content {display: none; } button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner {padding: 0; border: 0; } .mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus {opacity: 1; filter: alpha(opacity=100); } .mfp-close:active {top: 1px; } .mfp-close-btn-in .mfp-close {color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter {position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow {position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left {left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right {right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; } .mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close {top: -40px; } .mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure {line-height: 0; } .mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small {color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure {margin: 0; } .mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title {text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content {max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } /* Fade Effect for opening */ .mfp-fade.mfp-bg { background: #333; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready {opacity: 0.94; } .mfp-fade.mfp-bg.mfp-removing {opacity: 0; } .mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; } /* Zoom effect */ .mfp-zoom-in .mfp-with-anim {opacity: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);} .mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img {padding: 0; } .mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; } .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; } .mfp-img-mobile .mfp-counter {right: 5px; top: 3px; } .mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow {-webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left {-webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right {-webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container {padding-left: 6px; padding-right: 6px; } } /* REVOLUTION SLIDER */ .tp-caption.more_details a{color:#fff;} .tp-caption.project_subtitle{font-size: 18px; font-weight: 700; text-shadow: 1px 1px 0 white; color: #888;} /* Rev slider v5*/ .tp-bullets.kallyas-default.vertical {direction:rtl;height: auto !important;} .tp-bullets.kallyas-default.vertical:before {content:none;} .tp-bullets.kallyas-default.vertical .tp-bullet {width:30px; height:6px; position:relative; top:auto !important; right:0; left:auto; background-color: transparent; -webkit-transition:width .15s ease-out, height .15s ease-out; transition:width .15s ease-out, height .15s ease-out; cursor: pointer;} .tp-bullets.kallyas-default.vertical .tp-bullet:before, .tp-bullets.kallyas-default.vertical .tp-bullet:after {content:''; width:100%; height:1px; position: absolute; -webkit-transition:background-color .15s ease-out; transition:background-color .15s ease-out;} .tp-bullets.kallyas-default.vertical .tp-bullet:before {top:3px; background-color: rgba(0,0,0,.1);} .tp-bullets.kallyas-default.vertical .tp-bullet:after {top:4px; background-color:rgba(255,255,255,.7);} .tp-bullets.kallyas-default.vertical .tp-bullet.selected { background-color: transparent; } .tp-bullets.kallyas-default.vertical .tp-bullet:hover, .tp-bullets.kallyas-default.vertical .tp-bullet.selected { width:40px; } .tp-bullets.kallyas-default.vertical .tp-bullet.selected:hover:before, .tp-bullets.kallyas-default.vertical .tp-bullet.selected:hover:after, .tp-bullets.kallyas-default.vertical .tp-bullet.selected:before, .tp-bullets.kallyas-default.vertical .tp-bullet.selected:after {background-color: #3565a2;} .rev_slider_wrapper:hover .tp-bullets.kallyas-default.vertical .tp-bullet {width:50px; } .rev_slider_wrapper:hover .tp-bullets.kallyas-default.vertical .tp-bullet:hover, .rev_slider_wrapper:hover .tp-bullets.kallyas-default.vertical .tp-bullet.selected { width:70px; } /* Arrows */ .tparrows.kallyas-default { background-color: transparent;} .tparrows.kallyas-default:before {font-size: 24px; } .tp-leftarrow.kallyas-default {} .tp-rightarrow.kallyas-default {} /* A radial lighting background to simulate a gradient over a color */ .tp-caption.light-faded-radial {background-color:transparent !important; background-image: -webkit-radial-gradient(43% 56%, circle, rgba(255,255,255,0.3), transparent 70%), radial-gradient(circle at 65.72% 51.72%, rgba(255,255,255,0.3), transparent 100%), radial-gradient(circle at 50% 50%, transparent, transparent 50%); background-image: radial-gradient(circle at 43% 56%, rgba(255,255,255,0.3), transparent 70%),radial-gradient(circle at 65.72% 51.72%, rgba(255,255,255,0.3), transparent 50%),radial-gradient(circle at 50% 50%, transparent, transparent 100%);} /* Gradient Blue revolution slider background */ .rev-gradient-blue .tp-bgimg {background: #066ed9; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#066ed9), color-stop(100%,#0da2be)) !important; background: -webkit-linear-gradient(left, #066ed9 0%,#0da2be 100%) !important; background: -webkit-linear-gradient(left, #066ed9 0%, #0da2be 100%) !important; background: linear-gradient(to right, #066ed9 0%,#0da2be 100%) !important; } /* Dash list helper for rev slider */ .rev-list-dash:before {content:''; width:12px; height:3px; background:#3565a2; display:inline-block; margin-right:10px; vertical-align:middle;} .tp-caption.Fashion-BigDisplay, .Fashion-BigDisplay { color:rgba(0,0,0,1.00);font-size:60px;line-height:60px;font-weight:900;font-style:normal;font-family:Raleway;padding:0px 0px 0px 0px;text-decoration:none;background-color:transparent;border-color:transparent;border-style:none;border-width:0px;border-radius:0px 0px 0px 0px;letter-spacing:2px} .tp-caption.kl-shopslider-1,.kl-shopslider-1{color:rgba(207,207,207,1.00);font-size:54px;line-height:60px;font-weight:300;font-style:normal;font-family:Open Sans;padding:0px 0px 0px 0px;text-decoration:none;text-align:left;background-color:transparent;border-color:transparent;border-style:none;border-width:0px;border-radius:0px 0px 0px 0px} .tp-caption.kl-shop-btn,.kl-shop-btn{color:rgba(212,38,39,1.00);font-size:16px;line-height:17px;font-weight:500;font-style:normal;font-family:Open Sans;padding:12px 35px 12px 35px;text-decoration:none;text-align:center;background-color:rgba(0,0,0,0);border-color:rgba(212,38,39,1.00);border-style:solid;border-width:2px;border-radius:3px 3px 3px 3px} .tp-caption.kl-red-label,.kl-red-label{color:rgba(255,255,255,1.00);font-size:16px;line-height:20px;font-weight:300;font-style:normal;font-family:Open Sans;padding:5px 50px 5px 10px;text-decoration:none;text-align:left;background-color:rgba(212,38,39,1.00);border-color:transparent;border-style:none;border-width:0px;border-radius:3px 3px 3px 3px} /* Bubble Box */ .bubble-box {max-width: 305px; position: fixed; bottom: 50px; left: -100%; z-index: 1000; background: rgba(0, 0, 0, 0.8); color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out} .bubble-box.bb--anim-show { left:50px;} .bubble-box .bb--inner {padding:25px;} .bubble-box p:last-child {margin-bottom: 0;} .bubble-box .bb--close {position: absolute; right:10px; top:10px; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1; cursor: pointer;} .bubble-box .bb--close:hover {color:#fff;} .bubble-box.bb--anim-show.bb--anim-hide { left: -100%;} /* Notification Style */ .notification-box { max-width: 305px; border-radius: 7px; box-shadow: 2px 4px 4px rgba(0,0,0,.15);} .notification-box a { color: rgba(113, 189, 116, 0.75); } .notification-box .bb--close {color: rgba(255, 255, 255, 0.6); font-size: 18px;} /* Ad box */ .ads-box {background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 3px; text-align: center; color:#4F5152; max-width: 190px;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.18); font-size: 13px; line-height: 1.5;} .ads-box .pp-adimg {border-radius: 2px; margin-bottom: 10px;} .ads-box .bb--close {right: 6px; top: 5px;} .ads-box .bb--close:hover {color:#000;} /* Popup Box */ .kl-pp-box {width: 400px; margin: 0 auto; position: relative;} .kl-pp-box .kl-pp-inner {border-radius: 5px; background-color: #fff; } .kl-pp-box[data-ppbox-timeout] .dontshow {font-size: 12px; color: #fff; margin-top: 5px; display: inline-block;} /* Newsletter box */ .kl-newsletter-box {width: 755px; height:540px; margin: 0 auto; /*position: fixed; margin: -270px 0 0 -380px; left: 50%; top:50%;*/} .kl-newsletter-box .kl-pp-inner {position:relative;} .nlbox--inner { padding: 80px 60px 40px; margin-left: 315px; } .nlbox--hugediscount {border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; margin: 20px 0; padding: 0; max-height: 200px;} .nlbox--hugediscount > span {display: inline-block; vertical-align: top;} .nlbox--preview {position:absolute; left:0; top:0; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 315px; height: 100%;border-radius: 5px 0 0 5px;} .nlbox-logo {position: absolute; left:0; right:0; bottom:30px; text-align: center; background-repeat: no-repeat; background-size:contain; background-position: center center; min-height: 60px; } .kl-newsletter-box input[type="email"] { width: 58%; height: 38px;} .kl-newsletter-box form .btn {width:40%;} @media (max-width: 768px) { .kl-newsletter-box { width: 100%;} .nlbox--inner { margin-left: 0;} .nlbox--preview { display: none;} .nlbox--hugediscount > span { font-size: 90px;} .kl-newsletter-box input[type="email"] { width: 100%;} } /* Portfolio Full Width */ /* Project list */ ul.thumbs {list-style-type: none; -webkit-backface-visibility: hidden; margin:0 -15px; padding: 0;} ul.thumbs::after { width: 100%; display:inline-block; content:''; } ul.thumbs .project-item { font-size:13px; text-align: center; vertical-align: top; display: block; float: left; } ul.thumbs .inner-item { padding: 0 15px; margin-bottom: 2%; } ul.thumbs[data-columns="1"] .project-item { width: 100%; margin-bottom: 0; } ul.thumbs[data-columns="2"] .project-item { width: 50%; width:-webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); margin-bottom: 0; } ul.thumbs[data-columns="3"] .project-item { width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3); margin-bottom: 0; } ul.thumbs[data-columns="4"] .project-item { width: 25%; width:-webkit-calc( 100% / 4); width:calc( 100% / 4); margin-bottom: 0; } ul.thumbs[data-columns="5"] .project-item { width: 20%; width:-webkit-calc( 100% / 5 ); width: calc( 100% / 5 ); margin-bottom: 0; } ul.thumbs[data-columns="6"] .project-item { width: 16.66666666666667%; width:-webkit-calc(100% / 6); width:calc(100% / 6); margin-bottom: 1.8%; } @media (max-width: 419px) { ul.thumbs .project-item {width:100% !important;} } @media (min-width: 420px) and (max-width: 767px) { ul.thumbs[data-columns="2"] .project-item, ul.thumbs[data-columns="3"] .project-item, ul.thumbs[data-columns="4"] .project-item, ul.thumbs[data-columns="5"] .project-item, ul.thumbs[data-columns="6"] .project-item {width:50%;} } @media (min-width: 768px) and (max-width: 991px){ ul.thumbs[data-columns="3"] .project-item, ul.thumbs[data-columns="4"] .project-item, ul.thumbs[data-columns="5"] .project-item, ul.thumbs[data-columns="6"] .project-item {width: 33.3333%; width:-webkit-calc(100% / 3); width:calc(100% / 3);} } @media (min-width: 992px) and (max-width: 1199px){ ul.thumbs[data-columns="4"] .project-item, ul.thumbs[data-columns="5"] .project-item, ul.thumbs[data-columns="6"] .project-item {width: 25%;} } ul.thumbs li { margin-left: 0; } ul.thumbs li [data-role="title"] {font-size:15px; font-weight:600; color:#686b78; margin:0 0 10px; line-height:1; text-transform:uppercase;} ul.thumbs li .prj-info {margin-top:20px} ul.thumbs li .img-placeholder {position:relative;} ul.thumbs .overlay {opacity:0; visibility:hidden; position:absolute; left:0; top:0; bottom:0; right:0; background: rgba(0, 0, 0, 0.5); } ul.thumbs .overlay-inner {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%;} ul.thumbs .overlay a {display:inline-block; font-size:13px; font-weight:600; color:#fff; padding:15px 30px; border:1px solid #fff; border-radius:2px; text-decoration:none; line-height:1; margin-left:5px; margin-right:5px; position: relative; } ul.thumbs .overlay a:hover {border-color:transparent; background:#fe6060;} ul.thumbs .overlay a:nth-child(1) {top: -50px;} ul.thumbs .overlay a:nth-child(2) {top: 50px;} ul.thumbs li:hover .overlay {opacity:1; visibility:visible; } ul.thumbs li:hover .overlay a { top: 0; } ul.thumbs li .appreciate {display:inline-block; width:36px; height:36px; border-radius:18px; background:#dddddd; text-decoration:none;} ul.thumbs li .appreciate::before {font-size:18px; line-height: 39px; text-align:center; color:#fff; } ul.thumbs li .appreciate:hover {background:#fe6060;} /* project list - style2 */ ul.thumbs.style2 .inner-item {position:relative;overflow: hidden;} ul.thumbs.style2 .prj-info {margin:0; position:absolute; width:100%; top:100%; z-index: 1; opacity:0; visibility:hidden; background:rgba(255,255,255,0.95); padding:25px; text-align: left;} ul.thumbs.style2 .prj-info::before {content:''; position:absolute; left:30px; bottom:100%; border:6px solid transparent; border-bottom-color:rgba(255,255,255,0.95); } ul.thumbs.style2 .prj-info > div { float: left; width:-webkit-calc( 100% - 40px); width:calc( 100% - 40px);} ul.thumbs.style2 [data-role="title"] { text-transform: none; color:#242731; font-size: 16px; } ul.thumbs.style2 [data-role="cat"] { color:#888; font-size:13px; font-weight: 600; margin: 0; } ul.thumbs.style2 li:hover .prj-info {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity:1; visibility:visible;} ul.thumbs.style2 .appreciate {background:none; float:right; height:auto; color:#888; text-align: center;line-height: 1;} ul.thumbs.style2 .appreciate::before, ul.thumbs.style2 .appreciate:hover::before {color:#3565a2; line-height: 1; font-size:18px} ul.thumbs.style2 .appreciate::after {font-size:13px; line-height: 1; text-align:center;display:block; vertical-align: bottom;margin-top: 5px;} ul.thumbs.style2 .appreciate:hover::before {color:#565656;} ul.thumbs.style2 .appreciate:hover {background:none;} ul.thumbs.style2 .overlay {background: rgba(54, 54, 54, 0.85); } ul.thumbs.style2 .overlay a {color:#fff; padding: 10px 15px; top:0; } ul.thumbs.style2 .overlay a:hover {background:#3565a2; border-color:transparent;} ul.thumbs.style2 .overlay a:nth-child(1) {top: -50px;} ul.thumbs.style2 .overlay a:nth-child(2) {top: -55px; -webkit-transition-delay:0.05s !important; transition-delay:0.05s !important;} ul.thumbs.style2 li:hover .overlay a { top: 0; } ul.thumbs .overlay-inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin-top: -50px;} ul.project-list.style2 li:hover .prj-info { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; visibility: visible} ul.project-list.style2 .prj-info {-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;} .heart-count { display: block; font-size: 16px; margin-top: 5px;} .full-portfolio {background-color: #1a1c25;} .full-portfolio h3 { color: #fff; text-transform: uppercase;} .full-portfolio .hg-portfolio-sortable #portfolio-nav { float: right; margin: 0;} .full-portfolio .hg-portfolio-sortable #portfolio-nav li a { background: none; color: #fff; font-size: 12px;} .full-portfolio .hg-portfolio-sortable #portfolio-nav li a:hover, .full-portfolio .hg-portfolio-sortable #portfolio-nav li.current a { background: none; color: #3565a2;} .fullwidthportfolio.portfolio-items { width:100%; padding:0; } .fullwidthportfolio.portfolio-items > .row { margin-left: 0; margin-right: 0; } .fullwidthportfolio.portfolio-items > .row > div { float:none; padding:0; } .fullwidthportfolio ul.thumbs {margin: 0; overflow: visible !important;} .fullwidthportfolio ul.pthumbs .project-item { margin-bottom:0;} .fullwidthportfolio ul.thumbs .inner-item {padding: 0; margin-bottom:0;} .fullwidthportfolio ul.thumbs li { -webkit-transition-property: -webkit-transform, opacity, box-shadow; transition-property: transform, opacity, box-shadow} .fullwidthportfolio ul.thumbs li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); z-index: 3; } .project-item .overlay a { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .bg-dark-blue { background: #1a1c25 !important;} /* FreeWall Gallery */ .photo-wall {} .photo-wall .isotope-item, .photo-wall .grid-sizer { width:380px; width: -webkit-calc( 100% / 5 ); width: calc( 100% / 5 );} .photo-wall .isotope-item {float:left; position:relative; padding-bottom:380px; padding-bottom: -webkit-calc( 100% / 5 ); padding-bottom: calc( 100% / 5 ); overflow: hidden;} .photo-wall .isotope-item.width2 {width: 760px; width: -webkit-calc( ( 100% / 5) *2 ); width: calc( ( 100% / 5) *2 ); } .photo-wall .isotope-item.height2 {padding-bottom: 760px; padding-bottom: -webkit-calc( ( 100% / 5) *2 ); padding-bottom: calc( ( 100% / 5) *2 );} .photo-wall .pw-item { position: absolute; top:0; left:0; right:0; bottom: 0; background-repeat:no-repeat; background-position: center center; background-size: cover -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; } .photo-wall .pw-item::after { content:''; position: absolute; top:0; left:0; right:0; bottom: 0; background-color:#fe6060; opacity:0; visibility: hidden;} .photo-wall .isotope-item:hover .pw-item { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03); } .photo-wall .isotope-item:hover .pw-item::after { opacity:.5; visibility: visible;} .photo-wall .pw-details {position:absolute; bottom:-200px; left: 5%; color:#fff; width:100%; padding-left: 0; opacity:0; visibility: hidden;padding-bottom: 40px; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .photo-wall .isotope-item:hover .pw-details {bottom: 0; opacity:1; visibility: visible;} .photo-wall .pw-details [data-role="title"] {font-size:18px; font-weight: 600; color:inherit;margin-bottom: 0;letter-spacing: 0;} .photo-wall .pw-details [data-role="category"] {font-size:12px; font-weight: 600; opacity:.7; color:inherit;margin-bottom: 0;} .photo-wall .pw-details i { margin-top: 30px;} .photo-wall .pw-details h5 { margin-top: 0;} @media only screen and (max-width: 991px) { .photo-wall .isotope-item, .photo-wall .grid-sizer { width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 );} .photo-wall .isotope-item {padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 ); } .photo-wall .isotope-item.width2 { width: -webkit-calc( ( 100% / 2) *2 ); width: calc( ( 100% / 2) *2 ); } .photo-wall .isotope-item.height2 {padding-bottom: -webkit-calc( ( 100% / 2) *2 ); padding-bottom: calc( ( 100% / 2) *2 );} .photo-wall .isotope-item { width: -webkit-calc( 100% / 2 ); width: calc( 100% / 2 ); padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 )} /**** modificato *****/ .photo-wall .isotope-item.width, .photo-wall .isotope-item.width2 { width: -webkit-calc( 100% / 1 ); width: calc( 100% / 1 )} .photo-wall .isotope-item.height2 { padding-bottom: -webkit-calc( 100% / 2 ); padding-bottom: calc( 100% / 2 )} .photo-wall .isotope-item:nth-child(odd):last-child { width: 100%; padding-bottom: 100%} } .g-recaptcha { overflow: hidden; display: inline-block; padding-left: 15px;} /* One Page */ .custom-position { padding-top: 15%; padding-right: 10%; padding-bottom: 13%; background-color: rgba(61,61,61,0.7) !important;} .custom-position2 { padding-top: 15%; padding-bottom: 13%; padding-left: 10%; background-color: rgba(205,33,34,0.7) !important;} .max-w220 { max-width: 220px !important;} .mtop-50 { margin-top: 50px;} .ptop-30 { padding-top: 30px;} .lh-24 { line-height: 24px !important;} .icon-facebook.color { color: #3b5998;} .icon-youtube.color { color: #cd201f;} .icon-twitter.color { color: #55acee;} .icon-pinterest.color { color: #cc2127;} .icon-facebook.color:hover, .icon-youtube.color:hover, .icon-twitter.color:hover, .icon-pinterest.color:hover { color: #4C4C4C; } .custom-height .caroufredsel_wrapper, .custom-height .recentwork_carousel__img { height: 500px !important;} .footer_nav { margin-top: 0 !important;} .kl-slideshow .kl-contentmaps__panel { top: 150px;} /* Social Icons Element */ .elm-social-icons {margin-left: 0; padding:0; display: inline-block; list-style: none;} .elm-social-icons li {display:inline-block; margin:5px; margin-left: 3px; margin-right: 3px;} .elm-social-icons .elm-sc-icon {display:inline-block; color:#fff; width: auto; height: auto; padding:23px; position:relative; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 14px; font-weight: normal; opacity: 1;} .elm-social-icons .elm-sc-icon:before {position: absolute;-webkit-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);-webkit-backface-visibility: hidden;top: 50%; left: 50%;} .elm-social-icons.sc--normal .elm-sc-icon { background-color: #111; } .elm-social-icons.sc--normal .elm-sc-icon:hover {background-color:#3565a2;} /* Colored social icons */ .elm-social-icons.sc--colored .elm-sc-icon:hover {background-color:#111;} /* Colored social icons */ .elm-social-icons.sc--colored_hov .elm-sc-icon {background-color:#111;} .elm-social-icons.sc--colored_hov .elm-sc-icon:hover {background-color:rgba(0,0,0,0.05);} /* Social icons - clean style */ .elm-social-icons.sc--clean .elm-sc-icon {background:none !important; } .elm-social-icons.sc--clean .elm-sc-icon:hover {background:none !important; box-shadow: none; } /* Shape */ .elm-social-icons.sh--rounded .elm-sc-icon {border-radius: 3px;} .elm-social-icons.sh--circle .elm-sc-icon {border-radius: 50%;} .elm-social-icons.sh--special1 .elm-sc-icon:before {top: 75%; left: 75%;} .elm-socialicons { margin-bottom: 35px;} .icon-facebook.icon-bg { background: #3B5998;} .icon-twitter.icon-bg { background: #55ACEE;} .icon-dribbble.icon-bg { background: #ea4c89;} .icon-pinterest.icon-bg { background: #CC2127;} .icon-linkedin.icon-bg { background: #0077B5;} .one-page-footer .newsletter-signup .nl-email { width: calc(99% - 130px);} .one-page-footer .newsletter-signup { margin-bottom: 30px;} .chaser .main-menu li a { background: transparent;} .chaser .main-menu li.active>a { background: #3565a2 !important;} .nav>li>a:focus, .nav>li>a:hover { background: none !important;}