43 lines
20 KiB
CSS
43 lines
20 KiB
CSS
|
/**
|
||
|
|
* Owl Carousel v2.2.0
|
||
|
|
* Copyright 2013-2016 David Deutsch
|
||
|
|
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Owl Carousel - Core
|
||
|
|
*/
|
||
|
|
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }.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(0px, 0px, 0px); }
|
||
|
|
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .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 { -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; }.no-js .owl-carousel { display: block; }
|
||
|
|
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }.owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; }.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; 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: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }.owl-carousel .owl-video-tn { opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%;width: 100%;}
|
||
|
|
body{}ul{padding:0;margin:0;list-style:none}.megamenu_lists>li>a{padding:10px;color:#000000}.xs-container{width:100%;margin-left:auto;margin-right:auto;position:relative;max-width:1140px}.xs-navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.xs-navbar-brand{text-decoration:none;color:#000000}.xs-navbar-brand>h2{margin-top:0;margin-bottom:0}@media (min-width:992px){.elementskit-header .elementskit-menu-container{position:static}.elementskit-megamenu-panel>li{display:inline-block;width:25%;float:left}}.language-content p{color:#FFFFFF;text-align:center;margin-bottom:40px;font-size:rem(20px)}.flag-lists{text-align:center}.flag-lists li{display:inline-block;margin-right:25px}.flag-lists li:last-child{margin-right:0}.flag-lists li a{display:block;color:#FFFFFF;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flag-lists li a:hover{opacity:.7}.flag-lists li a img{width:40px;height:40px;margin-right:10px;vertical-align:middle}.modal-searchPanel .xs-search-group{position:relative}.modal-searchPanel .xs-search-group input:not([type=submit]){height:70px;background-color:transparent;border-radius:50px;border:2px solid #FFFFFF;color:#FFFFFF;padding:0 30px;width:100%}.modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder{color:#FFFFFF}.modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder{color:#FFFFFF}.modal-searchPanel
|
||
|
|
.xs-search-group input:not([type=submit]):-ms-input-placeholder{color:#FFFFFF}.modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder{color:#FFFFFF}.modal-searchPanel .xs-search-group .search-button{background-color:transparent;border:0px;padding:0;color:#FFFFFF;position:absolute;right:0;cursor:pointer;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:100%;width:70px;border-radius:0 50px 50px 0}.modal-searchPanel .xs-search-panel{max-width:800px;margin:1.75rem auto}.mfp-bg.xs-promo-popup{background-color:rgba(0, 0, 0, 0.87);padding-bottom:100%;border-radius:100%;overflow:hidden;-webkit-animation:menu-animation .8s ease-out forwards;animation:menu-animation .8s ease-out forwards}@-webkit-keyframes menu-animation{0%{opacity:0;-webkit-transform:scale(0.04) translateY(300%);transform:scale(0.04) translateY(300%)}40%{-webkit-transform:scale(0.04) translateY(0);transform:scale(0.04) translateY(0);-webkit-transition:ease-out;-o-transition:ease-out;transition:ease-out}40%{-webkit-transform:scale(0.04) translateY(0);transform:scale(0.04) translateY(0)}60%{opacity:1;-webkit-transform:scale(0.02) translateY(0px);transform:scale(0.02) translateY(0px)}61%{opacity:1;-webkit-transform:scale(0.04) translateY(0px);transform:scale(0.04) translateY(0px)}99.9%{opacity:1;height:0;padding-bottom:100%;border-radius:100%}to{opacity:1;-webkit-transform:scale(2) translateY(0px);transform:scale(2) translateY(0px);height:100%;padding-bottom:0;border-radius:0}}@keyframes menu-animation{0%{opacity:0;-webkit-transform:scale(0.04) translateY(300%);transform:scale(0.04) translateY(300%)}40%{-webkit-transform:scale(0.04) translateY(0);transform:scale(0.04) translateY(0);-webkit-transition:ease-out;-o-transition:ease-out;transition:ease-out}40%{-webkit-transform:scale(0.04) translateY(0);transform:scale(0.04) translateY(0)}60%{opacity:1;-webkit-transform:scale(0.02) translateY(0px);transform:scale(0.02) translateY(0px)}61%{opacity:1;-webkit-transform:scale(0.04) translateY(0px);transform:scale(0.04) translateY(0px)}99.9%{opacity:1;height:0;padding-bottom:100%;border-radius:100%}to{opacity:1;-webkit-transform:scale(2) translateY(0px);transform:scale(2) translateY(0px);height:100%;padding-bottom:0;border-radius:0}}.xs-promo-popup .modal-content{background-color:transparent;padding:0px;border:0px}.xs-promo-popup .mfp-close{color:#FFFFFF;opacity:0;-webkit-transition:all 1s ease .8s;-o-transition:all 1s ease .8s;transition:all 1s ease .8s;-webkit-transform:translateY(-500px);-ms-transform:translateY(-500px);transform:translateY(-500px)}.xs-promo-popup.mfp-ready .mfp-close{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:all 1s ease .8s;-o-transition:all 1s ease .8s;transition:all 1s ease .8s;-webkit-transform:translateY(-500px);-ms-transform:translateY(-500px);transform:translateY(-500px)}.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.mini_cart_item{margin-bottom:20px;padding-bottom:20px}.xs-empty-content{padding:120px 30px 30px}.xs-empty-content .widget-title{font-size:rem(22px)}.xs-empty-content .xs-title{margin-bottom:20px;font-size:rem(18px)}.xs-empty-content .woocommerce-mini-cart__empty-message{font-size:rem(20px)}.xs-empty-content .empty-cart-icon{font-size:rem(50px)}.sidebar-textwidget .sidebar-logo-wraper{margin-bottom:33px}.sidebar-textwidget>p{font-size:rem(15px);line-height:1.5;margin-bottom:40px}.sidebar-textwidget .social-list{margin-bottom:30px}.sideabr-list-widget{margin-bottom:40px}.sideabr-list-widget li{margin-bottom:20px}.sideabr-list-widget li:last-child{margin-bottom:0px}.sideabr-list-widget img{margin-right:15px;margin-top:3px}.sideabr-list-widget a,.sideabr-list-widget p{margin-bottom:2px;color:#000000;margin-bottom:8px;display:block}.sideabr-list-widget span{display:block;font-size:rem(14px);color:#1768dd}.sideabr-list-
|
||
|
|
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
.parallax > use {
|
||
|
|
-webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
|
||
|
|
animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
|
||
|
|
|
||
|
|
.parallax > use:nth-child(1) {
|
||
|
|
-webkit-animation-delay: -2s;
|
||
|
|
animation-delay: -2s;
|
||
|
|
-webkit-animation-duration: 7s;
|
||
|
|
animation-duration: 7s; }
|
||
|
|
|
||
|
|
.parallax > use:nth-child(2) {
|
||
|
|
-webkit-animation-delay: -3s;
|
||
|
|
animation-delay: -3s;
|
||
|
|
-webkit-animation-duration: 10s;
|
||
|
|
animation-duration: 10s; }
|
||
|
|
|
||
|
|
.parallax > use:nth-child(3) {
|
||
|
|
-webkit-animation-delay: -4s;
|
||
|
|
animation-delay: -4s;
|
||
|
|
-webkit-animation-duration: 13s;
|
||
|
|
animation-duration: 13s; }
|
||
|
|
|
||
|
|
.parallax > use:nth-child(4) {
|
||
|
|
-webkit-animation-delay: -5s;
|
||
|
|
animation-delay: -5s;
|
||
|
|
-webkit-animation-duration: 20s;
|
||
|
|
animation-duration: 20s; }
|