123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253 |
- /*
- * Owl Carousel - Animate Plugin
- */
- .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 Carousel - Auto Height Plugin
- */
- .owl-height {
- -webkit-transition: height 500ms ease-in-out;
- -moz-transition: height 500ms ease-in-out;
- -ms-transition: height 500ms ease-in-out;
- -o-transition: height 500ms ease-in-out;
- transition: height 500ms ease-in-out;
- }
- /*
- * Core Owl Carousel CSS File
- */
- .owl-carousel {
- display: none;
- width: 100%;
- -webkit-tap-highlight-color: transparent;
- /* position relative and z-index fix webkit rendering fonts issue */
- 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;
- /* fix for flashing background */
- -webkit-transform: translate3d(0px, 0px, 0px);
- }
- .owl-carousel .owl-controls .owl-nav .owl-prev,
- .owl-carousel .owl-controls .owl-nav .owl-next,
- .owl-carousel .owl-controls .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 {
- display: none;
- }
- .owl-carousel .owl-item {
- position: relative;
- min-height: 1px;
- float: left;
- -webkit-backface-visibility: hidden;
- -webkit-tap-highlight-color: transparent;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .owl-carousel .owl-item img {
- display: block;
- width: none;
- -webkit-transform-style: preserve-3d;
- }
- .owl-carousel.owl-text-select-on .owl-item {
- -webkit-user-select: auto;
- -moz-user-select: auto;
- -ms-user-select: auto;
- user-select: auto;
- }
- .owl-carousel .owl-grab {
- cursor: move;
- cursor: -webkit-grab;
- cursor: -o-grab;
- cursor: -ms-grab;
- cursor: grab;
- }
- .owl-carousel.owl-rtl {
- direction: rtl;
- }
- .owl-carousel.owl-rtl .owl-item {
- float: right;
- }
- /* No Js */
- .no-js .owl-carousel {
- display: block;
- }
- /*
- * Owl Carousel - Lazy Load Plugin
- */
- .owl-carousel .owl-item .owl-lazy {
- opacity: 0;
- -webkit-transition: opacity 400ms ease;
- -moz-transition: opacity 400ms ease;
- -ms-transition: opacity 400ms ease;
- -o-transition: opacity 400ms ease;
- transition: opacity 400ms ease;
- }
- .owl-carousel .owl-item img {
- transform-style: preserve-3d;
- }
- /*
- * Owl Carousel - Video Plugin
- */
- .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;
- -webkit-transition: scale 100ms ease;
- -moz-transition: scale 100ms ease;
- -ms-transition: scale 100ms ease;
- -o-transition: scale 100ms ease;
- transition: scale 100ms ease;
- }
- .owl-carousel .owl-video-play-icon:hover {
- -webkit-transition: scale(1.3, 1.3);
- -moz-transition: scale(1.3, 1.3);
- -ms-transition: scale(1.3, 1.3);
- -o-transition: scale(1.3, 1.3);
- transition: 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;
- -webkit-background-size: contain;
- -moz-background-size: contain;
- -o-background-size: contain;
- background-size: contain;
- -webkit-transition: opacity 400ms ease;
- -moz-transition: opacity 400ms ease;
- -ms-transition: opacity 400ms ease;
- -o-transition: opacity 400ms ease;
- transition: opacity 400ms ease;
- }
- .owl-carousel .owl-video-frame {
- position: relative;
- z-index: 1;
- }
- .owl-theme .owl-controls {
- display:block;
- }
- .owl-theme .owl-controls .owl-nav [class*="owl-"] {
- position: relative;
- cursor: pointer;
- display: inline-block;
- color: #898f9f;
- margin: 0px 10px;
- transition: all 500ms ease;
- }
- .owl-theme .owl-controls .owl-nav [class*="owl-"] span:before{
- margin: 0px;
- font-size: 25px;
- }
- .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
- color: #f2be00;
- }
- .owl-theme .owl-controls .owl-nav .disabled {
- cursor: default;
- opacity: 0.5;
- }
- .owl-theme .owl-dots .owl-dot {
- display: inline-block;
- }
- .owl-theme .owl-dots .owl-dot span {
- background: #222;
- display: block;
- margin: 0px 5px 0px 5px;
- transition: opacity 200ms ease 0s;
- width: 15px;
- height: 15px;
- }
- .owl-theme .owl-dots .owl-dot.active span {
- background: none repeat scroll 0 0 #cda274;
- }
|