@charset "utf-8"; 

/*

Theme Name: Toor - Travel Booking HTML5 Template.

Author: codezionsoftwares

Author URL: https://themeforest.net/user/codezionsoftwares

Version: 1.0.0



%%%%%%% Table of CSS %%%%%%%



1.General code 

    1.1 Typography

    1.2 Space margins and padding

    1.3 forms

    1.4 Buttons

    1.5 Section-Colors-&-Backgrounds

    1.6 Modal & popups

    1.7 Accordion

2.Homepages

    2.1 Navigation

    2.2 Slider

    2.3 Search

    2.4 About Us

    2.5 Recommended Hotels

    2.6 Our Work

    2.7 Recommended Flights

    2.8 Recommended Cruise

    2.9 Our Services

    2.10 Recommended Cars

    2.11 Our Team

    2.12 Why Choose Us / Testimonials

    2.13 Our Blog

    2.14 Our Partners

    2.15 Footer

    2.16 Copyright

3.Blog    

4.Blog Details    

5.Listing 

6.Listing Detail  

7.Booking  

8.About Us  

9.404  

10.Coming Soon  

11.Contact Us  

12.FAQs  

13.Gallery  

*/

/*--------animation---------*/

@keyframes fadeHeaderInDown {

    0% {

        opacity: 0;

        transform: translate3d(0, -100%, 0);

    }

    100% {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}

@keyframes shadow {

    0% {

        transform: scale(1) translateY(0px);

    }

    100% {

        transform: scale(0.8) translateY(75px);

    }

}

@keyframes ghost {

    0% {

        transform: scale(1) translateY(0px)

    }

    100% {

        transform: scale(1) translateY(-40px)

    }

}

/*======================

1.General Code

========================*/

html {

    overflow-x: hidden;

}

button:focus,

*:focus {

    outline: none;

}

body {

    font-family: 'Roboto', sans-serif;

    margin: 0px;

    padding: 0px;

    font-size: 14px;

    line-height: 1.8;

    font-weight: 400;

    color: #000;

    background: #f5f5f5;

    border-color: #dfdfdf;

    transition: transform ease-in .4s;

    overflow: hidden;

}

button {

    background: transparent;

    border: none;

    padding: 0;

}

label {

    line-height: normal;

}

hr{

    margin: 20px 0;

}

.popins{

    font-family: 'Poppins', sans-serif;

}

.roboto{

    font-family: 'Roboto', sans-serif;

}

.p-relative {

    position: relative;

}

.before-none:after,

.after-none:after,

.none {

    display: none;

}

.overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

}

.overlay-bg-black{

    background: #000;

    opacity: 0.1;

}

.overlay-2 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

}

.image-fit{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.transform-center {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translate(0%, -50%);

    z-index: 1;

}

.bx-wrapper{

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}

[class^="flaticon-"]:before,

[class*=" flaticon-"]:before {

    font-size: inherit;

    margin: 0;

}

.animate-img{

    position: relative;

    overflow: hidden;

}

.animate-img:hover img{

    transform: scale(1.1);

    transition: 0.5s;

}

.parallax{

    position: relative;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    transition: border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;

}

.normal-bg{

    position: relative;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition: border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;

}

/*section header*/

.section-header {

    padding-bottom: 5px;

    position: relative;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}

.section-header .section-heading{

    max-width: 70%;

    margin: 0 auto 0 0;

}

.section-header .section-heading h3:after{

    content: '';

    display: block;

    width: 80px;

    height: 2px;

    background: #012b72;

    margin-top: 20px;

}

.section-header .section-description {

    margin-bottom: 20px;

    position: relative;

}

.section-header.style-right{

    text-align: right;

}

.section-header.style-right .section-heading{

    margin: 0 0 0 auto;

}

.section-header.style-right .section-heading h3:after{

    margin: 20px 0 0 auto;

}

/*Slick Arrow*/

.arrow-layout-2 .slick-arrow,

.arrow-layout-1 .slick-arrow{

    position: absolute;

    top: 50%;

    z-index: 10;

    transform: translate(0px, -50%);

    transition: 0.3s all;

    font-size: 0;

    overflow: hidden;

    z-index: 1;

}

.arrow-layout-1 .slick-arrow:after{

    width: 50px;

    height: 50px;

    border:1px solid #fff;

    background: transparent;

    border-radius: 50%;

    position: relative;

    overflow: hidden;

    color: #fff;

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: Flaticon;

}

.arrow-layout-1 .slick-arrow:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 0%;

    background: #012b72;

    border-radius: 50%;

    z-index: -1;

    height: 100%;

    transition: 0.5s all;

}

.arrow-layout-1 .slick-arrow:hover:before{

    width: 100%;

}

.arrow-layout-1 .slick-prev{

    left: -100px;

}

.arrow-layout-1 .slick-next{

    right: -100px;

}

.arrow-layout-1 .slick-prev:after{

    content: "\f165";

}

.arrow-layout-1 .slick-next:after{

    content: "\f163";

}

.arrow-layout-1.slick-slider:hover .slick-prev{

    left: 15px;

}

.arrow-layout-1.slick-slider:hover .slick-next{

    right: 15px;

}

.arrow-layout-2 .slick-arrow{

    font-size: 0px;

    right: 15px;

    top: -70px;

}

.arrow-layout-2 .slick-arrow:after{

     background: #012b72;

    border-color: #012b72;

    color: #fff;

    font-family: flaticon;

    padding: 15px;

    font-size: 20px;

}

.arrow-layout-2 .slick-prev{

    right: 65px;

}

.arrow-layout-2 .slick-next{

    right: 15px;

}

.arrow-layout-2 .slick-prev:after{

    content: "\f164";

}

.arrow-layout-2 .slick-next:after{

    content: "\f162";

}

.arrow-layout-2 .slick-arrow:hover:after{

    color: #fff;

    background: #012b72;

}

/*slick bullets*/

.slick-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    list-style: none;

    padding: 0;

    margin-top: 20px;

}

.slick-dots li {

    padding: 0;

    line-height: 0;

}

.slick-dots li button {

    font-size: 0;

    width: 12px;

    height: 6px;

    border-radius: 10px;

    background: #012b72;

    margin: 0 5px;

    transition: 0.6s all;

    border: 2px solid #012b72;

}

.slick-dots li.slick-active button {

    width: 24px;

    height: 6px;

    border-radius: 50px;

    background: #012b72;

    border: 2px solid #012b72;

}

/*pagination*/

.page-item:first-child .page-link{

    border-top-left-radius: 50px;

    border-bottom-left-radius: 50px;

}

.page-item:last-child .page-link{

    border-top-right-radius: 50px;

    border-bottom-right-radius: 50px;

}

.page-link:focus{

    box-shadow: none;

    z-index: 1;

}

.page-item .page-link{

    padding: 8px 20px;

    font-size: 14px;

    line-height: 1.5;

    border: 2px solid #eee;

    color: #020202;

    border-radius: 0;

}

.page-item:hover .page-link,

.page-item.active .page-link{

    background-color: #012b72;

    border-color: #012b72;

    color: #fff;

}

