:root{
    --hazy: #FBFBFB;
    --hazy2: #F9F6F6;
    --main: #FC8B62;
    --secondary: #545454;
    --dark: #3D3D3D;
    --light-gray: #707070;
    --green: #2CA215;
    --red: #FF5A5A;
    --footer-links: #DFDFDF;
    --footer-text: #C5C5C5;
    --rating: #ffa700;
}


/* Fonts */
@font-face {
    font-family: LatoBlack;
    src: url('../fonts/Lato-Black.ttf');
}
@font-face {
    font-family: LatoBlackItalic;
    src: url('../fonts/Lato-BlackItalic.ttf');
}
@font-face {
    font-family: LatoBold;
    src: url('../fonts/Lato-Bold.ttf');
}
@font-face {
    font-family: LatoBoldItalic;
    src: url('../fonts/Lato-BoldItalic.ttf');
}
@font-face {
    font-family: LatoItalic;
    src: url('../fonts/Lato-Italic.ttf');
}
@font-face {
    font-family: LatoLight;
    src: url('../fonts/Lato-Light.ttf');
}
@font-face {
    font-family: LatoLightItalic;
    src: url('../fonts/Lato-LightItalic.ttf');
}
@font-face {
    font-family: LatoRegular;
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: LatoThin;
    src: url('../fonts/Lato-Thin.ttf');
}
@font-face {
    font-family: LatoThinItalic;
    src: url('../fonts/Lato-ThinItalic.ttf');
}

.ra-black{ font-family: LatoBlack !important; }
.ra-black-italic{ font-family: LatoBlackItalic !important; }
.ra-bold{ font-family: LatoBold !important; }
.ra-bold-italic{ font-family: LatoBoldItalic !important; }
.ra-italic{ font-family: LatoItalic !important; }
.ra-light{ font-family: LatoLight !important; }
.ra-light-italic{ font-family: LatoLightItalic !important; }
.ra-regular{ font-family: LatoRegular !important; }
.ra-thin{ font-family: LatoThin !important; }
.ra-thin-italic{ font-family: LatoThinItalic !important; }
/* Fonts */

/* Text colors */
.ra-text-hazy{ color: var(--hazy) !important; }
.ra-text-main{ color: var(--main) !important; }
.ra-text-secondary{ color: var(--secondary) !important; }
.ra-text-light-gray{ color: var(--light-gray) !important; }
.ra-text-footer{ color: var(--footer-text) !important; }
.ra-text-green{ color: var(--green) !important; }
.ra-text-rating{ color: var(--rating) !important; }
.ra-text-red{ color: var(--red) !important; }
/* Text colors */

/* Background colors */
.ra-bg-hazy{ background: var(--hazy) !important; }
.ra-bg-main{ background: var(--main) !important; }
.ra-bg-secondary{ background: var(--secondary) !important; }
.ra-bg-light-gray{ background: var(--light-gray) !important; }
.ra-bg-hazy-2{ background: var(--hazy2) !important; }
.ra-bg-green{ background: var(--green) !important; }
.ra-bg-red{ background: var(--red) !important; }
/* Background colors */

/* Border colors */
.ra-br-hazy{ border-color: var(--hazy) !important; }
.ra-br-hazy2{ border-color: var(--hazy2) !important; }
.ra-br-main{ border-color: var(--main) !important; }
.ra-br-secondary{ border-color: var(--secondary) !important; }
.ra-br-light-gray{ border-color: var(--light-gray) !important; }
.ra-br-footer{ border-color: var(--footer-text) !important; }
.ra-br-green{ border-color: var(--green) !important; }
.ra-br-red{ border-color: var(--red) !important; }
/* Border colors */

/* Heading Sizes */
h1{ font-size: 34px !important; }
h2{ font-size: 25px !important; }
h3{ font-size: 20px !important; }
h4{ font-size: 17px !important; }
h5{ font-size: 15px !important; }
h6{ font-size: 13px !important; }
/* Heading Sizes */

/* General Styles */
.ra-text-divider h2::after{ 
    display: block; 
    margin-top: 5px;
    content: "";
    width: 17%;
    height: 3px;
    background: var(--main);
    margin: 0px auto;
    margin-top: 8px;
}
.underlined-heading .ra-text{ display: inline-block !important; }
.underlined-heading .ra-text::after{
    display: block;
    content: "";
    margin-top: 10px;
    width: 30%;
    height: 3px;
    background: var(--main);
}

