/*
Author       : 	Theme-Family
Template Name:	Ghafur - Tour & Travel Agency Landing Page Template
Version      : 	1.0.2
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (BODY, LINK COLOR,SHAPE, SECTION TITLE, PRELOADER, SCROLL TO TOP, BTN, SECTION PADDING etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
		---START BOOKING DESIGN
		---RIPPLE WATER HOME DESIGN
		---WABES HOME DESIGN
		---PARTICLES HOME DESIGN
		---BUBBLE HOME DESIGN
    04. START SERVICE DESIGN
    05. START CHOOSE DESIGN
	06. START GALLERY DESIGN 
    07. START COUNTER DESIGN
    08. START TOP DEALS DESIGN
    09. START SPECIAL PACKAGE DESIGN
    10. START COMPANY PARTNER LOGO
    11. START BLOG DESIGN
	12. START TESTIMONIAL DESIGN
	13. START CONTACT DESIGN
	14. START MAP DESIGN
	15. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
:root {
	--thm-font: 'Poppins', sans-serif;
	--thm-base: #1abc9c;
	--thm-color: #FE5F5B;
	--thm-black: #2b1d6a;
	--thm-white: #ffffff;
	--thm-white: #ffffff;
	--thm-eee: #eeeeee;
	--thm-ddd: #dddddd;
	--thm-fb: #F1F8FF;
	--thm-f5: #F5F5F5;
	--thm-f4: #F4F4F4;
	--thm-f3: #F3F3F3;
	--thm-f2: #F2F2F2;
	--thm-f1: #F1F1F1;
	--thm-f6: #f6f6f6;
	--thm-p: #6b6f92;
	--thm-line: linear-gradient(to left top, #6bb601 50%, #2a3d05 50%);
}
html{
	overflow-x: hidden;
	height: 100%;
}
body {
	font-family: var(--thm-font);
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	color: var(--thm-p);
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    font-weight: 700;
    line-height: 1.3;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    color: var(--thm-black);
    font-family: var(--thm-font);
}

h1 {
    font-size: 40px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 20px;
	line-height:1.4;
	font-weight:600;
}
h5 {
    font-size: 18px;
	font-weight:500;
}

h6 {
    font-size: 16px;
	font-weight:500;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 30px;
    font-family:var(--thm-font);
    color: var(--thm-p);
}
dl,
ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}
a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}
button:hover {
    cursor: pointer;
}
button:focus {
    outline: 0;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
::-webkit-input-placeholder {
	color: inherit;
}
::-moz-input-placeholder {
	color: inherit;
}
::-ms-input-placeholder {
	color: inherit;
}
.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 270px;
	z-index: 9;
	overflow: hidden;
}
@media only screen and (max-width : 2500px) {
	.page-wrapper{
		overflow:hidden;
	}
}
button, input, textarea {
    color: var(--thm-black);
}
button, input, textarea {
    border: inherit;
    outline:none;
}
.atf_attach_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.black-bg {
    background-color: var(--thm-black);
}
.color-bg {
    background-color: var(--thm-color);
}
.grey-bg-1 {
    background-color: #f9f9f9;
}
.grey-bg-2 {
    background: #f5f5f5;
}
.grey-bg-3 {
    background-color: #f6f9ff;
}
.grey-bg-4 {
    background-color: #dff2d4;
}
.no-border{
	border:none! important;
}
.border-left{
	border-left: 2px solid var(--thm-color);
}
.atf-cover-bg {
    position: relative;
	z-index: 1;
}
.atf-cover-bg::before {
    content: "";
	width: 100%;
    height: 100%;
	top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.bg-f1{
	background:var(--thm-f1)!important;
}
.bg-f2{
	background:var(--thm-f2)!important;
}
.bg-f3{
	background:var(--thm-f3)!important;
}
.bg-f4{
	background:var(--thm-f4)!important;
}
.bg-f5{
	background:var(--thm-f5)!important;
}
.bg-f6{
	background:var(--thm-f6)!important;
}
/*
* ----------------------------------------------------------------------------------------
* PRELOADER
* ----------------------------------------------------------------------------------------
*/
.atf-ctn-preloader {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -ms-flexbox;
	height: 100%;
	justify-content: center;
	-webkit-justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99900;
	background: var(--thm-white);
}
.atf-ctn-preloader .atf-animation-preloader {
	position: absolute;
	z-index: 100;
}

/* Spinner cargando */
.atf-ctn-preloader .atf-animation-preloader img {
	width: 45px;
	margin: 0 auto 20px;
}

/* Texto cargando */
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading {
	text-align: center;
	user-select: none;
}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:before {
	animation: letters-loading 4s infinite;
	color: #d8ecbf;
	content: attr(data-text-preloader);
	left: 0;
	opacity: 0;
	top:0;
	line-height: 70px;
	position: absolute;
}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading {
	font-weight: 700;
	letter-spacing: 23px;
	display: inline-block;
	color: var(--thm-color);
	position: relative;
	line-height: 70px;
	font-size: 70px;
}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.atf-ctn-preloader .loader-section {
	background: var(--thm-f6);
	height: 100%;
	position: fixed;
	top: 0;
	width: calc(50% + 1px);
}
.loaded .atf-animation-preloader {
	opacity: 0;
	transition: 0.3s ease-out;
}
/* Animación del preloader */
@keyframes letters-loading {
	0%,
	75%,
	100% {
	opacity: 0;
	transform: rotateY(-90deg);
  }

	25%,
	50% {
	opacity: 1;
	transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .atf-ctn-preloader .atf-animation-preloader .spinner {
	height: 8em;
	width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .atf-ctn-preloader .atf-animation-preloader .spinner {
	height: 7em;
	width: 7em;
  }
  .atf-ctn-preloader .atf-animation-preloader .atf-text-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
}
/*
/*
* ----------------------------------------------------------------------------------------
* SCROLL TO TOP 
* ----------------------------------------------------------------------------------------
*/
.back-to-top.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    right: 3%;
    top: 84%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.back-to-top {
	position: fixed;
	cursor: pointer;
	right: 3%;
	top: 85%;
	background-color: var(--thm-color);
	box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
	z-index: 4;
	width: 50px;
	text-align: center;
	height: 50px;
	line-height: 42px;
	border-radius: 50px;
	-webkit-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
	-webkit-transition: .9s;
	transition: .9s;
}
.back-to-top:hover{
	 background: var(--thm-base);
}
.back-to-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--thm-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}


.back-to-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: var(--thm-white);
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 20px;
}