/*======================

1.1 Typography

========================*/

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 20px;

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    color: #000;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a{

    color: inherit;

}

h1 {

    font-size: 50px;

    line-height: normal;

}

h2 {

    font-size: 30px;

}

h3 {

    font-size: 28px;

}

h4 {

    font-size: 24px;

}

h5 {

    font-size: 18px;

}

h6 {

    font-size: 16px;

}

p {

    font-size: 14px;

    line-height: 1.8;

    margin-bottom: 20px;

    font-family: 'Roboto', sans-serif;

}

a {

    color: #012b72;

    text-decoration: none;

    transition: 0.5s;

}

a:focus,

a:hover {

    color: #1baa4b;

    text-decoration: none;

    transition: 0.5s;

}

dl,

ol,

ul {

    margin-top: 0;

    margin-bottom: 0;

}

ul li,

ol li {

    margin: 0px;

    position: relative;

}

ul.custom{

    list-style: none;

    padding: 0;

}

ul.custom-flex{

    list-style: none;

    padding: 0;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

blockquote {

    background-color: #fff;

    position: relative;

    display: flex;

    align-items: center;

    padding: 30px;

    padding-left: 70px;

    border-left: 2px solid #012b72;

}

blockquote span{

    width: 50px;

    height: 50px;

    background: #012b72;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 15px;

    font-size: 16px;

    margin-right: 0;

    position: absolute;

    left: 0;

    top: 0;

}

blockquote p {

    font-size: 16px;

    font-style: italic;

    margin: 0;

    font-weight: 500;

    word-break: break-word;

    margin-bottom: 0;

}

blockquote h6 {

    color: #000;

    font-weight: 400;

    text-transform: uppercase;

    font-size: 16px;

}



iframe{

    border:none;

    width: 100%;

}

img {

    max-width: 100%;

    width: auto;

    height: auto;

    transition: 0.5s;

}

table th,

table td {

    border: 1px solid #dfdfdf;

    padding: 15px;

}

table {

    border: 1px solid #dfdfdf;

    padding: 15px;

    width: 100%;

}

.fs-12 {

    font-size: 12px;

}

.fs-14 {

    font-size: 14px;

}

.fs-16 {

    font-size: 16px;

}

.fs-18 {

    font-size: 18px;

}

.fs-20 {

    font-size: 20px;

}

.fw-100 {

    font-weight: 100;

}

.fw-400 {

    font-weight: 400;

}

.fw-500 {

    font-weight: 500;

}

.fw-600 {

    font-weight: 600;

}

.fw-700 {

    font-weight: 700;

}

/*======================

1.2 Space margins and padding

========================*/

.no-margin {

    margin: 0;

}

.no-padding {

    padding: 0;

}

.full-width {

    width: 100%;

}

.full-height {

    height: 100%;

}

.section-padding {

    padding: 40px 0;

}

.section-padding-top{

    padding-top:80px;

}

.section-padding-bottom{

    padding-bottom:80px;

}

.padding-10 {

    padding: 10px;

}

.padding-15 {

    padding: 15px;

}

.padding-20 {

    padding: 20px;

}

.mb-xl-20 {

    margin-bottom: 20px;

}

.mb-xl-30 {

    margin-bottom: 30px;

}

.mb-xl-40 {

    margin-bottom: 40px;

}

.mb-xl-80 {

    margin-bottom: 80px;

}

.pb-xl-20 {

    padding-bottom: 20px;

}

/*==================

1.3. Forms

====================*/

.form-control-custom::placeholder{

    font-size: 14px;

}

.form-control-custom {

    height: 40px;

    padding: 0 15px;

    border-radius: 0;

    border: 2px solid #efefef;

    width: 100%;

    background: #f5f5f5;

    font-size: 14px;

    border-radius: 50px;

}

.form-control-custom:focus {

    border: 2px solid #efefef;

    border-bottom: 2px solid #012b72;

    box-shadow: none;

}

.btn-height,

button.btn-height{

    height: 40px;

    line-height: 1;

    padding: 0;

}

label.submit{

    height: 15px;

    width: 100%;

    clear: both;

}

.custom-select{

    background-image: none;

}

.custom-select:focus{

    box-shadow: none;

}

.group-form .form-control-custom,

.group-form .form-control-custom:not(:last-child){

    border-radius: 50px;

    padding: 0 40px 0 15px;

}

.group-form .form-control-custom:focus{

    z-index: 0;

}

.group-form .form-control-custom.custom-select:focus{

    z-index: 10;

}

.group-form .input-group-append{

    position: absolute;

    height: 40px;

    width: 30px;

    background: #012b72;

    color: #fff;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    border-radius: 0px 50px 50px 0px;

    z-index: 0;

    pointer-events: none;

}

.group-form .custom-select{

    padding: 0 30px 0 10px;

}

.group-form .custom-select:after{

    border-bottom-color: #fff;

    border-right-color: #fff;

}

.group-form .custom-select:before{

    content: '';

    background: #012b72;

    width: 30px;

    height: 40px;

    display: block;

    position: absolute;

    right: 0;

    top: -2px;

    border-radius: 0px 50px 50px 0px;

    margin-top: 0;

}

textarea.form-control {

    height: auto;

    padding: 20px 15px 0;

}

label.custom-checkbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}

label.custom-checkbox {

    display: block;

    position: relative;

    padding-left: 30px;

    margin-bottom: 10px;

    cursor: pointer;

    user-select: none;

    line-height: normal;

    font-size: 14px;

}

label.custom-checkbox:last-child {

    margin-bottom: 10px;

}

/* Create a custom checkbox */

label.custom-checkbox .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    border: 1px solid #d4d4db;

    width: 20px;

    height: 20px;

    background-color: #fff;

    border-radius: 0px;

}

/* On mouse-over, add a grey background color */

label.custom-checkbox:hover input ~ .checkmark {

    background-color: #fff;

    border: 1px solid #012b72;

}

/* When the checkbox is checked, add a blue background */

label.custom-checkbox input:checked ~ .checkmark {

    background-color: #012b72;

    border: 1px solid #012b72;

}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}

/* Show the checkmark when checked */

label.custom-checkbox input:checked ~ .checkmark:after {

    display: block;

}

/* Style the checkmark/indicator */

label.custom-checkbox .checkmark:after {

    left: 6px;

    top: 2px;

    width: 5px;

    height: 9px;

    border: solid #fff;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

}

/*==================

1.4. Buttons

====================*/

.btn-first{

    display: inline-block;

    padding: 12px 40px;

    position: relative;

    transition: 0.5s all;

    background: transparent;

    color: inherit;

    border: 1px solid transparent;

    font-size: 14px;

    overflow: hidden;

    z-index: 1;

    text-align: center;

    border-radius: 50px;

    text-transform: uppercase;

}

.btn-submit{

        border-color: #1ab64f;

    color: #ffffff;

    background: #1ab64f;

}

.btn-small:before,

.btn-submit:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    background-color: #1ab64f;

    width: 0%;

    transition: 0.5s all;

    z-index: -1;

    border-radius: 50px;

}

.btn-small:hover,

.btn-submit:hover{

    color: #fff;

}

.btn-small:focus,

