.owl-demo2{
	padding:20px 0 0 2px !important;
	 
}
.owl-demo2 .item{
	padding:1px 0 0 1px;
	margin:0;
	text-align:left;
}

.owl-demo2 .item .display-style{
	border-right:0 !important;

}
/*******************/ 
 .dots-none .owl-dots, .arrow-none .owl-nav{
    display: none;
}
/***********owl nav both*****************/

.nav-both{}
.nav-both .owl-theme .owl-nav{
  	width:100%;
	left:0;
	top:15%;
	position:absolute;
	padding:0;
 
}
 

.nav-both .owl-theme button.owl-left{
	position:absolute;
	left:0;
	top:0;
	 
 }

.nav-both .owl-theme button.owl-next{
	position:absolute;
	right:0;
	top:0;
 
 }
 
/****************end disable navs******************/
 .owl-theme button{
	 margin:0;
	 padding:0;
	 border:0;
 	 outline:none;
 }
 
 .owl-theme .owl-nav {
	 position:absolute;	  
	 left:0;
	 top:-80px;
	 z-index:999;
	 -webkit-tap-highlight-color: transparent; 
	 width:100%;
	 padding-right:150px;
 
 
}

.owl-nav-left{
	text-align:left;
 }

.owl-nav-right{
 	text-align:right; 
 }

.owl-nav-center{
	text-align:center !important;
 }


 .owl-theme .owl-nav [class*=owl-] {
     color: #FFF;
     font-size: 0;
	 text-indent:-999px;
	 line-height:normal;
     margin: 5px;
     display: inline-block;
     cursor: pointer;
	 width:60px;
	 height:60px;
	 border-radius: 50%;
	 background-repeat: no-repeat;
	 background-position: center center;
	 background-size:40%;
	 border:1px solid var(--black);
	 background-color:transparent;
	 transition: all 0.4s ease;
 
}
 .owl-theme .owl-nav [class*=owl-]:hover {
     background-color:var(--secondary-color);
	 border:1px solid var(--grey-dark);
     color: #000;
     text-decoration: none 
}

.owl-nav button.owl-next, .owl-nav button.owl-prev{
 
}
.owl-nav button.owl-next{
	background-image:url(../images/icons/next.svg);
 
}
.owl-nav button.owl-prev{
	background-image:url(../images/icons/prev.svg);
}
/********/

 
body.dark  .owl-theme .owl-nav [class*=owl-] {
	background-color:transparent;
	 border:1px solid var(--grey-dark);
}
/*********general*****/

.owl-carousel .owl-dot {
     background: 0;
	 color: inherit;
	 cursor: pointer;
	 border: none;
	 padding: 0 !important;
     font: inherit;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 
 
 
 /*******dots settomgs***/
 
 
 
 .owl-theme .owl-dots .owl-dot span {
     width: 10px;
     height:10px;
     margin: 5px 7px;
     background: #000;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 50%; 
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background:var(--secondary-color) 
}

.owl-theme .owl-dots{
   	 position:absolute;
	 top: 0;
	 left:0;
	 width:100%;
	 margin-top:-50px;
	 text-align:center;
}

 
 /*******ed nav controls*******/
 
 .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 
}
 
 
 .no-js .owl-carousel, .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 {
     -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-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% 
}



 .owl-stage-outer{
 	position:relative;
	padding:0;
 
 }
 

/***********************/

 .center-item-big .owl-item.active{
     transform: scale(.8);
     transition: .6s ease;
}
 .center-item-big .owl-item.active.center{
     transform: scale(1);
}
 
 
/***************fadeout animation*********************/

 .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 
    }
}

/***************end fadeout animation*********************/
 
@media only screen and (max-width:640px) {
.owl-demo2{
	padding:70px 0 0 0 !important;
	 
}
.owl-carousel{
	 
}
 .owl-theme .owl-nav {	 
	 top:-5px;
	  
}

.owl-theme .owl-nav [class*=owl-] {
	 width:40px;
	 height:40px;
 
}
.owl-demo2 .item .display-style{
	border-right:1px solid var(--black)!important;

}
}

 
 