/* CSS Document */

.dt-carousel-item-gap-20 .jet-carousel__item { padding: 20px; }
.dt-carousel-item-gap-20 .dt-sc-modern-style.dt-sc-post-entry .blog-entry { box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.1); }

.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 .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 { margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; }

/* Navigation Arrows */
.dt-advanced-carousel-wrapper .slick-arrow { height: 60px; line-height: 60px; margin: 0; /*opacity: 0; pointer-events: none; visibility: hidden;*/ width: 50px; z-index: 2; box-shadow: none; }
.dt-advanced-carousel-wrapper .slick-arrow:before { content: none; }
.dt-advanced-carousel-wrapper .slick-arrow.slick-prev { left: 0; margin-left:  -90px; }
.dt-advanced-carousel-wrapper .slick-arrow.slick-next { right: 0; margin-right:  -90px; }

/* .dt-advanced-carousel-wrapper:hover .slick-arrow { opacity: 1; pointer-events: auto; visibility: visible; } */

.dt-advanced-carousel-wrapper .slick-arrow span, .dt-advanced-carousel-wrapper .slick-arrow span:before { font-size: 20px; height: 100%; line-height: inherit; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; }

.dt-custom-carousel .dt-advanced-carousel-wrapper .slick-arrow span.fa-chevron-left:before,
.dt-custom-carousel .dt-advanced-carousel-wrapper .slick-arrow span.fa-chevron-right:before { font-size: 0; background: #000; mask-repeat: no-repeat; mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }

.dt-custom-carousel .dt-advanced-carousel-wrapper .slick-arrow span.fa-chevron-left:before { mask-image: url(../images/carousel-arrow-left.png); -webkit-mask-image: url(../images/carousel-arrow-left.png); }
.dt-custom-carousel .dt-advanced-carousel-wrapper .slick-arrow span.fa-chevron-right:before { mask-image: url(../images/carousel-arrow-right.png); -webkit-mask-image: url(../images/carousel-arrow-right.png); }

.dt-custom-carousel .dt-advanced-carousel-wrapper .slick-arrow:hover span.fa-chevron-left:before,
.dt-custom-carousel .dt-advanced-carousel-wrapper .slick-arrow:hover span.fa-chevron-right:before { background: #fff; }

.dt-advanced-carousel-wrapper .slick-arrow[class*="border"] { border-style: solid; border-width: 1px; }
.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; background-color: #fff; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1); background-image: none; }
.dt-advanced-carousel-wrapper .slick-arrow[class*="border"] { border-color: currentColor; }

/* 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 { height: 60%; position: absolute; left: 50%; top: 50%; 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 { background-color: #000; left: auto; right: 0; 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 { left: 0; right: auto; width: 100%; }

.dt-advanced-carousel-wrapper .slick-dots.style-7 li button:after,
.dt-advanced-carousel-wrapper .slick-dots.style-8 li button:after { content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; -webkit-border-radius: inherit; border-radius: inherit; }

@media only screen and (min-width:1025px) and (max-width:1280px) {

    .dt-advanced-carousel-wrapper .slick-arrow.slick-prev { margin-left: -58px; }
    .dt-advanced-carousel-wrapper .slick-arrow.slick-next { margin-right: -58px; }

}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .dt-advanced-carousel-wrapper .slick-arrow.slick-prev { margin-left: -68px; }
    .dt-advanced-carousel-wrapper .slick-arrow.slick-next { margin-right: -68px; }

}

@media only screen and (max-width:767px) {

    .dt-carousel-item-gap-20 .jet-carousel__item { padding: 10px; }

    .dt-carousel-item-gap-20 .dt-sc-modern-style.dt-sc-post-entry .blog-entry { box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05); }

}