/* CSS Document */

.dt-advanced-carousel-wrapper {  margin: 0; }
.dt-advanced-carousel-wrapper .slick-slide .dt-slick-content-title { font-size: 1.5em; font-weight: bold; }
.dt-advanced-carousel-wrapper .slick-slide .dt-slick-content-image, .dt-advanced-carousel-wrapper .slick-slide .dt-slick-content > * { margin-bottom: 0.75em; }
.dt-advanced-carousel-wrapper .slick-slide .dt-slick-content-btn { margin-top: 0.75em; margin-bottom: 0; }

.dt-advanced-carousel-wrapper .slick-list { overflow: visible; }
.dt-advanced-carousel-wrapper .slick-list .slick-slide { opacity: 0; visibility: hidden; }
.dt-advanced-carousel-wrapper .slick-list .slick-slide.slick-active { opacity: 1; visibility: visible; }

.dt-advanced-carousel-wrapper .dt-slick-button { background-image: none; color: #fff; }
.dt-advanced-carousel-wrapper .dt-slick-button > i { text-align: center; width: 100%; }
.dt-advanced-carousel-wrapper .dt-slick-button > i:before { height: 0; line-height: 0; }
.dt-advanced-carousel-wrapper .dt-slick-button > i, .dt-advanced-carousel-wrapper .dt-slick-button > i:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

/* Navigation Arrows */
.dt-advanced-carousel-wrapper .slick-arrow { height: 45px; line-height: 45px; margin: 0; opacity: 0; pointer-events: none; visibility: hidden; width: 45px; z-index: 2; }
.dt-advanced-carousel-wrapper .slick-arrow:before { content: none; }
.dt-advanced-carousel-wrapper .slick-arrow.slick-prev { left: -50px; margin-left:  -15px; }
.dt-advanced-carousel-wrapper .slick-arrow.slick-next { right: -50px; margin-right:  -15px; }
.dt-advanced-carousel-wrapper:hover .slick-arrow { margin-left: 0; margin-right: 0; opacity: 1; pointer-events: auto; visibility: visible; }

.dt-advanced-carousel-wrapper .slick-arrow span, .dt-advanced-carousel-wrapper .slick-arrow span:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 20px; height: 100%; line-height: 42px; width: 100%; }

.dt-advanced-carousel-wrapper .slick-arrow[class*="border"] { border-style: solid; border-width: 2px; }
.dt-advanced-carousel-wrapper .slick-arrow[class*="circle"] { border-radius: 50%; }

.dt-advanced-carousel-wrapper .slick-arrow.style-1, .dt-advanced-carousel-wrapper .slick-arrow.style-1:before,
.dt-advanced-carousel-wrapper .slick-arrow.style-1 span, .dt-advanced-carousel-wrapper .slick-arrow.style-1 span:before,

.dt-advanced-carousel-wrapper .slick-arrow.circle-border, .dt-advanced-carousel-wrapper .slick-arrow.circle-border:before,
.dt-advanced-carousel-wrapper .slick-arrow.circle-border span, .dt-advanced-carousel-wrapper .slick-arrow.circle-border span:before,

.dt-advanced-carousel-wrapper .slick-arrow.square-border, .dt-advanced-carousel-wrapper .slick-arrow.square-border:before,
.dt-advanced-carousel-wrapper .slick-arrow.square-border span, .dt-advanced-carousel-wrapper .slick-arrow.square-border span:before { color: currentColor; }

