.owl-theme .owl-controls {margin-top: 0;text-align: center;} .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display:inline; margin: 0px 5px 0;/* padding:3px 10px; */ font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display:inline } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 20px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1 } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -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 } .owl-carousel .owl-item { float: left } .owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .grabbing { cursor: url(../images/grabbing.png) 8 8, move } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(4, 9, 30); -moz-transform: translate3d(4, 9, 30); -ms-transform: translate3d(4, 9, 30) } .owl-origin { -webkit-perspective: 1500px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1500px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1500px } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both } .owl-zoomIn-in { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: .75s; animation-duration: .75s; } .owl-zoomIn-out { -webkit-animation-name: zoomOut; animation-name: zoomOut; -webkit-animation-duration: .75s; animation-duration: .75s; } .owl-flipInX-in { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: .75s; animation-duration: .75s; } .owl-flipInX-out { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes empty { 0% { opacity:1 } } @-moz-keyframes empty { 0% { opacity:1 } } @keyframes empty { 0% { opacity:1 } } @-webkit-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @-moz-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @-moz-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @-webkit-keyframes backSlideOut { 25% { opacity:.5; -webkit-transform:translateZ(-500px) } 100%, 75% { opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%) } } @-moz-keyframes backSlideOut { 25% { opacity:.5; -moz-transform:translateZ(-500px) } 100%, 75% { opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%) } } @keyframes backSlideOut { 25% { opacity:.5; transform:translateZ(-500px) } 100%, 75% { opacity:.5; transform:translateZ(-500px) translateX(-200%) } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity:.5; -webkit-transform:translateZ(-500px) translateX(200%) } 75% { opacity:.5; -webkit-transform:translateZ(-500px) } 100% { opacity:1; -webkit-transform:translateZ(0) translateX(0) } } @-moz-keyframes backSlideIn { 0%, 25% { opacity:.5; -moz-transform:translateZ(-500px) translateX(200%) } 75% { opacity:.5; -moz-transform:translateZ(-500px) } 100% { opacity:1; -moz-transform:translateZ(0) translateX(0) } } @keyframes backSlideIn { 0%, 25% { opacity:.5; transform:translateZ(-500px) translateX(200%) } 75% { opacity:.5; transform:translateZ(-500px) } 100% { opacity:1; transform:translateZ(0) translateX(0) } } @-webkit-keyframes scaleToFade { to { opacity:0; -webkit-transform:scale(.8) } } @-moz-keyframes scaleToFade { to { opacity:0; -moz-transform:scale(.8) } } @keyframes scaleToFade { to { opacity:0; transform:scale(.8) } } @-webkit-keyframes goDown { from { -webkit-transform:translateY(-100%) } } @-moz-keyframes goDown { from { -moz-transform:translateY(-100%) } } @keyframes goDown { from { transform:translateY(-100%) } } @-webkit-keyframes scaleUpFrom { from { opacity:0; -webkit-transform:scale(1.5) } } @-moz-keyframes scaleUpFrom { from { opacity:0; -moz-transform:scale(1.5) } } @keyframes scaleUpFrom { from { opacity:0; transform:scale(1.5) } } @-webkit-keyframes scaleUpTo { to { opacity:0; -webkit-transform:scale(1.5) } } @-moz-keyframes scaleUpTo { to { opacity:0; -moz-transform:scale(1.5) } } @keyframes scaleUpTo { to { opacity:0; transform:scale(1.5) } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }