*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:'Raleway', sans-serif;
	font-size: 14px;
}
a{
    text-decoration: none !important;
}
ul li{
    list-style: none;
}
.line-4{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}
h1,h2,h3{
    font-family: 'Calistoga', cursive;
}
img{
	max-width: 100%;
}
/* body{
    background-color: #fffaf7;
    background-image: url('../image/texture-bg.png');
} */


/*menu mobile*/
.menu__mobile{
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: #fcfaee;
    display: none;
    z-index: 20;
}
.main__menu__mobile{
    margin: auto;
}
.dropdown__menu__mobile li a{
    font-size: 15px;
    color: #4e5651;
}
.dropdown__menu__mobile li{
    padding: 7px 30px;
    border-top: 1px solid #ffffff0f;
}
.dropdown__menu__mobile li:last-child{
    padding-bottom: 0;
}
.dropdown__menu__mobile li:first-child{
    margin-top: 10px;
}
.sub__menu__mobile{
    padding: 10px 0;
}
.sub__menu__mobile:not(:last-child){
    border-bottom: 1px solid #ffffff0f;
}
.menu__title__mobile{
    font-family: 'Calistoga';
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: #325437 !important;
    text-transform: uppercase;
}
.menu__title__mobile i{
    margin-left: 5px;
}
.sub__menu__mobile.show__dropdown .dropdown__menu__mobile{
    display: block;
}
.sub__menu__mobile.rotate__icons i{
    transform: rotate(180deg);
    transition: all linear 0.2s;
}
/*end menu mobile*/

/*header*/
header{
    position: absolute;
    width: 100%;
    background-color: transparent;
    z-index: 3;
    transition: all linear .4s;
}
header.active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px dashed #325437;
    animation: fadeInDown linear .4s;
    transition: all linear .4s;
    z-index: 10;
}
@keyframes fadeInDown{
    0%{
        transform: translateY(-100%);
    }
    100%{
        transform: translateY(0);
        transition: all linear .4s;
    }
}
.header{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.h_100{
    height: 100%;
}
.menu__bar{
    display: none;
    width: 46px;
    height: 46px;
}
.menu__bar i{
    color: #fff;
    font-size: 25px;
    cursor: pointer;
}
.menu__bar span{
    position: relative;
    width: 44px;
    height: 2px;
    background-color: #325437;
    display: inline-block;
    border-radius: 3px;
    transition: all ease-in-out 0.4s;
}
.menu__bar span::before{
    content: "";
    position: absolute;
    width: 44px;
    height: 2px;
    background-color: #325437;
    left: 0;
    top: -10px;
    border-radius: 3px;
    transition: all ease-in-out 0.4s;
}
.menu__bar span::after{
    content: "";
    position: absolute;
    width: 44px;
    height: 2px;
    background-color: #325437;
    left: 0;
    bottom: -10px;
    border-radius: 3px;
    transition: all ease-in-out 0.4s;
} 
.menu__bar.active span{
    background-color: transparent;
}
.menu__bar.active span::before{
    transform: rotate(135deg);
    top: 0;
}
.menu__bar.active span::after{
    transform: rotate(-135deg);
    bottom: 0;
}
.menu__bar i{
    color: #5c5e5c;
    font-size: 25px;
}
.logo{
    width: 10%;
}
.logo.logo-mobile{
    display: none;
}
.logo img{
    width: 60px;
    height: auto;
    object-fit: cover;
    display: block;
}
.menu{
    width: 50%;
    height: 100%;
}
.nav__bar{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}
.sub__menu{
    padding: 0 10px;
    position: relative;
}
.sub__menu > a{
    font-family: 'Calistoga';
    font-size: 16px;
    color: #fff !important;
    font-weight: 400;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    padding: 22px 0;
}
header.active .sub__menu > a{
    color: #325437 !important;
}
header.active .logo{
    display: none;
}
header.active .logo.logo-mobile{
    display: block;
}
.sub__menu__title i{
    color: #727272;
    font-size: 13px;
}
.sub__menu__title:hover,
.sub__menu__title:hover i{
    color: #FF7F47;
}



.dropdown__menu{
    visibility: hidden;
    background-color: #fcfaee;
    position: absolute;
    top: 110%;
    left: 0;
    width: 180px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #a7bb89;
    z-index: 3;
    opacity: 0;
    transition: all linear 0.2s;
}
.sub__menu:hover .dropdown__menu{
    visibility: visible;
    opacity: 1;
    top: 100%;
    transition: all linear 0.2s;
}
.dropdown__menu li{
    padding: 10px 15px;
}
.dropdown__menu li a{
    position: relative;
    overflow: hidden;
    font-size: 15px;
    color: #4e5651;
    font-weight: 400;
    display: block;
    transition: all .3s;
}
@keyframes rotateIcon{
    100%{
        transform: rotate(360deg);
    }
}
.dropdown__menu li a::before{
    content: "";
    position: absolute;
    left: -12px;
    top: 5px;
    width: 12px;
    height: 12px;
    background-image: url('../image/icon-menu.svg');
    background-repeat: no-repeat;
    animation: rotateIcon 4s linear infinite;
    transition: all .3s;
}

.dropdown__menu li a:hover::before{
    left: 0;
    transition: all .3s;
}
.dropdown__menu li a:hover{
    padding-left: 15px;
    transition: all .3s;
}
/*end header*/

/*banner*/
.image__banner{
    position: relative;
}
.image__banner img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.txt__banner{
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
    opacity: 0;
    transition: all ease-in-out .7s;
}
.txt__banner h1{
    font-family: 'Calistoga';
    font-size: 85px;
    color: #fcfaee;
    text-align: center;
}
.slide__banner .owl-dots i{
    font-size: 20px;
    color: #4e5651;
}
.slide__banner .owl-dots{
    position: absolute;
    top: 50%;
    left: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.slide__banner .owl-dots button{
    margin: 0 !important;
}
.icon-rotate{
    position: absolute;
    top: 38%;
    left: 30%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.icon-rotate img{
	min-height: auto !important;
    animation: rotateIcon 5s linear infinite;
}
.slide__banner.owl-drag .owl-item.active .txt__banner{
    opacity: 1;
    top: 50%;
    transition: all ease-in-out .7s;
}
.btn-explore{
    font-family: 'Calistoga';
    position: relative;
    display: inline-block;
    padding: 14px 50px;
    background-color: #f3403a;
    font-size: 15px;
    color: #fcfaee !important;
    text-transform: uppercase;
    z-index: 1;
}

.btn-explore::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border: 25.25px solid #f3403a;
    border-right: 25.25px solid transparent;
    z-index: -1;
}
@keyframes rotateBorder {
    0% {
        transform: rotate(0deg)
    }
    
    100% {
        transform: rotate(360deg)
    }
  }
.btn-explore::after{
    content: "";
    position: absolute;
    right: -24px;
    bottom: 0;
    background: #ff920000;
    width: 0;
    height: 100%;
    border-top: 25.25px solid #f3403a;
    border-bottom: 25.25px solid #f3403a;
    border-right: 25.25px solid #ffffff00;
    z-index: 23;
}


/*end banner*/

/*form find*/
.form-find{
    position: relative;
    background-color: #fff;
    transform: translateY(-50%);
    z-index: 2;
}
.form-choose input,
.form-choose select{
    width: 100%;
    height: 68px;
    padding: 20px 10px 20px 45px;
    font-size: 16px;
    color: #48564c;
    border: 1px solid #a7bb89;
    outline: none;
    cursor: pointer;
}

.form-choose i{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 19px;
    color: #797f78;
}
.form-find .group-find{
    padding: 0;
}
.btn-find button{
    width: 100%;
    height: 68px;
    background-color: #a7bb89;
    font-size: 15px;
    color: #fcfaee;
    text-transform: uppercase;
    border: none;
    outline: none !important;
    border-radius: 0 10px 10px 0;
}
.form-choose:first-child input{
    border-right: none;
}
.form-choose select:not(:last-child),
.form-choose select:not(:first-child){
    border-right: none;
}
/*end form find*/

/*exiting*/
.exiting{
    margin-top: 40px;
}
.exiting h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
    text-align: center;
    margin-bottom: 40px;
}
.list__exiting{
    padding: 20px;
    border: 1px dashed #325437;
    border-radius: 10px;
}
.list__exiting img{
    width: 100%;
	max-width: 200px;
    height: auto;
    object-fit: cover;
	aspect-ratio: 1 / 1;
    display: block;
    border-radius: 50%;
	margin: auto;
}
.list__exiting a{
    display: block;
    font-family: 'Calistoga';
    font-size: 18px;
    color: #325437;
    text-align: center;
    margin-top: 30px;
}
.list__exiting span{
    font-family: 'Calistoga';
    font-size: 18px;
    color: #325437;
    text-align: center;
    display: block;
}
/*end exiting*/

/*advanture*/
.advanture{
    margin-top: 40px;
}
.advanture__content h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
}
.advanture__content p{
    font-size: 14px;
    color: #4e5651;
    margin-bottom: 30px;
}
.advanture__image{
    position: relative;
}
.img1{
    position: absolute;
    top: 0;
    left: 30px;
    z-index: -1;
    width: 100px;
    height: 100px;
}
.img1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center center;
    animation: rotateImage 2s ease infinite alternate;
}
.img2{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.img2 img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.img3 img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.img4{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 90px;
    z-index: 3;
}
.img4 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: animatePerson 2s ease infinite alternate;
}
@keyframes rotateImage{
    0%{
        transform: rotate(-45deg);
    }
    100%{
        transform: rotate(45deg);
    }
}
@keyframes animatePerson{
    0%{
        transform: translateX(30px);
    }
    100%{
        transform: translateX(0);
    }
}
/*end advanture*/

/*top review*/
.top__review{
    margin-top: 40px;
}
.main__top__review{
    display: flex;
    flex-wrap: wrap;
}
.bg__review{
    width: 50%;
}
.bg__review img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.top__review__content{
	border-radius: 15px;
    background-color: #A7BB89;
    padding: 40px;
}
.box__review__content{
    border-radius: 15px;
    border: 1px dashed #fff;
    padding: 40px;
    text-align: center;
}
.box__review__content h2{
    font-family: 'Calistoga';
    font-size: 40px;
    color: #fcfaee;
    margin-bottom: 30px;
}
.box__review__content img{
    border: 7px solid #f1c064;
    border-radius: 50%;
    object-fit: cover;
    width: 100px !important;
    height: 100px !important;
	margin: auto;
}
.box__review__content a{
    display: block;
    font-family: 'Calistoga';
    font-size: 35px;
    color: #fcfaee;
    margin-top: 20px;
}
.box__review__content ul{
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 10px;
}
.box__review__content ul li i{
    font-size: 16px;
    color: #f1c064;
}
.box__review__content h3{
    font-family: 'Calistoga';
    font-size: 16px;
    color: #fcfaee;
}
/*end top review*/

/*best destinations*/
.best__destinations{
    margin-top: 40px;
}
.heading__best__destinations h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
}
.heading__best__destinations p{
    font-size: 16px;
    color: #4e5651;
    line-height: 25px;
}
.list__best__destinations{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #a7bb89;
    margin-bottom: 30px;
}
.best__destinations__image img{
    width: 100%;
	min-height: 300px;
    height: auto;
    object-fit: cover;
    border-radius: 15px;
    display: block;
    transition: all .4s;
}
.best__destinations__des{
    padding: 15px;
}
.price__best__destinations{
    display: flex;
    justify-content: space-between;
}
.price__best__destinations a{
    font-family: 'Calistoga';
    font-size: 20px;
    color: #325437 !important;
}
.price__best__destinations span{
    font-family: 'Calistoga';
    font-size: 18px;
    color: #325437;
}
.rating__destinations{
    display: flex;
    gap: 3px;
    align-items: center;
}
.rating__destinations i{
    color: #f1c064;
}
.best__destinations__des p{
    color: #4e5651;
    margin-bottom: 0;
}
.best__destinations__des{
    position: absolute;
    left: 0;
    bottom: 0;
	height: 100%;
    transform: translateY(calc(100% - 85px));
    background-color: #fff;
    transition: all ease-in-out 0.4s;
}
.txt__des__destinations{
    opacity: 0;
    transition: all ease-in-out 0.4s;
}
.list__best__destinations:hover .best__destinations__image img{
    transform: scale(1.1);
    transition: all .4s;
}
.list__best__destinations:hover .best__destinations__des{
    transform: translateY(0);
    transition: all ease-in-out 0.4s;
}
.list__best__destinations:hover .txt__des__destinations{
    opacity: 1;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5; 
   -webkit-box-orient: vertical;
    transition: all ease-in-out .4s;
}


/*end best destinations*/

/*video*/
.main__video{
    position: relative;
}
.bg__video img{
    width: 100%;
    height: auto;
	max-height: 500px;
	border-radius: 20px;
    object-fit: cover;
    display: block;
}
.btn__banner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.play{
    position: relative;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    border: 1px dashed #323232;
}
.main__video:hover .play::before{
    animation: rotateIcon 20s linear infinite;
}
.play span{
    font-family: 'Calistoga';
    font-size: 20px;
    color: #325437;
    text-transform: uppercase;
}
/*end video*/

/*offers*/
.offers{
    margin-top: 40px;
}
.heading__offers{
    text-align: center;
    margin-bottom: 40px;
}
.heading__offers h2{
    font-family: 'Calistoga';
    font-size: 40px;
    color: #325437;
}
.heading__offers p{
    font-size: 16px;
    color: #4e5651;
    line-height: 25px;
}
.offers__image img{
    width: 100%;
    height: 100%;
    min-height: 365px;
    object-fit: cover;
    display: block;
    border-radius: 15px;
}
.list__offers{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.offers__des{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #a7bb89;
    border-radius: 15px;
    opacity: 0;
    transition: all .4s;
}
.list__offers:hover .offers__des{
    opacity: 1;
    transition: all .4s;
}

.list__offers:hover .offers__des__content{
    /* transform: translateY(0); */
    transition: all .4s;
}
.list__offers:hover .offers__des__content img{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .2s;
}
.list__offers:hover .offers__des__content h3{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .4s;
}
.list__offers:hover .offers__des__content p{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .6s;
}
.offers__des img{
    width: 75px;
    height: 75px;
    object-fit: cover;
    transform: translateY(20px);
    opacity: 0;
    transition: all .4s;
}
.offers__des h3{
    font-family: 'Calistoga';
    font-size: 24px;
    color: #325437;
    margin: 15px 0;
    transform: translateY(20px);
    opacity: 0;
    transition: all .4s;
}
.offers__des p{
    color: #4e5651;
    line-height: 25px;
    margin-bottom: 0;
	padding: 0 15px;
    transform: translateY(20px);
    opacity: 0;
    transition: all .4s;
}
/*end offers*/

/*partner*/
.partner{
    
    padding: 80px 0;
}
.list__partner img{
    height: auto;
    object-fit: cover;
    transition: all .4s;
}
.list__partner img:hover{
    transform: translateY(-10px);
    transition: all .4s;
}
.list__partner{
    text-align: center;
    margin-bottom: 50px;
}
/*end partner*/

/*st blog*/
.st__blog{
    margin-top: 40px;
}
.heading__st__blog{
    text-align: center;
    margin-bottom: 30px;
}
.heading__st__blog h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
}
.heading__st__blog p{
    font-size: 16px;
    color: #4e5651;
    line-height: 25px;
}
.st__blog__image img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 15px 15px 0 0;
    transition: all .4s;
}
.list__st__blog{
    border: 1px solid #a7bb89;
    border-radius: 15px;
    margin-bottom: 30px;
}
.st__blog__des{
    padding: 25px;
}
.st__blog__des a{
	display: inline-block;
	min-height: 86px;
    font-family: 'Calistoga';
    font-size: 20px;
    color: #325437 !important;
}
.st__blog__des > div{
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4; 
   -webkit-box-orient: vertical;
}
.st__blog__des p{
    font-size: 16px;
    color: #4e5651;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 10px;
}
.st__blog__image{
    position: relative;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}
.st__blog__image img:hover{
    transform: scale(1.05);
    transition: all .4s;
}
.date__post{
    position: absolute;
    top: 0;
    left: 30px;
    border-radius: 0 0 10px 10px;
    background-color: #a7bb89;
    padding: 5px 10px;
    text-align: center;
}
.date__post span{
    display: block;
    font-family: 'Calistoga';
    font-size: 20px;
    color: #fff;
}
/*end st blog*/

/*newsletter*/
.newsletter{
	position: relative;
    background-color: #a7bb89;
    margin-top: 40px;
    padding: 60px 15px;
	border-radius: 20px;
    text-align: center;
}
.main__newsletter h2{
    font-family: 'Calistoga';
    font-size: 48px;
    color: #fcfaee;
}
.main__newsletter p{
    font-size: 18px;
    color: #fcfaee;
    line-height: 25px;
}
.form-newsletter{
    display: flex;
    justify-content: center;
}
.form-newsletter input{
    padding: 12px 20px;
    border-radius: 10px 0 0 10px;
    border: 1px solid #fcfaee;
    background-color: transparent;
    outline: none;
}
.form-newsletter input::placeholder{
    color: #fcfaee;
}
.form-newsletter button{
    padding: 12px 20px;
    border-radius: 0 10px 10px 0;
    background-color: #fff;
    color: #325437;
    font-size: 20px;
    outline: none;
    border: none;
    cursor: pointer;
}
.form-newsletter button:hover i{
    transform: rotate(-45deg);
    transition: all .3s;
}
.form-newsletter button i{
    transition: all .3s;
}
.image__newsletter{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
}
.image__newsletter img{
	width: 100px;
	object-fit: cover;
}
/*end newsletter*/

/*best tour*/
.main__best__tour{
    display: flex;
    flex-wrap: wrap;
}
.best__tour__des, .best__tour__image{
    width: 50%;
}
.best__tour__des h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
}
.best__tour__des a{
    font-family: 'Calistoga';
    font-size: 15px;
    color: #ff0000;
    text-transform: uppercase;
}
.best__tour__des{
    background-image: url('../image/bg-best-tour.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 80px;
}
.best__tour__image img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
/*end best tour*/

/*about*/
.image__banner{
    position: relative;
}
.image__banner img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.text__banner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 90%;
}
.text__banner h2{
    font-family: 'Calistoga';
    font-size: 50px;
    color: #fcfaee;
    text-align: center;
}
/*end about*/

/*best advanture*/
.best__advanture{
    margin-top: 40px;
}

.best__advanture__des h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
}
.best__advanture__des p{
    font-size: 16px;
    color: #4e5651;
    line-height: 25px;
}
.best__advanture__image{
    position: relative;
}
.ad1 img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.ad2{
    position: absolute;
    left: 80px;
    bottom: 0;
    animation: animateAd infinite alternate 2s;
}
.ad3{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ad4{
    position: absolute;
    right: 80px;
    bottom: 40px;
    animation: animateAd infinite alternate 3s;
}
.ad5{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
@keyframes animateAd{
    0%{
        transform: translateX(30px);
    }
    100%{
        transform: translateX(0);
    }
}

.video__about video{
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    display: block;
}
/*end best advanture*/

/*top location*/
.top__location__image{
    position: relative;
}
.top__location__image .tl_1{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}
.tl_1 img{
    width: 140px;
    height: auto;
    object-fit: cover;
    display: block;
    animation: animateAd infinite alternate 2s;
}
.tl_2{
    text-align: right;
}
.tl_2 img{
    height: auto;
    object-fit: cover;
}
.top__location__des h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
}
.top__location__des p{
    font-size: 16px;
    color: #4e5651;
    line-height: 25px;
}
/*end tio location*/

/*turtles*/
.main__turtles{
    display: flex;
    flex-wrap: wrap;
    background-color: #A7C9CE;
}
.turtles__image,
.turtles__des{
    width: 50%;
}
.turtles__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.turtles__des{
    align-self: center;
    padding: 0 50px;
}
.turtles__des h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #fcfaee;
}
.turtles__des a{
    font-family: 'Calistoga';
    font-size: 15px;
    color: #ff0000 !important;
    border-bottom: 1px dashed #ff0000;
}
/*end turtles*/

