/*
Author       : Theme-Family
Template Name:	Azim - Tour & Travel Agency HTML Template
Version      : 1.0.1
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (BODY, LINK COLOR, SECTION TITLE, PRELOADER, SCROLL TO TOP, BTN, SECTION PADDING etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
		---WABES HOME DESIGN
		---START BOOKING 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: 'Roboto', sans-serif;
	--thm-font2: 'Poppins', sans-serif;
	--thm-base: #1abc9c;
	--thm-color: #0984e3;
	--thm-black: #211E3B;
	--thm-white: #ffffff;
	--text-body: #858585;
	--thm-ase: #afb2bf;
	--thm-gray: #8e8e8e;
	--thm-f6: #F1F8FF;
	--thm-fb: #f6f6f6;
	--thm-yellow: #fdcb6e;
}
html{
	overflow-x: hidden;
	height: 100%;
}
body {
	font-family: var(--thm-font);
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: var(--text-body);
}
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-font2);
}

h1 {
    font-size: 40px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 20px;
	line-height:1.4;
	font-weight:600;
}
h4 {
    font-size: 18px;
	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: 16px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.9;
    font-family:var(--thm-font);
    color: var(--text-body);
}
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;
}
.atf-color-ase{
	color:var(--thm-ase)
}
.no-border{
	border:none! important;
}
/**************************************
 * START FONT SIZE DESIGN
 *************************************/
.f-10 {
  font-size: 10px;
}

.f-12 {
  font-size: 12px;
}

.f-13 {
  font-size: 13px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px;
}

.f-17 {
  font-size: 17px;
}
/*
* ----------------------------------------------------------------------------------------
* 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 
* ----------------------------------------------------------------------------------------
*/

.atf-scroll-top {
	position: fixed;
	right: 105%;
	bottom: 70px;
	z-index: 99;
	cursor: pointer;
	transition: 1.5s ease;
	border: none;
	background: transparent; 
}
.atf-scrollup-icon:hover{
	background: var(--thm-black);
}
.atf-scrollup-icon {
	font-size: 25px;
	width: 60px;
	height: 60px;
	background: var(--thm-color);
	line-height: 60px;
	color: var(--thm-white);
	border-radius: 50%;
	transform: rotate(-90deg);
}
.atf-scroll-top.open {
	right: 30px; }
/*
* ----------------------------------------------------------------------------------------
* BTN
* ----------------------------------------------------------------------------------------
*/	
.atf-themes-btn {
	color: var(--thm-white);
	background: var(--thm-color);
	border-radius: 4px;
	font-size: 16px;
	padding: 16px 40px;
	font-weight: 500;
	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;
}
.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(-5px);
}
.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-top: 120px;
    padding-bottom: 120px;
}
@media only screen and (max-width:991px) {
	.pt-80.pb-60,
	.pt-120.pb-95,
	.atf-section-padding {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
}
@media only screen and (max-width:576px) {
	.pt-80.pb-60,
	.pt-120.pb-95,
	.atf-section-padding {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* SECTION TITLE
* ----------------------------------------------------------------------------------------
*/
.atf-section-title {
	margin-bottom: 60px;
	position: relative;
}
.atf-section-title .atf-sheading {
	color: var(--thm-white);
	letter-spacing: 0.08em;
	background: var(--thm-color);
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 14px;
	margin-bottom:15px;
}
.atf-section-title .title {
	line-height: 1.3;
	color: var(--thm-black);
	text-transform: capitalize;
	font-family: var(--thm-font);
}
.atf-section-title p {
	margin-top: 25px;
}
.atf-section-title .animated-line {
	height: 4px;
	width: 70px;
	margin: 15px auto 20px auto;
	position: relative;
	border-radius: 30px;
	text-align: center;
}
.atf-main-watermark{
	position:relative;
}
.atf-watermark-icon {
	position: absolute;
	top: 50px;
	font-size: 100px;
	opacity: 0.1;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite; 
	-webkit-animation-name: MOVE-BG;
	animation-name: MOVE-BG;
}
.atf-section-title .animated-line,
.atf-section-title .animated-line::before {
	background: var(--thm-color);
}
.atf-section-title .animated-line:before {
	content: '';
	position: absolute;
	left: 0;
	top: -3px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: MOVE-BG;
	animation-name: MOVE-BG;
}
 @-webkit-keyframes MOVE-BG {
 from {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
to {
	-webkit-transform: translateX(65px);
	transform: translateX(65px);
}
}
 @keyframes MOVE-BG {
 from {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
to {
	-webkit-transform: translateX(65px);
	transform: translateX(65px);
}
}
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/	
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo {
	width: 147px;
	height: auto;
	margin-top: 10px;
}
.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
	padding:10px 0 0;
    opacity: .98;
    width: 100%;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: var(--thm-black);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation {
	padding: 10px 0 10px;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	margin-left: 25px;
	position: relative;
}
#main-menu ul li a {
	color: var(--thm-white);
	font-weight: 400;
	text-transform: capitalize;
	font-family: var(--thm-font);
	transition: .5s;
	font-size: 17px;
	padding: 24px 0 26px;
	border-bottom: 1px solid transparent;
	display: block;
}

#navigation.navbar-fixed #main-menu ul li a{
	color: var(--thm-white);
	padding: 22px 0 22px;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: var(--thm-color);
}
#main-menu ul li > a:hover,
#main-menu ul li > a:focus{
	border-bottom: 1px solid var(--thm-color);
}
#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
	border-bottom: 1px solid transparent;
}
.slicknav_nav_icon{
	color: var(--thm-white);
	font-size: 24px;
}
#mobile_menu{
	display: none;
}
/*-------------------------------
# dropdwon menu 
--------------------------------*/
#navigation #main-menu ul li ul,
#navigation #main-menu ul li ul li ul {
	background: var(--thm-black);
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: 0;
	list-style: outside none none;
	margin: 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	text-align: left;
	top: 100%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 180px;
	z-index: 999;
	border-radius: 4px;
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}
#navigation.navbar-fixed #main-menu ul li ul li a,
#navigation #main-menu ul li ul li a {
	color: var(--thm-white);
	display: block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	padding: 5px 12px;
	position: relative;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
}

