/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} button.owl-next, button.owl-prev {position: absolute; right: 50px; top: 50%; margin-top: -18px;} button.owl-prev {right: unset; left: 50px;} button.owl-prev i, button.owl-next i { font-size: 1.4rem; margin-right: 0; background: #adac98; color: #fff; width: 30px; line-height: 45px; display: block; } .owl-dots {position: absolute; bottom: 65px; display: flex; justify-content: center; width: 100%;} .owl-dots .active span {background: #333;} .owl-dots span {width: 50px; height: 5px; display: block; margin: 0 10px; border: 1px solid #333;} #index-slider { height: 50vh; overflow: hidden; margin-bottom: 45px; } #index-slider .owl-stage-outer, #index-slider .owl-stage, #index-slider .owl-item, #index-slider .item { height: 100%; } #index-slider .item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(173 172 152 / 50%); z-index: 1; } #index-slider .owl-item img { object-fit: cover; height: 100%; } #index-slider .text { position: absolute; z-index: 9; left: 0; bottom: 30px; width: 100%; /*background: rgb(17 17 17 / 50%);*/ color: #fff; } #index-slider .text .text-block {font-size: 1.2rem;} #index-slider .text .text-block h2 {font-size: 1.4rem;} #index-slider .text .text-block p {margin-bottom: 20px; text-shadow: 0 0 6px #fff; line-height: 2rem;} #index-slider .text .text-block div.btn {display: inline-block;} #index-slider .text a { background: linear-gradient(270deg,#41afdf 0%,#2280ca 100%); color: #fff; border-color: #33a2e7; box-shadow: 0px 3px 0px #0961a7; border-radius: 5px; cursor: pointer; text-transform: uppercase; border-color: #379fd8; padding: 10px 30px; margin-bottom: 30px; display: inline-block; } #index-slider .text a:hover { text-decoration: none; } #index-slider button.owl-prev i, #index-slider button.owl-next i { background: none; font-size: 2rem; } .topAnima, .leftAnima, .topAnima2, .bottomAnima{ opacity: 0; } .owl-item.active .topAnima { opacity: 1!important; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay: 0.7s; visibility: visible !important; } .owl-item.active .topAnima2 { opacity: 1!important; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-duration: 1.3s; -webkit-animation-duration: 1.3s; animation-delay: 1s; visibility: visible !important; } .owl-item.active .bottomAnima { opacity: 1 !important; animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-duration: 1s; animation-delay: 0.5s; -webkit-animation-duration: 1s; visibility: visible !important; } .owl-item.active .leftAnima { opacity: 1 !important; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-duration: 1.3s; animation-delay: 1.3s; -webkit-animation-duration: 1s; visibility: visible !important; } @media (max-width: 1024px) { button.owl-next {right: 20px;} button.owl-prev {left: 20px;} button.owl-prev i, button.owl-next i {font-size: 1.6rem;} } @media (max-width: 800px) { #index-slider button.owl-next, #index-slider button.owl-prev {top: unset; bottom: 30px;} #index-slider button.owl-prev {left: unset; right: 75px;} } @media (max-width: 480px) { button.owl-next {right: 7px;} button.owl-prev {left: 7px;} button.owl-prev i, button.owl-next i {font-size: 1.2rem;} } /*#product-slider {max-width: 50%;}*/ #product-slider button.disabled {opacity: 0.2;} #product-slider img {border: none;} #sync1 {margin-bottom: 15px; border: 1px solid #eee;} #sync1 .item { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } #sync1.owl-theme {position: relative;} #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { margin-top: -20px; position: absolute; top: 50%; } #sync1.owl-theme .owl-prev {left: 0;} #sync1.owl-theme .owl-next {right: 0;} #sync2 .item { border: 1px solid #eee; margin-bottom: 1px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; } #sync2.owl-theme .owl-next, #sync2.owl-theme .owl-prev { margin-top: -20px; position: absolute; top: 50%; } #sync2.owl-theme .owl-prev {left: 20px;} #sync2.owl-theme .owl-next {right: 20px;} #sync2 .owl-dots {bottom: -15px;} @media screen and (max-device-width: 480px) { #product-slider {/*max-width: 100%; float: none;*/ margin: 0 0 30px; display: block;} #sync1.owl-theme .owl-prev {left: 0;} #sync1.owl-theme .owl-next {right: 0;} }