@charset "UTF-8";
/* CSS Document */
/* transitions common*/

a,
*::before,
*::after,
#services-slider .service-box>span {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

i::before,
i::after {
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}


.owl-prev::before,
.owl-next::before {
    content: "";
}

/*Buttons*/

.owl-prev,
.owl-next {
    background: transparent;
    border: none;
    color: #26313c;
    height: 30px;
    width: 30px;
    font-size: 16px;
    line-height: 29px;
}

.gray-body .owl-nav button,
.gray-body .back-top {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.owl-prev,
.owl-prev::before,
.owl-next,
.owl-next::before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
}

.owl-prev::before,
.owl-next::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffab02), color-stop(51%, #ffda00), to(#ffab02));
    background-image: -webkit-linear-gradient(left, #ffab02 0%, #ffda00 51%, #ffab02 100%);
    background-image: -moz-linear-gradient(left, #ffab02 0%, #ffda00 51%, #ffab02 100%);
    background-image: -o-linear-gradient(left, #ffab02 0%, #ffda00 51%, #ffab02 100%);
    background-image: linear-gradient(to right, #ffab02 0%, #ffda00 51%, #ffab02 100%);
}

.owl-prev:hover,
.owl-next:hover {
    color: #fff !important;
}

.owl-prev:hover::before,
.owl-next:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

/*----- OWl / Revolution ends-----*/

/*shop carousel*/

.carousel-shop-detail .owl-nav,
#carousel-gallery-detail .owl-nav {
    display: flex;
    align-items: center;
}

.carousel-shop-detail,
#carousel-gallery-detail {
    overflow: hidden;
}

#syncCarousel .owl-nav button,
#carousel-gallery-detail .owl-nav button {
    background: #ffffffaa !important;
    color: #000;
    border-radius: 3px;
    padding: 20px 15px !important;
    transition: all 0.3s ease-in;
    display: flex;
    justify-content: center;
}

.carousel-shop-detail .owl-nav button:hover,
#carousel-gallery-detail .owl-nav button:hover {
    background: #ffffff;
    color: #ffab02 !important;
}

.carousel-shop-detail .owl-nav button:before,
#carousel-gallery-detail .owl-nav button:before {
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
}

.carousel-shop-detail:hover .owl-nav button,
#carousel-gallery-detail:hover .owl-nav button {
    transform: translateX(0);
}

.carousel-shop-detail .owl-nav .owl-prev {
    margin: -50% 15px;
    transform: translateX(-45px);
}

#carousel-gallery-detail .owl-nav .owl-prev {
    margin: -30% 15px;
    transform: translateX(-45px);
}

.carousel-shop-detail .owl-nav .owl-next {
    margin: -50% 15px;
    transform: translateX(45px);
}

#carousel-gallery-detail .owl-nav .owl-next {
    margin: -30% 15px;
    transform: translateX(45px);
}

.carousel-shop-detail .owl-nav button span,
#carousel-gallery-detail .owl-nav button span {
    font-size: 22px;
    font-weight: bold;
    margin-top: -17px;
}

.carousel-shop-detail-inner .item {
    margin-top: 2px;
    opacity: 0.5;
    border: 2px solid transparent;
    transition: all 0.4s linear;
}

.carousel-shop-detail-inner .synced .item {
    opacity: 1;
    border: 2px solid #ffb902;
}

.carousel-shop-detail .owl-stage-outer {
    /*height: 350px;*/
}

#syncCarousel .owl-stage {
    pointer-events: auto;
}

#syncCarousel .item img {
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    cursor: zoom-in;
}

#syncCarousel .item:hover img {
    transform: scale(1.8);
}

#syncChild .owl-item:not(.synced) {
    cursor: pointer;
}

#carousel-gallery-detail .item img {
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    cursor: zoom-in;
}

#carousel-gallery-detail .item:hover img {
    transform: scale(1.5);
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.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
}
.owl-carousel .owl-item img {
 display:block;
 width:100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
 display:none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
 display:block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
 cursor:pointer;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
 background:0 0;
 color:inherit;
 border:none;
 padding:0!important;
 font:inherit
}
.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-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
 }
}
.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%
}

@media (max-width: 576px) {
    
    .carousel-shop-detail .owl-nav button,
    #carousel-gallery-detail .owl-nav button {
        transform: translateX(0) !important;
    }
    #syncCarousel .owl-stage {
        pointer-events: none;
    }
    #about.mt-n5{
        margin-top: -5rem !important;
    }
}