#navigation #main-menu ul li ul li a:hover{
	color: var(--thm-white)!important;
	text-decoration: none;
	padding-left: 15px;
}
/*
* ----------------------------------------------------------------------------------------
* MENU RESPONSIVE DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 991px){
	#main-menu{
		display: none;
	}
	#main-menu ul li a .arrow-btn{
		display:none;
	}
	#mobile_menu {
		display: block;
		position: absolute;
		right: 0;
		top: -2px;
		z-index: 9999;
	}
	.slicknav_nav {
		background-color: var(--thm-black);
		width: 250px;
		float: right;
		overflow-y: scroll;
		height: 250px;
	}
	#navigation #mobile_menu li a{
		color: var(--thm-white);
		font-weight: 400;
		font-family: var(--thm-font);
	}
	#navigation #mobile_menu li li a{
		color: var(--thm-black);
	}
	#navigation #mobile_menu li i{
		display: none;
	}
	#navigation ul li ul, #navigation ul {
		transition: .5s;
	}
	#navigation.navbar-fixed #mobile_menu li a{
		color: var(--thm-white);
	}
	.slicknav_nav a {
		padding: 3px 0px;
		transition: .5s;
	}
	#navigation #mobile_menu li a:hover,
	#navigation #mobile_menu li a:focus{
		color:var(--thm-color);
	}
	.slicknav_btn {
		top: 10px;
	}
	.site-logo {
		margin-top: 0px;
	}
	.slicknav_parent ul {
		background-color: var(--thm-black)!important;
	}
	#navigation {
		padding: 10px 10px;
	}
	.navbar-fixed .atf-main-header-in.styles1.px-4.black-bg.mt-10.rounded {
		margin-top: 0;
	}
}
@media only screen and (max-width: 767px){
	
	.slicknav_btn {
		top: 7px;
	}
	
}
@media only screen and (max-width: 576px){
	.slicknav_nav{
		margin-top:0;
	}
	
}
/*
* ----------------------------------------------------------------------------------------
* MENU RESPONSIVE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 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;
}
/*
* ----------------------------------------------------------------------------------------
* HOME DEFAULT DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-hero-area.atf-cover-bg:before{
	background:rgba(0,0,0,0.6);
}
.atf_align_item_details {
    display: flex;
    align-items: center;
    justify-content: center;
}
.atf-hero-content .sub-title{
	color: var(--atf-thm-white);
	text-transform: capitalize;
	background: var(--atf-thm-color);
	display: inline-block;
	border-radius:5px;
	padding: 8px 15px;
	outline-offset: -5px;
	border: 1px solid var(--atf-thm-color);
	font-style:italic;
	font-size:18px;
	font-weight:400;
	letter-spacing:3px;
}
.atf-hero-content {
	padding-top:260px;
	padding-bottom:220px;
}
.atf-hero-content .describtion {
    margin: 20px 0 30px !important;
    font-size: 18px;
    color: var(--thm-white);
}
.atf-hero-content .title {
    font-size: 60px;
    color: var(--thm-white);
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    line-height: 1.0;
}
.atf-hero-content .title span {
    display: inline-block;
}
.atf-hero-btn-area {
    gap: 20px;
}
.atf-hero-img img {
	border-radius: 50%;
}
@media (max-width: 991px) {
    .atf-hero-content .title{
		font-size:40px;
	}
	.atf-hero-content br{
		 display:none;
	 }
}
@media (max-width: 575px) {
    .atf-hero-content .title{
		font-size:30px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 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.7);
}
 #particles-js {
  width: 100%;
  height: 100%;
  position: absolute;

}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
/*
* ----------------------------------------------------------------------------------------
* START BOOKING DESIGN
* ----------------------------------------------------------------------------------------
*/

