@charset "utf-8";
/* CSS Document */

/* Slider */


/* Icons */
@font-face {
 font-family: 'slick';
 font-weight: normal;
 font-style: normal;


}



/* Arrows */
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
[dir='rtl'] .slick-prev:before { content: '→'; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
[dir='rtl'] .slick-next:before { content: '←'; }
.slick-prev, .slick-next { width: 36px; height: auto; font-size: 0; line-height: 0; display: block; transform: translateY(-50%); transition: all 0.25s ease-out 0s; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; padding: 0 0 36px; position: absolute; top: 50%; z-index:99;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -72px; background: url(../images/left-white-salt-scrub-and-dark-green-white-plain-arrow.svg) no-repeat top / 100%;}
.slick-prev:hover {  background: url(../images/left-white-salt-scrub-and-dark-green-white-plain-arrow.svg) no-repeat bottom / 100%;}
.slick-next { right: -72px; background: url(../images/right-white-salt-scrub-and-dark-green-white-plain-arrow.svg) no-repeat top / 100%;}
.slick-next:hover { background: url(../images/right-white-salt-scrub-and-dark-green-white-plain-arrow.svg) no-repeat bottom / 100%;}

/* Dots */
.slick-slider { padding-left:0;}
.slick-dots { width: 100%; text-align: center; display: block; list-style: none; margin: 0 0 0; position: absolute; right: 0; bottom: -48px; left: 0;}
.slick-dots li { width: 14px; height: 14px; cursor: pointer; vertical-align: middle; display: inline-block; transition: all 0.25s ease-out 0s; margin: 0 5px 0; position: relative; z-index: 9;}
.slick-dots li button { width: 14px; height: 14px; font-size: 0; color: transparent; line-height: 0; border: 0; outline: none; background: transparent; cursor: pointer; display: block; transition: all 0.25s ease-out 0s; padding: 7.2px 7.2px 7.2px;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; transition: all 0.25s ease-out 0s;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before { background: #3a3f25; transition: all 0.25s ease-out 0s;}
.slick-dots li button:before { content: '•'; width: 14px; height: 14px; text-align: center; color: black; background: rgba(82,84,82,0.3); border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.25s ease-out 0s; position: absolute; top: 0; left: 0;}
.slick-dots li.slick-active { transition: all 0.25s ease-out 0s;}
.slick-dots li.slick-active button:before { color: black; background: #3a3f25; transition: all 0.25s ease-out 0s;}
/* .team-wrapp .team-col1 .slick-dots {bottom: -20%;} */
.gallery-col1 .slick-dots { text-align: left; right: inherit; bottom: -25.5%; left: 8px;}
.gallery-col1 .slick-dots li { margin: 0 10px 0 0;}

.team-col1 .slick-dots { right: 0; bottom: -14.4%; left: 0;}
.team-col1 .slick-dots li button:hover:before, .team-col1 .slick-dots li button:focus:before { background: #d0c6ae;}
.team-col1 .slick-dots li button:before { background: rgba(208,198,174,0.3);}
.team-col1 .slick-dots li.slick-active button:before { background: #d0c6ae;}

.sidbar-col3 .slick-dots { text-align:left; bottom:-42px;}
.sidbar-col3  .slick-dots li { width: 10px; height: 10px; margin:0 2px;}
.sidbar-col3  .slick-dots li button { width: 10px; height: 10px; padding: 0;}
.sidbar-col3  .slick-dots li button:hover:before, .sidbar-col3 .slick-dots li button:focus:before { background: #3a3f25; }
.sidbar-col3  .slick-dots li button:before { width: 10px; height: 10px; background: rgba(82,84,82,0.3); }
.sidbar-col3  .slick-dots li.slick-active button:before { background: #3a3f25;}

.testi-wrapp .slick-arrow {outline: 2px solid rgba(208 198 174 / 20%);border-radius: 50%;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.gallery-col1 .slick-dots { text-align: center; right: 0; bottom: -48px; left: 0;}
.gallery-col1 .slick-dots li { margin: 0 4px 0;}
.reviews-col2 .slick-dots { right: 0; bottom: -28px; left: 0;}
.reviews-col5 .slick-dots { right: 0; bottom: -62px; left: 0;}
.team-col1 .slick-dots { right: 0; bottom: -63px; left: 0;}
.testi-wrapp .slick-dots {bottom: -51px;}

.gallery-wrapp .slick-dots li button:before{width: 10px; height: 10px;}
.gallery-wrapp .slick-dots li { width: 10px;}


}

@media screen and (min-width:481px) and (max-width:600px) {
.gallery-col1 .slick-dots { text-align: center; right: 0; bottom: -48px; left: 0;}
.gallery-col1 .slick-dots li { margin: 0 4px 0;}
.reviews-col2 .slick-dots { right: 0; bottom: -28px; left: 0;}
.reviews-col5 .slick-dots { right: 0; bottom: -56px; left: 0;}
.team-col1 .slick-dots { right: 0; bottom: -63px; left: 0;}
.testi-wrapp .slick-dots {bottom: -51px;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.gallery-col1 .slick-dots { text-align: center; right: 0; bottom: -48px; left: 0;}
.gallery-col1 .slick-dots li { margin: 0 4px 0;}
.reviews-col2 .slick-dots { right: 0; bottom: -28px; left: 0;}
.reviews-col5 .slick-dots { right: 0; bottom: -41px; left: 0;}
.team-col1 .slick-dots { right: 0; bottom: -59px; left: 0;}
.testi-wrapp .slick-dots {bottom: -51px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
    .team-col1 .slick-dots {bottom: -10.5%;}
    .testi-wrapp .slick-prev {left: -2.5%;width: 28px;}
    .testi-wrapp .slick-next {right: -2.5%;width: 28px;}
    .testi-wrapp .slick-arrow {padding: 0 0 28px;}

}

@media screen and (min-width:901px) and (max-width:1024px) {
.team-col1 .slick-dots {bottom: -11.4%;}
.testi-wrapp .slick-prev {left: -2.5%;width: 28px;}
.testi-wrapp .slick-next {right: -2.5%;width: 28px;}
.testi-wrapp .slick-arrow {padding: 0 0 28px;}
}
@media screen and (min-width:1025px) and (max-width:1240px)
{
.testi-wrapp .slick-prev {left: -2.5%;}
.testi-wrapp .slick-next {right: -2.5%;}
}
@media screen and (min-width:1241px) and (max-width:1340px)
{
.testi-wrapp .slick-prev {left: -2.5%;}
.testi-wrapp .slick-next {right: -2.5%;}
}

@media screen and (min-width:1341px) and (max-width:1440px)
{

}

@media screen and (min-width:1441px) and (max-width:1600px)
{

}

@media screen and (min-width:1341px) and (max-width:1900px) {

}