.ra-text-small{ font-size: 12px !important; }
.ra-text-normal{ font-size: 14px !important; }

.ra-ribbon-container{
    position: absolute;
    top: 30px; left: 0px;
}
.ra-ribbon{
	background: hsl(272, 15%, 42%);
	-webkit-clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	padding: 2px 20px;
    text-align: center;
    font-size: 13px;
}
.ra-ribbon-container.ra-ribbon-list{
    top: -25px; right: 0px !important;
    left: unset !important;
}
.ra-two-sided-ribbon{
    -webkit-clip-path: polygon(100% 0, 88% 50%, 100% 100%, 0% 100%, 13% 50%, 0 0);
    clip-path: polygon(100% 0, 88% 50%, 100% 100%, 0% 100%, 13% 50%, 0 0);
    padding: 5px 26px;
    text-align: center;
    font-size: 13px;
    max-width: 170px;
}
.ra-flex-1{ flex: 1 !important; }
.ra-breadcrumb-bg-container{
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
}
.ra-bordered-box{
    width: 100%;
    border: 1px solid var(--footer-links);
    border-radius: 10px;
    padding: 20px 25px;
}
.ra-vertical-dash{
    display: block;
    border-left: 2px dotted var(--secondary);
    height: 100%;
}

/* General Styles */

/* Form Elements */
.ra-form-item-holder{
    border: 1px solid var(--light-gray);
    padding: 7px 15px;
    display: flex;
    align-items: center;
}
.ra-form-item-holder i { font-size: 13px !important; }
.ra-form-item-holder select{
    background: white !important;
    border: 0px !important;
    font-family: LatoLight !important;
    font-size: 12px;
    color: var(--light-gray);
}
.ra-form-item-holder input{
    border: 0px;
    font-family: LatoLight !important;
    font-size: 12px;
    color: var(--light-gray);
    outline: none !important;
}
.ra-form button.circle{
    border: 0px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50px;
}
.ra-form button.circle:hover{
    opacity: 0.7;
}

.ra-form .form-group{ margin-bottom: 15px; }
.ra-form .form-group label { margin-bottom: 5px; }
.ra-form .form-group .form-control{
    font-family: LatoLight;
    font-size: 13px;
    padding-left: 20px;
    outline: none !important;
}
/* Form Elements */