.atf-book-now {
  background: var(--thm-black);
  padding: 30px 0;
}

.atf-book-now .atf-bn-title {
	font-family: var(--thm-font);
	color: var(--thm-white);
	font-size: 30px;
	line-height: 43px;
	text-transform: uppercase;
	margin: 0;
	padding: 20px 0;
	-webkit-box-shadow: 3px 0 var(--thm-white);
	box-shadow: 3px 0 var(--thm-white);
}

.atf-book-now .atf-bn-title .atf-bn-big {
	display: block;
	font-size: 17px;
	line-height: 28px;
	color: var(--thm-white);
}
.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: 36px 0px;
	margin-left: 30px;
}
.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: 12px 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-bn-forms .btn {
	padding: 9px 12px;
}
.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:13px 12px;
}

div.cs-skin-elastic > span::after {
	font-family: 'Font Awesome 7 Free';
	content: '\f0d7';
	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-single-services {
	box-shadow: 0 0 15px rgba(0,0,0, 0.1);
	padding: 30px 15px;
	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;
	position: relative;
}
.atf-single-services:hover {
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	box-shadow: 0 0 15px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.2);
}
.atf-services-icon {
	display: inline-block;
	transition: .5s ease;
}
.atf-services-text h3 {
	padding: 20px 0 5px 0;
	color: var(--thm-black);
	font-size:20px;
}
.atf-single-services .atf-service-plane {
	font-size: 170px;
	position: absolute;
	left: 0;
	bottom:0;
	color: var(--thm-color);
	opacity: 0;
	-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-single-services:hover .atf-service-plane {
	opacity: 0.1;
}
@media only screen and (max-width : 991px) {
	.atf-single-services{
		margin:12px 0;
	}
}
/**************************************
 * 04. END SERVICE DESIGN
 *************************************/
 
/**************************************
 * 05. START CHOOSE DESIGN
 *************************************/
.atf-choose-icon i{
	font-size:25px;
	color:var(--thm-color);
}
.atf-choose-text h3{
	padding:20px 0 5px;
	font-size:20px;
}
.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 15px;
	box-shadow: 0 0 15px 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-choose-img {
	position: relative;
}
.atf-single-choose-img{
	display:block;
	overflow:hidden;
}
.atf-choose-img img {
    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;
}
.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(74, 130, 238, 0.5);
	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)";
	}
}
/**************************************
 * 04. END CHOOSE DESIGN
 *************************************/
/*

/**************************************
 * 05. START GALLERY DESIGN
 *************************************/
#portfolio {
    position: relative;
	overflow: hidden;
}
.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-bottom: 20px;
}
.atf-portfolio-area .atf-single-portfolio .atf-portfolio-content {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 30%;
	left: 0;
	text-align: center;
	z-index: 10;
	padding: 25px;
	opacity: 0;
	-webkit-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.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;
}
.atf-portfolio-area .atf-single-portfolio:hover .atf-portfolio-content {
	opacity: 1;
	bottom: 0;
}
/**************************************
 * 06. END GALLERY DESIGN
 *************************************/
 /**************************************
 * 07. START COUNTER DESIGN
 *************************************/