.btn-submit:focus{

    background-color: #00a3c8;

    color: #fff;

}

.btn-small:hover:before,

.btn-submit:hover:before{

    width: 100%;

}

.btn-second{

    display: inline-block;

    padding: 0px 20px;

    position: relative;

    transition: 0.5s all;

    background: transparent;

    color: inherit;

    border: 1px solid transparent;

    font-size: 14px;

    overflow: hidden;

    z-index: 1;

    text-align: center;

    border-radius: 50px;

    text-transform: uppercase;

}

.btn-small{

    background: #012b72;

    border-color: #012b72;

    color: #fff;

}

.btn-small:hover,

.btn-small:focus{

    border-color: #012b72;

}

/*==================

1.5. Section-Colors-&-Backgrounds

====================*/

.bg-light-white {

    background-color: #f5f5f5;

}

.bg-custom-white {

    background-color: #ffffff;

}

.bg-custom-blue{

    background: #012b72;

}

.bg-light-black{

    background: #012b72;

}

/*Colors*/

.text-custom-black {

    color: #000000;

}

.text-custom-white {

    color: #ffffff;

}

.text-custom-blue {

    color: #1ab64f;

}

.text-light-dark{

    color: #000000;;

}

.text-light-black{

    color: #012b72;

}

.text-yellow{

    color: #fdb714;

}

/*======================

1.6 Modal & Popups

========================*/

/*======================

1.7 Accordion

========================*/

.custom-accordion .card{

    background: #ffffff;

    border-color: #fff;

    border-radius: 0;

}

.custom-accordion .card .card-header{

    padding: 0;

    background: #ededed;

    border-color: #ededed;

    border-radius: 0;

}

.custom-accordion .card .card-header .collapsebtn{

    font-size: 16px;

    font-weight: 500;

    display: flex;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    align-items: center;

    padding: 10px 15px;

    width: 100%;

    background: #012b72;

    color: #fff;

    cursor: pointer;

}

.custom-accordion .card .card-header .collapsebtn.collapsed{

    background: #ededed;

    border-color: #ededed;

    color: #000;

}

.custom-accordion .card .card-header .collapsebtn:before{

    content: '-';

    background: #fff;

    color: #376bff;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    margin-right: 15px;

    font-size: 20px;

    display: flex;

    align-items: center;

    line-height: normal;

    padding: 0 6px;

}

.custom-accordion .card .card-header .collapsebtn.collapsed:before{

    content: '+';

    background: #012b72;

    color: #fff;

    padding: 0 4.5px;

}

.custom-accordion .card .card-body{

    padding: 15px 0;

}

/*======================

2. Homepages

========================*/

/*topbar*/

.topbar .left-side>ul>li>a,

.topbar .right-side>ul>li>a{

    padding: 2px 10px;

    display: block;

    text-transform: uppercase;

    font-size: 12px;

}



.topbar.bg-custom-blue {

    padding: 2px 0px;

}

.topbar .left-side>ul>li:first-child>a{

    padding-left: 0;

}

.topbar .right-side>ul>li:last-child>a{

    padding-right: 0;

}

.topbar .left-side>ul>li:hover>a,

.topbar .right-side>ul>li:hover>a{

    color: #fff;

}

.topbar .right-side>ul{

    justify-content: flex-end;

}

.topbar .right-side>ul>li>select{

    background: transparent;

    color: #fff;

    border: none;

}

.topbar .right-side>ul>li>select>option{

    color: #012b72;

}

/*Navigation*/

.header .navigation.sticky{

    animation-name: fadeHeaderInDown;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 22;

    background: #fff;

    animation-duration: 1s;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

    animation-fill-mode: both;

}

.navigation .main-navigation{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.navigation .main-navigation .logo{

   margin: 5px 0;

        width: 250px;

    

}

.navigation .main-navigation .main-menu .logo{

    display: none;

}

.navigation .main-navigation .hamburger-menu {

    display: none;

    align-items: center;

    cursor: pointer;

}

.navigation .main-navigation .hamburger-menu .menu-btn span {

    background: #000;

    height: 2px;

    width: 25px;

    margin-bottom: 5px;

    display: block;

    transition: 0.3s;

}

.navigation .main-navigation .hamburger-menu .menu-btn span:last-child {

    margin-bottom: 0;

}

.navigation .main-navigation .hamburger-menu .menu-btn.active {

    position: relative;

    top: -4px;

    transition: 0.3s;

}

.navigation .main-navigation .hamburger-menu .menu-btn.active span:first-child {

    transform: rotate(45deg);

    transition: 0.3s;

    position: relative;

    top: 7.4px;

}

.navigation .main-navigation .hamburger-menu .menu-btn.active span:nth-child(2) {

    display: none;

}

.navigation .main-navigation .hamburger-menu .menu-btn.active span:last-child {

    transform: rotate(-45deg);

    transition: 0.3s;

}

.navigation .main-navigation .main-menu .cta-btn,

.navigation .main-navigation .main-menu{

    display: flex;

    align-items: center;

}

.navigation .main-navigation .main-menu .cta-btn{

    margin-left: 15px;

}

.navigation .main-navigation .main-menu>nav>ul>.menu-item.active>a{

    color: #012b72;

    font-weight: 500;

}

.navigation .main-navigation .main-menu>nav>ul>.menu-item{

    padding: 22px 0;

}

.navigation .main-navigation .main-menu>nav>ul>.menu-item>a{

   text-transform: uppercase;

    padding: 0px 12px;

    position: relative;

    font-size: 16px;

    font-weight: 500;

}

.menu-item-has-children>a>.arrow:after,

.menu-item-has-megamenu>a>.arrow:after{

    display: inline-block;

    margin-left: .55em;

    content: "\f107";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

}

.menu-item-has-children .sub-menu{

    position: absolute;

    top: 100%;

    left: 50px;

    right: 0;

    width: 200px;

    opacity: 0;

    visibility: hidden;

    background: #012b72;

    transition: 0.3s all;

    z-index: 1;

}

.menu-item-has-children:hover>.sub-menu{

    opacity: 1;

    visibility: visible;

    left: 0;

}

.menu-item-has-megamenu .megamenu .megamenu-nav ul>.menu-item>a,

.menu-item-has-children .sub-menu>.menu-item>a{

    display: block;

    border-top: 1px solid #1ab64f;

    white-space: nowrap;

    padding: 3px 20px 3px 18px;

    position: relative;

}

.menu-item-has-megamenu .megamenu .megamenu-nav ul>.menu-item>a,

.menu-item-has-children .sub-menu>.menu-item.active>a,

.menu-item-has-children .sub-menu>.menu-item:hover>a{

    background: #1ab64f;

    color: #fff;

}

.menu-item-has-children .sub-menu .menu-item-has-children>a>.arrow:after{

    position: absolute;

    right: 15px;

    transform: rotate(-90deg);

    top: 15px;

}

.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu{

    left: 100%;

    top: 0;

}

/*megamenu*/

.menu-item-has-megamenu{

    position: static;

}

.menu-item-has-megamenu .megamenu{

    position: absolute;

    top: 100%;

    left: 50px;

    right: 0;

    width: 97.4%;

    opacity: 0;

    visibility: hidden;

    background: #012b72;

    transition: 0.3s all;

    padding-bottom: 10px;

}

.menu-item-has-megamenu:hover>.megamenu{

    opacity: 1;

    left: 15px;

    visibility: visible;

}

.menu-item-has-megamenu .megamenu .megamenu-nav ul>.menu-item{

    margin-bottom: 10px;

}

/*Main Slider*/

.main-banner .slide-item{

    height: 450px;

    position: relative;

    z-index: 1;

    margin: 0;

}

.main-banner .slide-item:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    background-color: #000;

    opacity: 0.5;

}