.dt-advanced-carousel-wrapper .slick-arrow[class*="bg"] { color: #fff; }

.dt-advanced-carousel-wrapper .slick-arrow[class*="border"] { border-color: currentColor; }

.dt-advanced-carousel-wrapper .slick-arrow[class*="bg"] { background-color: rgba(0,0,0,0.9); }
.dt-advanced-carousel-wrapper .slick-arrow[class*="bg"]:hover { background-color: rgba(0,0,0,0.75); }

/* Navigation Bullets */
.dt-advanced-carousel-wrapper .slick-dots { position: relative; bottom: auto;  }
.dt-advanced-carousel-wrapper .slick-dots li { background-color: rgba(0,0,0,0.2); height: 10px; width: 10px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }

.dt-advanced-carousel-wrapper .slick-dots li.slick-active { background-color: #000; }

.dt-advanced-carousel-wrapper .slick-dots li button, .dt-advanced-carousel-wrapper .slick-dots li button:before { background-color: transparent; font-size: 0; height: 100%; line-height: inherit; margin-top: 0; opacity: 1; padding: 0; width: 100%; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: inherit; transition: inherit; }


.dt-advanced-carousel-wrapper .slick-dots.style-1 li,
.dt-advanced-carousel-wrapper .slick-dots.style-4 li,
.dt-advanced-carousel-wrapper .slick-dots.style-6 li,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li { -webkit-border-radius: 50%; border-radius: 50%; }

.dt-advanced-carousel-wrapper .slick-dots.style-1 li.slick-active { width: 25px; -webkit-border-radius: 1em; border-radius: 1em; }

.dt-advanced-carousel-wrapper .slick-dots.style-2 li { height: 5px; width: 25px; }

.dt-advanced-carousel-wrapper .slick-dots.style-2 li, .dt-advanced-carousel-wrapper .slick-dots.style-2 li.slick-active { border-radius: 3px; }
.dt-advanced-carousel-wrapper .slick-dots.style-3 li, .dt-advanced-carousel-wrapper .slick-dots.style-3 li.slick-active { border-radius: 0; }

.dt-advanced-carousel-wrapper .slick-dots.style-7 li,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li { height: 16px; width: 16px; }


.dt-advanced-carousel-wrapper .slick-dots.style-4 li,
.dt-advanced-carousel-wrapper .slick-dots.style-5 li,
.dt-advanced-carousel-wrapper .slick-dots.style-6 li,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li { background-color: transparent; }

.dt-advanced-carousel-wrapper .slick-dots.style-4 li button,
.dt-advanced-carousel-wrapper .slick-dots.style-5 li button,
.dt-advanced-carousel-wrapper .slick-dots.style-6 li button,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li { border: 1px solid; }

.dt-advanced-carousel-wrapper .slick-dots.style-4 li button,
.dt-advanced-carousel-wrapper .slick-dots.style-5 li.slick-active button,
.dt-advanced-carousel-wrapper .slick-dots.style-6 li.slick-active button,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li { border-color: transparent; }

.dt-advanced-carousel-wrapper .slick-dots.style-4 li.slick-active button,
.dt-advanced-carousel-wrapper .slick-dots.style-5 li button,
.dt-advanced-carousel-wrapper .slick-dots.style-6 li button,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li.slick-active,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li.slick-active { border-color: #000; }


.dt-advanced-carousel-wrapper .slick-dots.style-4 li button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-5 li.slick-active button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-6 li.slick-active button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li button:before { background-color: #000; }

.dt-advanced-carousel-wrapper .slick-dots.style-7 li button,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li button { position: absolute; top: 50%; left: 50%; height: 60%; width: 60%; -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }

.dt-advanced-carousel-wrapper .slick-dots.style-4 li.slick-active button:before { -webkit-transform: scale(0); transform: scale(0); }


.dt-advanced-carousel-wrapper .slick-dots.style-2 li,
.dt-advanced-carousel-wrapper .slick-dots.style-3 li,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li button:after,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li button:after { background-color: rgba(0,0,0,0.2); }

.dt-advanced-carousel-wrapper .slick-dots.style-2 li button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-3 li button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li button:before { right: 0; left: auto; background-color: #000; width: 0; }

.dt-advanced-carousel-wrapper .slick-dots.style-2 li.slick-active button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-3 li.slick-active button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-7 li.slick-active button:before,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li.slick-active button:before { right: auto; left: 0; width: 100%; }

.dt-advanced-carousel-wrapper .slick-dots.style-7 li button:after,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li button:after { position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 100%; -webkit-border-radius: inherit; border-radius: inherit; }

.dt-advanced-carousel-wrapper .slick-dots.style-9 { margin-top: 80px; }

.dt-advanced-carousel-wrapper .slick-dots.style-9 li { display: inline-block; position: relative; background-color: transparent; font-size: 0; width: 13px; height: 13px; float: none;
margin: 0 12px; }

.dt-advanced-carousel-wrapper .slick-dots.style-9 li:first-child { margin-left: 0; }
.dt-advanced-carousel-wrapper .slick-dots.style-9 li:last-child { margin-right: 0; }

.dt-advanced-carousel-wrapper .slick-dots.style-9 li button { position: relative; font-size: 20px; font-weight: bold; color: #39362b; line-height: 16px; height: auto; letter-spacing: 4px; }

.dt-advanced-carousel-wrapper .slick-dots.style-9 li button:before { display: inline-block; position: absolute; right: -8px;
bottom: 0; content: ""; background-color: #39362b; width: 4px; height: 4px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; top: auto; left: auto; }

.dt-advanced-carousel-wrapper .slick-dots.style-9:before, .dt-advanced-carousel-wrapper .slick-dots.style-9:after { content: ""; width: 90px; height: 1px; display: inline-block; position: relative; background-color: #b1a684; bottom: -2px; }

.dt-advanced-carousel-wrapper .slick-dots.style-9:after { margin-left: 20px; right: 0; }
.dt-advanced-carousel-wrapper .slick-dots.style-9:before { margin-right: 10px; left: 0; }

.dt-advanced-carousel-item-wrapper .elementor-section-wrap .tpl-blog-holder { margin: 0; }

/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media only screen and (min-width:1441px) and (max-width:1680px) {

    .dt-advanced-carousel-wrapper .slick-dots.style-9 { margin-top: 50px; }

}

@media only screen and (min-width:1281px) and (max-width:1440px) {

    .dt-advanced-carousel-wrapper .slick-dots.style-9 { margin-top: 50px; }

}

/*----*****---- << Mobile - Portrait >> ----*****----*/

/* Common Styles for the devices below 479px width */
@media only screen and (max-width: 479px) {

    .dt-advanced-carousel-wrapper .slick-dots.style-9:before, .dt-advanced-carousel-wrapper .slick-dots.style-9:after { content: none; }

}