@-webkit-keyframes bounce {

    0%,
    to {
        transform: translateY(5%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    50% {
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@keyframes bounce {

    0%,
    to {
        transform: translateY(5%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    50% {
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}
 

@-webkit-keyframes pulse {
    0% {
        border-color: #48e9d1; 
        box-shadow: 0 0 rgba(72, 233, 209, 0.66);
    }

    70% {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }

    to {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }
}

@keyframes pulse {
    0% {
        border-color: #48e9d1; 
        box-shadow: 0 0 rgba(72, 233, 209, 0.66);
    }

    70% {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }

    to {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }
}
.v-middle {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
/*
* ----------------------------------------------------------------------------------------
* SHAPE
* ----------------------------------------------------------------------------------------
*/
.atf-shape{
	position: relative;
}
[class*="atf-shape-one"] {
	position: absolute;
}
.atf-shape-one{
	position:absolute;
	left: 0;
	z-index:-1;
	top: 0px;
	transform-origin: center bottom;
	animation-fill-mode: both;
	animation-name: bounce;
	animation-timing-function: ease-out;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
.atf-shape2-two{
	position:relative;
}
[class*="atf-shape-two"] {
	position: absolute;
}
.atf-shape-two {
	top: 0px;
	right: 0;
	position: absolute;
	z-index: 1;
	transform-origin: center bottom;
	animation-fill-mode: both;
	animation-name: bounce;
	animation-timing-function: ease-out;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
@keyframes ImgBounce{0%{transform:translateY(0)}to{transform:translateY(-30px)}}

@keyframes squareMover{0%,to{transform:translate(0) rotate(0)}20%,60%{transform:translate(20px,40px) rotate(180deg)}30%,80%{transform:translate(40px,60px) rotate(0deg)}}

@keyframes shapeMover{0%,to{transform:perspective(400px) translateY(0) rotate(0deg) translateZ(0) translateX(0)}50%{transform:perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px)}}

/*
* ----------------------------------------------------------------------------------------
* BTN
* ----------------------------------------------------------------------------------------
*/	
.atf-themes-btn {
	color: var(--thm-white);
	background: var(--thm-color);
	border-radius: 4px;
	padding: 15px 23px;
	font-weight: 500;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	display: inline-block;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	text-transform: capitalize;
	letter-spacing: 0.08em;
}
.atf-themes-btn:hover{
	background: var(--thm-black);
	color: var(--thm-white);
	box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
    transform: translateY(-1px);
}
.atf-main-btn  .btn-2 {
	background: var(--thm-black);
}
.atf-main-btn  .btn-2:hover {
	background: var(--thm-color);
	color: var(--thm-white);
}
/*
* ----------------------------------------------------------------------------------------
* SECTION PADDING
* ----------------------------------------------------------------------------------------
*/
.atf-section-padding {
	padding: 100px 0;
}
/*
* ----------------------------------------------------------------------------------------
* SECTION TITLE
* ----------------------------------------------------------------------------------------
*/
.atf-section-title {
	margin-bottom: 60px;
}
.atf-section-title.style1 h5 {
	letter-spacing: 0.04em;
	color: var(--thm-white);
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 15px;
	background: var(--thm-color);
}
.atf-section-title h2 {
	font-weight: 700;
	line-height: 1.3;
	color: var(--thm-black);
	text-transform: capitalize;
	font-family: var(--thm-font);
	margin-bottom: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/	
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.atf-header-style-1 .atf-header-info {
	padding: 11px 0;
}
.atf-header-style-1.style2 .atf-header-info {
	padding: 15px 0;
}
.atf-header-style-1 .atf-header-info-text {
	font-size: 16px;
	color: rgba(255,255,255,0.6);
	margin-bottom: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight: 500;
}
.atf-header-style-1 .atf-header-info-text:hover a{
	color: var(--thm-white);
}
.atf-header-style-1 .atf-header-info-text a i {
	color: rgba(255,255,255,0.6);
	margin-right: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.atf-header-style-1 .atf-header-info-text:hover a i {
	color: var(--thm-white);
}
.atf-header-style-1 .atf-header-info-text {
	margin-right: 20px;
}
.atf-header-style-1 .atf-header-info-social {
	margin-left: 20px;
	color:rgba(255,255,255,0.6);
}
.atf-header-style-1 .atf-header-info-social a {
	margin-right: -4px;
	/* position: relative; */
	padding: 14px 5px;
}
.atf-header-style-1 .atf-header-info-social a {
	font-size: 16px;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.atf-header-style-1 .atf-header-info-social a::before,
.atf-header-style-1 .atf-header-info-social a::after {
	position: absolute;
	width: 1px;
	height: 100%;
	left:0;
	top: 0;
	content: "";
	background-color: #2e4352;
}
.atf-header-style-1 .atf-header-info-social a::after {
	left: auto;
	right: 0;
}
.atf-header-style-1 .atf-header-info-social a:hover{
	color: var(--thm-white);
}
/* ----------------------------------------
  Header Searchbox
---------------------------------------- */
.atf-header-bottom-right .header-search-icon {
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 8%;
	background: var(--thm-color);
	color: var(--thm-white);
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.header-search-icon {
    min-width: 25px;
    text-align: center;
    font-size: 16px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.atf-header-bottom-right .header-search-icon:hover {
    background: var(--thm-white);
	color: var(--thm-black);
	box-shadow:0 0 15px rgba(0,0,0,0.1);
}

.header-search-area {
  position: relative;
}
.search_popup{
	background-color: var(--thm-white);
	height: 0;
	margin-right: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 130%;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: height;
	-o-transition-property: height;
	transition-property: height;
	width: 320px;
	z-index: 9999;
}
.search_popup form {
    position: relative;
    margin: 15px 15px 0; }
.search_popup input {
	height: 60px;
	padding-left: 10px;
	width: 100%;
	border: 1px solid #ddd;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.search_popup button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: var(--thm-color);
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 48px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 0;
    padding: 1px 6px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }

.search_popup button[type="submit"]:hover {
      color: var(--thm-color);
}
.header-search-icon .for-search-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
}

.search-open.search_popup {
  height: 90px; }

.search-open .for-search-show {
  opacity: 0;
  visibility: hidden;
}
.search-open .for-search-close {
  opacity: 1;
  visibility: visible;
}

/* ----------------------------------------
  Menu
---------------------------------------- */
.atf-header-menu-in .logo-black {
	display: none;
}
.atf-header-menu-in.atf-sticky-active .atf-main-logo .logo-white {
	display: none;
}
.atf-header-menu-in.atf-sticky-active .atf-main-logo .logo-black {
	display: block;
}
.atf-main-logo img {
	width: 160px;
	height: auto;
	margin-top:-6px;
}

.atf-main-menu > nav > ul > li {
	position: relative;
	display: inline-block;
	margin-left: 30px;
}
.atf-main-menu > nav > ul > li > a {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	padding: 37px 0;
	display: block;
	color: var(--thm-white);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.atf-main-menu > nav > ul > li .arrow {
	border: 1px solid var(--thm-p);
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.atf-main-menu > nav > ul > li .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.atf-main-menu > nav > ul > li:hover .arrow.down{
	transform:rotate(230deg);
}
.atf-main-menu > nav > ul > li > a:active,
.atf-main-menu > nav > ul > li > a:focus,
.atf-main-menu > nav > ul > li > a:hover {
	color: var(--thm-color) ! important;
}
/*-------------------------------
# dropdwon menu
--------------------------------*/
.atf-main-menu > nav > ul > li .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 10px 0;
	display: block;
	min-width: 220px;
	visibility: hidden;
	transform: scaleY(0);
	transform-origin: top center;
	background: var(--thm-white);
	border-top: 5px solid var(--thm-color);
	box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
	z-index: 6;
	transition: all 0.3s ease-out;
}
.atf-main-menu > nav > ul > li .sub-menu li {
	position: relative;
	display: block;
}
.atf-main-menu > nav > ul > li .sub-menu li > a {
	font-weight: 600;
	padding: 5px 20px;
	display: block;
	transition: all 0.5s ease;
	text-transform: capitalize;
	text-align: left;
	position: relative;
	font-size: 16px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.atf-main-menu > nav > ul > li:hover > .sub-menu,
 .atf-main-menu > nav > ul > li:hover .atf-mega-menu {
	transform: scaleY(1);
	visibility: visible;
}
.atf-main-menu > nav > ul > li .sub-menu li > a::before {
	position: absolute;
	width: 0px;
	height: 2px;
	top: 50%;
	left: 20px;
	content: "";
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
	background: var(--thm-color);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.atf-main-menu > nav > ul > li .sub-menu li:hover > a::before {
	width: 15px;
	opacity: 1;
	visibility: visible;
}
.atf-main-menu > nav > ul > li .sub-menu li:hover > a {
	padding-left: 40px;
	color: var(--thm-color);
}
#mobile_menu{
	display:none;
}
.atf-sticky-active .atf-main-menu > nav > ul > li > a{
	color: var(--thm-black);
}
.atf-sticky-active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	width: 100%;
	z-index: 99;
	visibility: visible;
	background-color: rgba(255, 255, 255, 0.95);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	-webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
	-khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
	-moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
	-ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
	-o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
	animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px){
	.atf-main-logo img {
		width: 147px;
		height: auto;
		margin: 15px 0;
	}
	.slicknav_menu .slicknav_icon-bar {
		background-color: #fff;
	}
	.slicknav_nav_icon.fas.fa-bars {
		color: var(--thm-white);
	}
	#mobile_menu .slicknav_menu .slicknav_icon {
		float: left;
		width: 14px;
		height: 18px;
	}
	#mobile_menu .slicknav_btn {
		text-shadow: inherit;
	}
	.atf-main-menu{
		display: none ! important;
	}
	#mobile_menu{
		display: block;
		width: 100%;
	}
	#mobile_menu .slicknav_nav{
		background-color: var(--thm-white);
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
	}
	#mobile_menu .slicknav_nav a {
		color: var(--thm-black);
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#mobile_menu {
    	overflow: hidden;
    	position: absolute;
    	right: 0;
    	top: -19px;
    	z-index: 9999;
    }
	#mobile_menu .slicknav_btn {
		margin: 0px;
		background-color: var(--thm-color);
	}
	.slicknav_nav ul {
		margin: 0 0 0 0px;
	}
	#mobile_menu .slicknav_nav ul li ul li{
		margin: 0 0 0 20px ;
	}
	#mobile_menu .slicknav_nav li {
		border-top: 1px solid rgba(0,0,0,0.2);
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
	#mobile_menu .slicknav_nav a:hover {
		color: var(--thm-color);
	}
	#mobile_menu{
		display:block;
	}

}
@media only screen and (max-width:991px) {
	.mt-lg-40{
		margin-top:40px
	}
	.mb-lg-40{
		margin-bottom:40px
	}
}
@media only screen and (max-width: 1399px){
	.atf-main-menu > nav > ul > li {
		margin-left: 25px;
	}
}
@media only screen and (max-width : 1199px) {
	.atf-main-menu > nav > ul > li {
		margin-left: 20px ! important;
	}
	.atf-hero-area .atf-hero-content h1 {
		font-size: 40px! important;
	}
	.mt-xl-40{
		margin-top:40px
	}
	.mb-xl-40{
		margin-bottom:40px
	}

}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.style2_border_bottom{
	 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}	
.atf-home-overlay {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
}
.atf-slider-content {
	padding-top:260px;
	padding-bottom:220px;
}
.atf-slider-content .sub-title{
	color: var(--thm-white);
	text-transform: capitalize;
	background: var(--atf-thm-color);
	display: inline-block;
	border-radius:5px;
	padding: 8px 15px;
	border: 1px solid var(--thm-color);
	font-style:italic;
	font-size:18px;
	font-weight:500;
}
.atf-slider-content .title {
    color: var(--thm-white);
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.atf-slider-content .description {
    color: var(--thm-white);
    font-size: 18px;
    margin: 20px 0 30px;
}
.atf-header-bottom-right .call_to_action_btn .icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	background-color: var(--thm-color);
	color: var(--thm-white);
	border-radius: 30px;
}
.atf-header-bottom-right .call_to_action_btn .icon i {
	display: block;
	transition: all .5s ease-out;
}
.atf-header-bottom-right .call_to_action_btn .call_to_action_content {
	margin-left: 15px;
}
.atf-header-bottom-right .call_to_action_btn .call_to_action_content_text {
	color: var(--thm-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0;
	display: block;
	margin-top: 5px;
}
.atf-header-bottom-right .call_to_action_btn .call_to_action_content_call {
	color: var(--thm-color);
	transition: all .5s ease-out;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
}
.atf-header-bottom-right .call_to_action_btn:hover .call_to_action_content_call{
	color: var(--thm-black);
}
.atf-slick-slider.slick-arrow-1 .slick-arrow {
    left: 0;
    right: auto;
	opacity:0;
	border-radius:50%;
}
.atf-slick-slider.slick-arrow-1 .slick-next {
    right: 0px;
    left: auto;
	opacity:0;
	border-radius:50%;
}
@media (min-width: 1350px) {
    .atf-slick-slider.slick-arrow-1:hover .slick-arrow {
        left: 25px;
        right: auto;
		opacity:1;
    }
    .atf-slick-slider.slick-arrow-1:hover .slick-next {
        right: 25px;
        left: auto;
		opacity:1;
    }
}
@media only screen and (max-width: 1199px) {
    .atf-slider-content .title {
        font-size: 50px;
    }
}
@media (max-width: 768px) {
    .atf-slick-slider.slick-arrow-1 .slick-arrow,
    .atf-slick-slider.slick-arrow-1 .slick-next {
        display: none !important;
    }
    .atf-slick-slider.slick-arrow-1 .slick-dots {
        display: block !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
    .atf-slider-content .title {
        font-size: 40px !important;
    }
    .atf-slider-content .description br {
        display: none;
    }
}
.slick-active .atf-single-slider .sub-title {
    -webkit-animation: 0.5s 0.5s fadeInDown both;
	animation: 0.5s 0.5s fadeInDown both;
}
.slick-active .atf-single-slider .title {
    -webkit-animation: 0.5s 0.5s fadeInUp both;
    animation: 0.5s 0.5s fadeInUp both;
}
.slick-active .atf-single-slider .description {
    -webkit-animation: 0.5s 0.7s fadeInUp both;
    animation: 0.5s 0.7s fadeInUp both;
}
.slick-active .atf-hero-btn {
    -webkit-animation: 0.5s .9s fadeInUp both;
    animation: 0.5s 0.9s fadeInUp both;
}
/*
* ----------------------------------------------------------------------------------------
* RIPPLE WATER HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-ripple-home.atf-cover-bg::before {
	background: rgba(0,0,0,0.7);
	z-index: 0;
}
.atf-aicenter {
	display: flex;
	align-items: center;
	justify-content:center;
}
.atf-hero-content.style-1{
	padding-top:260px;
	padding-bottom:220px;
}
.atf-hero-content .title{
	font-size: 55px;
	font-weight: 700;
	color: var(--thm-white);
	text-shadow: 1px 1px 15px rgba(0,0,0, 0.2);
	letter-spacing:-1.7px;
}
.atf-hero-content .description{
	font-size: 18px;
	margin: 20px 0 35px;
}
@media only screen and (max-width: 991px) {
    .atf-hero-content.style-1 .title{
		font-size:40px;
	}
}
@media only screen and (max-width: 575px) {
    .atf-hero-content.style-1 .title{
		font-size:28px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* WABES HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-waves-home{
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
	object-fit: cover;
	object-position: center;
	vertical-align: middle;
	overflow:hidden;
	z-index:1;
}
.atf-waves-home.atf-cover-bg::before {
	background: rgba(0, 0, 0, 0.5);
}
.atf-web-area {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.atf-web-area svg {
  height: 180px;
}
.atf-wabes-img img {
	border-radius:50% ! important;
}
/*
* ----------------------------------------------------------------------------------------
* PARTICLES HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-particles-area.atf-cover-bg:before{
	background:rgba(0,0,0,0.6);
}
 #particles-js {
  width: 100%;
  height: 100%;
  position: absolute;
}
/*
* ----------------------------------------------------------------------------------------
* BUBBLE HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
#round {
    position: absolute;
    top: 0;
    bottom: 0;
	/* z-index:-1;  */
}
canvas.sketch{
    height: 750px !important;
	 
}
.atf-bubble-clip {
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 83%, 0% 100%, 0 83%);
	clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%, 0 83%);
}
/*
* ----------------------------------------------------------------------------------------
* CLIPE HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-clip-area.atf-cover-bg::before {
	background: rgba(0,0,0,0.6);
}
.atf-clip-area {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);
	clip-path: polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
/*
* ----------------------------------------------------------------------------------------
* START BOOKING DESIGN
* ----------------------------------------------------------------------------------------
*/
#atf-booking-area {
	position: relative;
	top: -90px;
	z-index: 3;
}
.atf-book-now {
	background: transparent;
	padding: 30px 0;
}
.atf-book-now .focus .form-control {
	color: var(--thm-white)!important;
	border-color: var(--thm-color) !important;
	-webkit-box-shadow: none !important;
		  box-shadow: none !important;
}
.atf-book-now .focus .input-group-addon {
	border-color: var(--thm-color) !important;
	color: var(--thm-white)!important;
	background-color: var(--thm-color)!important;
}
.atf-book-now .atf-bn-forms {
	padding: 33px 35px;
	background: var(--thm-black);
	border-radius: 10px;
}
.atf-book-now .atf-bn-forms .input-group-addon:first-child {
	border-left: 0;
}
.atf-book-now .atf-bn-forms .input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
}
.atf-book-now .atf-bn-forms .input-group-addon {
	background-color: transparent;
	color: var(--thm-white);
	border-color: var(--thm-white);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.atf-book-now .atf-bn-forms .input-group-addon:first-child {
	border-radius: 1px 0px 0px 1px;
}
.atf-book-now .atf-bn-forms .input-group .form-control {
	border-radius: 0 1px 1px 0;
}
.atf-book-now .atf-bn-forms .form-control {
	height: auto;
	padding: 8px 12px;
	border-radius: 1px;
	border-color: var(--thm-white);
	color: var(--thm-white);
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	margin-bottom: 0;
}
.atf-book-now .atf-bn-forms .form-control::-webkit-input-placeholder {
	color: var(--thm-white);
}
.atf-book-now .atf-bn-forms .form-control:-moz-placeholder {
  /* Firefox 18- */
	color: var(--thm-white);
}
.atf-book-now .atf-bn-forms .form-control::-moz-placeholder {
  /* Firefox 19+ */
	color: var(--thm-white);
}
.atf-book-now .atf-bn-forms .form-control:-ms-input-placeholder {
	color: var(--thm-white);
}
.atf-book-now .atf-bn-forms .form-control:focus {
	color: var(--thm-white);
	border-color: var(--thm-color);
	-webkit-box-shadow: none;
		  box-shadow: none;
}
.atf-book-now .atf-themes-btn {
	padding: 10px 10px;
	font-size: 14px;
	font-weight: 400;
}
.atf-book-now .atf-bn-forms .col-lg-3,
.atf-book-now .atf-bn-forms .col-md-6,
.atf-book-now .atf-bn-forms .col-6 {
	padding-left: 10px;
	padding-right: 10px;
}
.atf-book-now .atf-bn-forms > form > .row:first-child .row {
	margin-right: -10px;
	margin-left: -10px;
}
.atf-book-now .cs-active > .cs-placeholder {
	border-color: var(--thm-color);
	color: var(--thm-white);
}
.atf-book-now.atf-book-now-light {
	background-color: #f2f2f2;
}
.atf-book-now.atf-book-now-light .atf-bn-title .atf-bn-big {
	color: #16262e;
}
.atf-book-now.atf-book-now-light .cs-active > .cs-placeholder {
	border-color: var(--thm-color);
	color: var(--thm-color);
}
.atf-book-now.atf-book-now-light .atf-bn-forms .form-control {
	border-color: #889195;
	color: #16262e;
}
.atf-book-now.atf-book-now-light .atf-bn-forms .form-control::-webkit-input-placeholder {
	color: rgba(22, 38, 46, 0.5);
}
.atf-book-now.atf-book-now-light .atf-bn-forms .form-control:-moz-placeholder {
  /* Firefox 18- */
	color: rgba(22, 38, 46, 0.5);
}
.atf-book-now.atf-book-now-light .atf-bn-forms .form-control::-moz-placeholder {
  /* Firefox 19+ */
	color: rgba(22, 38, 46, 0.5);
}
.atf-book-now.atf-book-now-light .atf-bn-forms .form-control:-ms-input-placeholder {
	color: rgba(22, 38, 46, 0.5);
}
.atf-book-now.atf-book-now-light .atf-bn-forms .form-control:focus {
	color: #16262e;
	border-color: var(--thm-color);
}
.atf-book-now.atf-book-now-light .atf-bn-forms .input-group-addon {
	color: #16262e;
	border-color: #889195;
}
.atf-book-now.atf-book-now-light .atf-bn-forms div.cs-skin-elastic > span {
	border-color: #889195;
	color: #16262e;
}
.atf-book-now.atf-book-now-light .atf-bn-forms .cs-active > .cs-placeholder {
	border-color: var(--thm-color);
	color: var(--thm-color);
}
.atf-book-now.atf-book-now-light .focus .form-control {
	color: #16262e !important;
	border-color: #e7b315 !important;
	-webkit-box-shadow: none !important;
		  box-shadow: none !important;
}
.atf-book-now.atf-book-now-light .focus .input-group-addon {
	border-color: #e7b315 !important;
	color: #fff !important;
	background-color: #e7b315 !important;
}
.datepicker {
	padding: 4px;
	border-radius: 1px;
	direction: ltr;
	margin: 0;
}
.datepicker:before,
.datepicker:after {
	border-width: 0;
}
.datepicker table tr td,
.datepicker table tr th {
	color: #4b565b;
	border-radius: 0;
	width: 40px;
	height: 35px;
	text-shadow: none;
}
.datepicker table tr td span {
	height: 54px;
	line-height: 54px;
	border-radius: 1px;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.active:hover,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
	color: var(--thm-white);
	background-color: var(--thm-color);
	border-color: var(--thm-color);
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
	text-shadow: none;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	color: #c0c8cb;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
	color: #88979d;
}

.datepicker table tr td.old.disabled,
.datepicker table tr td.new.disabled {
	color: #c0c8cb;
}

div.cs-skin-elastic {
	background: transparent;
	font-size: 14px;
	color: var(--thm-white);
}

div.cs-skin-elastic > span {
	background-color: transparent;
	z-index: 100;
	border: 1px solid var(--thm-white);
	padding:9px 9px;
}
div.cs-skin-elastic > span::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f107';
	font-weight: 900;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
div.cs-skin-elastic .cs-options {
	border: 1px solid #e1eaee;
	-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}
div.cs-skin-elastic .cs-options span {
	padding: 4px 12px;
	color: #4b565b;
}
div.cs-skin-elastic .cs-options .cs-selected span {
	color: var(--thm-color);
}
div.cs-skin-elastic .cs-options .cs-selected span:hover {
	color: var(--thm-white);
}
div.cs-skin-elastic .cs-options .cs-selected span::after {
	content: '';
}
.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span {
	color: var(--thm-white);
	background-color: var(--thm-color);
}
.atf-book-btn .atf-themes-btn:hover{
	transform:rotate(0deg);
	background:var(--thm-white);
	color:var(--thm-black);
}
/*
* ----------------------------------------------------------------------------------------
* END BOOKING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-service-content{
	position:relative;
}
.atf-single-services {
	border-radius: 0px;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	
}
.atf-services-icon {
	display: inline-block;
	transition: .5s ease;
}
.atf-services-text h3 {
	padding: 20px 0 5px 0;
	color: var(--thm-black);
	font-weight: 500;
	font-size:20px;
}
.atf-service-plane {
	position:relative;
}
.atf-service-plane {
	opacity: 0;
	visibility: hidden;
	font-size: 100px;
	position: absolute;
	right: 0px;
	top: 0px;
	color: var(--thm-color);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.atf-single-services:hover .atf-service-plane {
	opacity: 0.1;
	visibility:visible;
}
/**************************************
 * 04. END SERVICE DESIGN
 *************************************/
 
/**************************************
 * 05. START CHOOSE DESIGN
 *************************************/
.atf-choose-box {
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	padding: 20px 20px;
	box-shadow: 0 0 6px rgba(0,0,0, 0.1);
	background: var(--thm-white);
	margin: 12px 0;
}
.atf-choose-box:hover{
	box-shadow: 0 0 15px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.2);
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
}
.atf-single-choose{
	display:flex;
	gap:20px;
}
.atf-choose-icon i {
	font-size: 25px;
	color: var(--thm-color);
	margin-top: 8px;
}
.atf-choose-text h3 {
	padding: 0 0 5px;
	font-size: 20px;
}
.atf-choose-img {
	position: relative;
}
.atf-single-choose-img img{
	position:relative;
}
.atf-single-choose-img .abouttwo {
	padding-left: 35px;
	padding-bottom: 25px;
	width: 100%;
}
.atf-sm-img {
	position: absolute;
	left:0;
	bottom:0;
	box-shadow: 0px 3px 20px 3px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0px 3px 20px 3px rgba(0, 0, 0, 0.07);
	border-radius: 5px;
	border: 7px solid var(--thm-white);
}
.atf-choose-img .waves-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.atf-choose-img .iq-video {
    background: var(--thm-color);
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 20px;
    color: var(--thm-white);
    border-radius: 100%;
    line-height: 53px;
    z-index: 9;
    position: relative;
    border: 8px solid var(--thm-white);
}
.atf-choose-img .iq-video i {
	margin-left: 3px;
}
.atf-choose-img .iq-waves {
	position: absolute;
	left: -30px;
	top: -30px;
	z-index: 2;
}
.atf-choose-img .iq-waves .waves {
	position: absolute;
	width: 130px;
	height: 130px;
	background: rgba(246, 31, 31, 0.56);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 50%;
	background-clip: padding-box;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}
.atf-choose-img .iq-waves .wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.atf-choose-img .iq-waves .wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.atf-choose-img .iq-waves .wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
/**************************************
 * 05. END CHOOSE DESIGN
 *************************************/
/*

/**************************************
 * 06. START GALLERY DESIGN
 *************************************/
#portfolio {
    position: relative;
	overflow: hidden;
}
.atf-portfolio-area .portfolio-filter button {
	font-size: 15px;
	background: transparent;
	margin: 0 15px 20px 0;
	overflow: hidden;
	text-transform: capitalize;
	display: inline-block;
	padding: 8px 15px;
	transition: 0.4s;
	outline: none;
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
	border-radius: 4px;
	font-weight: 500;
}
.atf-portfolio-area .portfolio-filter button:hover,
.atf-portfolio-area .portfolio-filter button.active {
	color: var(--thm-white);
	background: var(--thm-color);
}
.display-table {
	display: table;
	height: 100%;
	width: 100%;
}
.display-table-cell{
	display: table-cell;
	vertical-align: middle;
}
.atf-portfolio-area .atf-single-portfolio {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.atf-portfolio-area .atf-single-portfolio .atf-portfolio-content {
	position: absolute;
	width: 100%;
	bottom: 30%;
	left: 0;
	text-align: center;
	z-index: 10;
	padding: 25px;
	opacity: 0;
	-webkit-transition: 0.5s all ease-out;
	transition: 0.5s all ease-out;
}
.atf-portfolio-area .atf-single-portfolio:hover .atf-portfolio-content {
	opacity: 1;
	bottom: 0;
}
.atf-portfolio-area .atf-single-portfolio .atf-portfolio-content::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: -1;
	-webkit-transition: .25s opacity ease;
	transition: .25s opacity ease;
	opacity: 0.8;
	border-radius:4px 5px;
}
.atf-portfolio-area .atf-single-portfolio .atf-portfolio-img img {
	width: 100%;
	border-radius:4px 5px;
}
.atf-portfolio-area .atf-single-portfolio .p-zoom {
	display: inline-block;
	font-size: 14px;
	color: var(--thm-white);
	transition: all 0.3s ease 0s;
	height: 46px;
	line-height: 44px;
	width: 46px;
	border: 1px solid var(--thm-white);
	border-radius: 50%;
	text-align: center;
}
.atf-portfolio-area .atf-single-portfolio .p-zoom:hover {
	background: var(--thm-white);
	color: var(--thm-black);
}
.atf-portfolio-area .atf-single-portfolio .p-title {
	font-size: 20px;
	line-height: normal;
	margin-top: 25px;
	color: var(--thm-white);
	margin-bottom: 0;
}
.atf-portfolio-area .atf-single-portfolio .p-title a {
	color: var(--thm-white);
}
.atf-portfolio-area .atf-single-portfolio .p-title a:hover {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

/**************************************
 * 06. END GALLERY DESIGN
 *************************************/
 /**************************************
 * 07. START COUNTER DESIGN
 *************************************/
.atf-counter {
	padding: 30px;
	box-shadow: 0 0 15px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.1);
	background: var(--thm-white);
	font-family: var(--thm-font);
	text-align: center;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.atf-counter:hover {
	box-shadow: 0 0 15px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.2);
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
}
.atf-counter .atf-counter-value {
	color: var(--thm-color);
	font-size: 30px;
	font-weight: 700;
	display: block;
}
.atf-counter h3 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight:500;
	margin-top:10px;
}
.atf-counter-icon img{
	width:50px;
}
.atf-counter .atf-counter-value{ color: var(--thm-color); }
@media screen and (max-width:991px){
    .atf-counter{ margin-bottom: 25px; }
}
/*
* ----------------------------------------------------------------------------------------
* 07. END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 08. START TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.atf-single-deal {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	border-radius: 4px 5px;
	overflow: hidden;
	margin-bottom: 24px;
	text-align: center;
}
.atf-single-deal figure {
	position: relative;
	text-align: center;
	margin: 0;
}
.atf-single-deal figure:hover:before{
	opacity: 1;
}
.atf-single-deal figure:before{
	position: absolute;
	content: '';
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity:0;
	transition: 0.3s ease-in-out 0s;
}
.atf-single-deal figure img {
    position: relative;
    display: block;
    width: 100%;
}
.atf-single-deal h4{
	margin-bottom: 7px;
	font-size: 20px;
	text-align: center;
	transition: .2s;
	color: var(--thm-white);
}
.atf-single-deal p{
	margin-bottom: 0;
	font-size: 14px;
	color: var(--thm-white);
}
.atf-single-deal figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
	width: 100%;
	padding: 20px 20px;
	text-align: center;
	background: var(--thm-color);
	color: var(--thm-white);
	z-index: -1;
	transition: 0.3s ease-out 0s;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
.atf-single-deal:hover figcaption {
	bottom: 0;
	z-index: 1;
	height: 100px;
	transition: 0.5s ease-out 0.2s;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 09. START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.atf-single-package {
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
.atf-single-package:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
	-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
}
.atf-pack-img {
	position: relative;
	transition: .5s;
	overflow: hidden;
	border-radius: 5px;
}
.atf-pack-img:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	opacity: 0;
	transition: .5s;
}
.atf-pack-img:hover:before{
	opacity: 1;
}
.atf-pack-price {
	font-weight: 500;
	color: var(--thm-black);
	font-size: 15px;
	position: absolute;
	bottom: 0px;
	left: 0;
	background: var(--thm-white);
	display: inline-block;
	z-index: 1;
	padding: 10px 14px 0 10px;
	letter-spacing: 1px;
}
.atf-single-package .atf-tour-low-rate {
	font-weight: 500;
	color: var(--thm-black);
	font-size: 15px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: var(--thm-white);
	z-index: 1;
	opacity: 0.8;
}
.atf-tour-low-rate {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
}
.atf-tour-locaton{
	font-size:16px;
}
.atf-tour-locaton i {
	color: var(--thm-color);
	float: left;
	margin-top: 5px;
}
.atf-package-hover .atf-tour-rating {
	color: var(--thm-color);
	text-align: left;
}
.atf-single-package .atf-package-hover {
	padding: 30px;
	background: var(--thm-white);
}
.atf-single-package img{
	width: 100%;
	position: relative;
}
.atf-single-package h4 {
	margin: 5px 0 20px;
	font-weight: 600;
	transition: all 0.3s ease-in-out 0s;
}
.atf-single-package h4:hover {
	color: var(--thm-color);
}
.atf-single-package .atf-rating{
	margin-bottom: 5px;
}
.atf-tour-time i{
	color: var(--thm-color);
}
.atf-single-package .atf-tour-time {
	text-transform: capitalize;
	display: flex;
	align-items: center;
	min-height: 100%;
}
.atf-time-zone {
	display: flex;
	align-items: center;
	min-height: 100%;
	margin-top:12px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 09.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.atf-partner-logo {
  position: relative;
  background: var(--thm-f6);
}
.atf-partner { text-align: center }
.atf-partner-logo .owl-carousel .owl-item img {
	box-shadow: 0 0 15px rgba(0,0,0, 0.1);
	display: inline-block;
	max-width: 100%;
	border-radius: 4px;
	background: var(--thm-white);
}
/*
* ----------------------------------------------------------------------------------------
* 10. END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/**************************************
 * 11. START BLOG DESIGN
 *************************************/