.slider-content h1{

    font-size: 50px;

    line-height: 60px;

    font-weight: 900;



}

.slider-content ul{

    margin-bottom: 20px;

}

.slider-content ul li{

    display: flex;

    align-items: center;

    font-size: 20px;

    margin-bottom: 10px;

}

.slider-content ul li i{

    color: #012b72;

    font-size: 22px;

    margin-right: 15px;

    width: 27px;

    height: 22px;

    text-align: center;

}

/*Banner tabs*/

.banner-tabs .tab-pane [class^="col-"], 

.banner-tabs .tab-pane [class*=" col-"] {

    padding-left: 10px;

    padding-right: 10px;

}

.banner-tabs{

    margin-top: -70px;

}

.banner-tabs .tabs .nav-tabs .nav-item .nav-link{

    background: #ffffff8c;

    color: #000;

    font-weight: 500;

    letter-spacing: 1px;

}

.tabs .nav-tabs{

    border: none;

}

.tabs .nav-tabs .nav-item {

    text-align: center;

    margin-bottom: 0;

    margin-right: 5px;

}

.tabs .nav-tabs .nav-item .nav-link:hover,

.tabs .nav-tabs .nav-item .nav-link.active {

    background: #012b72;

    color: #ffffff;

    border: none;

    border-bottom: 2px solid #012b72;

}

.tabs .nav-tabs .nav-item .nav-link.active:before{

    content: "";

    bottom: -8px;

    left: calc(50% - 6px);

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid #012b72;

}

.tabs .nav-tabs .nav-item .nav-link {

    background: #fff;

    border-radius: 0;

    border: none;

    border-bottom: 2px solid #012b72;

    color: #000;

    font-weight: 600;

    padding: 12px 40px;

    display: block;

    z-index: 10;

    position: relative;

}

.tabs .nav-tabs .nav-item .nav-link:after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    background-color: #1ab64f;

    width: 0%;

    transition: 0.5s all;

    z-index: -1;

}

.tabs .nav-tabs .nav-item .nav-link:hover:after{

    width: 100%;

}



/*About us*/

.about-us .about-left-side .section-header{

    padding-bottom: 0;

}

.about-us .about-left-side ul{

    columns: 2;

    margin-bottom: 15px;

}

.about-us .about-left-side ul li{

    font-size: 14px;

    margin-bottom: 5px;

}

.about-us .about-left-side ul li i{

    margin-right: 10px;

}

.about-us .about-left-side .signature span {

    margin-bottom: 10px;

    display: block;

}

.about-us .about-right-side .about-img{

    position: relative;

    overflow: hidden;

    width: 100%;

}

.about-us .about-right-side .about-img:before{

    content: '';

    background: #012b72;

    display: block;

    height: calc(50% - 40px);

    top: 0%;

    z-index: 0;

    position: absolute;

    width: 50%;

    right: 0;

    left: auto;

}

.about-us .about-right-side .about-img:after{

    content: '';

    background: #012b72;

    display: block;

    height: calc(50% - 40px);

    bottom: 0%;

    z-index: -1;

    position: absolute;

    width: 50%;

    right: auto;

    left: 0;

}

.about-us .about-right-side .about-img img{

    padding: 40px;

    position: relative;

}

/*Hotel grid*/

.slide-item{

    margin: 4px 0;

}

.cruise-grid,

.flights-grid,

.hotel-grid{

    position: relative;

    overflow: hidden;

}

.cruise-grid .cruise-grid-wrapper .image-sec>a:after,

.flights-grid .flights-grid-wrapper .image-sec>a:after,

.hotel-grid .hotel-grid-wrapper .image-sec>a:after{

    position: absolute;

    top: 0;

    left: 0px;

    right: 0;

    bottom: 0;

    opacity: 0;

    background-color: #012b72;

    content: '';

    transition: 0.5s all;

    margin: 10px;

    transform: translateX(-100%);

}

.cruise-grid .cruise-grid-wrapper .image-sec>a:before,

.flights-grid .flights-grid-wrapper .image-sec>a:before,

.hotel-grid .hotel-grid-wrapper .image-sec>a:before{

    position: absolute;

    top: 50%;

    opacity: 0;

    color: #fff;

    font-size: 26px;

    font-family: "Flaticon";

    font-weight: 900;

    content: "\f168";

    pointer-events: none;

    z-index: 9000;

    transition: 0.5s all;

    transform: translate(-100%, -50%);

    left: 0;

    right: 0;

    text-align: center;

    line-height: 0.5;

}

.cruise-grid .cruise-grid-wrapper:hover .image-sec>a:after,

.cruise-grid .cruise-grid-wrapper:hover .image-sec>a:before,

.flights-grid .flights-grid-wrapper:hover .image-sec>a:after,

.flights-grid .flights-grid-wrapper:hover .image-sec>a:before,

.hotel-grid .hotel-grid-wrapper:hover .image-sec>a:after,

.hotel-grid .hotel-grid-wrapper:hover .image-sec>a:before{

    opacity: 1;

    transform: translateX(0%);

}

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec .left-side .title h4

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .title,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .title{

    letter-spacing: 0.04em;

    line-height: 1em;

}

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .title:after,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .title:after{

    display: table;

    clear: both;

    content: '';

}

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec .left-side .title h4 span,

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .title small,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .title small{

    font-size: 10px;

    text-transform: capitalize;

    display: block;

    margin-top: 10px;

}

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec .right-side .price,

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .price ,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .price {

    color: #7db921;

    font-size: 9px;

    text-transform: uppercase;

    text-align: right;

    line-height: 1;

    display: block;

    position: absolute;

    top: 20px;

    right: 20px;

}

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec .right-side .price small,

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .price small,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .price small{

    display: block;

    color: #000000;

    font-size: 0.8em;

    margin-bottom: 5px;

}

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .feedback,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .feedback{

    margin: 5px 0;

    border-top: 1px solid #f5f5f5;

    padding: 5px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #f5f5f5;

}

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .action,

