/* ====================================
   1. Owl Carousel v2.3.4 default css 
   ==================================== */
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; }
.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-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; border: none; padding: 0!important; font: inherit; z-index: 1; position: relative; }
.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-nav.disabled {
    display: none;
}
.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% }
/* ==================================
   2. Owl Carousel v2.3.4 theme css 
   ================================== */
.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav [class*=owl-] { color: #C6BDAF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-servi.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-item .item img { height: 285px; object-fit: cover; width: 100%; }
.owl-dots {/* width: 10px; *//* height: 10px; */content:'';bottom: 0;margin:auto;text-align:center;left: 0;right: 0;position: absolute;}
button.owl-dot {
    /* text-align: center; */
    /* width: 7px; */
    /* height: 12px; */
    background: transparent;
    border-radius: 100%;
    border: 1px solid #4e99ae;
    box-shadow: 0;
    margin: 0 4px 0 0;
    padding: 5px; transition:all 0.5s ease;
    }
	button.owl-dot.active {background:#4e99ae;}
	
	.main-slider.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-dots {position:absolute; bottom:21%; left:41%; right:auto;}
	.main-slider.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-dots button.owl-dot {border:1px solid #fff; width:12px; height:12px; border-radius:50%;}
	.main-slider.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-dots button.owl-dot.active {background:#fff;}







    .product-slider .product-title h2{
    font-size: 40px;
    color: #1F1F1F;
    line-height: 50px;
    margin-bottom: 40px;
}

.product-slider .owl-carousel .product-slider-img{
    border:1px solid #DDDDDD;
    position: relative;
}
.product-slider .owl-carousel .product-slider-blog:hover{
    box-shadow: 1px 0px 25px rgb(0 0 0 / 10%);
}
.product-slider .owl-carousel .product-slider-img:before, .product-slider .owl-carousel .product-slider-img:after{
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    transition: all 0.2s linear;
    background: var(--green-color);
}
.product-slider .owl-carousel .product-slider-img:before{
    right: 0;
    top: 0;
    transition-delay: 0.2s;
}
.product-slider .owl-carousel .product-slider-img:after{
    left: 0;
    bottom: 0;
    transition-delay: 0.6s;
}
.product-slider .owl-carousel .product-slider-border:before, .product-slider .owl-carousel .product-slider-border:after{
    content: "";
    width: 3px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: var(--green-color);
}
.product-slider .owl-carousel .product-slider-img .product-slider-border:before{
    transition-delay: 0s;
    left: 0;
    top: 0;
}
.product-slider .owl-carousel .product-slider-img .product-slider-border:after{
    transition-delay: 0.4s;
    right: 0;
    bottom: 0;
}
.product-slider .owl-carousel .product-slider-blog:hover .product-slider-img:before{
    width: 100%;
    transition-delay: 0.4s;
}
.product-slider .owl-carousel .product-slider-blog:hover .product-slider-img:after{
    width: 100%;
    transition-delay: 0s;
}
.product-slider .owl-carousel .product-slider-blog:hover .product-slider-border:before{
    height: 100%;
    transition-delay: 0.6s;
}
.product-slider .owl-carousel .product-slider-blog:hover .product-slider-border:after{
    height: 100%;
    transition-delay: 0.2s;
}
.product-slider .product-slider-content{
    padding-left: 26px;
    padding-top: 24px;
    padding-right: 35px
}
.product-slider .product-slider-content h5{
    font-size: 22px;
    font-weight: 800;
    color: #000;
    line-height: 28px;
    margin-bottom: 8px;
}
.product-slider .product-slider-content h6{
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
    position: relative;
}
.product-slider .product-slider-content p{
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    padding-top: 8px;
    margin-bottom: 0;
    border-top: 1px solid #ddd;
    transition: 0.5s;
}
.product-slider .product-slider-content p i{
    margin-left: 8px;
    color: var(--green-color);
    font-size: 12px;
    transition: all 0.5s;
    transform: translateX(0);
}
.product-slider .owl-carousel .product-slider-blog:hover .product-slider-content p{
    color: #000;
}
.product-slider .owl-carousel .product-slider-blog:hover i{
    transform: translateX(12px);
}
.product-slider .owl-carousel .owl-stage-outer{
    height: auto !important;
}
.product-slider .owl-nav01{
   position: absolute;
    bottom: -60px;
    right: 0;
    content: '';
    left: 0;
    margin: auto;
    text-align: center;
}
.product-slider .owl-nav01 .owl-prev, .product-slider .owl-nav01 .owl-next{
        width: 37px;
    height: 37px;
    line-height: 0px;
    border: 2px solid var(--green-color) !important;
    border-radius: 50%;
    transition: 0.5s;
    display: inline-block;
    padding: 0;
    text-align: center; background: #fff;
}
.product-slider .owl-nav01 .owl-next{margin: 0 0 0 10px ;}
.product-slider .owl-nav01 .owl-prev:hover, .product-slider .owl-nav01 .owl-next:hover{
    border:2px solid var(--green-color) !important;
    cursor: pointer;
}
.product-slider .owl-nav01 .owl-prev:hover i, .product-slider .owl-nav01 .owl-next:hover i{
    color: var(--green-color);
}

.product-slider .owl-nav01 .owl-prev i, .product-slider .owl-nav01 .owl-next i{
    color: var(--green-color);
    font-size: 12px;
    transition: 0.5s;
   
}
.product-slider-border {
    padding: 20px;
}


	@media only screen and (max-width: 1550px) {
.mask.flex-center h2 {font-size:45px;}
}

@media only screen and (max-width: 1399px) {
	.mask.flex-center {right:5%;}
	.mask.flex-center h2 {font-size:38px;}
	.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption {
    top: 15px;
    left: 30px;
}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption.item2 {
    top: 10px;
}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption.item2 ul {
    margin: 28px 0 0 0;
}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption.item3 {
    top: 10px;
}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption.item3 ul {margin:69px 0 0 0;}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption ul li a {font-size:16px;}


}
@media only screen and (max-width: 1199px) {
.mask.flex-center {right:0;}	
.mask.flex-center h2 {font-size:32px;}

 

}
@media only screen and (max-width: 991px) {
	.mask.flex-center h2 {
    font-size: 28px;
}
.mask.flex-center p {font-size:18px; line-height:28px; letter-spacing:1px;}
.main-slider.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-dots {left:0; right:0; bottom:10%;}
}
  @media only screen and (max-width: 767px) {
	  .mask.flex-center h2 {font-size:22px;}
	  .mask.flex-center p {font-size:15px; letter-spacing:0.3px; line-height:22px;}
	   .owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption.item2 {top:20px;}
  .owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption.item3 {top:20px;}


  }
    @media only screen and (max-width: 576px) {
.mask.flex-center {top:70%;}
.slide-text {text-align:right;}

.mask.flex-center h2 {font-size:18px;}
.main-slider.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-dots {bottom:3%;}
	}
@media only screen and (max-width: 420px) {
	.mask.flex-center p br {display:none;}
	.mask.flex-center h2 {
    font-size: 16px;
    margin: 0;
}
.mask.flex-center p {
    font-size: 13px;
    line-height: 18px;
}
.nivo-controlNav {bottom:0;}

	}
	
	
   @media only screen and (max-width: 380px) {

 .owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption {left:15px;}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption ul li a {font-size:14px;}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption ul {
    margin: 25px 0 0 0;
}
.owl-product.owl-carousel.owl-theme.owl-loaded.owl-drag .item .caption ul li:before {font-size:12px;}
   }