.atf-blog-area .atf-single-blog {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.1);
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
}
.atf-blog-content {
	padding: 5px 15px 30px 20px;
	background: var(--thm-white);
}
.atf-post-img  img{width:100%;}
.atf-post-img .atf-blog-tag a {
	overflow: hidden;
	position: relative;
}
.atf-post-img .atf-blog-date a {
	color: var(--thm-white);
	font-size: 14px;
	background: var(--thm-color);
	padding: 5px 15px;
	border-radius: 3px;
}
.atf-post-img .atf-blog-date {
	content: '';
	position: absolute;
	top: 20px;
	right: 18px;
	color: var(--thm-white);
}
.atf-post-img .atf-blog-date1 a {
	color: var(--thm-white);
	font-size: 14px;
	background: var(--thm-color);
	padding: 5px 15px;
	border-radius: 3px;
}
.atf-post-img .atf-blog-date1 {
	content: '';
	position: absolute;
	bottom: 15px;
	right: 18px;
	color: var(--thm-white);
}
.atf-blog-content .atf-blog-tag {
	font-weight:400;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.atf-blog-content .atf-single-blog-icon {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.atf-single-blog .atf-blog-content h4 {
	padding-top:10px;
	transition: all 0.3s ease-in-out 0s;
}
.atf-single-blog .atf-blog-content p {
	padding: 15px 5px 15px 0;
	font-size:14px;
}
.atf-single-blog-icon i{
	color: var(--thm-color);
}
.atf-blog-btn .atf-blog-icon {
	opacity:0;
	visibility:hidden;
	transform: translateX(-15px);
	transition: all 0.3s ease-in-out 0s;
}
.atf-blog-btn .atf-themes-btn {
	text-transform: capitalize;
	font-size: 15px;
	background: transparent;
	color: var(--thm-color);
	box-shadow: none;
	padding: 0;
	font-weight: 600;
	transition: 0.5s all ease-in-out 0s;
	transform: translateY(-0px);
	letter-spacing: 0;
}
.atf-blog-btn .atf-themes-btn:hover  .atf-blog-icon{
	transform: translateX(0px);
	opacity:1;
	visibility:visible;
	transition:all 0.5s ease-in-out 0s;
}
.atf-blog-btn .atf-themes-btn:hover{
	color: var(--thm-black);
	text-decoration:underline;
}

/**************************************
 * 11. END BLOG DESIGN
 *************************************/
 /**************************************
 * 12. START TESTIMONIAL DESIGN
 *************************************/
#testimonial{
	position: relative;
	text-align: center;
	z-index:1;
}
.atf-testimonial-item {
	overflow: hidden;
	position: relative;
	padding: 30px 0;
	margin: 0 15px;
	border-radius: 3px;
}
.atf-testimonial-name h3{
	font-size:20px;
}
.atf-testimonial-item .atf-testimonial-image img {
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	width: 120px;
	box-shadow: 0 6px 15px rgba(0,0,0,0.3);
	border: 5px solid var(--thm-color);
}
.atf-testimonial-inner {
	display: block;
	color: var(--thm-white);
}
.atf-testimonial-inner .atf-testimonial-text {
	font-size: 15px;
	line-height: 1.8;
	font-weight: 400;
	margin-bottom: 0;
	color: var(--thm-p);
	display: block;
	padding: 20px 30px;
	font-style: italic;
}
.atf-testimonial-black {
	color: var(--thm-color) !important;
}
.atf-testimonial-star-icon i{
	cursor:pointer;
	color: var(--thm-black);
	margin-top:7px;
}
.atf-testimonial-designation span {
	font-style: italic;
	font-size: 13px;
	font-weight:normal;
}
 /**************************************
 * 12. END TESTIMONIAL DESIGN
 *************************************/
 /**************************************
 * 13. START CONTACT DESIGN
 *************************************/
.atf-contact-area.atf-cover-bg:before {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.footer-overlay {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}
.atf-contact-bg{
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	padding:45px;
	background:var(--thm-white);
	border-radius:12px;
 }
.atf-contact-bg h3 {
	margin-bottom: 35px;
}
.atf-contact-address {
	border-bottom: 1px solid #ddd;
	padding-bottom: 17px;
	display: block;
	overflow: hidden;
}
.atf-contact-address1{
	border-bottom:none ! important;
}
.atf-contact-details {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
.atf-contact-details i {
	font-size: 20px;
	color: var(--thm-color);
	float: left;
	margin-top: 4px;
}
.atf-contact-details h4 {
	color: var(--thm-black);
	font-weight: 500;
	font-size: 20px;
}
.atf-contact-details p{
	color: var(--thm-black);
	display: block;
    overflow: hidden;
}
.atf-contact-form .button {
    margin: 0;
}
.atf-contact-area .form-group{
	margin-bottom:25px;
}
.atf-main-contact input,
.atf-main-contact textarea {
	width: 100%;
	padding: 10px 20px;
	border: 0;
	background-color: var(--thm-f6);
	font-weight: 400;
	color: var(--thm-black);
	border: 1px solid #ddd;
	border-radius: 8px;
}
.atf-main-contact textarea {
    max-height: 120px;
    max-width: 100%;
	color: var(--thm-black);
}
.form-message{
	color: var(--thm-black);
}
.atf-contact-btn .atf-themes-btn {
	color: var(--thm-white);
	width:100%;
	transform:translate(-0px);
}
 /**************************************
 * 13. END CONTACT DESIGN
 *************************************/
/*
* ----------------------------------------------------------------------------------------
* 14. START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
#map-area iframe {
    width: 100%;
    height: 500px;
	display:block;
}
/*
* ----------------------------------------------------------------------------------------
* END MAP DESIGN
* ----------------------------------------------------------------------------------------
/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-footer-area {
	background: var(--thm-black);
}
.atf-footer-logo img {
	width: 160px;
	height: auto;
	margin-bottom: 20px;
}
.atf-mailchamp-subscribe{
	position:relative;
}
.atf-mailchamp-subscribe input {
	background: var(--thm-white);
	color: var(--thm-black);
	border: 1px solid #eee;
	width: 100%;
	height: 50px;
	padding-left: 15px;
	font-size: 14px;
	border-radius: 5px;
}
.atf-mailchamp-subscribe .btn i {
	font-size: 35px;
	color: var(--thm-color);
}
.atf-mailchamp-subscribe .btn {
    position: absolute;
    right: 0px;
    background: transparent;
    box-shadow: none;
    top: 0;
}
.atf-mailchamp-subscribe .atf-subscription-label {
	color: var(--thm-white);
}
.atf-instragram {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}
.atf-footer-boottom {
	padding: 30px 0;
	background: var(--thm-f1);
}
.atf-footer-box p {
    color: var(--thm-white);
    margin-bottom: 20px;
}
.atf-footer-box strong{
	font-weight:700;
}
.atf-footer-area .atf-footer-link {
	position: relative;
}
.atf-footer-area .atf-footer-link::after {
	content: '';
	position: absolute;
	left: 0px;
	top: 35px;
	background: var(--thm-color);
	width: 50px;
	height: 3px;
}
.atf-footer-link h5 {
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: 600;
	color: var(--thm-white);
}
.atf-footer-link .atf-list-menu li a {
    color: var(--thm-white);
    margin-bottom: 10px;
    display: block;
    position: relative;
    overflow: hidden;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.atf-footer-link .atf-list-menu li a:hover {
	color: var(--thm-color);
	padding-left: 4px;
}
.atf-footer-link .atf-list-menu li a span {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    font-weight: 500;
    font-family: var(--thm-font);
}
.atf-footer-boottom  p{
	color: var(--thm-black);
}
.atf-footer-boottom a {
	color: var(--thm-black);
	font-weight: 700;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	text-decoration:underline;
}
.atf-footer-boottom a:hover{
	color:  var(--thm-color);
	text-decoration:inherit;
}
.atf-footer-social-icon li {
	display: inline-block;
	margin-right: 10px;
}
.atf-footer-social-icon li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: var(--thm-color);
	color: var(--thm-white);
	display: block;
	border-radius:5px;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.atf-footer-social-icon li a:hover{
	background:var(--thm-black);
	color: var(--thm-white);
}
/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/* OWL DOT & NAV DESIGN */
.owl-theme .owl-controls {
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-pagination {
    width: 140px;
    padding: 10px;
    margin: 0 auto;
    line-height: 13px;
    background: #fe7f8b;
}
.owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: transparent;
    border: 1px solid  var(--thm-white);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 4px solid  var(--thm-white);
}
/* OWl DOT DESIGN */
.atf_owl_dot_slider .owl-dots {
    margin-top: 30px !important;
    text-align: center;
}
.atf_owl_dot_slider .owl-controls {
    margin-top: -25px;
}
.atf_owl_dot_slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    border-radius: 5px;
    background: var(--thm-color);
    border: 1px solid var(--thm-color);
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.atf_owl_dot_slider .owl-dots .owl-dot.active span {
    width: 35px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--thm-color);
    background: var(--thm-color);
    display: inline-block;
}
/* OWl NAV DESIGN */
.atf_owl_nav_slider {
    position: relative;
}
.atf_owl_nav_slider .owl-nav .owl-next,
.atf_owl_nav_slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: var(--thm-white) !important;
    opacity: 1;
    font-size: 20px !important;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 50px;
    height: 50px;
    line-height: 48px !important;
    background: var(--thm-color) !important;
    border-radius: 50%;
}

.atf_owl_nav_slider .owl-nav .owl-prev {
    left: -25px;
}
.atf_owl_nav_slider .owl-nav .owl-next {
    right: -25px;
}
.atf_owl_nav_slider1:hover .owl-nav .owl-prev {
    left: -38px;
    opacity: 1;
}
.atf_owl_nav_slider1:hover .owl-nav .owl-next {
    right: -38px;
    opacity: 1;
}
@media screen and (min-width: 270px) and (max-width: 480px) {
    .atf_owl_nav_slider .owl-nav .owl-prev,
    .atf_owl_nav_slider .owl-nav .owl-next {
        display: none;
    }
}
/* END OWL DOT & NAV DESIGN */
/*
* ----------------------------------------------------------------------------------------
* START SLICK DESIGN
* ----------------------------------------------------------------------------------------
*/
.slick-arrow-2 .slick-arrow {
    cursor: pointer;
    position: absolute;
    top: -120px;
    height: 60px;
    width: 60px;
    line-height: 58px;
    display: block;
    left: auto;
    right: 100px;
    border: 1px solid;
    text-align: center;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}
.slick-arrow-2 .slick-arrow:hover {
    background-color: var(--thm-color);
    border-color: var(--thm-color);
    color: var(--thm-white) !important;
}

.slick-arrow-2 .slick-next {
    right: 15px;
    background-color: var(--thm-white);
    border-color: var(--thm-color);
    color: var(--thm-color) !important;
}

.slick-arrow-2 .slick-prev {
    background-color: var(--thm-color);
    border-color: var(--thm-color);
    color: var(--thm-white) !important;
}

/* slick-arrow */
.slick-arrow {
    cursor: pointer;
    z-index: 3;
}

/* slick-arrow-1 */
.slick-arrow-1 .slick-arrow {
    background-color: var(--thm-white);
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 15px;
    right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    line-height: 48px;
    display: block;
    border: 1px solid var(--thm-color);
    border-radius: 50%;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    font-size: 20px;
    color: var(--thm-color) !important;
    z-index: 1;
    opacity: 0;
    visibility: visible;
}
.slick-arrow-1 .slick-arrow:hover {
    background-color: var(--thm-color);
    border-color: var(--thm-color);
    color: var(--thm-white) !important;
}

.slick-arrow-1 .slick-next {
    right: 15px;
    left: auto;
}

.slick-arrow-1:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.slick-arrow-1-inner.slick-arrow-1:hover .slick-arrow {
    left: 50px;
    right: auto;
}

.slick-arrow-1-inner.slick-arrow-1:hover .slick-next {
    right: 50px;
    left: auto;
}

@media (min-width: 1350px) {
    .slick-arrow-1:hover .slick-arrow {
        left: -50px;
        right: auto;
    }
    .slick-arrow-1:hover .slick-next {
        right: -50px;
        left: auto;
    }
}
/* ----------------------------------------------------
    Slick Slider Dots, Arrow
---------------------------------------------------- */
/* Slick dots */
.slick-dots {
    margin: 30px 0 0px;
    padding: 0;
    display: block;
    text-align: center;
    line-height: 1;
}
.slick-dots li {
    display: inline-block;
    list-style: none;
    display: inline-block;
    font-size: 0;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin-right: 10px;
    background-color: var(--thm-color);
    cursor: pointer;
    margin-top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.slick-dots li button {
    display: none;
}
.slick-dots li:hover,
.slick-dots li.slick-active {
    background-color: var(--thm-color);
    height: 15px;
    width: 15px;
    margin-bottom: -2px;
}
/*
* ----------------------------------------------------------------------------------------
* END SLICK DESIGN
* ----------------------------------------------------------------------------------------**/