﻿.slider{position:relative;}
.slider div.videos{background-color:#ff0000; position:absolute; z-index:9999;}
.slider div.transparant{background: rgb(0,0,0); background: linear-gradient(350deg, rgba(0,0,0,0.9528186274509804) 0%, rgba(0,0,0,0.7203256302521008) 50%, rgba(0,0,0,1) 100%); 
position:absolute; left:0; top:0; bottom:0; right:0; z-index:10000;}
.slider div.videos video{object-fit:cover;}
.slider div.text{position:absolute; left:0; top:0; right:0; z-index:10001; color:#fff;}
.slider div.owl-carousel, .slider div.text div.item{height:auto; color:#fff;}
.slider div.owl-carousel div.title{font-size:50px; }
.slider div.owl-carousel div.shortdesc{font-size:19px;}
.slider div.images img, .slider div.table{width:100%; height:auto;}
.slider div.table div.title{font-size:30px; margin-bottom:-10px}
.slider div.table div.description{margin-bottom:20px; font-size:18px;}
.slider div.table div.measure{display:inline-block; padding:15px 10px; border-radius:10px; background-color:#7c3d1c; color:#fff;}
.contentslider{width:100%; height:550px; background-color:#f1f1f1; padding:20px 0 20px 0;}
.contentslider div.container{height:510px;}
.contentslider div.container div.images{width:100%;}
.contentslider div.container div.images img{height:510px !important; width:auto;object-fit: inherit;
object-position: inherit;}
.contentslider div.container .owl-nav{top:40% !important;}
.contentslider .owl-dots{display:none;}
.contentslider div.container .owl-nav .owl-next span, .owl-nav .owl-prev span{color:#fff !important; }
.fullwidth, .fullwidth div.images{width:100%; height:80vh;}
.fullwidth div.transparant{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.9444152661064426) 0%, rgba(0,0,0,0) 100%);}
.fullwidth .titles{color:#fff; position:absolute; left:20px; bottom:20px; font-size:18px; z-index:10003;}
.fullwidth .titles span{font-size:13px;}
.listcarousel{display:block !important;}
.listcarousel div.images{width:100% !important; float:none;padding-left:0; padding-bottom:0;}
@media (max-width: 800px) {
.slider{width:100%; height:90vh;}
.slider div.images img{width:80%; height:100%;}
.slider div.text{width:100%;}
.slider div.text div.item{width:60%; margin-left:20%;}
.slidedesc{width:80%;}
.slider div.owl-carousel div.title{font-size:36px !important;}
.slider div.owl-carousel div.shortdesc{font-size:19px !important;}
.slider div.boxslider, .slider div.images{height:auto; width:100%; text-align:center;}
.slider div.boxslider{padding:170px 40px 40px;}
.contentslider div.container div.images img{height:auto !important;}
}