.flights-grid .flights-grid-wrapper .flights-grid-caption .action,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .action{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .action a,

.flights-grid .flights-grid-wrapper .flights-grid-caption .action a,

.hotel-grid .hotel-grid-wrapper .hotel-grid-caption .action a{

    padding: 0px 20px;

}

.ratings span{

    cursor: pointer;

}

/*flights grid*/

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec{

    display: flex;

    justify-content: space-between;

}

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec .left-side{

    display: flex;

}

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec .left-side i{

    border: 1px solid #012b72;

    width: 35px;

    height: 35px;

    line-height: 1.7333em;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 15px;

}

.flights-grid .flights-grid-wrapper .flights-grid-caption .heading-sec .right-side .price{

    position: relative;

    top: 0;

    right: 0;

}

/*Cruise Grid*/

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .time{

    margin-top: 10px;

    text-transform: uppercase;

}

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .time>div{

    margin-bottom: 10px;

    display: flex;

    align-items: flex-start;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.cruise-grid .cruise-grid-wrapper .cruise-grid-caption .time>div>i{

    position: relative;

    top: 2px;

    margin-right: 5px;

    color: #000000;

}

/*car grid*/

.hotel-grid .hotel-grid-wrapper.car-grid .image-sec{

    height: 160px;

    width: 100%;

    background-color: #fff;

}

.hotel-grid .hotel-grid-wrapper.car-grid .image-sec img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center;

}

/*our-work-sec*/

.our-work-sec .row{

    margin: 0 -5px;

}

.our-work-sec .row>div{

    padding: 0 5px 10px;

}

.our-work-sec .work-sec.first-box{

    height: calc(100% - 10px);

}

.our-work-sec .work-sec .text-wrapper{

    width: 100%;

    background: 0 0;

    background: linear-gradient(to bottom,transparent,#000);

    position: absolute;

    left: 0;

    bottom: 0;

    line-height: 1;

    padding: 100px 20px 20px 20px;

}

.our-work-sec .work-sec .text-wrapper h2{

    text-transform: uppercase;

    transform: translateY(20px) translateZ(0);

    transition: all .3s cubic-bezier(.77,0,.175,1);

}

.our-work-sec .work-sec .text-wrapper p{

    opacity: 0;

    transform: translateY(20px) translateZ(0);

    transition: all .3s cubic-bezier(.77,0,.175,1);

}

.our-work-sec .work-sec:hover .text-wrapper h2{

    transform: translateY(-5px) translateZ(0);

}

.our-work-sec .work-sec:hover .text-wrapper p{

    opacity: .8;

    transition-delay: .2s;

    transform: translateY(0) translateZ(0);

}

/*Our Services*/

.service-box .service-wrapper{

    display: flex;

    align-items: center;

}

.service-box .service-wrapper .service-img{

    flex: 0 0 250px;

    max-width: 250px;

    height: 180px;

}

.service-box .service-wrapper .service-text{

    flex: 0 0 calc(100% - 250px);

    max-width: calc(100% - 250px);

    width: 100%;

}

/*our-team*/

.our-team{

    background-image: url(../images/team-bg.jpg);

}

.our-team .overlay-bg-black{

    opacity: 0.5;

}

.our-team .team-block .inner-box {

    position: relative;

    overflow: hidden;

    transition: all 500ms ease;

}

.our-team .team-block .image .overlay-box {

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

}

.our-team .team-block .image .overlay-box:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    opacity: 0;

    top: 100%;

    transition: all 900ms ease;

    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #012b72 100%);

}

.our-team .team-block .inner-box:hover .overlay-box:before {

    opacity: 1;

    top: 0%;

}

.our-team .team-social-box {

    position: absolute;

    left: 15px;

    top: 50%;

    transform: translateY(-50%);

}

.our-team .team-social-box li {

    position: relative;

    left: -70px;

    margin-bottom: 10px;

    transition: all 900ms ease;

}

.our-team .team-social-box li a {

    position: relative;

    width: 36px;

    height: 36px;

    z-index: 1;

    line-height: 36px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    background-color: #ffffff;

}

.our-team .team-social-box li .social-name {

    position: relative;

    opacity: 0;

    visibility: hidden;

    margin-left: -32px;

    text-transform: capitalize;

    display: inline-block;

    border-radius: 0px 50px 50px 0px;

    background-color: #ffffff;

    transition: all 0.3s ease;

    padding: 4px 14px 4px 15px;

    top: -1px;

}

.our-team .team-social-box li:last-child {

    margin-bottom: 0px;

}

.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li,

.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2),

.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3),

.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {

    left: 0px;

}

.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2) {

    transition-delay: 500ms;

}

.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3) {

    transition-delay: 750ms;

}

.our-team .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {

    transition-delay: 1000ms;

}

.our-team .team-social-box li:hover .social-name {

    opacity: 1;

    margin-left: -9px;

    visibility: visible;

}

.our-team .team-social-box li.youtube a {

    color: #ff0000;

}

.our-team .team-social-box li.linkedin a {

    color: #0077b5;

}

.our-team .team-social-box li.facebook a {

    color: #3b5998;

}

.our-team .team-social-box li.twitter a {

    color: #1da1f2;

}

.our-team .team-social-box li.youtube .social-name {

    background-color: #ff0000;

}

.our-team .team-social-box li.linkedin .social-name {

    background-color: #0077b5;

}

.our-team .team-social-box li.facebook .social-name {

    background-color: #3b5998;

}

.our-team .team-social-box li.twitter .social-name {

    background-color: #1da1f2;

}

.our-team .team-block .lower-content {

    border: 1px solid #f5f5f5;

    padding-top: 20px;

    transition: 0.3s all;

    background-color: #fff;

}

.our-team .team-block .lower-content h4 {

    margin-bottom: 5px;

    margin-top: -5px;

}

.our-team .team-block:hover .lower-content{

    transform: translateY(-20px);

}

.our-team .team-block .icon-box {

    position: relative;

    width: 40px;

    height: 40px;

    line-height: 38px;

    margin: 0 auto;

    text-align: center;

    border-radius: 50%;

    margin-top: -10px;

    top: -10px;

    display: none;

    background-color: #012b72;

    border: 1px solid #012b72;

    transition: all 500ms ease;

    cursor: pointer;

}

.our-team .team-block .inner-box:hover .icon-box {

    color: #012b72;

    background-color: #ffffff;

}

/*why choose us / testimonials*/

.why-choose-box .why-choose-wrapper .why-choose-img:before{

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    width: 70px;

    height: 70px;

    background: #fff;

    margin: 0;

    border-radius: 50%;

    z-index: 2;

    transform: translate(-50%, -50%);

}

.why-choose-box .why-choose-wrapper .why-choose-img>.row{

    margin: 0 -10px;

}

.why-choose-box .why-choose-wrapper .why-choose-img>.row>div{

    padding: 10px;

    cursor: pointer;

}

