/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; }
/* fade */
.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; }
/* backSlide */
.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; }
/* goDown */
.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; }
/* scaleUp */
.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; }
/* Keyframes */
/*empty*/
@-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);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {  25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {  25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
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);
}
}
/* 
* 	Core Owl Carousel CSS File
*	v1.3.2
*/

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.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-page, .owl-controls .owl-buttons div { 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); }
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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); }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../img/AjaxLoader.gif) no-repeat center center }
/*.owl-controls {
	margin-top: 10px;
	text-align: center;
}*/
/*----------------------------------------*/
/*----- Custom Styles -----*/
/*----------------------------------------*/
.owl-wrapper-outer { position: relative; }
/*----- Pagination -----*/
.tcsn-theme .owl-pagination { text-align: center; margin-top: 20px; }
.tcsn-theme .owl-controls .owl-page { display: inline-block; zoom: 1;  *display: inline;/*IE7 life-saver */
}
.tcsn-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 0 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 10px; background: #d8d8d8; border: 1px solid #d8d8d8; }
.tcsn-theme .owl-controls .owl-page.active span, .tcsn-theme .owl-controls.clickable .owl-page:hover span { background: transparent; }
/* If PaginationNumbers is true */
.tcsn-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; }
/*----------------------------------------*/
/*----- Prev / Next -----*/
/*----------------------------------------*/
.tcsn-theme .owl-controls .owl-buttons div { color: #474747; display: block; zoom: 1; *display: inline;/*IE7 life-saver */
padding: 5px 0; font-size: 24px; background-color: transparent; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.tcsn-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
.tcsn-theme .owl-prev { position: absolute; top: 0; right: 28px; margin-top: -45px; }
.tcsn-theme .owl-next { position: absolute; top: 0; right: 0; margin-top: -45px; }
.tcsn-theme .owl-prev:after { font-family: 'icomoon'; content: "\e67b"; vertical-align: top; }
.tcsn-theme .owl-next:after { font-family: 'icomoon'; content: "\e67e"; vertical-align: top; }
.tcsn-theme .owl-controls .owl-buttons div:hover { color: #676767; }
/* Center Aligned Testimonial*/
.testimonial-var .tcsn-theme .owl-controls .owl-buttons div {  }
.testimonial-var .tcsn-theme .owl-prev {  top: auto; bottom: 10px; right: 50%;   }
.testimonial-var .tcsn-theme .owl-next {  bottom: 10px; top: auto; right: 50%; margin-right: -28px;  }

.client-carousel .owl-prev, .recentpost-carousel .owl-prev { position: absolute; top: 0; right: 38px; margin-top: -45px; }
.client-carousel .owl-next, .recentpost-carousel .owl-next { position: absolute; top: 0; right: 10px; margin-top: -45px; }

