/*------------------------------------------
			SLIDE
-----------------------------------------*/

.sppb-carousel-pro-text.videoslide-pro-text {
    vertical-align: bottom;
    padding-bottom: 80px!important;
    color: white;
}
/*-----------------------------------------------------------------------
                                992 px
-------------------------------------------------------------------------*/
@media screen and (max-width:992px){
.sppb-carousel-pro-text.videoslide-pro-text {
    vertical-align: bottom;
    padding-bottom: 40px!important;
    }
  
.sppb-addon.videoslide-wrapper.baysis-slide {
    margin-top: -60px!important;
}  
@supports (-webkit-touch-callout: none) {
       margin-top: 0px!important;
}
}





.sppb-carousel-pro-text.videoslide-pro-text h2{
    color: white;
    font-family: 'gotham bold'!important;
}

.videoslide-btn{
    color:white;
}



/*------------------------------------------
			CATEGORIES
-----------------------------------------*/
.five-column .sppb-col-md-2 {
    max-width: 20%!important;
    flex: 0 0 20%;
}

.grayscale-filter .overlay-background-image {
    filter: grayscale(1);
}

.grayscale-filter:hover .overlay-background-image {
    filter: grayscale(0);
}

/*----------------------------------------------------------------*/

.category001 .sppb-carousel-extended-item img {
    filter: grayscale(1);
    transition:0.3s ease;
}

.category001 .sppb-carousel-extended-item:hover img {
    filter: grayscale(0);
    transform:scale(1.12);
    transition:0.3s ease;
}

.category001 .sppb-carousel-extended-heading {
    font-family: 'industry';
    font-size: 20px;
}

/*------------------------------------------
			DJSLIDER ICON
-----------------------------------------*/
.home-category-icon {transform: scale(0.7);margin-top: -20px;}
.slide-desc-bg.slide-desc-bg-default{
  background:transparent!important;
}
.slide-desc-text-default .slide-title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-bottom: -8px;
    font-weight: normal;
}


/*-----------------------------------------------------------------------
                                1920 px
-------------------------------------------------------------------------*/
@media screen and (min-width:1600px){
.home-category-icon.sppb-image-carousel-layout2 {
    height: 400px!important;
}
.home-category-icon .sppb-carousel-extended-outer-stage {
    height: 600px!important;
}
.home-category-icon .sppb-carousel-extended-heading {
    font-size: 29px!important;
    font-weight: normal;
    color: #000;
    line-height: 1;
    width: 400px!important;
    margin-bottom: -220px!important;
}
}



/*-----------------------------------------------------------------------
                                1536 px
-------------------------------------------------------------------------*/
@media screen and (min-width:1367px) and (max-width:1599px){
.home-category-icon.sppb-image-carousel-layout2 {
    height: 400px!important;
}
.home-category-icon .sppb-carousel-extended-outer-stage {
    height: 450px!important;
}
.home-category-icon .sppb-carousel-extended-heading {
    font-size: 29px!important;
    font-weight: normal;
    color: #000;
    line-height: 1;
    width: 400px!important;
    margin-bottom: -220px!important;
}
}

/*-----------------------------------------------------------------------
                                1366 px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px) and (max-width:1367px){
.home-category-icon.sppb-image-carousel-layout2 {
    height: 400px!important;
    margin-top:30px;
}
.home-category-icon .sppb-carousel-extended-outer-stage {
    height: 420px!important;
}
.home-category-icon .sppb-carousel-extended-heading {
    font-size: 29px!important;
    font-weight: normal;
    color: #000;
    line-height: 1;
    width: 400px!important;
    margin-bottom: -220px!important;
}
.home-category-icon .fa-angle-right:before{
    top: -60px!important;
}

.home-category-icon .fa-angle-left:before{
   top: -60px!important;
}
}

/*--------------------------------------
    	DJ SLIDER
--------------------------------*/
.djslider-default .navigation-container {
    top: 40%!important;
}