/* Messaege */
.ra-message{
    width: 100%;
    padding: 15px;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.ra-message-widget {
    width: 100%;
    padding: 6px 15px;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.ra-message i{ font-size: 16px; }
.ra-message strong{
    display: block;
    font-size: 16px;
    font-family: LatoBold;
    font-weight: normal !important;
}
/* Messaege */


.link{
   text-decoration: none !important;
}
.ra-bordered-btn, 
.ra-solid-btn{
    display: inline-block;
    padding: 7px 25px;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-family: LatoBlack;
    text-align: center;
}
.ra-modal-btn{
    display: inline-block;
    padding: 10px 60px;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-family: LatoBlack;
    text-align: center;
    border: none;
}
.ra-bordered-btn:hover, .ra-solid-btn:hover{
    opacity: 0.75;
}
.ra-solid-btn{ border: 0px !important; padding: 9px 25px !important; }

body{
    font-family: LatoRegular;
    font-size: 14px;
}

.ra-logo{ max-width: 130px !important; }

nav.navbar{
    box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
}

.ra-top-strip{
    background: var(--hazy);
}
.ra-top-strip ul li{
    display: inline-block;
    margin-right: 20px;
}
.ra-top-strip ul li:last-of-type{
    margin-right: 0px !important;
}


.ra-hero .ra-form button{
    width: 40px;
    height: 40px;
}

/* Hot Selling Destinations */
.ra-hot-selling-destinations{
    padding: 50px 0px;
}
.ra-hot-selling-destinations > .container > .row{
    max-width: 1100px !important;
    margin: 0px auto !important;
}
.ra-hot-destination{
    width: 100%;
    background-size: cover !important;
    background-position: center center;
    border-radius: 20px;
    height: 380px;
    margin-bottom: 30px;
}
.ra-hot-destination:hover{
    transform: scale(1.1);
    transition: all 0.5s;
}
.ra-bg-tint{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: rgba(0,0,0,0.25);
    padding: 35px 30px 15px 30px;
    color: white;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.14);
}
.ra-destination-heading h2::after{
    display: block;
    content: "";
    width: 12px; height: 12px;
    border-radius: 7px;
    background: var(--main);
    margin-top: 8px;
}
.ra-destination-details hr{ height: 3px; background: white; }
/* Hot Selling Destinations */



/* Featured Packages */
.ra-featured-packages{
    padding: 50px 0px 50px 0px;
}
.ra-package{
    width: 100%;
    border: 1px solid var(--footer-links);
    border-radius: 10px;
    margin-bottom: 30px;
}
.ra-package-image{
    height: 110px;
    overflow: hidden;
    border-radius: 10px;
    padding: 0px;
}
.ra-package-image img{ width: 100%; height: 100%; max-height: 156px; }
.ra-package-heading span{ font-size: 12px; }
.ra-package-heading a:hover { color: var(--main) !important; }
.ra-package-rating i { font-size: 10px; }

.ra-package-features{
    margin-top: 10px;
}
.ra-package-features i{
    font-size: 17px;
    margin-right: 10px;
    color: var(--footer-text);
}

.ra-package-timeline li{
    display: inline-block;
}
.ra-package-timeline-item::after{
    display: inline-block;
    width: 20px;
    content: "";
    border-top: 2px dotted var(--footer-text);
    margin: 0px 8px 8px 8px;
}
.ra-package-timeline li:last-of-type .ra-package-timeline-item::after{
    display: none !important;
}

.ra-package-price-container .ra-social-links i{ font-size: 22px !important; }

/* Featured Packages */

/* Package Categories */
.ra-package-categories{
    padding: 40px 0px 50px 0px;
}
.ra-package-categories i, .ra-category i{
    font-size: 60px;
}
.ra-category{
    margin-top: 50px;
}
.ra-category a{
    font-size: 16px !important;
}
.ra-category span{ font-size: 12px; }
/* Package Categories */


/* Happy Clients */
.ra-happy-clients{
    padding: 50px 0px;
}

.ra-review-img {
    width: 100px; height: 100px;
    border-radius: 50px;
    overflow: hidden;
}
.ra-avatar{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: var(--hazy2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--secondary);
    font-family: LatoBold;
}
.ra-happy-clients img{ width: 100px; }
.ra-happy-clients p{ font-size: 16px; }
.ra-happy-clients .ra-avatar{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: var(--footer-text);
    font-size: 17px;
}
/* Happy Clients */

/* Why Travelages */
.ra-why-travelages{
    padding: 50px 0px;
}
/* Why Travelages */

/* Listing Page */

.ra-listing-main .ra-bg-tint{ 
    border-radius: 0px !important; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px;
}
.ra-listing-main .ra-package-image{ height: unset !important; }

.ra-pagination ul li{ display: inline-block; margin-right: 2px; }
.ra-pagination ul li a, .ra-pagination a, .ra-pagination span.current{
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px;
    color: var(--secondary);
    border-radius: 10px;
    background: var(--hazy2);
    font-family: LatoBold;
    margin-right: 5px;
}
.ra-pagination ul li.active a, .ra-pagination a:hover, .ra-pagination span.current {
    color: white;
    font-family: LatoBlack;
    background: var(--main);
}
.ra-happy-clients-sidebar  li{ margin-bottom: 10px; }
.ra-happy-clients-sidebar .ra-client-info img{ 
    width: 35px !important;
    height: 35px !important;
    border-radius: 20px !important;
 }
 .ra-happy-clients-sidebar .ra-avatar{
    width: 35px !important;
    height: 35px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
 }
.ra-happy-clients-sidebar li:last-of-type{ margin-bottom: 0px !important;}
/* Listing Page */


/* Listing Detail Page */
.ra-package-main-image{
    display: block;
    width: 100%;
    min-height: 380px;
    border-radius: 15px;
    background-size: cover !important;
}
.ra-package-image-thumbs img{
    width: 15%;
    max-width: 130px;
    height: 100px;
    border-radius: 10px;
    cursor: pointer !important;
}
.ra-package-inclusions ul, .ra-package-exclusions ul{ list-style: none !important; margin: 0px; padding: 0px !important; }
.ra-package-inclusions ul li::before, .ra-package-exclusions ul li::before{
    display: inline-block;
    content: "\f00c";
    margin-right: 8px;
    font: var(--fa-font-solid);
    color: var(--green);
}
.ra-package-exclusions ul li::before{
    content: "\f00d" !important;
    color: var(--main) !important;
}
.ra-package-inclusions ul li,.ra-package-exclusions ul li, .ra-package-payment-terms ul li{ margin-bottom: 10px; }

.ra-package-client-reviews .ra-review img{
    width: 70px !important;
    height: 70px !important;
    border-radius: 8px !important;
}
.ra-package-client-reviews .ra-review .ra-avatar{
    width: 70px !important;
    height: 70px !important;
    border-radius: 8px !important;
}
.ra-package-inclusions .ra-bg-hazy{ border-radius: 15px; }
/* Listing Detail Page */

 

/* Contact Page */
.ra-contact-main .ra-breadcrumb-bg-container{
    height: 200px;
}
/* Contact Page */

/* Archive Page */
.ra-archive-main .ra-breadcrumb-bg-container{
    padding: 50px 0px;
}
.ra-archive-data p{
    color: var(--secondary) !important;
    margin-bottom: 50px !important;
}
/* Archive Page */




/* Error Page */
.ra-error-main { padding: 100px 0px; }
.ra-error-main i { font-size: 80px; }
.ra-error-main h1{ font-size: 180px !important; }
/* Error Page */


/* Footer Styles */
.ra-footer-top .heading h6{
    font-size: 16px !important;
}
.ra-footer-top p{
    font-size: 13px;
}
.ra-social-links a:hover{
    color: var(--main) !important;
}

.ra-footer{
    background-color: var(--dark) !important;
    padding: 40px 0px 20px 0px;
    color: var(--footer-text) !important;
}
.ra-footer ul li{
    margin-bottom: 7px;
}
.ra-footer ul li a {
    color: var(--footer-links) !important;
}
.ra-footer ul li a:hover{
    color: white !important;
}
.ra-footer-terms{
    margin: 50px 0px 20px 0px;
    padding: 20px 15px;
    border-top: 1px solid var(--light-gray);
    border-bottom: 1px solid var(--light-gray);
}
.ra-footer-terms ul li{ margin-bottom: 15px !important; }
.ra-footer-terms ul li:last-of-type{ margin-bottom: 0px !important; }
.ra-footer-copyright ul li{
    display: inline-block !important;
    margin-right: 25px;
}
.ra-footer-copyright ul li:last-of-type{ margin-right: 0px !important; }
/* Footer Styles */



/* Media Queries */
@media screen and (max-width: 765px){
    .ra-package-image{ height: 200px !important; }
    .ra-package-image img{  max-height: 283px; }
    .ra-package-image-thumbs img{ height: 40px !important; }
    .ra-form .ra-form-item-holder{ width: 100% !important; }
    .ra-mob-pagination{
        text-align: right;
        margin-top: 20px;
    }

    .ra-package-timeline span{ font-size: 12px !important; }

    .ra-ribbon-container.ra-ribbon-list{
        top: -40px !important;
    }

    .ra-home-form .ra-form-item-holder{
        border-radius: 5px;
        margin-bottom: 10px !important;
        padding: 12px 15px;
    }
    .ra-hero .ra-form button{
        width: 100% !important;
        border: 0px;
        height: 48px !important;
        border-radius: 8px !important;
        margin: 0px !important;
        margin-top: 10px !important;
    }
    .ra-review .ra-review-details .ra-bordered-box{
        flex-direction: column-reverse !important;
    }
    .ra-modal-btn{
        padding: 10px 40px !important;
    }
   
}


/* Animation */

 @-webkit-keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-top {
    0% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  
.slide-in-top {
	-webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
  /* Animation */
  

/* Extras */

.errortext {
    color: #ff6d6d !important;
}

.error{
    color: #ff6d6d !important;
}
.ra-tint {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #030303;
    z-index: 5000;
    opacity: 0.2;
}

.ra-position-sticky{
    position: sticky;
    top: 50px;
}