/*destinations*/
.list__content{
    margin-bottom: 30px;
}
.list__content h2{
    font-family: 'Calistoga';
    font-size: 30px;
    color: #325437;
}
.list__content p,
.city p{
    font-size: 18px;
    color: #4e5651;
    line-height: 25px;
}
.list__content img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}
.requirement h2,
.city h2{
    font-family: 'Calistoga';
    font-size: 24px;
    color: #325437;
    margin-bottom: 30px;
}
.requirement ul li{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #a7bb89;
}
.requirement ul li:first-child{
    border-top: 1px solid #a7bb89;
}
.requirement ul li span,
.requirement ul li strong{
    width: 50%;
}
.requirement ul li strong{
    font-family: 'Calistoga';
    font-size: 18px;
    color: #325437;
    font-weight: 400;
}
.requirement ul li span{
    color: #4e5651;
}
.other__des{
    margin-bottom: 30px;
}
.image__city img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 15px;
}
.title__des{
	padding: 15px 0;
}
.title__des a{
	display: inline-block;
	font-family: 'Calistoga';
    font-size: 20px;
    color: #325437;
    font-weight: 400;
}

.form-search{
    display: flex;
}
.form-search input{
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    color: #a7bb89;
    border: 1px solid #a7bb89;
    border-radius: 10px 0 0 10px;
    outline: none;
}
.form-search button{
    padding: 12px 20px;
    color: #fcfaee;
    border-radius: 0 10px 10px 0;
    background-color: #a7bb89;
    border: none;
    outline: none;
}
.form-search button:hover i{
    transform: rotate(-45deg);
    transition: all .5s;
}
.form-search button i{
    transition: all .5s;
}
.about__me{
    padding: 30px 10px;
    text-align: center;
    border: 1px dashed #325437;
    border-radius: 15px;
    margin-top: 30px;
}
.about__me h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
}
.about__me img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 12px solid #f1c064;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
}
.categories{
    margin-top: 30px;
}
.categories h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
}

.categories ul li{
    margin-bottom: 10px;
}
.categories ul li a{
    font-size: 16px;
    color: #4e5651;
    line-height: 22px;
}
.categories ul li a:hover{
    color: #a7bb89;
    transition: all .3s;
}
.follow__us{
    margin-top: 30px;
}
.follow__us h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
}
.follow__us ul{
    display: flex;
    gap: 20px;
    margin-bottom: 0;
}
.follow__us ul li a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
}
.follow__us ul li a::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed #325437;
    opacity: 0;
    background-color: transparent;
}
.follow__us ul li a:hover::before{
    opacity: 1;
    animation: rotateIcon 10s linear infinite;
}
.follow__us ul li i{
    font-size: 18px;
    color: #325437;
}
.image__sidebar{
    margin-top: 30px;
}
.image__sidebar img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
/*end destinations*/

/*tour*/
.list__tour{
    border: 1px solid #a7bb89;
    border-radius: 10px 10px 0 10px;
    margin-bottom: 30px;
}
.tour__image img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    display: block;
    transition: all .3s;
}
.tour__des{
    padding: 23px 28px;
	height: 250px;
    overflow: auto;
}
.tour__des::-webkit-scrollbar {
    width: 5px;
    background-color: #cdc5b9;
}
.tour__des::-webkit-scrollbar-thumb {
    background-color: #325437;
    height: 30px;
}
.tour__image{
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.price__best__destinations{
    display: flex;
    justify-content: space-between;
}
.price__best__destinations a{
    font-family: 'Calistoga';
    font-size: 20px;
    color: #325437 !important;
}
.price-tour{
	display: inline-block;
    font-family: 'Calistoga';
    font-size: 18px;
    color: #325437;
	margin: 10px 0;
}

.rating__destinations{
    display: flex;
    gap: 3px;
    align-items: center;
}
.rating__destinations i{
    color: #f1c064;
}
.tour__des p{
    font-size: 16px;
    color: #4e5651;
    margin-bottom: 0;
}

.tour__des .txt__des__destinations{
    opacity: 1;
    transition: all ease-in-out 0.4s;
}
.list__tour:hover .tour__image img{
    transform: scale(1.1);
    transition: all .3s;
}

.form-find-tour{
    border: 1px solid #a7bb89;
    border-radius: 15px;
    overflow: hidden;
}
.find__tour{
    padding: 30px 30px 0 30px;
}
.find__tour h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
}
.find__tour p{
    color: #4e5651;
    line-height: 22px;
}
.tour__info{
    border: 1px solid #a7bb89;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.tour__info input,
.tour__info select{
    width: 100%;
    padding: 12px 30px;
    font-size: 16px;
    color: #4e5651;
    padding-left: 45px;
    border: none;
    outline: none;
}
.tour__info i{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    color: #4e5651;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
#range-slider {
    max-width: 90%;
    margin: 0 auto;
}

#slider-range {
    height: 7px;
    background-color: #a7bb89;
    border: none;
}