.why-choose-box .why-choose-wrapper .why-choose-img .text-wrapper{

    width: 100%;

    background: 0 0;

    background: linear-gradient(to bottom,transparent,#000);

    position: absolute;

    left: 0;

    bottom: 0;

    line-height: 1;

    padding: 0px 10px 10px 10px;

}

.why-choose-box .why-choose-wrapper .why-choose-img .text-wrapper h6{

    text-transform: uppercase;

    transform: translateY(10px) translateZ(0);

    transition: all .3s cubic-bezier(.77,0,.175,1);

}

.testimonial-box .testimonial-wrapper .testimonial-author{

    border-radius: 50%;

    border: 4px solid #eee;

}

.testimonial-box .testimonial-wrapper .slick-current .testimonial-author{

    border-color: #012b72;

        transform: scale(1.1);

    margin: 1px 0;

}

.testimonial-box .testimonial-wrapper .testimonial{

    position: relative;

    padding-left: 100px;

}

.testimonial-box .testimonial-wrapper .testimonial:before{

    content: "\f10d";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 65px;

    line-height: 1;

    color: #012b72;

    padding: 0 12px;

}

.testimonial-box .testimonial-wrapper .slick-dots{

    margin-top: 10px;

}

/*our articles*/

.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date,

.our_articles .post .post-wrapper .post-img .post-date {

    text-align: center;

    width: 70px;

    margin-top: 0px;

    z-index: 1;

    position: absolute;

    left: 20px;

    top: 20px;

    text-transform: capitalize;

}

.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date .year,

.our_articles .post .post-wrapper .post-img .post-date .year{

    background-color: #012b72;

}

.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date .date,

.our_articles .post .post-wrapper .post-img .post-date .date {

    font-size: 30px;

    line-height: 1.1;

    padding: 7px 0;

}

.our_articles .post .post-wrapper .blog-meta .post-heading h2{

    margin-top: -10px;

}

.our_articles .post .post-wrapper .post-footer{

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top: 1px solid #f5f5f5;

    background: #fff;

}

.our_articles .post .post-wrapper .post-footer>a{

    text-transform: uppercase;

}

/*footer*/

.footer{

    background-color: #012b72;

}

.footer>.container>.row>div:last-child .footer-box{

    margin-bottom: 0;

}

.footer .footer-box h4 {

    font-size: 24px;

}

.footer .footer-box h4:after{

    content: '';

    display: block;

    width: 80px;

    height: 2px;

    background: #fff;

    margin-top: 20px;

}

.footer .footer-box .socials li{

    margin-right: 15px;

}

.footer .footer-box .socials li a{

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: transparent;

    border: 2px solid #fff;

    width: 36px;

    height: 36px;

    font-size: 16px;

    line-height: 34px;

    border-radius: 100%;

}

.footer .footer-box .socials li:hover a{

    background-color: #012b72;

    border-color: #012b72;

    color: #fff;

}

.footer .footer-box .links li {

    margin-bottom: 5px;

}

.footer .footer-box .links li:before{

    background: #fff;

    height: 2px;

    content: '';

    width: 10px;

    display: inline-block;

    margin-top: 0px;

    vertical-align: middle;

    margin-right: 5px;

}

.footer .footer-box .instagram{

    display: flex;

    flex-wrap: wrap;

}

.footer .footer-box .instagram li{

    width: 33%;

    height: 68px;

}

/*copyright*/

.copyright{

    background-color: #283340;

    text-align: center;

    padding-top: 20px;

}

.copyright p{

    line-height: normal;

}

/*back to top*/

#back-top {

    text-align: center;

    display: none;

}

#back-top a {

    display: block;

    width: 40px;

    height: 40px;

    border-radius: 0px;

    text-align: center;

    line-height: 36px;

    border: #012b72 solid 1px;

    color: #ffffff;

    border-radius: 50%;

    background: #012b72;

    transition-duration: 0.3s;

    font-size: 22px;

    box-shadow: rgba(0, 0, 0, 0.05) 0 0 10px;

    position: fixed;

    z-index: 100;

    bottom: 20px;

    right: 20px;

}

/*======================

3. Blog

========================*/

/*sub header*/

.subheader{

    background-image: url(../images/breadcrumb-banner.jpg);

    text-align: center;

}

.subheader:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: #012b72;

    opacity: 0.5;

}

.subheader h1{

    line-height: 1;

}

.subheader ul li a:after{

    content: '/';

    color: #fff;

    font-size: 14px;

    margin: 0 5px;

}

.subheader ul li.active{

    color: #012b72;

}

/*sidebar*/