.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 {
	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;
	border-radius: 20px;
}
.atf-counter .atf-counter-value {
	color: var(--thm-color);
	font-size: 30px;
	font-weight: 700;
	display: block;
}
.atf-counter h3 {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.atf-counter-icon .counter_icon{
	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 {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 25px;
	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(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%);
	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%;
	border-radius:20px;
}
.atf-single-deal h3{
	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;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
	padding: 15px 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 {
	top: 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 {
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 20px;
	-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-pack-img {
	position: relative;
	transition: .5s;
	overflow: hidden;
	border-radius: 0px;
}
.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-single-package:hover .atf-pack-img:before{
	opacity: 1;
}
.atf-pack-price {
	font-weight: 400;
	color: var(--thm-black);
	font-size: 18px;
	position: absolute;
	bottom: 0px;
	right: 0;
	background: var(--thm-white);
	display: inline-block;
	z-index: 1;
	padding: 12px 10px 0 20px;
	opacity: 0.8;
	padding-bottom:5px;
}
.atf-single-package .atf-tour-locaton {
	font-weight: 400;
	color: var(--thm-black);
	font-size: 18px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: var(--thm-white);
	display: inline-block;
	z-index: 1;
	padding: 8px 10px 0px 10px;
	border-radius: 5px;
	opacity: 0.8;
	padding-bottom: 5px;
}
.atf-tour-locaton i{
	color: var(--thm-color);
}
.atf-package-hover .atf-tour-rating {
	color: var(--thm-color);
	text-align: right;
}
.atf-single-package .atf-package-hover {
	padding: 30px;
}
.atf-single-package img{
	width: 100%;
	position: relative;
}
.atf-single-package h3 {
	margin: 15px 0 5px;
	text-transform: capitalize;
	font-weight: 600;
}
.atf-single-package .atf-rating{
	margin-bottom: 3px;
}
.atf-single-package .atf-time-zone {
	text-align: left;
	text-transform: capitalize;
	color: var(--thm-color);
	display: inline-block;
	float: left;
}
.atf-package-btn {
	padding: 15px 0 5px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 09.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.atf-partner-logo {
  position: relative;
}
.atf-partner { text-align: center }
.atf-partner-logo .owl-carousel .owl-item img {
	display: inline-block;
	background: #c2dcf2;
	border-radius: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* 10. END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/**************************************
 * 11. START BLOG DESIGN
 *************************************/
.atf-blog-area .atf-single-blog {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	border:1px solid #ddd;
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
	overflow: hidden;
}
.atf-single-blog:hover {
	transform: translateY(-5px);
}
.atf-blog-content {
	padding: 5px 15px 30px 20px;
}
.atf-post-img  img{width:100%;}
.atf-post-img {
	padding: 15px;
}
.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: 30px;
	right: 26px;
	color: var(--thm-white);
}
.atf-blog-content .atf-blog-tag {
	font-weight:300;
	-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 h3 {
	padding-top:10px;
	font-size:20px;
}
.atf-single-blog-icon i{
	color: var(--thm-color);
}
.atf-blog-btn .atf-themes-btn {
	text-transform: capitalize;
	font-size: 15px;
	background: transparent;
	color: var(--thm-black);
	box-shadow: none;
	transform: translateY(0px);
	padding: 0;
	font-weight: 600;
}
.atf-blog-btn .atf-themes-btn:hover{
	color: var(--thm-color);
}
@media screen and (max-width:991px){
    .atf-single-blog{ margin-bottom: 25px; }
}
/**************************************
 * 11. END BLOG DESIGN
 *************************************/
 /**************************************
 * 12. START TESTIMONIAL DESIGN
 *************************************/
#testimonial{
	background: var(--thm-f6);
	position: relative;
	text-align: center;
	z-index:1;
}
.atf-testimonial-area::after {
	position: absolute;
	top: 0;
	content:"";
	left: 0px;
	padding: 0;
	height: 100%;
	width: 100%;
	opacity: .8;
	z-index: -1;
}
.atf-testimonial-item {
	overflow: hidden;
	position: relative;
	background: var(--thm-white);
	border:1px solid #ddd;
	padding: 30px 0;
	margin: 0 15px;
	border-radius: 3px;
	z-index: 1;
	opacity: .5;
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	background-color: rgba(255, 255, 255, 0.24);
}
.atf-testimonial-area .owl-carousel .active.center .atf-testimonial-item {
	opacity: 1;
	transform: scale3d(1.0, 1.0, 1);
	-webkit-transform: scale3d(1.0, 1.0, 1);
}
.atf-testimonial-item .atf-testimonial-image img {
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	width: 100px;
}
.atf-testimonial-inner {
	display: block;
	color: var(--thm-white);
}
.atf-testimonial-inner .atf-testimonial-text {
	font-size: 15px;
	line-height: 1.8;
	font-weight: 300;
	margin-bottom: 0;
	color: var(--thm-black);
	display: block;
	padding: 20px 30px;
}
.atf-testimonial-name h3{
	font-size: 20px;
}
.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
 *************************************/
#contact {
	position: relative;
}
.atf-contact-shadow{
	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);
 }
.atf-contact-shadow h3 {
	margin-bottom: 25px;
}
.atf-contact-form .button {
    margin: 0;
}
.atf-main-contact .form-group{
	margin-bottom:30px;
}
.atf-main-contact input {
	width: 100%;
	height:55px;
	border: 0;
	background-color: var(--thm-f6);
	font-weight: 400;
	color: var(--thm-black);
	border: 1px solid #ddd;
	border-radius: 8px;
	padding-left:25px;
}
.atf-main-contact textarea {
	width: 100%;
	border: 0;
	background-color: var(--thm-f6);
	font-weight: 400;
	color: var(--thm-black);
	border: 1px solid #ddd;
	border-radius: 8px;
	padding-top:15px;
	padding-left:25px;
}
.atf-main-contact textarea {
    max-height: 120px;
    max-width: 100%;
	color: var(--thm-black);
}
.atf-contact-details {
	display:flex;
	gap:30px;
}
.atf-contact-address h3{
	margin-bottom:0;
}
.atf-contact-address{
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	padding-bottom:20px;
}
.atf-contact-icon i {
	font-size: 25px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: var(--thm-color);
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 0 1px;
	-webkit-box-shadow: 0 0 1px;
	border: 1px dashed;
}
.form-message{
	color: var(--thm-black);
}
 /**************************************
 * 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-mailchamp-area input {
	background: var(--thm-white);
	color: var(--thm-black);
	border: 1px solid #ddd;
	width: 100%;
	height: 55px;
	padding-left: 15px;
	border-radius: 5px;
}
.atf-mailchamp-area .atf-themes-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 6px 20px;
}
.atf-mailchamp-area .atf-themes-btn:hover {
	transform: translateY(-0px); 
}
.atf-subscription-label{
	color:var(--thm-white);
}
.atf-footer-box p {
    margin-bottom: 20px;
	color: #ccc;
}
.atf-footer-box strong{
	font-weight:700;
}
.atf-footer-social-icon a i:hover{
	background:var(--thm-white);
	color:var(--thm-color);
}
.atf-footer-social-icon a i {
	font-size: 14px;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	color: var(--thm-white);
	text-align: center;
	background: var(--thm-color);
	transition:all .3s;
	-webkit-transition:all .3s;
}
.atf-footer-area .atf-footer-link {
	position: relative;
}
.atf-footer-area .atf-footer-link::after {
	content: '';
	position: absolute;
	left: 14px;
	top: 33px;
	background: var(--thm-color);
	width: 45px;
	height: 3px;
}
.atf-footer-link h3 {
	margin-bottom: 50px;
	font-size: 20px;
	font-weight: 600;
	color: var(--thm-white);
}
.atf-footer-link .atf-list-menu li a {
	margin-bottom: 10px;
	display: block;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color: #ccc;
}
.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 {
	padding: 30px 0;
	background: #110933;
}
.atf-footer-boottom a {
	color: #ccc;
	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;
}
.atf-footer-boottom a:hover{
	color:  var(--thm-color);
}
@media screen and (max-width:991px){
    .atf-footer-link{ margin-bottom: 25px; }
}
/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER 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
* ----------------------------------------------------------------------------------------**/
/* 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 */