.ui-slider-horizontal .ui-slider-range {
    background-color: #fff;
    border: 1px solid #a7bb89 !important;
}


.ui-slider .ui-slider-handle {
    border-radius: 50%;
    height: 12px !important;
    width: 12px !important;
    top: 50% !important;
    transform: translateY(-50%);
    background-color: #a7bb89 !important;
    border-color: #a7bb89 !important;
    outline: none !important;
}

#amount {
    font-size: 16px;
    color: #4e5651;
    text-align: center;
    width: 100%;
    border: none;
}
#range-slider p{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0;
    margin-top: 15px;
}
.activities{
    margin-top: 30px;
}
.activities ul li{
    margin-bottom: 18px;
}
.activities ul li input{
    margin-right: 5px;
}
.activities ul li span{
    font-size: 16px;
    color: #4e5651;
}

.btn-search-tour button{
    width: 100%;
    padding: 12px 0;
    text-align: center;
    font-family: 'Calistoga';
    font-size: 15px;
    color: #fcfaee;
    text-transform: uppercase;
    background-color: #a7bb89;
    border: none;
    outline: none;
}
.tab__container{
    position: relative;
    background-color: #fff;
    transform: translateY(-50%);
    z-index: 2;
}

.list__tabs{
    background-color: #a7bb89;
    padding: 5px !important;
    transition: all .3s;
}
.list__tabs span{
    font-family: 'Calistoga';
    display: block;
    padding: 14px;
    font-size: 16px;
    color: #fcfaee;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
}
.list__tabs.current,
.list__tabs:hover{
    background-color: #fcfaee;
    transition: all .3s;
}
.list__tabs.current span,
.list__tabs:hover span{
    color: #325437;
    border: 1px dashed #325437;
}
.list__tabs:not(:last-child){
    border-right: 1px dashed #fcfaee;
}
.list__tabs:first-child{
    border-radius: 10px 0 0 10px;
}
.list__tabs:last-child{
    border-radius: 0 10px 10px 0;
}
.tab-content{
    display: none;
}
.tab-content.current{
	display: block;
}
.title__tab{
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
h2.title{
	font-size: 30px;
}
.title__tab h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
    margin-bottom: 0;
}
.title__tab span{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
    display: inline-block;
    padding-bottom: 3px;
}
.information p{
    font-size: 16px;
    color: #4e5651;
    line-height: 22px;
}
.tabs__tour__info{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 14px 0;
    border-top: 1px dashed #325437;
    border-bottom: 1px dashed #325437;
    margin-bottom: 30px;
}
.tabs__tour__info li{
    color: #325437;
}
.itinerary{
    margin-bottom: 40px;
}
.itinerary li{
    padding: 21px 0;
    border-bottom: 1px solid #a7bb89;
}
.itinerary li p{
    margin-bottom: 0;
}
.list__itinerary{
    display: flex;
}
.itinerary strong{
    width: 40%;
	min-width: 40%;
    font-family: 'Calistoga';
    font-size: 20px;
    color: #325437;
    font-weight: 400;
}
.include{
    display: flex;
    flex-wrap: wrap;
    width: 60%;
}
.include.not i{
    color: #f4423c;
}
.list__include ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list__include ul li{
    width: 48%;
	border: none;
	padding: 0;
	padding-bottom: 10px;
}
.list__include i{
    color: #a7bb89;
}
.our__gallery h2{
    font-family: 'Calistoga';
    font-size: 48px;
    color: #325437;
}
.list__our__gallery{
    margin-bottom: 30px;
}
.list__our__gallery img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.tour__plan h2{
    font-family: 'Calistoga';
    font-size: 60px;
    color: #325437;
    margin-bottom: 30px;
}
.list__tour__plan{
    display: flex;
    justify-content: space-between;
    gap: 45px;
}
.tour__plan__content{
    margin-bottom: 30px;
}
.time__line{
    position: relative;
}
.time__line::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #a7bb89;
}
.time__line p{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #a7bb89;
    font-family: 'Calistoga';
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
.tour__plan__content h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
}
.tour__plan__content p{
    font-size: 16px;
    color: #4e5651;
    line-height: 22px;
    margin-bottom: 0;
}
.tour__location h2,
.gallery h2,
.our__gallery h2{
    font-family: 'Calistoga';
    font-size: 30px;
    color: #325437;
}
.tour__location p,
.gallery p{
    font-size: 16px;
    color: #4e5651;
    line-height: 22px;
}
.tour__location iframe{
    width: 100%;
    display: block;
}
.list__gallery{
    margin-bottom: 30px;
}
.list__gallery img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}
.form-book-tour{
    border: 1px solid #a7bb89;
    border-radius: 15px;
    overflow: hidden;
}
.form-book-tour textarea{
    border: none;
    resize: vertical;
    outline: none;
    padding-left: 40px;
    padding-top: 10px;
}