.sidebar_wrap .sidebar .sidebar_widgets{

    padding: 20px;

    background: #fff;

    border: #eee solid 1px;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}

.sidebar_wrap .sidebar .sidebar_widgets .widget_title {

    margin: -20px -20px 20px;

    padding: 20px;

}

.sidebar_wrap .sidebar .sidebar_widgets .categories li{

    position: relative;

    margin-bottom: 10px;

}

.sidebar_wrap .sidebar .sidebar_widgets .categories li:last-child{

    margin-bottom: 0px;

}

.sidebar_wrap .sidebar .sidebar_widgets .categories li a{

    font-weight: 500;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.sidebar_wrap .sidebar .sidebar_widgets .popular_post li .post .post-wrapper{

    width: 100%;

    display: flex;

    align-items: center;

}

.sidebar_wrap .sidebar .sidebar_widgets .popular_post li .post .post-wrapper .popular_post_img{

    flex: 0 0 80px;

    max-width: 80px;

    height: 80px;

}

.sidebar_wrap .sidebar .sidebar_widgets .popular_post li .post .post-wrapper .popular_post_title{

    flex: 0 0 calc(100% - 80px);

    max-width: calc(100% - 80px);

    padding: 5px 15px;

    width: 100%;

}

.sidebar_wrap .sidebar .sidebar_widgets .popular_post li .post .post-wrapper .popular_post_title h6{

    margin-bottom: 10px;

}

.blog-details .post-details-tags-social .tags a,

.sidebar_wrap .sidebar .sidebar_widgets .tags a{

    display: inline-block;

    padding: 5px 15px;

    border: #eee solid 1px;

    margin: 0 5px 10px 0;

    background: #ffffff;

    font-weight: 600;

    border-radius: 50px;

    color: #000000;

}

.blog-details .post-details-tags-social .tags a:hover,

.sidebar_wrap .sidebar .sidebar_widgets .tags a:hover{

    border-color: #012b72;

    color: #012b72;

}

/*======================

4. Blog Details

========================*/

.blog-details .post .post-wrapper .post-img,

.blog-details .post .post-wrapper .blog-meta .blog-video iframe{

    height: 450px;

}

.blog-details .post .post-wrapper .blog-meta .post-meta-box{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta{

    display: flex;

}

.blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date{

    position: absolute;

    right: 0;

    height: 75px;

    margin-top: 0;

    left: 20px;

    top: 20px;

}

.blog-details .post .post-wrapper .blog-meta .post-heading h2{

    font-size: 30px;

    font-weight: 600;

}

.blog-details .post .post-wrapper .blog-meta .post-heading h2:after{

    content: '';

    display: block;

    width: 80px;

    height: 2px;

    background: #012b72;

    margin-top: 20px;

}

.blog-details .post .post-wrapper .blog-meta .post-author{

    display: flex;

    align-items: center;

    margin-right: 15px;

    flex-wrap: wrap;

    width: auto;

    border: none;

}

.blog-details .post .post-wrapper .blog-meta .post-author .author-img {

    margin-right: 15px;

    flex: 0 0 40px;

    max-width: 40px;

    height: 40px;

    border-radius: 50%;

}

.blog-details .post-details-tags-social .tags-box{

    display: flex;

    align-items: flex-start;

}

.blog-details .post-details-tags-social .tags{

    margin-left: 15px;

}

.blog-details .post-details-tags-social .social-media-box ul{

    justify-content: flex-end;

}

.blog-details .post-details-tags-social .social-media-box ul li{

    display: flex;

    align-items: center;

    margin-left: 15px;

}

.blog-details .post-details-tags-social .social-media-box ul li a{

    width: 35px;

    height: 35px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    z-index: 1;

}

.blog-details .post-details-tags-social .social-media-box ul li .social-number{

    padding: 2px 10px;

    border-radius: 0px 15px 15px 0;

    margin-left: -8px;

    z-index: 0;

    font-size: 14px;

}

.fb{

    background-color: #3b5998;

}

.tw{

    background-color: #1da1f2;

}

.yt{

    background-color: #ff0000;

}

.ldin{

    background-color: #0077b5;

}

.blog-details .post-author{

    display: flex;

    align-items: center;

    width: 100%;

}

.blog-details .post-author .author-img{

    flex: 0 0 150px;

    max-width: 150px;

    height: 150px;

    margin-right: 15px;

    border-radius: 0%;

}

.blog-details .post-author .author-caption{

    flex: 0 0 calc(100% - 165px);

    max-width: calc(100% - 165px);

    width: 100%;

    position: relative;

}

.blog-details .post-author .author-caption h5{

    margin-bottom: 10px;

}

.blog-details .post-author .author-caption .authorpost{

    top: 0;

    position: absolute;

    right: 0;

}

.pagination-btn nav ul {

    justify-content: space-between;

}

.comment-box .children, .comment-box .comments {

    margin-bottom: 35px;

}

.comment-box .children {

    padding-left: 95px;

}

.comment-box .comments li.comment {

    list-style: outside none none;

    padding-left: 0;

    margin-bottom: 20px;

}

.comment-box .comments li article {

    display: flex;

    width: 100%;

    position: relative;

    margin-bottom: 20px;

}

.comment-box .comments li article .comment-avatar {

    margin-right: 20px;

    float: left;

    overflow: hidden;

    height: 80px;

    border-radius: 50px;

}

.comment-box .comments li article .comment-content {

    float: right;

    width: calc(100% - 50px);

}

.comment-box .comments li article .comment-content .comment-meta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

    flex-wrap: wrap;

}

.comment-box .comments li article .comment-content .comment-meta .comment-meta-reply .comment-reply-link{

        font-size: 20px;

    padding: 0 15px;

}

.comment-box .comments li article .comment-content .comment-meta .comment-meta-header .post-date .date {

    display: inline-block;

    padding: 8px 15px;

    position: relative;

    line-height: 10px;

    font-size: 14px;

    position: relative;

    color: #fff;

}

/*======================

5. Listing

========================*/

.listing-top-heading{

    border-bottom: 2px solid #012b72;

    background: #fff;

    padding: 0 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.listing-top-heading h6{

    padding: 20px 0;

}

.listing-top-heading .sort-by{

    display: flex;

    align-items: center;

}

.listing-top-heading .sort-by span{

    white-space: nowrap;

    margin-right: 15px;

}

.listing-top-heading .sort-by .custom-select{

    margin-bottom: 0;

    background: #fff;

}

.checkbox-group .form-group{

    margin-bottom: 1px;

    background: #eee;

    padding: 15px;

}

.checkbox-group .form-group label{

    margin-bottom: 0;

    line-height: 1.5;

}

.checkbox-group button{

    margin-top: 20px;

}

.widget_range .irs--round .irs-from,

.widget_range .irs--round .irs-to,

.widget_range .irs--round .irs-single {

    background-color: transparent;

    color: #ffffff;

    font-size: 12px;

    font-weight: 600;

}

.widget_range .irs--round .irs-from,

.widget_range .irs--round .irs-to,

.widget_range .irs--round .irs-single {

  background: #012b72;

}

.widget_range .irs--round .irs-from:before,

.widget_range .irs--round .irs-to:before,

.widget_range .irs--round .irs-single:before {

  border-top-color: #012b72;

}

.widget_range .irs--round .irs-handle {

  border: none;

  width: 15px;

  height: 15px;

  top: 30px;

  background-color: #012b72;

  cursor: pointer;

}

.widget_range .irs--round .irs-bar {

  background-color: #012b72;

}

/*======================

6. Listing Detail

========================*/

.listing-details-inner .detail-slider-for .slide-item{

    height: 450px;

    position: relative;

    margin: 0;

}

.listing-details-inner .detail-slider-for .slide-item .popup:before{

    position: absolute;

    top: 50%;

    opacity: 0;

    color: #fff;

    font-size: 26px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f002";

    pointer-events: none;

    z-index: 9000;

    transition: 0.4s;

    transform: translate(0px, -50%);

    left: 0;

    right: 0;

    text-align: center;

}

.listing-details-inner .detail-slider-for .slide-item .popup:after{

    position: absolute;

    top: 0;

    left: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: #012b729c;

    content: '';

    transition: 0.4s;

}

.listing-details-inner .detail-slider-for .slide-item:hover .popup:after,

.listing-details-inner .detail-slider-for .slide-item:hover .popup:before{

    opacity: 1;

}

.listing-details-inner .listing-meta-sec .hotel-type ul li{

    text-transform: uppercase;

    font-size: 12px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 5px;

}

.listing-details-inner .listing-meta-sec .hotel-type ul li:last-child{

    margin-bottom: 0;

}

.listing-details-inner .listing-meta-sec .listing-testimonial .tesimonial-item .testimonial-author{

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-top: 15px;

}

.listing-details-inner .listing-meta-sec .amenities .icon-box{

    background-color: #f5f5f5;

    height: 42px;

    display: flex;

    align-items: center;

    font-size: 14px;

    margin-bottom: 1px;

}

.listing-details-inner .listing-meta-sec .amenities .icon-box i{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    float: left;

    background: #012b72;

    color: #fff;

    height: 42px;

    font-size: 2em;

    margin-right: 15px;

}

.listing-details-inner .need-help ul li{

    position: relative;

}

.listing-details-inner .need-help ul li i{

    margin: 5px;

}

.listing-details-inner .listing-meta-sec .travel-info>.row>div{

    border-right: 1px solid #fff;

}

.listing-details-inner .listing-meta-sec .travel-info .head{

    border-bottom: 1px solid #fff;

}

.listing-details-inner .listing-meta-sec .travel-info .travel-info-body .date-wrapper{

    display: flex;

    align-items: center;

}

.listing-details-inner .listing-meta-sec .travel-info .travel-info-body .date-wrapper .icon{

    margin-right: 10px;

    position: relative;

    top: -3px;

    width: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.listing-details-inner .listing-meta-sec .travel-info .travel-info-body .date-wrapper .text p{

    line-height: 0.5;

}

/*======================

7. Booking

========================*/

/*======================

8. About Us

========================*/

.about-counter{

    background-image: url(../images/counter-bg.jpg);

}

.about-counter .counter-box .counter-box-inner{

    width: 100%;

    position: relative;

    background: #fff;

    padding: 40px 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.08);

}

.about-counter .counter-box .counter-box-inner .counter .icon{

    font-size: 48px;

    height: 48px;

    line-height: 48px;

    margin-bottom: 10px;

    color: #ccc;

}

.about-counter .counter-box .counter-box-inner .counter .count{

    font-size: 32px;

    line-height: 1;

    font-weight: 700;

}

/*======================

9. 404

========================*/

.page-404{

    background-image: url(../images/404.jpg);

    height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: auto;

}

.page-404 .page-404-text{

    width: 100%;

    text-align: center;

    border: 10px solid #fff;

    margin: 0 auto;

    border-radius: 8px;

}

.page-404 .page-404-text .text-wrapper h1{

    font-size: 12vw;

    line-height: 1;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 10px;

}

.page-404 .page-404-text .text-wrapper h6{

    font-size: 18px;

    line-height: 22px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}

/*======================

10. Coming Soon

========================*/

.coming-soon{

    background-image: url(../images/404.jpg);

    height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: auto;

}

.coming-soon .coming-soon-img{

    min-height: 450px;

}

.coming-soon .coming-soon-text{

    padding: 80px 40px;

    background-color: #fff;

    text-align: center;

}

.coming-soon .coming-soon-text h1{

    font-size: 60px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 10.5px;

}

.coming-soon .coming-soon-text .counter {

    display: flex;

    justify-content: center;

    margin: 0px 0px 30px;

}

.coming-soon .coming-soon-text .counter .counter-box {

    text-align: center;

    width: 25%;

    padding: 0 15px;

    margin: 0 15px;

    position: relative;

    background-color: #012b72;

}

.coming-soon .coming-soon-text .counter .counter-box .inner-box {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    border-radius: 0px;

    margin-bottom: 10px;

    font-size: 50px;

    line-height: 1;

    margin-top: 20px;

    font-weight: 600;

}

.coming-soon .newsletter-form .group-form .input-group-append{

    pointer-events: all;

    width: 80px;

}

.coming-soon .coming-soon-contact ul li{

    text-align: center;

    width: 33.33%;

    margin-bottom: 20px;

}

.coming-soon .social-media ul{

    justify-content: center;

}

.coming-soon .social-media ul li{

    margin: 0 10px;

    font-size: 22px;

}

/*======================

11. Contact Us

========================*/

.contact-info-box:hover{

    background: #fff;

}

.contact-info-box {

    background: #fff;

    padding: 30px 0;

    text-align: center;

    max-width: 310px;

    margin: 0 auto;

}

.contact-info-box i {

    height: 75px;

    width: 75px;

    color: #fff;

    background: #012b72;

    border-radius: 50%;

    line-height: 75px;

    font-size: 30px;

    margin-bottom: 25px;

    display: inline-block;

}

.contact-info-box h6 {

    line-height: 26px;

}

/*======================

12. Faqs

========================*/

.faqs .custom-accordion .card .card-body{

    padding: 15px;

}

/*======================

13. Gallery

========================*/

.gallery .tabs .nav-tabs{

    justify-content: center;

}

.gallery .gallery-item{

    height: auto;

    position: relative;

    overflow: hidden;

}

.gallery .gallery-item .popup:before{

    position: absolute;

    top: 50%;

    opacity: 0;

    color: #fff;

    font-size: 26px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f002";

    pointer-events: none;

    z-index: 9000;

    transition: 0.5s all;

    transform: translate(-100%, -50%);

    left: 0;

    right: 0;

    text-align: center;

    line-height: 0.5;

}

.gallery .gallery-item .popup:after{

    position: absolute;

    top: 0;

    left: 0px;

    right: 0;

    bottom: 0;

    opacity: 0;

    background-color: #012b72;

    content: '';

    transition: 0.5s all;

    margin: 10px;

    transform: translateX(-100%);

}

.gallery .gallery-item:hover .popup:before,

.gallery .gallery-item:hover .popup:after{

    opacity: 1;

    transform: translateX(0%);

}



#book-now{position:fixed;bottom:45%;right:0;z-index:99999}



.rightfixed-btn .frilst {

    width: 38px;

    height: 125px;

    display: inline-block;

    cursor: pointer;

}



.rightfixed-btn {

    position: fixed;

    top: 28%;

    right: -1px;

    height: 335px;

    z-index: 9999;

    width: 39px;

    display: none;

}



.rightfixed-btn .cscare {

    width: 38px;

    height: 153px;

    display: inline-block;

    cursor: pointer;

}



.float{

  position: fixed;

    width: 60px;

    height: 60px;

    bottom: 80px;

    right: 8px;

    background-color: #25d366;

    color: #FFF;

    border-radius: 50px;

    text-align: center;

    font-size: 30px;

    box-shadow: 2px 2px 3px #999;

    z-index: 100;

}

.floatdemo{

  position: fixed;

    width: 290px;

    height: 60px;

    bottom: 10px;

    right: -28px;

    padding-right: 10px;

    background-color: #1baa4b;

    color: #FFF;

    border-radius: 50px;

    text-align: center;

    font-size: 25px;

    box-shadow: 2px 2px 3px #999;

    z-index: 100;

}



.floatdemo:hover{

  position: fixed;

    width: 290px;

    height: 60px;

    bottom: 10px;

    right: -28px;

    padding-right: 10px;

    background-color: #d4482e;

    color: #FFF;

    border-radius: 50px;

    text-align: center;

    font-size: 24px;

    box-shadow: 2px 2px 3px #999;

    z-index: 100;

}





.my-float{

  margin-top:16px;

}



#totalPrice{

  padding-bottom: 0%;

        height: 60px;

    /* line-height: 37px; */

    background: #012b72;

    color: #fff;

    font-size: 28px;

    padding-left: 10px;

    padding-top: 10px;

}



label {

    display: inline-block;

    margin-bottom: .2rem;

    text-transform: uppercase;

    font-weight: 900;

}



.form-group {

    margin-bottom: 0.5rem;

}



.btn1 {

    width: 100%;

}





.btn1:hover {

    border: 1px solid #1ac167;

    color: #1ac167;

}



.btn1::before {

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 5px;

    position: absolute;

    top: 0;

    right: 0;

    background: #1ac167;

    z-index: -1;

    -webkit-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

}

.btn1:hover::before {

    right: -100%;

}



.btn1 {

    font-family: "Rubik", sans-serif;

    font-weight: 600;

    z-index: 11;

    font-size: 14px;

    padding: 15px 30px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

    display: inline-block;

    border-radius: 5px;

    color: #ffffff;

    position: relative;

    overflow: hidden;

    border: 1px solid transparent;

    text-align: center;

}



@media (min-width: 1200px) and (max-width: 1439.98px){

.btn1 {

    padding: 10px 20px;

}

}



.sublocationfooter{

    padding-top: 10px;

    padding-bottom: 20px;

}

.sublocationfooter ul  {

padding-left: 0px;}



.sublocationfooter ul li {

    display: inline-block;

}



.sublocationfooter ul li a {

        display: inline-block;

    padding: 2px 5px !important;

    margin: 2px 0px 2px 0px;

    border-left: 1px solid #ececec;

    font-size: 11px;

    line-height: 10px;

    color: #000;

}



.sublocationfooter h4{

    margin-bottom: 5px;

    margin-top: 10px;

    font-size: 18px;

}



.socials{

    margin-bottom: 10%;

}

.omkar a{
    color: #fff !important;
}