.owl-container .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-container .owl-animated-in {
    z-index: 0
}

.owl-container .owl-animated-out {
    z-index: 1
}

.owl-container .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -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-container {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-container .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-container .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-container .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-container .owl-nav .owl-prev, .owl-container .owl-nav .owl-next, .owl-container .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-container.owl-loaded {
    display: block
}

.owl-container.owl-loading {
    opacity: 0;
    display: block
}

.owl-container.owl-hidden {
    opacity: 0
}

.owl-container .owl-refresh .owl-item {
    display: none
}

.owl-container .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100%
}

.owl-container .owl-item img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    margin: 0 auto 2em;
    width: 75px;
    height: 75px;
    border: 5px solid #fafafa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.owl-container.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-container .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-container.owl-rtl {
    direction: rtl
}

.owl-container.owl-rtl .owl-item {
    float: right
}

.no-js .owl-container {
    display: block
}

.owl-container .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-container .owl-item img {
    transform-style: preserve-3d
}

.owl-container .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-container .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../../../../../../www.spab-rice.com/themeforest/noha/demo/files/css/owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-container .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-container .owl-video-playing .owl-video-tn, .owl-container .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-container .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-container .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-nav.disabled {
    display: none
}

.owl-nav > div {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: all 0.3s ease
}

.hero-slider .owl-nav > div {
    right: 40px
}

.owl-nav .owl-prev {
    right: inherit !important;
    left: 20px
}

.hero-slider .owl-nav .owl-prev {
    left: 40px
}

.owl-nav .disabled {
    opacity: 0;
    cursor: default !important
}

.owl-nav .owl-next {
    width: 24px;
    background: url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 35.35"><path d="M0,16.88a3,3,0,0,0,.16.94,1.51,1.51,0,0,0,.63.78l15,15a2.14,2.14,0,0,0,3.52.08,2.14,2.14,0,0,0-.08-3.52L8.59,19.38H57.5a2.5,2.5,0,1,0,0-5H8.59L19.22,3.59A2.14,2.14,0,0,0,19.3.08a2.14,2.14,0,0,0-3.52.08l-15,15a1.51,1.51,0,0,0-.62.78A3,3,0,0,0,0,16.88Z"></path></svg>');
    background-repeat: no-repeat;
    height: 14px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: red
}

.owl-nav .owl-next:hover {
    right: 13px
}

.hero-slider .owl-nav .owl-next:hover {
    right: 33px
}

.owl-nav .owl-prev {
    width: 24px;
    background: url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 35.35"><path d="M0,16.88a3,3,0,0,0,.16.94,1.51,1.51,0,0,0,.63.78l15,15a2.14,2.14,0,0,0,3.52.08,2.14,2.14,0,0,0-.08-3.52L8.59,19.38H57.5a2.5,2.5,0,1,0,0-5H8.59L19.22,3.59A2.14,2.14,0,0,0,19.3.08a2.14,2.14,0,0,0-3.52.08l-15,15a1.51,1.51,0,0,0-.62.78A3,3,0,0,0,0,16.88Z" style="fill:%23000000;"></path></svg>');
    background-repeat: no-repeat;
    height: 14px
}

.owl-nav .owl-prev:hover {
    left: 13px
}

.hero-slider .owl-nav .owl-prev:hover {
    left: 33px
}

.text-light .owl-nav .owl-prev, .text-light .owl-nav .owl-next, .nav-light .owl-nav .owl-prev, .nav-light .owl-nav .owl-next {
    background: url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 35.35"><path d="M0,16.88a3,3,0,0,0,.16.94,1.51,1.51,0,0,0,.63.78l15,15a2.14,2.14,0,0,0,3.52.08,2.14,2.14,0,0,0-.08-3.52L8.59,19.38H57.5a2.5,2.5,0,1,0,0-5H8.59L19.22,3.59A2.14,2.14,0,0,0,19.3.08a2.14,2.14,0,0,0-3.52.08l-15,15a1.51,1.51,0,0,0-.62.78A3,3,0,0,0,0,16.88Z" style="fill:%23ffffff;"></path></svg>')
}

.owl-dots {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: auto;
    overflow: hidden
}

.owl-container.content-slider {
    padding-bottom: 35px
}

.owl-container.content-slider .owl-dots {
    bottom: 0
}

.owl-container[data-dots=false] {
    padding-bottom: 0;
    margin-bottom: 0
}

.owl-dots .owl-dot {
    float: left;
    margin: 0 4px;
    position: relative;
    width: 8px;
    height: 8px;
    background: none;
    border-radius: 30px
}

.owl-dots .owl-dot:before {
    content: "";
    position: absolute;
    top: 1.5px;
    left: 1.5px;
    width: 5px;
    height: 5px;
    background: #000;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50;
    border-radius: 50;
    transition: all 0.2s ease
}

.text-light .owl-dots .owl-dot:before, .nav-light .owl-dots .owl-dot:before {
    background: #fff
}

.owl-dots .owl-dot.active:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#hero .hero-slider {
    position: relative;
    z-index: 0
}

#hero .hero-slider .slider-item {
    height: 100vh;
    position: relative;
    background-position: center center;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    cursor: grab
}

#hero.hero-full .hero-slider .slider-item {
    height: 100vh
}

#hero.hero-big .hero-slider .slider-item {
    height: 75vh
}

#hero .hero-slider .slider-item .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100%);
    height: calc(100%);
    background-position: center center;
    background-size: cover;
    z-index: -1
}

#hero .hero-slider .slider-item .owl-slider-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 120px);
    padding: 60px;
    text-align: center;
    transition: all 0.5s ease;
    z-index: 0
}

#hero .hero-slider .slider-item .owl-slider-caption.center {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%)
}

#hero .hero-slider .slider-item .owl-slider-caption * {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0.5s
}

#hero .hero-slider .owl-item.active .slider-item .owl-slider-caption * {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

#hero .hero-slider .slider-item .owl-slider-caption:not(.center)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: -1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, rgba(0, 0, 0, .45) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, rgba(0, 0, 0, .45) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, rgba(0, 0, 0, .45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#40000000', GradientType=0)
}

#hero .hero-slider .slider-item .read-more {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    z-index: 1
}

#hero .hero-slider .slider-item:hover .read-more {
    bottom: 40px;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s
}

#hero .hero-slider .slider-item:hover .read-more + .owl-slider-caption {
    transition-delay: 0s;
    padding-bottom: 100px
}