/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto; height:450px;
max-height: 100%;
object-fit: cover;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
/*height: 100%;*/
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}






.hero-slider-item {
width: 100%;
/*height: 100%;*/
/*padding:300px 0 300px 0;*/
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.hero-section {
padding: 0
}
 
.hero-slider .nextArrow {bottom:10%;right: 22%}
.hero-section h1 {font-size:50px}
.hero-section p {font-size:14px; color:#000; font-weight:300}
.hero-slider .prevArrow, .hero-slider .nextArrow {position: absolute;top:45%;z-index: 9;padding: 15px;color: rgba(0, 0, 0, 1);border: 0;font-size: 30px;transition: all linear .2s;background: transparent; display:none; width:70px; height:70px; border-radius:100%}
.hero-slider .prevArrow:focus, .hero-slider .nextArrow:focus {outline:0;}
.hero-slider .prevArrow:hover, .hero-slider .nextArrow:hover {color:#FFC000;}
.hero-slider .prevArrow {left:20px; background:#fff}
.hero-slider .prevArrow::before {content: "\f104"; font: normal normal normal 14px/1 FontAwesome; font-size:35px; position:absolute; top:18px; left:25px}
.hero-slider .nextArrow::before {content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size:35px; position:absolute; top:18px; right:28px}

.hero-slider .nextArrow {
right:20px; background:#fff
}
.hero-slider .slick-dots {
position: absolute;
left:0;
bottom:18%;
padding-left:0; width:100%; text-align:center;
margin:0; padding:0;
}
.hero-slider .slick-dots li {display: inline-block;margin:0 6px;}
.hero-slider .slick-dots li.slick-active button {
background:#111; border-radius:100%; border:solid 2px #fff
}
.hero-slider .slick-dots li button {
color: transparent;
padding: 0;
overflow: hidden;
height:14px;
width:14px;
background:#d7d1c9;
border: 0;
outline: 0; border-radius:100%; border:solid 2px #fff
}
/* banner feature */

.caption-banner { text-align:left; font-family: 'Barlow', sans-serif; color:#fff; width:100%}
.caption-banner h6 { font-size:14px; font-weight:800; text-transform:uppercase; margin:0; padding:0; letter-spacing:1.5px;}
.caption-banner h2 { font-size:60px; font-weight:800; margin:0 0 10px 0; padding:0;}
.caption-banner h3 { font-size:30px; font-weight:800; margin:0 0 28px 0; padding:0}
.caption-banner h3 span { font-size:18px; font-weight:800; margin:0; padding:0}



.dotted {
background: url(../../images/pattern.png) repeat left top;
width:100%;
height:100%;position: absolute;z-index:0;left:0;right:0;top:0;bottom: 0;}

.banner-patten { background:url(../../images/banner-patten.png) no-repeat left center;width:100%; height:104px; position:relative; margin:-60px 0 0 0}