/*end tour*/

/*blog*/
.blog{
    margin-top: 30px;
}
.blog h2{
    font-family: 'Calistoga';
    color: #325437;
    text-align: center;
    margin-bottom: 30px;
}
.list__blog{
    margin-bottom: 30px;
    border: 1px solid #a7bb89;
    border-radius: 10px;
}
.blog__image{
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.blog__image img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    display: block;
    transition: all .4s;
}
.blog__image img:hover{
    transform: scale(1.08);
    transition: all .4s;
}
.blog__des{
	min-height: 290px;
    padding: 0 15px;
    text-align: center;
}
.blog__des a{
    font-family: 'Calistoga';
    font-size: 20px;
    color: #325437;
    display: inline-block;
    margin: 15px 0;
}
.blog__des p{
    color: #4e5651;
    line-height: 22px;
    text-align: center;
}

.blog__detail{
    margin-top: 40px;
}
.blog__detail__image{
    position: relative;
    margin-bottom: 30px;
}
.blog__detail__content img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.blog__detail__content h2{
    font-family: 'Calistoga';
    font-size: 30px;
    color: #325437;
}
.blog__detail__content p{
    color: #4e5651;
    line-height: 22px;
}
.bottom__content{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #325437;
}

.bottom__content ul{
    display: flex;
    gap: 10px;
    margin-bottom: 0;
}
.bottom__content ul li a{
    padding: 5px 10px;
    border-radius: 5px;
    font-family: 'Calistoga';
    font-size: 16px;
    color: #fcfaee;
    background-color: #a7bb89;
}

.navigation__post{
    margin-top: 50px;
}
.main__post{
    display: flex;
    gap: 20px;
    padding: 30px;
    border: 1px dashed #325437;
    border-radius: 10px;
}
.image__main__post img{
    border: 10px solid #f1c064;
    border-radius: 50%;
}
.main__post__des a{
    font-family: 'Calistoga';
    font-size: 35px;
    color: #325437;
}
.main__post__des p{
    font-size: 16px;
    color: #4e5651;
    line-height: 22px;
    margin-bottom: 0;
}
.nav-post{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.nav-post a{
    font-family: 'Calistoga';
    font-size: 15px;
    color: #325437;
    text-transform: uppercase;
}

.latest__posts{
    margin-top: 30px;
}
.latest__posts h5,
.tags h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
    margin-bottom: 30px;
}
.list__latest__posts{
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 30px;
}
.latest__posts__image img{
    width: 95px;
	min-width: 95px;
    height: 95px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}
.posts__link a{
    font-size: 14px;
    font-family: 'Calistoga';
    color: #325437;
}
.posts__link p{
    font-size: 16px;
    color: #4e5651;
    margin-bottom: 0;
}

.tags{
    margin-top: 30px;
}
.tags ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tags ul li a{
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: 'Calistoga';
    font-size: 14px;
    color: #fcfaee;
    background-color: #a7bb89;
}
/*end blog*/

/*contact*/
.contact{
    margin-top: 30px;
    margin-bottom: 70px;
}
.contact h2{
    font-family: 'Calistoga';
    color: #325437;
}
.contact p{
    font-size: 16px;
    color: #4e5651;
    line-height: 22px;
}
.form-contact input{
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    color: #4e5651;
    border: 1px solid #a7bb89;
    border-radius: 10px;
    outline: none;
}
.form-contact textarea{
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    color: #4e5651;
    border: 1px solid #a7bb89;
    border-radius: 10px;
    resize: vertical;
    outline: none;
}
.btn-send button{
    padding: 12px 40px;
    font-size: 16px;
    font-family: 'Calistoga';
    border: 1px solid #a7bb89;
    background-color: #a7bb89;
    border-radius: 10px;
    color: #fcfaee;
    outline: none !important;
    cursor: pointer;
}
.need__help h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
}
.need__help ul li{
    font-size: 16px;
    color: #325437;
    line-height: 16px;
    margin-bottom: 10px;
}
.map iframe{
    width: 100%;
}
/*end contact*/

/*items image*/


.list__items__image{
	margin-bottom: 16px;
}
.pd-8{
	padding: 0 8px !important;
}
.list__items__image img{
    height: auto;
    object-fit: cover;
    display: block;
    transition: all .3s;
}
.list__items__image img:hover{
    transform: translateY(-10px);
    transition: all .3s;
}
.list__items__image a{
    font-family: 'Calistoga';
    font-size: 20px;
    color: #fcfaee;
    display: block;
    text-align: center;
    margin-top: 30px;
}
/*end items image*/