.djslider-loader:focus {
    outline: none!important;
    border: 0px!important;
}

.djslider-default .navigation-container .prev-button {
    cursor: pointer;
    display: block;
    position: absolute!important;
    left: -70px;
}

.djslider-default .navigation-container .next-button {
    cursor: pointer;
    display: block;
    position: absolute!important;
    right: -70px;
}

.djslider-default .navigation-container img{
    outline:none;
    border:0px;
}

@media screen and (max-width:992px){
.slide-title {
    font-size: 14px!important;
}}



/*--------------------------------------
    	ANIMATED NUMBER 3
--------------------------------*/
.animated-count .sppb-animated-number, .animated-count .sppb-animated-number-title {
    font-family: 'industry';
}




/*-------------------------
      CATEGORY 
--------------------------*/
.home-category-icon .fa-angle-right:before{
    content: '';
    background: url(/images/000_baysis/icon/next-arrow.png);
    width: 80px;
    height: 80px;
    position: absolute;
    right: -20px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-category-icon .fa-angle-left:before{
    content: '';
    background: url(/images/000_baysis/icon/prev-arrow.png);
    width: 80px;
    height: 80px;
    position: absolute;
    left: -20px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:991px){
.home-category-icon .fa-angle-right:before{
    right: -40px;
}

.home-category-icon .fa-angle-left:before{
    left: -40px;
}}


.home-category-icon i.fa.fa-angle-right, .home-category-icon i.fa.fa-angle-left {position:relative;}

.home-category-icon .sppb-carousel-extended-nav-control span {border:none!important;}

.owl-prev span,
.owl-next span {
    color: transparent!important;
}
/*-------------------------
      CARD SLIDER ARROW 
--------------------------*/
.owl-next span{
    content: ''!important;
    background: url(/images/000_baysis/icon/next-arrow.png);
    width: 80px;
    height: 80px;
    position: absolute;
    right: -30px;
    top: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

.owl-prev span{
    content: '';
    background: url(/images/000_baysis/icon/prev-arrow.png);
    width: 80px;
    height: 80px;
    position: absolute;
    left: -30px;
    top: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:991px){
.owl-next span{
    right: -30px;
     top: 20px;
    width: 50px;
    height: 50px;
}

.owl-prev span{
    right: -30px;
    top: 20px;
    width: 50px;
    height: 50px;
}}


/*carousel arrow*/

.carousel-arrow .fa-angle-right:before{
    content: '';
    background: url(/images/000_baysis/icon/next-arrow.png);
    width: 80px;
    height: 80px;
    position: absolute;
    right: -60px;
    top: -78px;
    background-repeat: no-repeat;
    background-size: contain;
}

.carousel-arrow .fa-angle-left:before{
    content: '';
    background: url(/images/000_baysis/icon/prev-arrow.png);
    width: 80px;
    height: 80px;
    position: absolute;
    left: -60px;
    top: -78px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:991px){
.carousel-arrow .fa-angle-right:before{
    right: -40px;
}

.carousel-arrow .fa-angle-left:before{
    left: -40px;
}}


.carousel-arrow i.fa.fa-angle-right, .carousel-arrow i.fa.fa-angle-left {position:relative;}
.carousel-arrow .sppb-carousel-extended-nav-control span  {border:none!important;}


/*-------------------------
      CLIENT LOGO 
--------------------------*/
@media screen and (min-width:1600px){
div#djslider184 li, div#djslider-loader184{
    height: 200px!important;
}}

/*-----------------------------------------------------------------------
                                1536 px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px) and (max-width:1536px){
div#djslider184 li{
    height: 140px!important;
}
div#djslider-loader184 {
    height: 150px!important;
}
}

@media screen and (max-width:991px){
   div#djslider184 li, div#djslider-loader184{
    height: 58px!important;
} 
}




/*end*/