/*footer*/
footer{
    background-color: #fcfaee;
	border-top: 1px solid #e4d9d9;
}
.main__footer{
    padding: 50px 0;
}
.logo__footer img{
    height: auto;
    object-fit: cover;
    display: block;
	margin-bottom: 20px;
}
.logo__footer p{
    font-size: 16px;
    color: #4e5651;
    line-height: 25px;
    margin: 15px 0;
}
.footer__posts h5,
.footer__contact h5,
.logo__footer h5{
    font-family: 'Calistoga';
    font-size: 27px;
    color: #325437;
    margin-bottom: 30px;
}
.logo__footer ul{
    display: flex;
    gap: 20px;
    margin-bottom: 0;
}
.logo__footer ul li a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
}
.logo__footer ul li a::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed #325437;
    opacity: 0;
    background-color: transparent;
}
.logo__footer ul li a:hover::before{
    opacity: 1;
    animation: rotateIcon 10s linear infinite;
}
.logo__footer ul li i{
    font-size: 18px;
    color: #325437;
}
.list__post__footer{
    margin-bottom: 30px;
}
.list__post__footer a{
    font-family: 'Calistoga';
    font-size: 20px;
    color: #4e5651;
    display: block;
}
.copyright{
    background-image: url('../image/dashed-line.svg');
    background-position: top;
    background-repeat: no-repeat;
    padding: 25px 0;
}
.copyright p{
    text-align: center;
    margin-bottom: 0;
}
/*end footer*/

/*back to top*/
.back-to-top{
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background-color: #fcfaee;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
    transition: all .6s;
}
.back-to-top.animate{
    opacity: 1;
    transition: all .6s;
}
.back-to-top::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed #325437;
}
.back-to-top:hover::before{
    animation: rotateIcon 10s linear infinite;
}
.back-to-top span{
    font-family: 'Calistoga';
    font-size: 15px;
    color: #325437;
    text-transform: uppercase;
}
/*end back to top*/

@media only screen and (max-width: 1200px){
    header{
        background-color: #fcfaee;
    }
    .menu__bar{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .logo.logo-mobile{
        display: block;
    }
    .menu, .logo{
        display: none;
    }
    header{
        position: static;
        padding: 12px 0;
    }

    /*home*/
    .txt__banner h1{
        font-size: 50px;
    }
    h2.title{
        font-size: 54px;
    }
    .advanture__content{
        margin-bottom: 30px;
    }
    
    .best__tour__des{
        padding: 100px 80px;
    }
    
    .main__newsletter h2{
        padding-top: 30px;
    }
    /*end home*/

    /*tour*/
    .tab__container{
        transform: translateY(0);
        margin-top: 30px;
    }
    .list__tabs:first-child,
    .list__tabs:last-child{
        border-radius: 0;
    }
    /*end tour*/

    .tl_2 img{
        width: 100%;
    }
}

@media only screen and (max-width: 991px){
    .bg__review, .top__review__content,
    .best__tour__des, .best__tour__image,
    .turtles__image, .turtles__des{
        width: 100%;
    }
    .offers__image img{
        min-height: 225px;
    }
    .newsletter{
        margin-top: 70px;
    }
    .logo__footer{
        margin-bottom: 30px;
    }
    .turtles__des{
        padding: 50px;
    }


    .form-book-tour{
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767.98px){
	.image__banner img{
		min-height: 250px;
	}
	.txt__banner h1 {
        font-size: 30px;
    }
    .txt__banner,
    .text__banner{
        width: 100%;
    }
	.main__find{
		padding: 0 20px;
		margin-top: 30px;
	}
	.main__find .form-choose:first-child input,
	.main__find .form-choose select:not(:last-child),
	.main__find  .form-choose select:not(:first-child){
		border-right: 1px solid #a7bb89;
	}
	.btn-find button{
		border-radius: 0;
	}
    .icon-rotate{
        top: 25%;
        left: 15%;
    }
    .icon-rotate img{
       
        height: 70px;
        object-fit: cover;
    }
    .form-find{
        transform: translateY(0);
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
        display: none;
    }

    .box__review__content a{
        font-size: 24px;
    }
    .list__card__offers:nth-of-type(2n){
        flex-direction: column-reverse;
    }
    .main__newsletter h2,
	.text__banner h2{
        font-size: 30px;
    }
    .best__tour__des{
        padding: 100px 20px;
    }
	h2.title{
		font-size: 30px;
	}
	.list__exiting a,
	.requirement h2, .city h2,
	.contact h2{
		font-size: 24px;
	}
	.footer__posts h5, .footer__contact h5, .logo__footer h5{
		font-size: 18px;
	}
	.top__review__content,
	.turtles__des{
		padding: 20px;
	}
	.list__include ul li{
		width: 100%;
	}
	.itinerary strong,
	.requirement ul li strong{
		font-size: 16px;
	}
	.need__help h5{
		font-size: 20px;
		margin: 15px 0;
	}
}