@charset "utf-8";

        /*------------------------------------------------------------------
        [Master Stylesheet]

        Project:        TravelGo | Travel, Tour Booking HTML5 Template
        Version:        1.0
        Primary use:    TravelGo | Travel, Tour Booking HTML5 Template
        Author:         TemplateHouse
        URL:            http://themeforest.net/user/TemplateHouse_net
        -------------------------------------------------------------------*/


        /*

        Header 1 Area CSS
        HEADER
        Banner1 Area CSS
        Content Animation
        FOOTER
        Explore Categories
        INNERPAGE BANNER
        components
        COLORS AND OVERLAY
        team
        skill
        counter
        tab
        feature box
        Blog List
        blog-single-section
        blog sidebar
        Coming Soon Area
        Error Area
        Registration Area
        Log In Area
        Faq Area
        Contact Area
        Timeline CSS
        pricing
        PORTFOLIO
        LISTING SERVICES



        /*
        This file contains the common styles of this theme.
        */


        /*------------------------------------------------------------------
        [Table of contents]
        * Footer
        * ===============================================
        */

        @import "../css/all.min.css";
        @import "../css/all.min.css";
        @import "../css/bootstrap.min.css";
        @import "../css/fontawesome.min.css";
        @import "../css/global.css";
        @import "../css/owl.carousel.css";
        @import "../css/owl.theme.default.min.css";
        @import "../css/swiper.min.css";
        @import "../css/slick.css";
        @import "../css/slick-theme.css";
        @import "../css/jquery.fancybox.min.css";
        @import "../css/responsive.css";
        @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700');
        @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');


        /*
        * Typography.less
        * ----------------------------------------------- 
        */


        /*
        ======================================
        Header 1 Area CSS
        ======================================
        */

        .navbar-top {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                padding: .2rem 0;
        }

        @media (min-width: 992px) {
                .d-lg-block {
                        display: block !important;
                }
        }

        .align-items-center {
                align-items: center !important;
        }

        .justify-content-between {
                justify-content: space-between !important;
        }

        .d-flex {
                display: flex !important;
        }

        .social-icons {
                padding: 0;
                line-height: 0;
        }

        .social-icons .social-icons-item {
                display: inline-block;
                list-style: none;
                line-height: 10px;
                margin: 0 5px 5px 0;
        }

        .navbar-top a {
                color: #8f9397;
                font-size: 0.8125rem;
        }

        .social-icons-link {
                display: inline-block;
                height: 32px;
                width: 32px;
                line-height: 32px;
                font-size: 16px;
                text-align: center;
                border-radius: 3px;
                border: 0;
                background: transparent;
                color: #343a40;
                overflow: hidden;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .navbar-top span {
                font-size: 0.8125rem;
                color: #8f9397;
        }

        .dropdown-item-text {
                display: block;
                padding: 0.4rem 1.5rem;
                color: #8f9397 !important;
        }

        .dropdown-item-icon {
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                font-size: 0.875rem;
                min-width: 1rem;
                max-width: 1rem;
                margin-right: .3rem;
        }

        .shadow {
                box-shadow: 0px 0px 30px rgba(83, 88, 93, 0.15) !important;
        }

        .dropdown-menu {
                box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.15);
        }

        .dropdown-menu {
                position: absolute;
                top: 100%;
                left: 0;
                z-index: 1000;
                display: none;
                float: left;
                min-width: 12rem;
                padding: 1rem 0;
                margin: 0 0 0;
                font-size: 0.875rem;
                color: #8f9397;
                text-align: left;
                list-style: none;
                background-color: #ffffff;
                background-clip: padding-box;
                border: 0 solid rgba(0, 0, 0, 0.1);
                border-radius: 0;
        }

        .mr-2,
        .mx-2 {
                margin-right: 0.5rem !important;
        }

        .dropdown-toggle::after {
                display: inline-block;
                margin-left: 0.255em;
                vertical-align: 0.255em;
                content: "";
                border-top: 0.3em solid;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
        }

        .dropdown-toggle:after {
                content: "\f107";
                font-family: "Font Awesome 5 Free";
                font-size: 0.6rem;
                margin-left: 0.35rem;
                font-weight: 900;
                vertical-align: middle;
                border: none;
        }

        .btn-grad {
                color: #ffffff;
                background: #5bc9e2;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                background-size: 260% 100%;
                background-position: right bottom;
                border: 0;
                line-height: 1.92;
        }

        .btn {
                letter-spacing: 0.5px;
                position: relative;
                overflow: hidden;
                margin-bottom: 6px;
                outline: 0;
                white-space: nowrap;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .text-white {
                color: #ffffff !important;
        }

        @media (min-width: 992px) {
                .navbar-expand-lg {
                        flex-flow: row nowrap;
                        justify-content: flex-start;
                }
        }

        .navbar {
                position: relative;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                padding: 0 1rem;
        }

        .navbar-light .navbar-nav .nav-link {
                color: #8f9397;
        }

        @media (min-width: 992px) .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 1rem;
                padding-left: 1rem;
        }

        .navbar-nav .nav-link {
                font-size: 0.875rem;
                font-weight: 500;
                text-transform: capitalize;
                line-height: 84px;
                padding-top: 0;
                padding-bottom: 0;
        }

        .navbar-nav .nav-link {
                padding-right: 0;
                padding-left: 0;
        }

        .nav-link {
                display: block;
                padding: 0.25rem 0.75rem;
        }

        .dropdown-toggle {
                white-space: nowrap;
        }

        .nav {
                display: flex;
                flex-wrap: wrap;
                padding-left: 0;
                margin-bottom: 0;
                list-style: none;
        }

        .nav-link {
                display: block;
                padding: 0.25rem 0.75rem;
        }

        .nav-link:hover,
        .nav-link:focus {
                text-decoration: none;
        }

        .nav-link.disabled {
                color: #8f9397;
                pointer-events: none;
                cursor: default;
        }

        .nav-tabs {
                border-bottom: 1px solid #dee2e6;
        }

        .nav-tabs .nav-item {
                margin-bottom: -1px;
        }

        .nav-tabs .nav-link {
                border: 1px solid transparent;
                border-top-left-radius: 0.25rem;
                border-top-right-radius: 0.25rem;
        }

        .nav-tabs .nav-link:hover,
        .nav-tabs .nav-link:focus {
                border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
                color: #8f9397;
                background-color: transparent;
                border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
                color: #495057;
                background-color: #fff;
                border-color: #dee2e6 #dee2e6 #fff;
        }

        .nav-tabs .dropdown-menu {
                margin-top: -1px;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
        }

        .nav-pills .nav-link {
                border-radius: 0.25rem;
        }

        .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
                color: #000;
                background-color: transparent;
                border-radius: 0px;
                font-weight: bold;
        }

        .nav-fill .nav-item {
                flex: 1 1 auto;
                text-align: center;
        }

        .nav-justified .nav-item {
                flex-basis: 0;
                flex-grow: 1;
                text-align: center;
        }

        .tab-content>.tab-pane {
                display: none;
        }

        .tab-content>.active {
                display: block;
        }

        .navbar {
                position: relative;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                padding: 0 1rem;
        }

        .navbar>.container,
        .navbar>.container-fluid {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
        }

        .navbar-brand {
                display: inline-block;
                padding-top: 20px;
                padding-bottom: 20px;
                margin-right: 1rem;
                font-size: 1.25rem;
                line-height: inherit;
                white-space: nowrap;
        }

        .navbar-brand:hover,
        .navbar-brand:focus {
                text-decoration: none;
        }

        .navbar-nav {
                display: flex;
                flex-direction: column;
                padding-left: 0;
                margin-bottom: 0;
                list-style: none;
        }

        .navbar-nav .nav-link {
                padding-right: 0;
                padding-left: 0;
        }

        .navbar-nav .dropdown-menu {
                position: static;
                float: none;
        }

        .navbar-text {
                display: inline-block;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
        }

        .navbar-collapse {
                flex-basis: 100%;
                flex-grow: 1;
                align-items: center;
        }

        .navbar-toggler {
                padding: 0.25rem 0;
                font-size: 1.25rem;
                line-height: 1;
                background-color: transparent;
                border: 1px solid transparent;
                border-radius: 0.25rem;
        }

        .navbar-toggler:hover,
        .navbar-toggler:focus {
                text-decoration: none;
        }

        .navbar-toggler-icon {
                display: inline-block;
                width: 1.5em;
                height: 1.5em;
                vertical-align: middle;
                content: "";
                background: no-repeat center center;
                background-size: 100% 100%;
        }

        @media (max-width: 575.98px) {

                .navbar-expand-sm>.container,
                .navbar-expand-sm>.container-fluid {
                        padding-right: 0;
                        padding-left: 0;
                }
        }

        @media (min-width: 576px) {
                .navbar-expand-sm {
                        flex-flow: row nowrap;
                        justify-content: flex-start;
                }

                .navbar-expand-sm .navbar-nav {
                        flex-direction: row;
                }

                .navbar-expand-sm .navbar-nav .dropdown-menu {
                        position: absolute;
                }

                .navbar-expand-sm .navbar-nav .nav-link {
                        padding-right: 1rem;
                        padding-left: 1rem;
                }

                .navbar-expand-sm>.container,
                .navbar-expand-sm>.container-fluid {
                        flex-wrap: nowrap;
                }

                .navbar-expand-sm .navbar-collapse {
                        display: flex !important;
                        flex-basis: auto;
                }

                .navbar-expand-sm .navbar-toggler {
                        display: none;
                }
        }

        @media (max-width: 767.98px) {

                .navbar-expand-md>.container,
                .navbar-expand-md>.container-fluid {
                        padding-right: 0;
                        padding-left: 0;
                }
        }

        @media (min-width: 768px) {
                .navbar-expand-md {
                        flex-flow: row nowrap;
                        justify-content: flex-start;
                }

                .navbar-expand-md .navbar-nav {
                        flex-direction: row;
                }

                .navbar-expand-md .navbar-nav .dropdown-menu {
                        position: absolute;
                }

                .navbar-expand-md .navbar-nav .nav-link {
                        padding-right: 1rem;
                        padding-left: 1rem;
                }

                .navbar-expand-md>.container,
                .navbar-expand-md>.container-fluid {
                        flex-wrap: nowrap;
                }

                .navbar-expand-md .navbar-collapse {
                        display: flex !important;
                        flex-basis: auto;
                }

                .navbar-expand-md .navbar-toggler {
                        display: none;
                }
        }

        @media (max-width: 991.98px) {

                .navbar-expand-lg>.container,
                .navbar-expand-lg>.container-fluid {
                        padding-right: 0;
                        padding-left: 0;
                }
        }

        @media (min-width: 992px) {
                .navbar-expand-lg {
                        flex-flow: row nowrap;
                        justify-content: flex-start;
                }

                .navbar-expand-lg .navbar-nav {
                        flex-direction: row;
                }

                .navbar-expand-lg .navbar-nav .dropdown-menu {
                        position: absolute;
                }

                .navbar-expand-lg .navbar-nav .nav-link {
                        padding-right: 10px;
                        padding-left: 10px;
                }

                .navbar-expand-lg>.container,
                .navbar-expand-lg>.container-fluid {
                        flex-wrap: nowrap;
                }

                .navbar-expand-lg .navbar-collapse {
                        display: flex !important;
                        flex-basis: auto;
                }

                .navbar-expand-lg .navbar-toggler {
                        display: none;
                }
        }

        @media (max-width: 1199.98px) {

                .navbar-expand-xl>.container,
                .navbar-expand-xl>.container-fluid {
                        padding-right: 0;
                        padding-left: 0;
                }
        }

        @media (min-width: 1200px) {
                .navbar-expand-xl {
                        flex-flow: row nowrap;
                        justify-content: flex-start;
                }

                .navbar-expand-xl .navbar-nav {
                        flex-direction: row;
                }

                .navbar-expand-xl .navbar-nav .dropdown-menu {
                        position: absolute;
                }

                .navbar-expand-xl .navbar-nav .nav-link {
                        padding-right: 1rem;
                        padding-left: 1rem;
                }

                .navbar-expand-xl>.container,
                .navbar-expand-xl>.container-fluid {
                        flex-wrap: nowrap;
                }

                .navbar-expand-xl .navbar-collapse {
                        display: flex !important;
                        flex-basis: auto;
                }

                .navbar-expand-xl .navbar-toggler {
                        display: none;
                }
        }

        .navbar-expand {
                flex-flow: row nowrap;
                justify-content: flex-start;
        }

        .navbar-expand>.container,
        .navbar-expand>.container-fluid {
                padding-right: 0;
                padding-left: 0;
        }

        .navbar-expand .navbar-nav {
                flex-direction: row;
        }

        .navbar-expand .navbar-nav .dropdown-menu {
                position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
                padding-right: 1rem;
                padding-left: 1rem;
        }

        .navbar-expand>.container,
        .navbar-expand>.container-fluid {
                flex-wrap: nowrap;
        }

        .navbar-expand .navbar-collapse {
                display: flex !important;
                flex-basis: auto;
        }

        .navbar-expand .navbar-toggler {
                display: none;
        }

        .navbar-light .navbar-brand {
                color: rgba(0, 0, 0, 0.9);
        }

        .navbar-light .navbar-brand:hover,
        .navbar-light .navbar-brand:focus {
                color: rgba(0, 0, 0, 0.9);
        }

        .navbar-light .navbar-nav .nav-link {
                color: #8f9397;
        }

        .navbar-light .navbar-nav .nav-link:hover,
        .navbar-light .navbar-nav .nav-link:focus {
                color: #ed1c24;
        }

        .navbar-light .navbar-nav .nav-link.disabled {
                color: rgba(0, 0, 0, 0.3);
        }

        .navbar-light .navbar-nav .show>.nav-link,
        .navbar-light .navbar-nav .active>.nav-link,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .nav-link.active {
                color: #ed1c24;
        }

        .navbar-light .navbar-toggler {
                color: #8f9397;
                border-color: rgba(0, 0, 0, 0.1);
        }

        .navbar-light .navbar-toggler-icon {
                background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .navbar-light .navbar-text {
                color: #8f9397;
        }

        .navbar-light .navbar-text a {
                color: #ed1c24;
        }

        .navbar-light .navbar-text a:hover,
        .navbar-light .navbar-text a:focus {
                color: #ed1c24;
        }

        .navbar-dark .navbar-brand {
                color: #fff;
        }

        .navbar-dark .navbar-brand:hover,
        .navbar-dark .navbar-brand:focus {
                color: #fff;
        }

        .navbar-dark .navbar-nav .nav-link {
                color: #ffffff;
        }

        .navbar-dark .navbar-nav .nav-link:hover,
        .navbar-dark .navbar-nav .nav-link:focus {
                color: #ed1c24;
        }

        .navbar-dark .navbar-nav .nav-link.disabled {
                color: rgba(255, 255, 255, 0.25);
        }

        .navbar-dark .navbar-nav .show>.nav-link,
        .navbar-dark .navbar-nav .active>.nav-link,
        .navbar-dark .navbar-nav .nav-link.show,
        .navbar-dark .navbar-nav .nav-link.active {
                color: #ed1c24;
        }

        .navbar-dark .navbar-toggler {
                color: #ffffff;
                border-color: rgba(255, 255, 255, 0.1);
        }

        .navbar-dark .navbar-toggler-icon {
                background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .navbar-dark .navbar-text {
                color: #ffffff;
        }

        .navbar-dark .navbar-text a {
                color: #ed1c24;
        }

        .navbar-dark .navbar-text a:hover,
        .navbar-dark .navbar-text a:focus {
                color: #ed1c24;
        }


        /*===============================
        HEADER  
        =================================*/


        /*TOP BAR*/

        .navbar-top {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                padding: .2rem 0;
        }

        .navbar-top span {
                font-size: 0.8125rem;
                color: #8f9397;
        }

        .navbar-top a {
                color: #8f9397;
                font-size: 0.8125rem;
        }

        .navbar-top a:hover {
                color: #ed1c24;
        }

        header {
                position: relative;
                z-index: 99;
        }


        /*header transparent*/

        .navbar-transparent {
                background: transparent;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
        }

        .navbar-dark .navbar-top span {
                color: #ffffff;
        }

        .navbar-dark .navbar-top a {
                color: #ffffff;
        }

        .navbar-dark .navbar-top a:hover {
                color: #ed1c24;
        }

        .navbar-dark.navbar-sticky-on {
                background-color: #343a40;
        }

        @media (max-width: 991.98px) {
                .navbar-dark .navbar-collapse .nav-link {
                        color: #8f9397;
                }
        }

        .navbar-primary .navbar-top span {
                color: #ffffff;
        }

        .navbar-primary .navbar-top a {
                color: #ffffff;
        }

        .navbar-primary .navbar-top a:hover {
                color: #343a40;
        }

        .navbar-primary.navbar-sticky-on {
                background-color: #ed1c24;
        }

        @media (max-width: 991.98px) {
                .navbar-primary .navbar-collapse .nav-link {
                        color: #8f9397;
                }
        }

        .navbar-floating {
                position: absolute;
                top: 20px;
                left: 0;
                right: 0;
        }

        .navbar-floating .navbar>.container {
                background: #ffffff;
                border-radius: 3px;
        }

        @media (max-width: 991.98px) {
                .navbar-floating .navbar>.container {
                        padding: 0 15px !important;
                }

                .navbar-sticky-on.navbar-floating .navbar>.container {
                        padding: 0 !important;
                }
        }


        /*Header sticky*/

        header.navbar-sticky-on {
                position: fixed;
                z-index: 9999;
                top: 0;
                left: 0;
                right: 0;
                background-color: #ffffff;
                -webkit-animation: fadeInDown .5s;
                animation: fadeInDown .5s;
                width: 100%;
                box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.2);
        }

        header.navbar-sticky-on .navbar-top {
                display: none !important;
        }

        header.navbar-sticky-on .navbar-nav .nav-link {
                line-height: 62px;
        }

        header.navbar-sticky-on .navbar-brand {
                padding-top: 14px;
                padding-bottom: 14px;
        }

        header.navbar-sticky-on .navbar-brand .navbar-brand-item {
                height: 34px;
        }

        @media (max-width: 991.98px) {
                .navbar-nav .nav-link {
                        line-height: 40px;
                }

                .navbar-brand {
                        padding-top: 10px;
                        padding-bottom: 10px;
                }

                .navbar-brand .navbar-brand-item {
                        height: 30px;
                }

                header .search i {
                        vertical-align: middle;
                }

                header.navbar-sticky-on .navbar-nav .nav-link {
                        line-height: 40px;
                }
        }


        /*megamenu dropdown menu full width in container fluid*/

        .navbar .container-fluid .megamenu .dropdown-menu {
                width: 100%;
        }

        .dropdown-menu {
                box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.15);
        }

        .dropdown-item {
                font-weight: 400;
                text-transform: capitalize;
                position: relative;
        }

        .dropdown-item.active {
                color: #ed1c24 !important;
        }

        .dropdown-toggle:after {
                content: "\f107";
                font-family: "Font Awesome 5 Free";
                font-size: 0.6rem;
                margin-left: 0.35rem;
                font-weight: 900;
                vertical-align: middle;
                border: none;
        }

        .dropdown-item-icon {
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                font-size: 0.875rem;
                min-width: 1rem;
                max-width: 1rem;
                margin-right: .3rem;
        }

        .dropdown-header {
                font-weight: 600;
                padding-top: 0.5rem;
                font-size: 0.875rem;
        }

        .dropdown-menu .dropdown-toggle:after {
                position: absolute;
                right: 25px;
                top: 10px;
        }

        .megamenu {
                position: static;
        }

        .megamenu .dropdown-menu {
                width: 1170px;
                margin: 0 auto;
                left: 0;
                right: 0;
                padding: 1.5rem 0;
        }

        @media (min-width: 992px) {
                .navbar-nav .dropdown-menu {
                        top: 120%;
                        visibility: hidden;
                        opacity: 0;
                        display: block;
                        -webkit-transition: all 0.3s ease-in-out;
                        -moz-transition: all 0.3s ease-in-out;
                        -ms-transition: all 0.3s ease-in-out;
                        -o-transition: all 0.3s ease-in-out;
                        transition: all 0.3s ease-in-out;
                }

                .navbar-nav .dropdown:hover>.dropdown-menu {
                        top: 100%;
                        visibility: visible;
                        opacity: 1;
                }

                .navbar-nav .dropdown-submenu:hover>.dropdown-menu {
                        top: 0;
                        visibility: visible;
                        opacity: 1;
                }

                .navbar-nav .dropdown-menu:before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        display: block;
                        height: 3px;
                        opacity: 1;
                        background: #ed1c24;
                }

                .dropdown-submenu {
                        position: relative;
                }

                .dropdown-submenu .dropdown-menu {
                        position: absolute;
                        top: 0;
                        left: 100%;
                        margin-top: -1rem;
                }
        }

        .navbar-nav .nav-link {
                font-size: 0.875rem;
                font-weight: 500;
                text-transform: capitalize;
                line-height: 84px;
                padding-top: 0;
                padding-bottom: 0;
        }

        .navbar-nav .nav-item:last-child .nav-link {
                padding-right: 0;
        }


        /* navbar toggler*/

        .navbar-toggler {
                margin-bottom: 0;
                border: 0;
        }


        /* Header brand */

        .navbar-brand {
                padding-top: 20px;
                padding-bottom: 20px;
        }

        .navbar-brand .navbar-brand-item {
                height: 44px;
                display: block;
                max-width: 100%;
                width: auto;
        }

        .navbar-primary .navbar-nav .nav-link {
                color: #ffffff;
        }

        .navbar-primary .navbar-nav .nav-link:hover,
        .navbar-primary .navbar-nav .nav-link:focus {
                color: #343a40;
        }

        .navbar-primary .navbar-nav .nav-link.disabled {
                color: rgba(255, 255, 255, 0.25);
        }

        .navbar-primary .navbar-nav .show>.nav-link,
        .navbar-primary .navbar-nav .active>.nav-link,
        .navbar-primary .navbar-nav .nav-link.show,
        .navbar-primary .navbar-nav .nav-link.active {
                color: #343a40;
        }

        .navbar-primary .navbar-text {
                color: #ffffff;
        }

        .navbar-primary .navbar-text a {
                color: #343a40;
        }

        .navbar-primary .navbar-text a:hover,
        .navbar-primary .navbar-text a:focus {
                color: #343a40;
        }

        @media (max-width: 1199.98px) {
                .megamenu {
                        width: 100%;
                }

                .megamenu .dropdown-menu {
                        width: 100%;
                        background-image: none !important;
                }

                .megamenu .container {
                        width: 100%;
                        padding: 0;
                }
        }

        @media (max-width: 991.98px) {
                .navbar-collapse {
                        overflow-y: scroll;
                        max-height: 350px;
                        box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 100%;
                        background: #ffffff;
                        border-top: 1px solid rgba(0, 0, 0, 0.1);
                }

                .navbar-nav .nav-link {
                        line-height: 44px;
                }

                .navbar-nav .dropdown-menu {
                        box-shadow: none;
                        padding-top: 0;
                }

                .navbar-nav .dropdown-menu:before {
                        content: none;
                }

                .navbar-nav .nav-item {
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                        padding: 0px 30px;
                        position: relative;
                }

                .navbar-nav .dropdown-toggle::after {
                        position: relative;
                        right: 0px;
                }

                .navbar-nav .nav-item.dropdown.show>.dropdown-toggle::after {
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                }

                .navbar-nav .dropdown-submenu .dropdown-menu {
                        padding-left: 20px;
                        padding-bottom: 0px;
                }
        }

        .nav.flex-column .nav-link {
                padding-left: 0;
                padding-top: 10px;
                padding-bottom: 10px;
        }

        .dropdown-item {
                font-weight: 400;
                text-transform: capitalize;
                position: relative;
        }

        .dropdown-item {
                display: block;
                width: 100%;
                padding: 0.6rem 1.5rem;
                clear: both;
                font-weight: 500;
                color: #8f9397 !important;
                text-align: inherit;
                white-space: nowrap;
                background-color: transparent;
                border: 0;
        }

        .dropdown-menu {
                position: absolute;
                top: 100%;
                left: 0;
                z-index: 1000;
                display: none;
                float: left;
                min-width: 12rem;
                padding: 1rem 0;
                margin: 0 0 0;
                font-size: 0.875rem;
                color: #8f9397;
                text-align: left;
                list-style: none;
                background-color: #ffffff;
                background-clip: padding-box;
                border: 0 solid rgba(0, 0, 0, 0.1);
                border-radius: 0;
        }

        a.navbar-brand img {
                max-width: 170px;
        }


        /*
        ======================================
        Banner1 Area CSS
        ======================================
        */

        .btn-round {
                height: 46px;
                width: 46px;
                line-height: 46px;
                border-radius: 50%;
                padding: 0;
                text-align: center;
        }

        .bg-primary {
                background-color: #ed1c24 !important;
        }

        .parallax-bg {
                background: none 65% 0% / cover no-repeat;
                z-index: 0;
        }

        .height-700 {
                height: 700px;
        }

        .position-relative {
                position: relative !important;
        }

        .height-900-responsive {
                height: 700px;
        }

        .pattern-overlay-1 {
                position: relative;
                z-index: 1;
        }

        .pattern-overlay-1::before {
                content: "";
                background: url(../images/01.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }

        .position-relative {
                position: relative !important;
        }

        .overflow-hidden {
                overflow: hidden !important;
        }

        .top-0 {
                top: 0;
        }

        .right-0 {
                right: 0;
        }

        .p-0 {
                padding: 0 !important;
        }

        .position-absolute {
                position: absolute !important;
        }

        .w-100 {
                width: 100% !important;
        }

        figure {
                margin: 0 0 1rem;
        }

        .bg-grad {
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        .all-text-white *,
        .text-all-white * {
                color: #ffffff;
        }

        .display-4 {
                padding: 20px 0;
        }

        .display-xl-5 {
                font-size: 3.5rem;
                padding: 20px 0;
        }

        .display-8 {
                font-size: 1.2rem;
        }

        .cd-headline.clip span {
                display: inline-block;
                padding: .2em 0;
        }

        .cd-headline.clip .cd-words-wrapper {
                overflow: hidden;
                vertical-align: top;
        }

        .cd-headline.clip .cd-words-wrapper::after {
                /* line */
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                width: 2px;
                height: 100%;
                background-color: #ed1c24;
        }

        .cd-headline.clip b {
                opacity: 0;
        }

        .cd-headline.clip b.is-visible {
                opacity: 1;
        }

        .cd-words-wrapper {
                display: inline-block;
                position: relative;
                text-align: left;
        }

        .cd-words-wrapper b {
                display: inline-block;
                position: absolute;
                white-space: nowrap;
                left: 0;
                top: 0;
        }

        .cd-words-wrapper b.is-visible {
                position: relative;
        }

        .no-js .cd-words-wrapper b {
                opacity: 0;
        }

        .no-js .cd-words-wrapper b.is-visible {
                opacity: 1;
        }

        .pattern-overlay-4 {
                position: relative;
                z-index: 1;
        }

        .pattern-overlay-4::before {
                content: "";
                background: url(../images/04.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }

        .z-index-9 {
                z-index: 9;
                position: relative;
        }

        .mt-lg-n9,
        .my-lg-n9 {
                margin-top: -153px !important;
        }


        /*Fun begins*/

        .tab_container {
                width: 100%;
                margin: 0 auto;
                padding-top: 0px;
                position: relative;
        }

        .booking-search .np {
                padding: 0;
        }

        .booking-search section {
                clear: both;
                padding-top: 10px;
                display: none;
        }

        .booking-search .feature-box {
                padding: 0 0 0px 0;
        }

        .booking-search .tab-content {
                margin-bottom: 0px;
        }

        .tab_container>input {
                display: none;
        }

        .tab_container label {
                font-weight: 700;
                font-size: 25px;
                display: block;
                float: left;
                width: 20%;
                padding: 5px;
                color: #fff;
                cursor: pointer;
                text-decoration: none;
                text-align: center;
                background: rgba(0, 0, 0, 0.4);
                font-family: 'Lato', sans-serif;
        }

        #tab1:checked~#content1,
        #tab2:checked~#content1,
        #tab3:checked~#content1,
        #tab4:checked~#content1,
        #tab5:checked~#content1 {
                display: block;
                padding: 20px;
                color: #999;
                background: #fff;
        }

        .tab_container .tab-content p,
        .tab_container .tab-content .row {
                -webkit-animation: fadeInScale 0.7s ease-in-out;
                -moz-animation: fadeInScale 0.7s ease-in-out;
                animation: fadeInScale 0.7s ease-in-out;
        }

        .tab_container .tab-content h3 {
                text-align: center;
        }

        .tab_container [id^="tab"]:checked+label {
                background: rgba(255, 255, 255, 0.4);
                box-shadow: inset 0 3px #5bc9e2;
        }

        .tab_container [id^="tab"]:checked+label i {
                color: #4a4a4a;
        }

        .tab_container [id^="tab"]:checked+label span {
                color: #4a4a4a;
        }

        label .fa {
                font-size: 1.3em;
                margin: 0 0.4em 0 0;
        }

        .booking-search label i {
                padding: 0 8px 0 0;
        }


        /*Media query*/

        @media only screen and (max-width: 930px) {
                label span {
                        font-size: 14px;
                }

                label .fa {
                        font-size: 14px;
                }
        }

        @media only screen and (max-width: 768px) {
                label span {
                        display: none;
                }

                label .fa {
                        font-size: 16px;
                }

                .tab_container {
                        width: 98%;
                }
        }


        /*Content Animation*/

        @keyframes fadeInScale {
                0% {
                        transform: scale(0.9);
                        opacity: 0;
                }

                100% {
                        transform: scale(1);
                        opacity: 1;
                }
        }

        .tab-content .form-group span {
                position: absolute;
                z-index: 2;
                display: block;
                width: 2.375rem;
                height: 2.375rem;
                line-height: 48px;
                text-align: center;
                pointer-events: none;
                color: #ed1c24;
        }

        #ui-datepicker-div {
                display: none;
                background-color: #fff;
                box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
                margin-top: 0.25rem;
                border-radius: 0.5rem;
                padding: 0.5rem;
                z-index: 999999 !important;


        }

        .ui-datepicker-calendar thead th {
                padding: 0.25rem 0;
                text-align: center;
                font-size: 0.75rem;
                font-weight: 400;
                color: #78909C;
        }

        .ui-datepicker-calendar tbody td {
                width: 2.5rem;
                text-align: center;
                padding: 0;
                color: #546E7A;
        }

        .ui-datepicker-calendar tbody td a {
                display: block;
                border-radius: 0.25rem;
                line-height: 2rem;
                transition: 0.3s all;
                color: #000;
                font-size: 0.875rem;
                text-decoration: none;
                font-weight: bold;
        }

        .ui-datepicker-calendar tbody td a:hover {
                background-color: #E0F2F1;
        }

        .ui-datepicker-calendar tbody td a.ui-state-active {
                background-color: #009688;
                color: white;
        }

        .ui-datepicker-header a.ui-corner-all {
                cursor: pointer;
                position: absolute;
                top: 0;
                width: 2rem;
                height: 2rem;
                margin: 0.5rem;
                border-radius: 0.25rem;
                transition: 0.3s all;
        }

        .ui-datepicker-header a.ui-corner-all:hover {
                background-color: #ECEFF1;
        }

        .ui-datepicker-header a.ui-datepicker-prev {
                left: 0;
                background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
                background-repeat: no-repeat;
                background-size: 0.5rem;
                background-position: 50%;
                transform: rotate(180deg);
        }

        .ui-datepicker-header a.ui-datepicker-next {
                right: 0;
                background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
                background-repeat: no-repeat;
                background-size: 10px;
                background-position: 50%;
        }

        .ui-datepicker-header a>span {
                display: none;
        }

        .ui-datepicker-title {
                text-align: center;
                line-height: 2rem;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
                font-weight: 500;
                padding-bottom: 0.25rem;
        }

        .ui-datepicker-week-col {
                color: #78909C;
                font-weight: 400;
                font-size: 0.75rem;
        }

        .custom-select {
                display: inline-block;
                width: 100%;
                height: 48px;
                padding: 0 5px;
                font-size: 13px;
                font-weight: 400;
                line-height: 1.5;
                color: #3c3c3c;
                vertical-align: middle;
                background-color: #fff;
                border: 1px solid #e9e9e9;
                border-radius: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
        }

        .padding8 {
                padding: 0 8px !important;
        }

        .booking-search button {
                font-size: 16px;
                margin: 0;
                font-size: 16px;
                margin: 0;
                display: block;
                width: 100%;
                padding: 9px 0;
        }


        /*===============================
        FOOTER 	
        =================================*/

        footer .footer-logo img,
        footer .footer-logo-item {
                height: 50px;
                text-align: left;
                max-width: 100%;
                width: auto;
        }

        footer .newsletter-icon {
                position: absolute;
                bottom: 0px;
                right: 5px;
                font-size: 80px;
                color: rgba(0, 0, 0, 0.1) !important;
        }

        footer .widget {
                position: relative;
                margin-bottom: 20px;
        }


        /*footer dark*/

        .footer-dark {
                background: #343a40;
        }

        .footer-dark *,
        .footer-dark .widget a {
                color: #d5d5d5;
        }

        .footer-dark .widget a:hover {
                color: #ed1c24;
        }

        .pt-6,
        .py-6 {
                padding-top: 4.5rem !important;
        }

        .copyright-text {
                width: 100%;
                text-align: center;
                font-size: 13px;
        }

        .footer-copyright {
                background: #303438;
        }

        .footer p,
        .footer li,
        .footer a {
                font-size: 13px;
        }

        .footer h6 {
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase;
                padding: 0 0 12px 0;
        }

        .pattern-overlay-1-dark::before {
                content: "";
                background: url(../images/01-dark.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }

        .pattern-overlay-1-dark {
                position: relative;
                z-index: 1;
                padding-top: 3.8rem;
                padding-bottom: 3.8rem;
        }

        .bg-light {
                background-color: #f7f8f9 !important;
        }

        .pattern-overlay-1-dark .lead {
                font-size: 28px;
                font-weight: 300;
                padding: 20px 0;
                color: #222222;
        }


        /*feature-box style 2*/

        .featureBox {
                padding: 20px;
                box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.1);
        }

        .featureBox .feature-box-icon {
                font-size: 72px;
                margin-left: -30px;
                float: left;
                margin-right: 30px;
                padding-top: 10px;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .featureBox .feature-box-title {
                margin-top: 30px;
                font-size: 20px;
        }

        .featureBox a {
                display: block;
        }

        .featureBox .feature-box-desc {
                clear: both;
        }

        .featureBox:hover {
                box-shadow: 0px 0px 80px rgba(83, 88, 93, 0.2);
        }

        .featureBox:hover .feature-box-icon {
                margin-left: 0px;
                margin-right: 10px;
        }

        .feature-box .feature-box-title {
                font-size: 18px;
                font-weight: 500;
                line-height: 26px;
                margin-bottom: 10px;
        }

        .featureBox:hover .feature-box-icon {
                margin-left: 0px;
                margin-right: 10px;
        }

        .feature-box .feature-box-icon {
                font-size: 50px;
                padding: 20px 0;
                line-height: 24px;
        }

        .mt-30 {
                margin-top: 1.875rem;
        }

        .featureBox .feature-box-icon {
                font-size: 55px;
                margin-left: -30px;
                float: left;
                margin-right: 30px;
                padding-top: 0;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .featureBox:hover {
                box-shadow: 0px 0px 80px rgba(83, 88, 93, 0.2);
        }

        .featureBox {
                padding: 20px;
                box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.1);
        }

        .featureBox {
                position: relative;
                overflow: hidden;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .h-100 {
                height: 100% !important;
        }

        .icon-grad i:before {
                background: #ed1c24;
                -webkit-text-fill-color: transparent;
                -moz-text-fill-color: transparent;
                -ms-text-fill-color: transparent;
                -o-text-fill-color: transparent;
                text-fill-color: transparent;
        }

        .featureBox .feature-box-desc {
                clear: both;
                line-height: 28px;
        }

        .feature-box .feature-box-desc {
                margin: 0;
        }

        .featureBox a {
                display: block;
                font-weight: bold;
        }

        .mt-3,
        .my-3 {
                margin-top: 1rem !important;
        }

        .title h2 {
                font-size: 24px;
                font-weight: 500;
                margin-bottom: 20px;
        }

        .title {
                padding: 0 0 20px;
                text-transform: uppercase;
                font-weight: 600;
        }

        .text-center {
                text-align: center !important;
        }

        .featureBox:hover .feature-box-icon {
                margin-left: 0px;
                margin-right: 10px;
        }


        /* 
        =========================================
        Explore Categories
        =========================================
        */

        .Categories {
                background: #fff;
        }

        .light-overlay,
        .dark-overlay,
        .gradient-overlay {
                position: relative;
                overflow: hidden;
        }

        .card-poster {
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-align: end;
                align-items: flex-end;
                color: #fff;
                border: none;
                overflow: hidden;
                box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
                min-height: 350px;
                transition: all 0.35s ease-in-out;
        }

        .tile-link {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                cursor: pointer;
                z-index: 30;
        }

        img.bg-image {
                -o-object-fit: cover;
                object-fit: cover;
        }

        .bg-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
        }

        .light-overlay .overlay-content,
        .dark-overlay .overlay-content,
        .gradient-overlay .overlay-content {
                position: relative;
                z-index: 20;
        }

        .card-body {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                padding: 1.25rem;
        }

        .gradient-overlay::after {
                opacity: 1;
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0.65) 100%);
        }

        .light-overlay::after,
        .dark-overlay::after,
        .gradient-overlay::after {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: ' ';
                opacity: .3;
                transition: all 0.35s ease-in-out;
        }

        .light-overlay:hover::after,
        .dark-overlay:hover::after,
        .gradient-overlay:hover::after {
                transition: all 0.35s ease-in-out;
                opacity: .7;
                background-color: #ed1c24;
        }

        .text-shadow {
                text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
        }

        .card-text:last-child {
                margin-bottom: 0;
        }

        .text-uppercase {
                text-transform: uppercase;
                letter-spacing: 0.1em;
        }

        h6.card-title {
                font-weight: bold;
                text-transform: uppercase;
                color: #fff;
                font-size: 16px;
        }

        .card-poster:hover {
                transform: translateY(-6px);
        }


        /*===============================
        INNERPAGE BANNER
        =================================*/

        .innerpage-banner {
                position: relative;
        }

        .innerpage-banner h1 {
                font-size: 2.1875rem;
                font-weight: 600;
                padding: 0 0 12px 0;
        }

        .innerpage-banner h6 {
                margin-bottom: 0;
        }

        .innerpage-banner .breadcrumb {
                position: absolute;
        }

        .innerpage-banner.center {
                text-align: center;
        }

        .innerpage-banner.center h6 {
                margin-bottom: 50px;
        }

        .innerpage-banner.center .breadcrumb {
                left: 0px;
                top: 100%;
                right: 0;
                display: block;
        }

        .innerpage-banner.right {
                text-align: right;
        }

        .innerpage-banner.right .breadcrumb {
                left: 15px;
                top: 50%;
                width: auto;
                margin-top: -10px;
        }

        .innerpage-banner.left {
                text-align: left;
        }

        .innerpage-banner.left .breadcrumb {
                right: 15px;
                top: 50%;
                width: auto;
                margin-top: -10px;
        }

        .breadcrumb {
                background: transparent;
                padding: 0;
        }

        .breadcrumb .breadcrumb-item {
                display: inline-block;
        }

        .breadcrumb .breadcrumb-item a i {
                font-size: 12px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .breadcrumb .breadcrumb-item a:hover i {
                color: #ed1c24;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .breadcrumb>.breadcrumb-item+.breadcrumb-item:before {
                content: "\f111" !important;
                padding: 0 12px 0 0px !important;
                font-family: "Font Awesome 5 Free";
                font-size: 7px;
                vertical-align: middle;
                color: #ffffff !important;
        }

        .pb-7,
        .py-7 {
                padding-bottom: 6rem !important;
        }

        .pt-7,
        .py-7 {
                padding-top: 6rem !important;
        }


        /* ===================================
        components
        ====================================== */


        /*accordion*/

        .accordion {
                margin-bottom: 30px;
        }

        .accordion-item {
                margin-bottom: 15px;
        }

        .accordion-title {
                background-color: #f0f1f3;
        }

        .accordion-title a {
                position: relative;
                display: block;
                padding: 15px 40px 15px 15px;
                color: #343a40;
                -webkit-transition: all 0s ease-in-out;
                -moz-transition: all 0s ease-in-out;
                -ms-transition: all 0s ease-in-out;
                -o-transition: all 0s ease-in-out;
                transition: all 0s ease-in-out;
        }

        .accordion-title a:after {
                content: "\f068";
                font-family: "Font Awesome 5 Free";
                position: absolute;
                top: 50%;
                line-height: 1.8;
                font-weight: bolder;
                font-size: 10px;
                right: 8px;
                padding: 15px;
                color: #343a40;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        }

        .accordion-title a.collapsed:after {
                content: "\f067";
        }

        .accordion-content {
                padding: 16px 16px 0;
        }


        /*accordion primary color*/

        .accordion-primary .accordion-title {
                background: #ed1c24;
        }

        .accordion-primary .accordion-title a {
                color: #ffffff;
        }

        .accordion-primary .accordion-title a:after {
                color: #ffffff;
        }


        /*accordion dark*/

        .accordion-dark .accordion-title {
                background: #343a40;
        }

        .accordion-dark .accordion-title a {
                color: #ffffff;
        }

        .accordion-dark .accordion-title a:after {
                color: #ffffff;
        }


        /*accordion gradient color*/

        .accordion-grad .accordion-title a {
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        .accordion-grad .accordion-title a {
                color: #ffffff;
        }

        .accordion-grad .accordion-title a:after {
                color: #ffffff;
        }

        .accordion-grad .accordion-title a.collapsed {
                background: #f0f1f3;
                color: #343a40;
        }

        .accordion-grad .accordion-title a.collapsed:after {
                color: #343a40;
        }


        /*accordion line*/

        .accordion-line .accordion-item {
                border-bottom: 2px solid rgba(0, 0, 0, 0.1);
                margin-bottom: 0;
        }

        .accordion-line .accordion-item:first-child {
                border-top: 2px solid rgba(0, 0, 0, 0.1);
        }

        .accordion-line .accordion-content {
                padding: 0px 16px 16px 0;
        }

        .accordion-line .accordion-title {
                background: transparent;
        }

        .accordion-line .accordion-title a {
                color: #343a40;
                padding-left: 0;
        }


        /*toggle icon left*/

        .accordion.toggle-icon-left .accordion-title a {
                padding-left: 40px;
                padding-right: 15px;
        }

        .accordion.toggle-icon-left .accordion-title a:after {
                left: 0;
                right: auto;
        }

        .accordion.toggle-icon-round .accordion-title a:after {
                background: #ed1c24;
                color: #ffffff;
                padding: 10px;
                border-radius: 50%;
                width: 26px;
                height: 26px;
                line-height: 7px;
                text-align: center;
        }

        .accordion.toggle-icon-round .accordion-title a.collapsed:after {
                background: #f0f1f3;
                color: #343a40;
        }

        .mb-3,
        .my-3 {
                margin-bottom: 1rem !important;
        }

        h5.mb-3 {
                font-size: 18px;
        }


        /* ===================================
        COLORS AND OVERLAY
        ====================================== */


        /* text color */

        .all-text-white *,
        .text-all-white * {
                color: #ffffff;
        }

        .text-grad {
                background: -moz-linear-gradient(150deg, #5bc9e2 0%, #5bc9e2 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5bc9e2), color-stop(100%, #5bc9e2));
                background: -webkit-linear-gradient(150deg, #5bc9e2 0%, #5bc9e2 100%);
                background: -o-linear-gradient(150deg, #5bc9e2 0%, #5bc9e2 100%);
                background: -ms-linear-gradient(150deg, #5bc9e2 0%, #5bc9e2 100%);
                background: linear-gradient(150deg, #5bc9e2 0%, #5bc9e2 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-background-clip: text;
                -moz-background-clip: text;
                -ms-background-clip: text;
                -o-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                -moz-text-fill-color: transparent;
                -ms-text-fill-color: transparent;
                -o-text-fill-color: transparent;
                text-fill-color: transparent;
                opacity: 1;
                z-index: 9;
        }


        /* icon color */

        .icon-primary i:before {
                color: #ed1c24;
        }

        .icon-black i:before {
                color: #000000;
        }

        .icon-dark i:before {
                color: #343a40;
        }

        .icon-light-gray i:before {
                color: #8f9397;
        }

        .icon-grad i:before {
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-background-clip: text;
                -moz-background-clip: text;
                -ms-background-clip: text;
                -o-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                -moz-text-fill-color: transparent;
                -ms-text-fill-color: transparent;
                -o-text-fill-color: transparent;
                text-fill-color: transparent;
        }


        /* background color */

        .bg-grad {
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        .bg-dark-grad {
                background: -moz-linear-gradient(150deg, #343a40 0%, #626d78 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #343a40), color-stop(100%, #626d78));
                background: -webkit-linear-gradient(150deg, #343a40 0%, #626d78 100%);
                background: -o-linear-gradient(150deg, #343a40 0%, #626d78 100%);
                background: -ms-linear-gradient(150deg, #343a40 0%, #626d78 100%);
                background: linear-gradient(150deg, #343a40 0%, #626d78 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        .bg-transparent {
                background: transparent !important;
        }


        /*Gradient overlay*/

        .bg-grad-overlay {
                position: relative;
                z-index: 1;
        }

        .bg-grad-overlay:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: -1;
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                opacity: 0.7;
        }


        /*Dark overlay*/

        .bg-overlay-dark-2 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-2:before {
                background: rgba(0, 0, 0, 0.2);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .bg-overlay-dark-3 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-3:before {
                background: rgba(20, 24, 28, 0.3);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .bg-overlay-dark-4 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-4:before {
                background: rgba(0, 0, 0, 0.4);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .bg-overlay-dark-5 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-5:before {
                background: rgba(0, 0, 0, 0.5);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .bg-overlay-dark-6 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-6:before {
                background: rgba(0, 0, 0, 0.6);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .bg-overlay-dark-7 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-7:before {
                background: rgba(0, 0, 0, 0.7);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .bg-overlay-dark-8 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-8:before {
                background: rgba(0, 0, 0, 0.8);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .bg-overlay-dark-9 {
                position: relative;
                z-index: 1;
        }

        .bg-overlay-dark-9:before {
                background: rgba(0, 0, 0, 0.9);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: -1;
        }

        .parallax-bg:before {
                z-index: 0;
        }


        /*pattern overlay*/

        .pattern-overlay-1 {
                position: relative;
                z-index: 1;
        }

        .pattern-overlay-1::before {
                content: "";
                background: url(../images/bg/pattern/01.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }

        .pattern-overlay-1-dark {
                position: relative;
                z-index: 1;
        }

        .pattern-overlay-1-dark::before {
                content: "";
                background: url(../images/bg/pattern/01-dark.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }

        .pattern-overlay-2 {
                position: relative;
                z-index: 1;
        }

        .pattern-overlay-2::before {
                content: "";
                background: url(../images/bg/pattern/02.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }

        .pattern-overlay-3 {
                position: relative;
                z-index: 1;
        }

        .pattern-overlay-3::before {
                content: "";
                background: url(../images/bg/pattern/03.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }

        .pattern-overlay-4 {
                position: relative;
                z-index: 1;
        }

        .pattern-overlay-4::before {
                content: "";
                background: url(../images/bg/pattern/04.png);
                background-position: center center;
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                z-index: 0;
        }


        /*SVG fill colors*/

        .fill-grad-start {
                stop-color: #97c74e;
        }

        .fill-grad-end {
                stop-color: #2ab9a5;
        }

        .fill-white {
                fill: #ffffff;
        }

        .fill-light {
                fill: #f7f8f9;
        }

        .fill-dark {
                fill: #343a40;
        }


        /* animated headlines*/

        .cd-words-wrapper {
                display: inline-block;
                position: relative;
                text-align: left;
        }

        .cd-words-wrapper b {
                display: inline-block;
                position: absolute;
                white-space: nowrap;
                left: 0;
                top: 0;
        }

        .cd-words-wrapper b.is-visible {
                position: relative;
        }

        .no-js .cd-words-wrapper b {
                opacity: 0;
        }

        .no-js .cd-words-wrapper b.is-visible {
                opacity: 1;
        }


        /* -------------------------------- 

        xrotate-1 

        -------------------------------- */

        .cd-headline.rotate-1 .cd-words-wrapper {
                -webkit-perspective: 300px;
                -moz-perspective: 300px;
                perspective: 300px;
        }

        .cd-headline.rotate-1 b {
                opacity: 0;
                -webkit-transform-origin: 50% 100%;
                -moz-transform-origin: 50% 100%;
                -ms-transform-origin: 50% 100%;
                -o-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
                -webkit-transform: rotateX(180deg);
                -moz-transform: rotateX(180deg);
                -ms-transform: rotateX(180deg);
                -o-transform: rotateX(180deg);
                transform: rotateX(180deg);
        }

        .cd-headline.rotate-1 b.is-visible {
                opacity: 1;
                -webkit-transform: rotateX(0deg);
                -moz-transform: rotateX(0deg);
                -ms-transform: rotateX(0deg);
                -o-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-animation: cd-rotate-1-in 1.2s;
                -moz-animation: cd-rotate-1-in 1.2s;
                animation: cd-rotate-1-in 1.2s;
        }

        .cd-headline.rotate-1 b.is-hidden {
                -webkit-transform: rotateX(180deg);
                -moz-transform: rotateX(180deg);
                -ms-transform: rotateX(180deg);
                -o-transform: rotateX(180deg);
                transform: rotateX(180deg);
                -webkit-animation: cd-rotate-1-out 1.2s;
                -moz-animation: cd-rotate-1-out 1.2s;
                animation: cd-rotate-1-out 1.2s;
        }

        @-webkit-keyframes cd-rotate-1-in {
                0% {
                        -webkit-transform: rotateX(180deg);
                        opacity: 0;
                }

                35% {
                        -webkit-transform: rotateX(120deg);
                        opacity: 0;
                }

                65% {
                        opacity: 0;
                }

                100% {
                        -webkit-transform: rotateX(360deg);
                        opacity: 1;
                }
        }

        @-moz-keyframes cd-rotate-1-in {
                0% {
                        -moz-transform: rotateX(180deg);
                        opacity: 0;
                }

                35% {
                        -moz-transform: rotateX(120deg);
                        opacity: 0;
                }

                65% {
                        opacity: 0;
                }

                100% {
                        -moz-transform: rotateX(360deg);
                        opacity: 1;
                }
        }

        @keyframes cd-rotate-1-in {
                0% {
                        -webkit-transform: rotateX(180deg);
                        -moz-transform: rotateX(180deg);
                        -ms-transform: rotateX(180deg);
                        -o-transform: rotateX(180deg);
                        transform: rotateX(180deg);
                        opacity: 0;
                }

                35% {
                        -webkit-transform: rotateX(120deg);
                        -moz-transform: rotateX(120deg);
                        -ms-transform: rotateX(120deg);
                        -o-transform: rotateX(120deg);
                        transform: rotateX(120deg);
                        opacity: 0;
                }

                65% {
                        opacity: 0;
                }

                100% {
                        -webkit-transform: rotateX(360deg);
                        -moz-transform: rotateX(360deg);
                        -ms-transform: rotateX(360deg);
                        -o-transform: rotateX(360deg);
                        transform: rotateX(360deg);
                        opacity: 1;
                }
        }

        @-webkit-keyframes cd-rotate-1-out {
                0% {
                        -webkit-transform: rotateX(0deg);
                        opacity: 1;
                }

                35% {
                        -webkit-transform: rotateX(-40deg);
                        opacity: 1;
                }

                65% {
                        opacity: 0;
                }

                100% {
                        -webkit-transform: rotateX(180deg);
                        opacity: 0;
                }
        }

        @-moz-keyframes cd-rotate-1-out {
                0% {
                        -moz-transform: rotateX(0deg);
                        opacity: 1;
                }

                35% {
                        -moz-transform: rotateX(-40deg);
                        opacity: 1;
                }

                65% {
                        opacity: 0;
                }

                100% {
                        -moz-transform: rotateX(180deg);
                        opacity: 0;
                }
        }

        @keyframes cd-rotate-1-out {
                0% {
                        -webkit-transform: rotateX(0deg);
                        -moz-transform: rotateX(0deg);
                        -ms-transform: rotateX(0deg);
                        -o-transform: rotateX(0deg);
                        transform: rotateX(0deg);
                        opacity: 1;
                }

                35% {
                        -webkit-transform: rotateX(-40deg);
                        -moz-transform: rotateX(-40deg);
                        -ms-transform: rotateX(-40deg);
                        -o-transform: rotateX(-40deg);
                        transform: rotateX(-40deg);
                        opacity: 1;
                }

                65% {
                        opacity: 0;
                }

                100% {
                        -webkit-transform: rotateX(180deg);
                        -moz-transform: rotateX(180deg);
                        -ms-transform: rotateX(180deg);
                        -o-transform: rotateX(180deg);
                        transform: rotateX(180deg);
                        opacity: 0;
                }
        }


        /* -------------------------------- 

        xtype 

        -------------------------------- */

        .cd-headline.type .cd-words-wrapper {
                vertical-align: top;
                overflow: hidden;
        }

        .cd-headline.type .cd-words-wrapper::after {
                /* vertical bar */
                content: '';
                position: absolute;
                right: 0;
                top: 50%;
                bottom: auto;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                height: 90%;
                width: 1px;
                background-color: #aebcb9;
        }

        .cd-headline.type .cd-words-wrapper.waiting::after {
                -webkit-animation: cd-pulse 1s infinite;
                -moz-animation: cd-pulse 1s infinite;
                animation: cd-pulse 1s infinite;
        }

        .cd-headline.type .cd-words-wrapper.selected {
                background-color: #aebcb9;
        }

        .cd-headline.type .cd-words-wrapper.selected::after {
                visibility: hidden;
        }

        .cd-headline.type .cd-words-wrapper.selected b {
                color: #0d0d0d;
        }

        .cd-headline.type b {
                visibility: hidden;
        }

        .cd-headline.type b.is-visible {
                visibility: visible;
        }

        .cd-headline.type i {
                position: absolute;
                visibility: hidden;
        }

        .cd-headline.type i.in {
                position: relative;
                visibility: visible;
        }

        @-webkit-keyframes cd-pulse {
                0% {
                        -webkit-transform: translateY(-50%) scale(1);
                        opacity: 1;
                }

                40% {
                        -webkit-transform: translateY(-50%) scale(0.9);
                        opacity: 0;
                }

                100% {
                        -webkit-transform: translateY(-50%) scale(0);
                        opacity: 0;
                }
        }

        @-moz-keyframes cd-pulse {
                0% {
                        -moz-transform: translateY(-50%) scale(1);
                        opacity: 1;
                }

                40% {
                        -moz-transform: translateY(-50%) scale(0.9);
                        opacity: 0;
                }

                100% {
                        -moz-transform: translateY(-50%) scale(0);
                        opacity: 0;
                }
        }

        @keyframes cd-pulse {
                0% {
                        -webkit-transform: translateY(-50%) scale(1);
                        -moz-transform: translateY(-50%) scale(1);
                        -ms-transform: translateY(-50%) scale(1);
                        -o-transform: translateY(-50%) scale(1);
                        transform: translateY(-50%) scale(1);
                        opacity: 1;
                }

                40% {
                        -webkit-transform: translateY(-50%) scale(0.9);
                        -moz-transform: translateY(-50%) scale(0.9);
                        -ms-transform: translateY(-50%) scale(0.9);
                        -o-transform: translateY(-50%) scale(0.9);
                        transform: translateY(-50%) scale(0.9);
                        opacity: 0;
                }

                100% {
                        -webkit-transform: translateY(-50%) scale(0);
                        -moz-transform: translateY(-50%) scale(0);
                        -ms-transform: translateY(-50%) scale(0);
                        -o-transform: translateY(-50%) scale(0);
                        transform: translateY(-50%) scale(0);
                        opacity: 0;
                }
        }


        /* -------------------------------- 

        xrotate-2 

        -------------------------------- */

        .cd-headline.rotate-2 .cd-words-wrapper {
                -webkit-perspective: 300px;
                -moz-perspective: 300px;
                perspective: 300px;
        }

        .cd-headline.rotate-2 i,
        .cd-headline.rotate-2 em {
                display: inline-block;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        }

        .cd-headline.rotate-2 b {
                opacity: 0;
        }

        .cd-headline.rotate-2 i {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                -ms-transform-style: preserve-3d;
                -o-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-transform: translateZ(-20px) rotateX(90deg);
                -moz-transform: translateZ(-20px) rotateX(90deg);
                -ms-transform: translateZ(-20px) rotateX(90deg);
                -o-transform: translateZ(-20px) rotateX(90deg);
                transform: translateZ(-20px) rotateX(90deg);
                opacity: 0;
        }

        .is-visible .cd-headline.rotate-2 i {
                opacity: 1;
        }

        .cd-headline.rotate-2 i.in {
                -webkit-animation: cd-rotate-2-in 0.4s forwards;
                -moz-animation: cd-rotate-2-in 0.4s forwards;
                animation: cd-rotate-2-in 0.4s forwards;
        }

        .cd-headline.rotate-2 i.out {
                -webkit-animation: cd-rotate-2-out 0.4s forwards;
                -moz-animation: cd-rotate-2-out 0.4s forwards;
                animation: cd-rotate-2-out 0.4s forwards;
        }

        .cd-headline.rotate-2 em {
                -webkit-transform: translateZ(20px);
                -moz-transform: translateZ(20px);
                -ms-transform: translateZ(20px);
                -o-transform: translateZ(20px);
                transform: translateZ(20px);
        }

        .no-csstransitions .cd-headline.rotate-2 i {
                -webkit-transform: rotateX(0deg);
                -moz-transform: rotateX(0deg);
                -ms-transform: rotateX(0deg);
                -o-transform: rotateX(0deg);
                transform: rotateX(0deg);
                opacity: 0;
        }

        .no-csstransitions .cd-headline.rotate-2 i em {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
        }

        .no-csstransitions .cd-headline.rotate-2 .is-visible i {
                opacity: 1;
        }

        @-webkit-keyframes cd-rotate-2-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateZ(-20px) rotateX(90deg);
                }

                60% {
                        opacity: 1;
                        -webkit-transform: translateZ(-20px) rotateX(-10deg);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateZ(-20px) rotateX(0deg);
                }
        }

        @-moz-keyframes cd-rotate-2-in {
                0% {
                        opacity: 0;
                        -moz-transform: translateZ(-20px) rotateX(90deg);
                }

                60% {
                        opacity: 1;
                        -moz-transform: translateZ(-20px) rotateX(-10deg);
                }

                100% {
                        opacity: 1;
                        -moz-transform: translateZ(-20px) rotateX(0deg);
                }
        }

        @keyframes cd-rotate-2-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateZ(-20px) rotateX(90deg);
                        -moz-transform: translateZ(-20px) rotateX(90deg);
                        -ms-transform: translateZ(-20px) rotateX(90deg);
                        -o-transform: translateZ(-20px) rotateX(90deg);
                        transform: translateZ(-20px) rotateX(90deg);
                }

                60% {
                        opacity: 1;
                        -webkit-transform: translateZ(-20px) rotateX(-10deg);
                        -moz-transform: translateZ(-20px) rotateX(-10deg);
                        -ms-transform: translateZ(-20px) rotateX(-10deg);
                        -o-transform: translateZ(-20px) rotateX(-10deg);
                        transform: translateZ(-20px) rotateX(-10deg);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateZ(-20px) rotateX(0deg);
                        -moz-transform: translateZ(-20px) rotateX(0deg);
                        -ms-transform: translateZ(-20px) rotateX(0deg);
                        -o-transform: translateZ(-20px) rotateX(0deg);
                        transform: translateZ(-20px) rotateX(0deg);
                }
        }

        @-webkit-keyframes cd-rotate-2-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateZ(-20px) rotateX(0);
                }

                60% {
                        opacity: 0;
                        -webkit-transform: translateZ(-20px) rotateX(-100deg);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateZ(-20px) rotateX(-90deg);
                }
        }

        @-moz-keyframes cd-rotate-2-out {
                0% {
                        opacity: 1;
                        -moz-transform: translateZ(-20px) rotateX(0);
                }

                60% {
                        opacity: 0;
                        -moz-transform: translateZ(-20px) rotateX(-100deg);
                }

                100% {
                        opacity: 0;
                        -moz-transform: translateZ(-20px) rotateX(-90deg);
                }
        }

        @keyframes cd-rotate-2-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateZ(-20px) rotateX(0);
                        -moz-transform: translateZ(-20px) rotateX(0);
                        -ms-transform: translateZ(-20px) rotateX(0);
                        -o-transform: translateZ(-20px) rotateX(0);
                        transform: translateZ(-20px) rotateX(0);
                }

                60% {
                        opacity: 0;
                        -webkit-transform: translateZ(-20px) rotateX(-100deg);
                        -moz-transform: translateZ(-20px) rotateX(-100deg);
                        -ms-transform: translateZ(-20px) rotateX(-100deg);
                        -o-transform: translateZ(-20px) rotateX(-100deg);
                        transform: translateZ(-20px) rotateX(-100deg);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateZ(-20px) rotateX(-90deg);
                        -moz-transform: translateZ(-20px) rotateX(-90deg);
                        -ms-transform: translateZ(-20px) rotateX(-90deg);
                        -o-transform: translateZ(-20px) rotateX(-90deg);
                        transform: translateZ(-20px) rotateX(-90deg);
                }
        }


        /* -------------------------------- 

        xloading-bar 

        -------------------------------- */

        .cd-headline.loading-bar span {
                display: inline-block;
                padding: .2em 0;
        }

        .cd-headline.loading-bar .cd-words-wrapper {
                overflow: hidden;
                vertical-align: top;
        }

        .cd-headline.loading-bar .cd-words-wrapper::after {
                /* loading bar */
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                height: 3px;
                width: 0;
                background: #ed1c24;
                z-index: 2;
                -webkit-transition: width 0.3s -0.1s;
                -moz-transition: width 0.3s -0.1s;
                transition: width 0.3s -0.1s;
        }

        .cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
                width: 100%;
                -webkit-transition: width 3s;
                -moz-transition: width 3s;
                transition: width 3s;
        }

        .cd-headline.loading-bar b {
                top: .2em;
                opacity: 0;
                -webkit-transition: opacity 0.3s;
                -moz-transition: opacity 0.3s;
                transition: opacity 0.3s;
        }

        .cd-headline.loading-bar b.is-visible {
                opacity: 1;
                top: 0;
        }


        /* -------------------------------- 

        xslide 

        -------------------------------- */

        .cd-headline.slide span {
                display: inline-block;
                padding: .2em 0;
        }

        .cd-headline.slide .cd-words-wrapper {
                overflow: hidden;
                vertical-align: top;
        }

        .cd-headline.slide b {
                opacity: 0;
                top: .2em;
        }

        .cd-headline.slide b.is-visible {
                top: 0;
                opacity: 1;
                -webkit-animation: slide-in 0.6s;
                -moz-animation: slide-in 0.6s;
                animation: slide-in 0.6s;
        }

        .cd-headline.slide b.is-hidden {
                -webkit-animation: slide-out 0.6s;
                -moz-animation: slide-out 0.6s;
                animation: slide-out 0.6s;
        }

        @-webkit-keyframes slide-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateY(-100%);
                }

                60% {
                        opacity: 1;
                        -webkit-transform: translateY(20%);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateY(0);
                }
        }

        @-moz-keyframes slide-in {
                0% {
                        opacity: 0;
                        -moz-transform: translateY(-100%);
                }

                60% {
                        opacity: 1;
                        -moz-transform: translateY(20%);
                }

                100% {
                        opacity: 1;
                        -moz-transform: translateY(0);
                }
        }

        @keyframes slide-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateY(-100%);
                        -moz-transform: translateY(-100%);
                        -ms-transform: translateY(-100%);
                        -o-transform: translateY(-100%);
                        transform: translateY(-100%);
                }

                60% {
                        opacity: 1;
                        -webkit-transform: translateY(20%);
                        -moz-transform: translateY(20%);
                        -ms-transform: translateY(20%);
                        -o-transform: translateY(20%);
                        transform: translateY(20%);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateY(0);
                        -moz-transform: translateY(0);
                        -ms-transform: translateY(0);
                        -o-transform: translateY(0);
                        transform: translateY(0);
                }
        }

        @-webkit-keyframes slide-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateY(0);
                }

                60% {
                        opacity: 0;
                        -webkit-transform: translateY(120%);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateY(100%);
                }
        }

        @-moz-keyframes slide-out {
                0% {
                        opacity: 1;
                        -moz-transform: translateY(0);
                }

                60% {
                        opacity: 0;
                        -moz-transform: translateY(120%);
                }

                100% {
                        opacity: 0;
                        -moz-transform: translateY(100%);
                }
        }

        @keyframes slide-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateY(0);
                        -moz-transform: translateY(0);
                        -ms-transform: translateY(0);
                        -o-transform: translateY(0);
                        transform: translateY(0);
                }

                60% {
                        opacity: 0;
                        -webkit-transform: translateY(120%);
                        -moz-transform: translateY(120%);
                        -ms-transform: translateY(120%);
                        -o-transform: translateY(120%);
                        transform: translateY(120%);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateY(100%);
                        -moz-transform: translateY(100%);
                        -ms-transform: translateY(100%);
                        -o-transform: translateY(100%);
                        transform: translateY(100%);
                }
        }


        /* -------------------------------- 

        xclip 

        -------------------------------- */

        .cd-headline.clip span {
                display: inline-block;
                padding: .2em 0;
        }

        .cd-headline.clip .cd-words-wrapper {
                overflow: hidden;
                vertical-align: top;
        }

        .cd-headline.clip .cd-words-wrapper::after {
                /* line */
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                width: 2px;
                height: 100%;
                background-color: #ed1c24;
        }

        .cd-headline.clip b {
                opacity: 0;
        }

        .cd-headline.clip b.is-visible {
                opacity: 1;
        }


        /* -------------------------------- 

        xzoom 

        -------------------------------- */

        .cd-headline.zoom .cd-words-wrapper {
                -webkit-perspective: 300px;
                -moz-perspective: 300px;
                perspective: 300px;
        }

        .cd-headline.zoom b {
                opacity: 0;
        }

        .cd-headline.zoom b.is-visible {
                opacity: 1;
                -webkit-animation: zoom-in 0.8s;
                -moz-animation: zoom-in 0.8s;
                animation: zoom-in 0.8s;
        }

        .cd-headline.zoom b.is-hidden {
                -webkit-animation: zoom-out 0.8s;
                -moz-animation: zoom-out 0.8s;
                animation: zoom-out 0.8s;
        }

        @-webkit-keyframes zoom-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateZ(100px);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateZ(0);
                }
        }

        @-moz-keyframes zoom-in {
                0% {
                        opacity: 0;
                        -moz-transform: translateZ(100px);
                }

                100% {
                        opacity: 1;
                        -moz-transform: translateZ(0);
                }
        }

        @keyframes zoom-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateZ(100px);
                        -moz-transform: translateZ(100px);
                        -ms-transform: translateZ(100px);
                        -o-transform: translateZ(100px);
                        transform: translateZ(100px);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateZ(0);
                        -moz-transform: translateZ(0);
                        -ms-transform: translateZ(0);
                        -o-transform: translateZ(0);
                        transform: translateZ(0);
                }
        }

        @-webkit-keyframes zoom-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateZ(0);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateZ(-100px);
                }
        }

        @-moz-keyframes zoom-out {
                0% {
                        opacity: 1;
                        -moz-transform: translateZ(0);
                }

                100% {
                        opacity: 0;
                        -moz-transform: translateZ(-100px);
                }
        }

        @keyframes zoom-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateZ(0);
                        -moz-transform: translateZ(0);
                        -ms-transform: translateZ(0);
                        -o-transform: translateZ(0);
                        transform: translateZ(0);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateZ(-100px);
                        -moz-transform: translateZ(-100px);
                        -ms-transform: translateZ(-100px);
                        -o-transform: translateZ(-100px);
                        transform: translateZ(-100px);
                }
        }


        /* -------------------------------- 

        xrotate-3 

        -------------------------------- */

        .cd-headline.rotate-3 .cd-words-wrapper {
                -webkit-perspective: 300px;
                -moz-perspective: 300px;
                perspective: 300px;
        }

        .cd-headline.rotate-3 b {
                opacity: 0;
        }

        .cd-headline.rotate-3 i {
                display: inline-block;
                -webkit-transform: rotateY(180deg);
                -moz-transform: rotateY(180deg);
                -ms-transform: rotateY(180deg);
                -o-transform: rotateY(180deg);
                transform: rotateY(180deg);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        }

        .is-visible .cd-headline.rotate-3 i {
                -webkit-transform: rotateY(0deg);
                -moz-transform: rotateY(0deg);
                -ms-transform: rotateY(0deg);
                -o-transform: rotateY(0deg);
                transform: rotateY(0deg);
        }

        .cd-headline.rotate-3 i.in {
                -webkit-animation: cd-rotate-3-in 0.6s forwards;
                -moz-animation: cd-rotate-3-in 0.6s forwards;
                animation: cd-rotate-3-in 0.6s forwards;
        }

        .cd-headline.rotate-3 i.out {
                -webkit-animation: cd-rotate-3-out 0.6s forwards;
                -moz-animation: cd-rotate-3-out 0.6s forwards;
                animation: cd-rotate-3-out 0.6s forwards;
        }

        .no-csstransitions .cd-headline.rotate-3 i {
                -webkit-transform: rotateY(0deg);
                -moz-transform: rotateY(0deg);
                -ms-transform: rotateY(0deg);
                -o-transform: rotateY(0deg);
                transform: rotateY(0deg);
                opacity: 0;
        }

        .no-csstransitions .cd-headline.rotate-3 .is-visible i {
                opacity: 1;
        }

        @-webkit-keyframes cd-rotate-3-in {
                0% {
                        -webkit-transform: rotateY(180deg);
                }

                100% {
                        -webkit-transform: rotateY(0deg);
                }
        }

        @-moz-keyframes cd-rotate-3-in {
                0% {
                        -moz-transform: rotateY(180deg);
                }

                100% {
                        -moz-transform: rotateY(0deg);
                }
        }

        @keyframes cd-rotate-3-in {
                0% {
                        -webkit-transform: rotateY(180deg);
                        -moz-transform: rotateY(180deg);
                        -ms-transform: rotateY(180deg);
                        -o-transform: rotateY(180deg);
                        transform: rotateY(180deg);
                }

                100% {
                        -webkit-transform: rotateY(0deg);
                        -moz-transform: rotateY(0deg);
                        -ms-transform: rotateY(0deg);
                        -o-transform: rotateY(0deg);
                        transform: rotateY(0deg);
                }
        }

        @-webkit-keyframes cd-rotate-3-out {
                0% {
                        -webkit-transform: rotateY(0);
                }

                100% {
                        -webkit-transform: rotateY(-180deg);
                }
        }

        @-moz-keyframes cd-rotate-3-out {
                0% {
                        -moz-transform: rotateY(0);
                }

                100% {
                        -moz-transform: rotateY(-180deg);
                }
        }

        @keyframes cd-rotate-3-out {
                0% {
                        -webkit-transform: rotateY(0);
                        -moz-transform: rotateY(0);
                        -ms-transform: rotateY(0);
                        -o-transform: rotateY(0);
                        transform: rotateY(0);
                }

                100% {
                        -webkit-transform: rotateY(-180deg);
                        -moz-transform: rotateY(-180deg);
                        -ms-transform: rotateY(-180deg);
                        -o-transform: rotateY(-180deg);
                        transform: rotateY(-180deg);
                }
        }


        /* -------------------------------- 

        xscale 

        -------------------------------- */

        .cd-headline.scale b {
                opacity: 0;
        }

        .cd-headline.scale i {
                display: inline-block;
                opacity: 0;
                -webkit-transform: scale(0);
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                transform: scale(0);
        }

        .is-visible .cd-headline.scale i {
                opacity: 1;
        }

        .cd-headline.scale i.in {
                -webkit-animation: scale-up 0.6s forwards;
                -moz-animation: scale-up 0.6s forwards;
                animation: scale-up 0.6s forwards;
        }

        .cd-headline.scale i.out {
                -webkit-animation: scale-down 0.6s forwards;
                -moz-animation: scale-down 0.6s forwards;
                animation: scale-down 0.6s forwards;
        }

        .no-csstransitions .cd-headline.scale i {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
                opacity: 0;
        }

        .no-csstransitions .cd-headline.scale .is-visible i {
                opacity: 1;
        }

        @-webkit-keyframes scale-up {
                0% {
                        -webkit-transform: scale(0);
                        opacity: 0;
                }

                60% {
                        -webkit-transform: scale(1.2);
                        opacity: 1;
                }

                100% {
                        -webkit-transform: scale(1);
                        opacity: 1;
                }
        }

        @-moz-keyframes scale-up {
                0% {
                        -moz-transform: scale(0);
                        opacity: 0;
                }

                60% {
                        -moz-transform: scale(1.2);
                        opacity: 1;
                }

                100% {
                        -moz-transform: scale(1);
                        opacity: 1;
                }
        }

        @keyframes scale-up {
                0% {
                        -webkit-transform: scale(0);
                        -moz-transform: scale(0);
                        -ms-transform: scale(0);
                        -o-transform: scale(0);
                        transform: scale(0);
                        opacity: 0;
                }

                60% {
                        -webkit-transform: scale(1.2);
                        -moz-transform: scale(1.2);
                        -ms-transform: scale(1.2);
                        -o-transform: scale(1.2);
                        transform: scale(1.2);
                        opacity: 1;
                }

                100% {
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                        -ms-transform: scale(1);
                        -o-transform: scale(1);
                        transform: scale(1);
                        opacity: 1;
                }
        }

        @-webkit-keyframes scale-down {
                0% {
                        -webkit-transform: scale(1);
                        opacity: 1;
                }

                60% {
                        -webkit-transform: scale(0);
                        opacity: 0;
                }
        }

        @-moz-keyframes scale-down {
                0% {
                        -moz-transform: scale(1);
                        opacity: 1;
                }

                60% {
                        -moz-transform: scale(0);
                        opacity: 0;
                }
        }

        @keyframes scale-down {
                0% {
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                        -ms-transform: scale(1);
                        -o-transform: scale(1);
                        transform: scale(1);
                        opacity: 1;
                }

                60% {
                        -webkit-transform: scale(0);
                        -moz-transform: scale(0);
                        -ms-transform: scale(0);
                        -o-transform: scale(0);
                        transform: scale(0);
                        opacity: 0;
                }
        }


        /* -------------------------------- 

        xpush 

        -------------------------------- */

        .cd-headline.push b {
                opacity: 0;
        }

        .cd-headline.push b.is-visible {
                opacity: 1;
                -webkit-animation: push-in 0.6s;
                -moz-animation: push-in 0.6s;
                animation: push-in 0.6s;
        }

        .cd-headline.push b.is-hidden {
                -webkit-animation: push-out 0.6s;
                -moz-animation: push-out 0.6s;
                animation: push-out 0.6s;
        }

        @-webkit-keyframes push-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateX(-100%);
                }

                60% {
                        opacity: 1;
                        -webkit-transform: translateX(10%);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateX(0);
                }
        }

        @-moz-keyframes push-in {
                0% {
                        opacity: 0;
                        -moz-transform: translateX(-100%);
                }

                60% {
                        opacity: 1;
                        -moz-transform: translateX(10%);
                }

                100% {
                        opacity: 1;
                        -moz-transform: translateX(0);
                }
        }

        @keyframes push-in {
                0% {
                        opacity: 0;
                        -webkit-transform: translateX(-100%);
                        -moz-transform: translateX(-100%);
                        -ms-transform: translateX(-100%);
                        -o-transform: translateX(-100%);
                        transform: translateX(-100%);
                }

                60% {
                        opacity: 1;
                        -webkit-transform: translateX(10%);
                        -moz-transform: translateX(10%);
                        -ms-transform: translateX(10%);
                        -o-transform: translateX(10%);
                        transform: translateX(10%);
                }

                100% {
                        opacity: 1;
                        -webkit-transform: translateX(0);
                        -moz-transform: translateX(0);
                        -ms-transform: translateX(0);
                        -o-transform: translateX(0);
                        transform: translateX(0);
                }
        }

        @-webkit-keyframes push-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateX(0);
                }

                60% {
                        opacity: 0;
                        -webkit-transform: translateX(110%);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateX(100%);
                }
        }

        @-moz-keyframes push-out {
                0% {
                        opacity: 1;
                        -moz-transform: translateX(0);
                }

                60% {
                        opacity: 0;
                        -moz-transform: translateX(110%);
                }

                100% {
                        opacity: 0;
                        -moz-transform: translateX(100%);
                }
        }

        @keyframes push-out {
                0% {
                        opacity: 1;
                        -webkit-transform: translateX(0);
                        -moz-transform: translateX(0);
                        -ms-transform: translateX(0);
                        -o-transform: translateX(0);
                        transform: translateX(0);
                }

                60% {
                        opacity: 0;
                        -webkit-transform: translateX(110%);
                        -moz-transform: translateX(110%);
                        -ms-transform: translateX(110%);
                        -o-transform: translateX(110%);
                        transform: translateX(110%);
                }

                100% {
                        opacity: 0;
                        -webkit-transform: translateX(100%);
                        -moz-transform: translateX(100%);
                        -ms-transform: translateX(100%);
                        -o-transform: translateX(100%);
                        transform: translateX(100%);
                }
        }

        .cd-words-wrapper i,
        .cd-words-wrapper em,
        .cd-words-wrapper b {
                font-style: normal;
                font-weight: inherit;
        }


        /*New CSS*/

        .cd-headline.big-clip .cd-words-wrapper::after {
                width: 6px;
                height: 70%;
                background-color: #ed1c24;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        }

        .clip-dark.cd-headline.big-clip .cd-words-wrapper::after {
                background-color: #343a40;
        }


        /*blockquote*/

        .blockquote {
                position: relative;
                padding-left: 70px;
                margin-bottom: 20px;
        }

        .blockquote:before {
                content: '"';
                display: inline-block;
                position: absolute;
                top: -5px;
                left: 0;
                font-size: 100px;
                line-height: 0.9em;
                font-weight: 600;
                color: #ed1c24;
                font-size: 120px;
        }

        .blockquote cite {
                font-size: 0.875rem;
        }


        /*bg-primary*/

        .blockquote.bg-primary {
                background: #ed1c24;
                color: #ffffff;
                padding: 20px 20px 20px 90px;
        }

        .blockquote.bg-primary * {
                color: #ffffff;
        }

        .blockquote.bg-primary:before {
                color: #ffffff !important;
                top: 20px;
                left: 20px;
        }


        /*bg-dark*/

        .blockquote.bg-dark {
                padding: 20px 20px 20px 90px;
        }

        .blockquote.bg-dark * {
                color: #ffffff;
        }

        .blockquote.bg-dark:before {
                top: 20px;
                left: 20px;
        }


        /*bg-grad*/

        .blockquote.bg-grad {
                padding: 20px 20px 20px 90px;
        }

        .blockquote.bg-grad * {
                color: #ffffff;
        }

        .blockquote.bg-grad:before {
                color: #ffffff !important;
                top: 20px;
                left: 20px;
        }


        /*bg-light*/

        .blockquote.bg-light {
                padding: 20px 20px 20px 90px;
        }

        .blockquote.bg-light:before {
                top: 20px;
                left: 20px;
        }


        /*primary-line*/

        .blockquote.primary-line {
                padding: 10px 20px;
                border-left: 5px solid #ed1c24;
        }

        .blockquote.primary-line:before {
                display: none;
        }


        /*gray-line*/

        .blockquote.gray-line {
                padding: 10px 20px;
                border-left: 5px solid #f0f1f3;
        }

        .blockquote.gray-line:before {
                display: none;
        }


        /*grad-line*/

        .blockquote.grad-line {
                padding: 10px 20px;
        }

        .blockquote.grad-line:before {
                display: none;
        }

        .blockquote.grad-line:after {
                content: "";
                display: block;
                position: absolute;
                width: 5px;
                height: 100%;
                top: 0px;
                left: 0;
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        h5.mb-4 {
                font-size: 18px;
        }

        h5.mb-5 {
                font-size: 18px;
        }

        .btn i {
                margin-right: 0px;
        }


        /*arrow on hover*/

        .owl-carousel.arrow-hover {
                overflow: hidden;
        }

        .owl-carousel.arrow-hover .owl-next {
                left: auto;
                right: -20px;
                opacity: 0;
                border-radius: 3px;
        }

        .owl-carousel.arrow-hover .owl-prev {
                right: auto;
                left: -20px;
                opacity: 0;
                border-radius: 3px;
        }

        .owl-carousel:hover.arrow-hover .owl-next {
                left: auto;
                right: 10px;
                opacity: 1;
        }

        .owl-carousel:hover.arrow-hover .owl-prev {
                right: auto;
                left: 10px;
                opacity: 1;
        }


        /*arrow-dark*/

        .owl-carousel.arrow-dark .owl-nav [class*="owl-"] i {
                color: #ffffff;
        }

        .owl-carousel.arrow-dark .owl-nav [class*="owl-"]:hover {
                background-color: #343a40;
        }

        .owl-carousel.arrow-dark .owl-nav [class*="owl-"]:hover i {
                color: #ffffff;
        }


        /*arrow-gray */

        .owl-carousel.arrow-gray .owl-nav [class*="owl-"] {
                color: #343a40;
                border: 2px solid #f7f8f9;
                background-color: #f7f8f9;
        }

        .owl-carousel.arrow-gray .owl-nav [class*="owl-"]:hover {
                background-color: #f7f8f9;
        }

        .owl-carousel.arrow-gray .owl-nav [class*="owl-"]:hover i {
                color: #343a40;
        }


        /*arrow-transparent */

        .owl-carousel.arrow-transparent .owl-nav [class*="owl-"] {
                opacity: .7;
        }

        .owl-carousel.arrow-transparent .owl-nav .owl-next:hover,
        .owl-carousel.arrow-transparent .owl-nav .owl-prev:hover {
                opacity: 1;
        }


        /*arrow-round */

        .owl-carousel.arrow-round .owl-nav [class*="owl-"] {
                border-radius: 50%;
        }


        /*arrow-border */

        .owl-carousel.arrow-border .owl-nav [class*="owl-"] {
                background: transparent;
                color: #8f9397;
                border: 2px solid #8f9397;
                font-weight: bold;
        }

        .owl-carousel.arrow-border .owl-nav [class*="owl-"] i {
                font-weight: bold;
                color: #8f9397;
        }

        .owl-carousel.arrow-border .owl-nav .owl-next:hover,
        .owl-carousel.arrow-border .owl-nav .owl-prev:hover {
                border-color: #343a40;
                background: transparent;
        }

        .owl-carousel.arrow-border .owl-nav .owl-next:hover i,
        .owl-carousel.arrow-border .owl-nav .owl-prev:hover i {
                color: #343a40;
        }


        /*arrow-large*/

        .owl-carousel.arrow-large .owl-nav [class*="owl-"] {
                width: 50px;
                height: 50px;
                line-height: 50px;
        }

        .owl-carousel.arrow-large .owl-nav [class*="owl-"] i {
                line-height: 50px;
                font-size: 20px;
        }


        /*arrow-only*/

        .owl-carousel.arrow-only .owl-nav [class*="owl-"] {
                border: 0;
                background: transparent;
        }


        /*arrow-position bottom*/

        .owl-carousel.arrow-pos-bottom .owl-nav [class*="owl-"] {
                bottom: 0;
        }

        .owl-carousel.arrow-pos-bottom .owl-next,
        .owl-carousel.arrow-pos-bottom .owl-prev {
                top: auto;
        }

        @media (max-width: 991.98px) {
                .arrow-md-none.owl-carousel .owl-nav [class*="owl-"] {
                        display: none;
                }
        }

        .mt-7,
        .my-7 {
                margin-top: 6rem !important;
        }

        .bottom-0 {
                bottom: 0;
        }

        .left-0 {
                left: 0;
        }

        @media (min-width: 768px) {

                .ml-md-n2,
                .mx-md-n2 {
                        margin-left: -0.5rem !important;
                }
        }

        .ml-4,
        .mx-4 {
                margin-left: 1.5rem !important;
        }

        .mb-3,
        .my-3 {
                margin-bottom: 1rem !important;
        }

        .position-absolute {
                position: absolute !important;
        }

        .text-primary {
                color: #ed1c24 !important;
        }


        /* team */

        .team {
                overflow: hidden;
        }

        .team-item {
                position: relative;
                overflow: hidden;
                margin-bottom: 30px;
        }

        .team-item .team-desc {
                padding: 15px 10px 10px;
        }

        .team-item .team-name {
                margin: 0;
        }

        .team-item .team-name a {
                display: block;
                color: #8f9397;
        }

        .team-item .team-name a:hover {
                color: #ed1c24;
        }

        .team-item .team-position {
                font-size: 0.8125rem;
                color: #ed1c24;
        }

        .team-item p {
                margin: 10px 0px 10px;
        }


        /*team hover*/

        .team.team-overlay .team-item:hover .team-avatar {
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                overflow: hidden;
                position: relative;
        }

        .team.team-overlay .team-item .team-avatar:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: 9;
                height: 100%;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                overflow: hidden;
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .team.team-overlay .team-item:hover .team-avatar:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: 9;
                height: 100%;
                width: 100%;
                opacity: 0.7;
                visibility: visible;
                overflow: hidden;
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }


        /*team bordered*/

        .team.team-bordered .team-desc {
                border: 1px solid #f0f1f3;
                border-top: 0;
        }


        /*Team grid*/

        .team.team-grid .team-avatar {
                width: 50%;
                float: left;
        }

        .team.team-grid .team-desc {
                width: 50%;
                float: left;
                padding: 0 15px;
        }

        .team.team-grid .social-icons {
                position: absolute;
                bottom: 0;
        }

        .team.team-grid .team-desc p {
                padding-bottom: 30px;
        }


        /*social icon on hover*/

        .team.social-hover .team-item .team-avatar {
                position: relative;
                overflow: hidden;
        }

        .team.social-hover .team-item .team-desc .social-icons {
                position: absolute;
                top: 5px;
                left: -25px;
                visibility: hidden;
                z-index: 99;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .team.social-hover .team-item .social-icons-item {
                display: block;
                margin-left: -50px;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .team.social-hover .team-item .social-icons-item a {
                color: #ffffff;
        }

        .team.social-hover .team-item:hover .social-icons {
                visibility: visible;
                left: 5px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .team.social-hover .team-item:hover .social-icons-item:nth-child(1) {
                margin-left: 0px;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .team.social-hover .team-item:hover .social-icons-item:nth-child(2) {
                margin-left: 0px;
                -webkit-transition: all 0.7s ease-in-out;
                -moz-transition: all 0.7s ease-in-out;
                -ms-transition: all 0.7s ease-in-out;
                -o-transition: all 0.7s ease-in-out;
                transition: all 0.7s ease-in-out;
        }

        .team.social-hover .team-item:hover .social-icons-item:nth-child(3) {
                margin-left: 0px;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
        }

        .team.social-hover .team-item:hover .social-icons-item:nth-child(4) {
                margin-left: 0px;
                -webkit-transition: all 1.3s ease-in-out;
                -moz-transition: all 1.3s ease-in-out;
                -ms-transition: all 1.3s ease-in-out;
                -o-transition: all 1.3s ease-in-out;
                transition: all 1.3s ease-in-out;
        }

        .team.social-hover .team-item:hover .social-icons-item:nth-child(5) {
                margin-left: 0px;
                -webkit-transition: all 1.5s ease-in-out;
                -moz-transition: all 1.5s ease-in-out;
                -ms-transition: all 1.5s ease-in-out;
                -o-transition: all 1.5s ease-in-out;
                transition: all 1.5s ease-in-out;
        }

        @media (max-width: 767.98px) {
                .team.team-grid .team-avatar {
                        width: 100%;
                        float: none;
                }

                .team.team-grid .team-desc {
                        width: 100%;
                        float: none;
                        padding: 15px 0px 10px;
                }
        }


        /* skill */

        .skill-item {
                overflow: hidden;
        }

        .skill-item p {
                margin: 10px 0 8px;
        }

        .skill-item .progress {
                background: #f0f1f3;
                border-radius: 3px;
                box-shadow: none;
                height: 10px;
                margin-bottom: 8px;
                overflow: visible;
        }

        .skill-item .progress-bar {
                background-color: #ed1c24;
                border-radius: 3px;
                box-shadow: none;
                position: relative;
        }

        .skill-item .skill-percent {
                color: #8f9397;
                font-weight: 600;
                line-height: 24px;
                position: absolute;
                right: 0;
                top: -28px;
                font-size: 12px;
        }


        /*skill gradient*/

        .skill.skill-grad .progress-bar {
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        .skill.skill-dark-grad .progress-bar {
                background: #343a40;
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }


        /*skill dark*/

        .skill.skill-dark .progress-bar {
                background: #343a40;
        }


        /*skill square*/

        .skill.skill-square .progress-bar,
        .skill.skill-square .progress {
                border-radius: 0px;
        }


        /*skill percent*/

        .skill.percent-bg .skill-percent {
                background: #343a40;
                padding: 2px 5px;
                border-radius: 2px;
                color: #ffffff;
                line-height: 16px;
                position: absolute;
                right: 0;
                top: -25px;
                font-size: 12px;
        }

        .skill.percent-bg .skill-percent:before {
                border-top-color: #343a40;
                border-width: 5px;
                left: 50%;
                margin-left: -5px;
        }

        .skill.percent-bg .skill-percent:after,
        .skill.percent-bg .skill-percent:before {
                top: 100%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
        }

        .skill.percent-bg .skill-percent:after {
                border-top-color: #343a40;
                border-width: 4px;
                left: 50%;
                margin-left: -4px;
        }


        /*percent light*/

        .skill.percent-light .skill-percent {
                background: #f0f1f3;
                color: #8f9397;
        }

        .skill.percent-light .skill-percent:before,
        .skill.percent-light .skill-percent:after {
                border-top-color: #f0f1f3;
        }


        /*Skill size*/

        .skill.skill-xs .progress {
                height: 3px;
        }

        .skill.skill-sm .progress {
                height: 5px;
        }

        .skill.skill-md .progress {
                height: 10px;
        }

        .skill.skill-lg .progress {
                height: 16px;
        }

        .skill.skill-xl .progress {
                height: 20px;
        }


        /*skill-text-in*/

        .skill.skill-text-in .skill-item {
                position: relative;
                margin-top: 10px;
        }

        .skill.skill-text-in .skill-item .progress {
                height: 24px;
        }

        .skill.skill-text-in .skill-item .progress .skill-percent {
                color: #ffffff;
                padding-right: 5px;
                top: 0px;
        }

        .skill.skill-text-in .skill-item p {
                font-size: 0.8125rem;
                margin: 0;
                position: absolute;
                z-index: 1;
                color: #ffffff;
                top: 2px;
                left: 5px;
        }

        .skill.skill-text-in .progress-bar:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 999999;
                opacity: 0.1;
                background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent);
                -webkit-background-size: 22px 22px;
                background-size: 22px 22px;
        }


        /*counter*/

        .counter {
                position: relative;
        }

        .counter .counter-item {
                color: #ffffff;
        }

        .counter .counter-item-icon {
                font-size: 70px;
                margin-bottom: 20px;
                display: block;
        }

        .counter .counter-item-digit {
                font-size: 50px;
                color: #ffffff;
                font-weight: 600;
                margin-bottom: 10px;
        }

        .counter .counter-item-text {
                font-size: 1.09375rem;
                margin-bottom: 0;
        }


        /*counter medium*/

        .counter-medium .counter-item-icon {
                margin-bottom: 0px;
                font-size: 40px;
        }

        .counter-medium .counter-item-digit {
                margin-bottom: 0px;
                font-size: 40px;
                line-height: 40px;
                margin-top: 20px;
        }

        .counter-medium .counter-item-text {
                font-size: 16px;
        }


        /*counter small*/

        .counter-small .counter-item-icon {
                margin-bottom: 0px;
                font-size: 1.75rem;
        }

        .counter-small .counter-item-digit {
                margin-bottom: 0px;
                font-size: 1.75rem;
                line-height: 36px;
                margin-top: 15px;
        }

        .counter-small .counter-item-text {
                font-size: 0.875rem;
        }


        /*counter light*/

        .counter-light .counter-item-icon,
        .counter-light .counter-item-text {
                color: #8f9397;
        }

        .counter-light .counter-item-digit {
                color: #343a40;
        }


        /*counter gradient text*/

        .counter-grad-text .counter-item-icon,
        .counter-grad-text .counter-item-digit {
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-background-clip: text;
                -moz-background-clip: text;
                -ms-background-clip: text;
                -o-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                -moz-text-fill-color: transparent;
                -ms-text-fill-color: transparent;
                -o-text-fill-color: transparent;
                text-fill-color: transparent;
                opacity: 1;
                z-index: 9999;
        }


        /*counter style-2*/

        .counter-style-2 {
                position: relative;
        }

        .counter-style-2 .counter-item-icon,
        .counter-style-2 .counter-item-digit {
                position: absolute;
                left: 0;
                top: 10px;
        }

        .counter-style-2 .counter-item-text {
                position: absolute;
                left: 60px;
                top: 30px;
        }

        @media (max-width: 767.98px) {
                .counter {
                        padding-bottom: 0 !important;
                }

                .counter .counter-item {
                        margin-bottom: 30px;
                }
        }

        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {

                .counter-grad-text .counter-item-icon,
                .counter-grad-text .counter-item-digit {
                        background: none !important;
                        color: #ed1c24 !important;
                }
        }


        /* animated headlines*/

        .cd-words-wrapper {
                display: inline-block;
                position: relative;
                text-align: left;
        }

        .cd-words-wrapper b {
                display: inline-block;
                position: absolute;
                white-space: nowrap;
                left: 0;
                top: 0;
        }

        .cd-words-wrapper b.is-visible {
                position: relative;
        }

        .no-js .cd-words-wrapper b {
                opacity: 0;
        }

        .no-js .cd-words-wrapper b.is-visible {
                opacity: 1;
        }


        /* Tab */

        .tab-content {
                padding: 25px 0;
                margin-bottom: 20px;
        }

        .nav-tabs .nav-item .nav-link {
                color: #343a40;
                padding: 0.5rem 1rem;
        }

        .nav-tabs .nav-link.active {
                background: #ed1c24;
                color: #ffffff;
        }

        .nav-tabs .nav-link.active .nav-link {
                color: #ffffff;
        }


        /*tab-line*/

        .nav-tabs.tab-line {
                border-bottom: solid 2px #f0f1f3;
        }

        .nav-tabs.tab-line .nav-link {
                border: transparent;
        }

        .nav-tabs.tab-line .nav-item:first-child .nav-link {
                padding-left: 0;
        }

        .nav-tabs.tab-line .nav-link {
                background: transparent;
                border-bottom: 2px solid transparent;
        }

        .nav-tabs.tab-line .nav-link.active {
                background: transparent;
                color: #ed1c24;
                border-bottom: 2px solid #ed1c24;
        }

        .nav-tabs.tab-line .nav-item {
                margin-bottom: -2px;
        }


        /*tab-bordered*/

        .nav-tabs.tab-bordered {
                border: 1px solid #f0f1f3;
        }

        .nav-tabs.tab-bordered .nav-link {
                border: transparent;
        }

        .nav-tabs.tab-bordered .nav-link.active {
                background: #ed1c24;
                color: #ffffff;
                border-radius: 0;
        }


        /*tab-dark*/

        .nav-tabs.tab-dark .nav-item .nav-link {
                color: #343a40;
        }

        .nav-tabs.tab-dark .nav-link.active {
                background: #343a40;
                color: #ffffff;
        }


        /*tab-gradient*/

        .nav-tabs.tab-grad {
                border: none;
                border-radius: 40px;
        }

        .nav-tabs.tab-grad .nav-link {
                border: transparent;
                margin-right: 10px;
                border-radius: 40px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .nav-tabs.tab-grad .nav-link.active {
                border-radius: 40px;
                color: #ffffff;
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }


        /*tab-with-icon*/

        .nav-tabs.tab-with-icon i {
                padding-right: 5px;
        }


        /*tab-with-icon*/

        .nav-tabs.tab-with-center-icon i {
                display: block;
                text-align: center;
                font-size: 20px;
                padding: 5px;
        }


        /*social icons*/

        .social-icons {
                padding: 0;
                line-height: 0;
        }

        .text-center.social-icons {
                display: inline-block;
        }

        .social-icons .social-icons-item {
                display: inline-block;
                list-style: none;
                line-height: 10px;
                margin: 0 5px 5px 0;
        }

        .social-icons-link {
                display: inline-block;
                height: 32px;
                width: 32px;
                line-height: 32px;
                font-size: 16px;
                text-align: center;
                border-radius: 3px;
                border: 0;
                background: transparent;
                color: #343a40;
                overflow: hidden;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }


        /*dark*/

        .social-icons.dark .social-icons-link {
                background: #343a40;
                color: #ffffff;
        }


        /*light*/

        .social-icons.light .social-icons-link {
                background: #f0f1f3;
                color: #343a40;
        }


        /*round*/

        .social-icons.round .social-icons-link {
                border-radius: 50%;
        }


        /*square*/

        .social-icons.square .social-icons-link {
                border-radius: 0;
        }


        /*border*/

        .social-icons.si-border .social-icons-link {
                border: 1px solid #8f9397;
        }


        /*large*/

        .social-icons.si-large .social-icons-link {
                height: 50px;
                width: 50px;
                line-height: 50px;
                font-size: 20px;
        }


        /*medium*/

        .social-icons.si-medium .social-icons-link {
                height: 40px;
                width: 40px;
                line-height: 40px;
                font-size: 18px;
        }


        /*colored*/

        .social-icons.si-colored-bg .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-icons-link:hover {
                color: #ffffff;
                border: 0;
        }

        .social-icons.si-colored-bg .social-facebook .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-facebook .social-icons-link:hover {
                background-color: #5d82d1;
        }

        .social-icons.si-colored-bg .social-instagram .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-instagram .social-icons-link:hover {
                background-color: #548bb6;
        }

        .social-icons.si-colored-bg .social-twitter .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-twitter .social-icons-link:hover {
                background-color: #40bff5;
        }

        .social-icons.si-colored-bg .social-youtube .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-youtube .social-icons-link:hover {
                background-color: #ef4e41;
        }

        .social-icons.si-colored-bg .social-gplus .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-gplus .social-icons-link:hover {
                background-color: #dd5044;
        }

        .social-icons.si-colored-bg .social-rss .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-rss .social-icons-link:hover {
                background-color: #faa33d;
        }

        .social-icons.si-colored-bg .social-vimeo .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-vimeo .social-icons-link:hover {
                background-color: #35c6ea;
        }

        .social-icons.si-colored-bg .social-myspace .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-myspace .social-icons-link:hover {
                background-color: #008dde;
        }

        .social-icons.si-colored-bg .social-stumbleupon .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-stumbleupon .social-icons-link:hover {
                background-color: #ff5c30;
        }

        .social-icons.si-colored-bg .social-lastfm .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-lastfm .social-icons-link:hover {
                background-color: #f34320;
        }

        .social-icons.si-colored-bg .social-pinterest .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-pinterest .social-icons-link:hover {
                background-color: #e13138;
        }

        .social-icons.si-colored-bg .social-google .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-google .social-icons-link:hover {
                background-color: #eb5e4c;
        }

        .social-icons.si-colored-bg .social-evernote .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-evernote .social-icons-link:hover {
                background-color: #9acf4f;
        }

        .social-icons.si-colored-bg .social-dribbble .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-dribbble .social-icons-link:hover {
                background-color: #f7659c;
        }

        .social-icons.si-colored-bg .social-skype .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-skype .social-icons-link:hover {
                background-color: #13c1f3;
        }

        .social-icons.si-colored-bg .social-forrst .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-forrst .social-icons-link:hover {
                background-color: #45ad76;
        }

        .social-icons.si-colored-bg .social-linkedin .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-linkedin .social-icons-link:hover {
                background-color: #238cc8;
        }

        .social-icons.si-colored-bg .social-wordpress .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-wordpress .social-icons-link:hover {
                background-color: #2592c3;
        }

        .social-icons.si-colored-bg .social-grooveshark .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-grooveshark .social-icons-link:hover {
                background-color: #ffb21d;
        }

        .social-icons.si-colored-bg .social-delicious .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-delicious .social-icons-link:hover {
                background-color: #377bda;
        }

        .social-icons.si-colored-bg .social-behance .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-behance .social-icons-link:hover {
                background-color: #1879fd;
        }

        .social-icons.si-colored-bg .social-dropbox .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-dropbox .social-icons-link:hover {
                background-color: #17a3eb;
        }

        .social-icons.si-colored-bg .social-soundcloud .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-soundcloud .social-icons-link:hover {
                background-color: #ff7e30;
        }

        .social-icons.si-colored-bg .social-deviantart .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-deviantart .social-icons-link:hover {
                background-color: #6a8a7b;
        }

        .social-icons.si-colored-bg .social-yahoo .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-yahoo .social-icons-link:hover {
                background-color: #ab47ac;
        }

        .social-icons.si-colored-bg .social-flickr .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-flickr .social-icons-link:hover {
                background-color: #ff48a3;
        }

        .social-icons.si-colored-bg .social-digg .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-digg .social-icons-link:hover {
                background-color: #75788d;
        }

        .social-icons.si-colored-bg .social-blogger .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-blogger .social-icons-link:hover {
                background-color: #ff9233;
        }

        .social-icons.si-colored-bg .social-tumblr .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-tumblr .social-icons-link:hover {
                background-color: #426d9b;
        }

        .social-icons.si-colored-bg .social-quora .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-quora .social-icons-link:hover {
                background-color: #ea3d23;
        }

        .social-icons.si-colored-bg .social-github .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-github .social-icons-link:hover {
                background-color: #3f91cb;
        }

        .social-icons.si-colored-bg .social-wikipedia .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-wikipedia .social-icons-link:hover {
                background-color: #b3b5b8;
        }

        .social-icons.si-colored-bg .social-amazon .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-amazon .social-icons-link:hover {
                background-color: #ff8e2e;
        }

        .social-icons.si-colored-bg .social-xing .social-icons-link,
        .social-icons.si-colored-bg-on-hover .social-xing .social-icons-link:hover {
                background-color: #1a8e8c;
        }

        .social-icons.si-colored li .social-icons-link,
        .social-icons.si-colored-on-hover li .social-icons-link:hover {
                color: #ffffff;
                border: 0;
        }

        .social-icons.si-colored .social-facebook .social-icons-link,
        .social-icons.si-colored-on-hover .social-facebook .social-icons-link:hover {
                color: #5d82d1;
        }

        .social-icons.si-colored .social-instagram .social-icons-link,
        .social-icons.si-colored-on-hover .social-instagram .social-icons-link:hover {
                color: #548bb6;
        }

        .social-icons.si-colored .social-twitter .social-icons-link,
        .social-icons.si-colored-on-hover .social-twitter .social-icons-link:hover {
                color: #40bff5;
        }

        .social-icons.si-colored .social-youtube .social-icons-link,
        .social-icons.si-colored-on-hover .social-youtube .social-icons-link:hover {
                color: #ef4e41;
        }

        .social-icons.si-colored .social-gplus .social-icons-link,
        .social-icons.si-colored-on-hover .social-gplus .social-icons-link:hover {
                color: #dd5044;
        }

        .social-icons.si-colored .social-rss .social-icons-link,
        .social-icons.si-colored-on-hover .social-rss .social-icons-link:hover {
                color: #faa33d;
        }

        .social-icons.si-colored .social-vimeo .social-icons-link,
        .social-icons.si-colored-on-hover .social-vimeo .social-icons-link:hover {
                color: #35c6ea;
        }

        .social-icons.si-colored .social-myspace .social-icons-link,
        .social-icons.si-colored-on-hover .social-myspace .social-icons-link:hover {
                color: #008dde;
        }

        .social-icons.si-colored .social-stumbleupon .social-icons-link,
        .social-icons.si-colored-on-hover .social-stumbleupon .social-icons-link:hover {
                color: #ff5c30;
        }

        .social-icons.si-colored .social-lastfm .social-icons-link,
        .social-icons.si-colored-on-hover .social-lastfm .social-icons-link:hover {
                color: #f34320;
        }

        .social-icons.si-colored .social-pinterest .social-icons-link,
        .social-icons.si-colored-on-hover .social-pinterest .social-icons-link:hover {
                color: #e13138;
        }

        .social-icons.si-colored .social-google .social-icons-link,
        .social-icons.si-colored-on-hover .social-google .social-icons-link:hover {
                color: #eb5e4c;
        }

        .social-icons.si-colored .social-evernote .social-icons-link,
        .social-icons.si-colored-on-hover .social-evernote .social-icons-link:hover {
                color: #9acf4f;
        }

        .social-icons.si-colored .social-dribbble .social-icons-link,
        .social-icons.si-colored-on-hover .social-dribbble .social-icons-link:hover {
                color: #f7659c;
        }

        .social-icons.si-colored .social-skype .social-icons-link,
        .social-icons.si-colored-on-hover .social-skype .social-icons-link:hover {
                color: #13c1f3;
        }

        .social-icons.si-colored .social-forrst .social-icons-link,
        .social-icons.si-colored-on-hover .social-forrst .social-icons-link:hover {
                color: #45ad76;
        }

        .social-icons.si-colored .social-linkedin .social-icons-link,
        .social-icons.si-colored-on-hover .social-linkedin .social-icons-link:hover {
                color: #238cc8;
        }

        .social-icons.si-colored .social-wordpress .social-icons-link,
        .social-icons.si-colored-on-hover .social-wordpress .social-icons-link:hover {
                color: #2592c3;
        }

        .social-icons.si-colored .social-grooveshark .social-icons-link,
        .social-icons.si-colored-on-hover .social-grooveshark .social-icons-link:hover {
                color: #ffb21d;
        }

        .social-icons.si-colored .social-delicious .social-icons-link,
        .social-icons.si-colored-on-hover .social-delicious .social-icons-link:hover {
                color: #377bda;
        }

        .social-icons.si-colored .social-behance .social-icons-link,
        .social-icons.si-colored-on-hover .social-behance .social-icons-link:hover {
                color: #1879fd;
        }

        .social-icons.si-colored .social-dropbox .social-icons-link,
        .social-icons.si-colored-on-hover .social-dropbox .social-icons-link:hover {
                color: #17a3eb;
        }

        .social-icons.si-colored .social-soundcloud .social-icons-link,
        .social-icons.si-colored-on-hover .social-soundcloud .social-icons-link:hover {
                color: #ff7e30;
        }

        .social-icons.si-colored .social-deviantart .social-icons-link,
        .social-icons.si-colored-on-hover .social-deviantart .social-icons-link:hover {
                color: #6a8a7b;
        }

        .social-icons.si-colored .social-yahoo .social-icons-link,
        .social-icons.si-colored-on-hover .social-yahoo .social-icons-link:hover {
                color: #ab47ac;
        }

        .social-icons.si-colored .social-flickr .social-icons-link,
        .social-icons.si-colored-on-hover .social-flickr .social-icons-link:hover {
                color: #ff48a3;
        }

        .social-icons.si-colored .social-digg .social-icons-link,
        .social-icons.si-colored-on-hover .social-digg .social-icons-link:hover {
                color: #75788d;
        }

        .social-icons.si-colored .social-blogger .social-icons-link,
        .social-icons.si-colored-on-hover .social-blogger .social-icons-link:hover {
                color: #ff9233;
        }

        .social-icons.si-colored .social-tumblr .social-icons-link,
        .social-icons.si-colored-on-hover .social-tumblr .social-icons-link:hover {
                color: #426d9b;
        }

        .social-icons.si-colored .social-quora .social-icons-link,
        .social-icons.si-colored-on-hover .social-quora .social-icons-link:hover {
                color: #ea3d23;
        }

        .social-icons.si-colored .social-github .social-icons-link,
        .social-icons.si-colored-on-hover .social-github .social-icons-link:hover {
                color: #3f91cb;
        }

        .social-icons.si-colored .social-wikipedia .social-icons-link,
        .social-icons.si-colored-on-hover .social-wikipedia .social-icons-link:hover {
                color: #b3b5b8;
        }

        .social-icons.si-colored .social-amazon .social-icons-link,
        .social-icons.si-colored-on-hover .social-amazon .social-icons-link:hover {
                color: #ff8e2e;
        }

        .social-icons.si-colored .social-xing .social-icons-link,
        .social-icons.si-colored-on-hover .social-xing .social-icons-link:hover {
                color: #1a8e8c;
        }


        /*hover effect*/

        .social-icons .social-icons-link:hover i {
                -webkit-animation: toTopFromBottom 0.3s forwards;
                -moz-animation: toTopFromBottom 0.3s forwards;
                animation: toTopFromBottom 0.3s forwards;
        }

        @-webkit-keyframes toTopFromBottom {
                49% {
                        -webkit-transform: translateY(-100%);
                }

                50% {
                        opacity: 0;
                        -webkit-transform: translateY(100%);
                }

                51% {
                        opacity: 1;
                }
        }

        @-moz-keyframes toTopFromBottom {
                49% {
                        -moz-transform: translateY(-100%);
                }

                50% {
                        opacity: 0;
                        -moz-transform: translateY(100%);
                }

                51% {
                        opacity: 1;
                }
        }

        @keyframes toTopFromBottom {
                49% {
                        transform: translateY(-100%);
                }

                50% {
                        opacity: 0;
                        transform: translateY(100%);
                }

                51% {
                        opacity: 1;
                }
        }

        h5.mb-2 {
                font-size: 18px;
        }

        .elelist h5 {
                font-size: 18px;
                padding: 0 0 20px 0;
        }

        .eleform .form-group {
                margin-bottom: 20px;
        }


        /*feature-box */

        .feature-box {
                padding: 0 0 20px 0;
                position: relative;
                /* overflow: hidden;*/
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .feature-box .feature-box-title {
                font-size: 20px;
                font-weight: 500;
                line-height: 26px;
                margin-bottom: 10px;
        }

        .feature-box .feature-box-icon {
                font-size: 50px;
                padding: 20px 0;
                line-height: 24px;
        }

        .feature-box .feature-box-desc {
                margin: 0;
        }


        /*feature box style 1*/

        .feature-box.f-style-1 {
                padding: 20px;
        }

        .feature-box.f-style-1 .feature-box-icon {
                font-size: 60px;
        }

        .feature-box.f-style-1:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                display: block;
                height: 5px;
                border-radius: 3px;
                opacity: 0;
                visibility: hidden;
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .feature-box.f-style-1:hover.f-style-1:before,
        .feature-box.f-style-1.active.f-style-1:before {
                opacity: 1;
                visibility: visible;
        }

        .feature-box.f-style-1.f-style-1:hover,
        .feature-box.f-style-1.f-style-1.active {
                box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.1);
        }


        /*feature-box style 2*/

        .feature-box.f-style-2 {
                padding: 20px;
                box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.1);
        }

        .feature-box.f-style-2 .feature-box-icon {
                font-size: 72px;
                margin-left: -30px;
                float: left;
                margin-right: 30px;
                padding-top: 10px;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .feature-box.f-style-2 .feature-box-title {
                margin-top: 20px;
        }

        .feature-box.f-style-2 a {
                display: block;
        }

        .feature-box.f-style-2 .feature-box-desc {
                clear: both;
        }

        .feature-box.f-style-2:hover {
                box-shadow: 0px 0px 80px rgba(83, 88, 93, 0.2);
        }

        .feature-box.f-style-2:hover .feature-box-icon {
                margin-left: 0px;
                margin-right: 10px;
        }


        /*feature-box style 3*/

        .feature-box.f-style-3 {
                padding: 30px;
                border: solid 2px rgba(0, 0, 0, 0.1);
                border-bottom-width: 5px;
        }

        .feature-box.f-style-3:hover {
                border-color: #ed1c24;
                box-shadow: 0px 0px 20px rgba(83, 88, 93, 0.1);
        }

        .feature-box.f-style-3 .feature-box-icon {
                font-size: 50px;
                margin-left: 0px;
                float: left;
                margin-right: 30px;
                padding: 0;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .feature-box.f-style-3 .feature-box-title {
                margin-top: 10px;
                padding-left: 80px;
        }

        .feature-box.f-style-3 a {
                display: block;
        }

        .feature-box.f-style-3 .feature-box-desc {
                padding-left: 80px;
        }


        /*feature-box style 4*/

        .feature-box.f-style-4 .feature-box-icon {
                font-size: 50px;
                margin-left: 0px;
                float: left;
                margin-right: 10px;
                padding: 0;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }

        .feature-box.f-style-4 .feature-box-title {
                margin-top: 0px;
                padding-left: 70px;
        }

        .feature-box.f-style-4 a {
                display: block;
        }

        .feature-box.f-style-4 .feature-box-desc {
                padding-left: 70px;
        }


        /*feature-box style 5*/

        .feature-box.f-style-5 {
                padding: 20px;
        }

        .feature-box.f-style-5:hover {
                box-shadow: 0 10px 40px 0 rgba(119, 135, 147, 0.15);
        }

        .feature-box.f-style-5 .feature-box-icon {
                font-size: 30px;
                padding: 20px;
                margin-left: 5px;
                margin-bottom: 20px;
                box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
                border-radius: 50%;
                display: inline-block;
        }

        @media (max-width: 991.98px) {
                .feature-box.f-style-2 .feature-box-icon {
                        margin-left: 0;
                }

                .feature-box.f-style-2 .feature-box-title {
                        clear: both;
                }
        }


        /*divider*/

        .divider {
                color: #8f9397;
                width: 100%;
                margin: 0px auto;
                overflow: hidden;
                text-align: center;
                line-height: 0em;
        }

        .divider i {
                font-size: 20px;
                margin: 0 20px 0 20px;
                display: inline-block;
                vertical-align: middle;
        }

        .divider span,
        .divider a {
                margin: 0 20px 0 20px;
                display: inline-block;
                vertical-align: middle;
        }

        .divider:before {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                content: "";
                display: inline-block;
                height: 0em;
                margin: 0 0 0 -100%;
                vertical-align: middle;
                width: 50%;
        }

        .divider:after {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                content: "";
                display: inline-block;
                height: 0;
                margin: 0 0 0 -100%;
                vertical-align: middle;
                width: 50%;
                margin: 0 -100% 0 0;
        }

        .divider-grad:before {
                height: 3px;
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        .divider-grad:after {
                height: 3px;
                background: -moz-linear-gradient(150deg, #2ab9a5 0%, #97c74e 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2ab9a5), color-stop(100%, #97c74e));
                background: -webkit-linear-gradient(150deg, #2ab9a5 0%, #97c74e 100%);
                background: -o-linear-gradient(150deg, #2ab9a5 0%, #97c74e 100%);
                background: -ms-linear-gradient(150deg, #2ab9a5 0%, #97c74e 100%);
                background: linear-gradient(150deg, #2ab9a5 0%, #97c74e 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }

        .divider-dark:before,
        .divider-dark:after {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        }

        .divider-dotted:before,
        .divider-dotted:after {
                border-bottom: 3px dotted rgba(0, 0, 0, 0.1);
        }

        .divider-bold:before,
        .divider-bold:after {
                border-bottom-width: 5px;
        }

        .divider-small {
                width: 10%;
                margin: 5px auto;
        }

        .divider-medium {
                width: 20%;
                margin: 10px auto;
        }

        .divider-large {
                width: 60%;
                margin: 10px auto;
        }

        @media (max-width: 991.98px) {
                .innerpage-banner.left .breadcrumb {
                        top: 100%;
                        margin: 0;
                        left: 15px;
                }
        }


        /* 
        =========================================
        Blog List Home page
        =========================================
        */

        .Blog-list {
                background: #f8f9fa !important;
                clear: both;
        }

        .card-body h5 a {
                padding: 0 0 0 0;
                font-size: 17px;
                font-weight: 600;
                letter-spacing: 1.8px;
        }

        a.btn-link {
                color: #222;
                font-weight: bold;
                font-size: 14px;
        }

        a.btn-link i {
                position: relative;
                top: 1px;
        }

        a.btn-link:hover {
                text-decoration: none;
                color: #ed1c24;
        }

        a.blist:hover {
                color: #ed1c24;
        }

        p.subtitle {
                /* color: #5bc9e2 !important; */
                font-size: 12px;
        }

        .Blog-list .shadow {
                transition: .4s;
                transform: scale(1);
        }

        .Blog-list .shadow:hover {
                transform: translateY(-6px);
                box-shadow: none;
        }


        /*--------------------------------------------------------------
        blog-single-section
        --------------------------------------------------------------*/

        .blog-single-section .entry-meta {
                list-style: none;
                overflow: hidden;
                margin: 35px 0;
        }

        @media (max-width: 767px) {
                .blog-single-section .entry-meta {
                        margin: 25px 0;
                }
        }

        .blog-single-section .entry-meta li {
                float: left;
                font-size: 14px;
                font-size: 0.875rem;
        }

        @media (max-width: 767px) {
                .blog-single-section .entry-meta li {
                        font-size: 13px;
                        font-size: 0.8125rem;
                }
        }

        @media (max-width: 767px) {
                .blog-single-section .entry-meta li {
                        float: none;
                }
        }

        .blog-single-section .entry-meta li i {
                display: inline-block;
                padding-right: 7px;
        }

        .blog-single-section .entry-meta>li+li {
                margin-left: 20px;
                padding-left: 20px;
                position: relative;
        }

        @media (max-width: 767px) {
                .blog-single-section .entry-meta>li+li {
                        margin-left: 13px;
                        padding-left: 13px;
                }
        }

        @media (max-width: 767px) {
                .blog-single-section .entry-meta>li+li {
                        margin: 3px 0 0;
                        padding: 3px 0 0;
                }
        }

        .blog-single-section .entry-meta li a {
                color: #797979;
        }

        .blog-single-section .entry-meta li a:hover {
                color: #0062cc;
        }

        .blog-single-section .entry-meta>li:last-child i {
                position: relative;
                top: 2px;
        }

        .blog-single-section .post h2 {
                font-size: 30px;
                font-size: 1.875rem;
                font-weight: 500;
                margin: -0.22em 0 0.7em;
                line-height: 1.3em;
        }

        @media (max-width: 991px) {
                .blog-single-section .post h2 {
                        font-size: 28px;
                        font-size: 1.75rem;
                }
        }

        @media (max-width: 767px) {
                .blog-single-section .post h2 {
                        font-size: 25px;
                        font-size: 1.5625rem;
                }
        }

        .blog-single-section .post p {
                font-size: 15px;
                font-size: 1rem;
                margin-bottom: 1.5em;
                line-height: 26px;
        }

        @media (max-width: 991px) {
                .blog-single-section .post p {
                        font-size: 15px;
                        font-size: 0.9375rem;
                }
        }

        .blog-single-section .post h3 {
                font-size: 24px;
                font-size: 1.5rem;
                font-weight: 500;
                line-height: 1.3em;
                margin: 1.8em 0 1em;
        }

        @media (max-width: 991px) {
                .blog-single-section .post h3 {
                        font-size: 22px;
                        font-size: 1.375rem;
                }
        }

        @media (max-width: 767px) {
                .blog-single-section .post h3 {
                        font-size: 20px;
                        font-size: 1.25rem;
                }
        }

        .blog-single-section .post blockquote {
                background-color: #0062cc;
                color: #fff;
                line-height: 1.6em;
                padding: 120px 45px 65px;
                margin-top: 60px;
                border: 0;
                position: relative;
        }

        @media (max-width: 767px) {
                .blog-single-section .post blockquote {
                        padding: 55px 25px;
                }
        }

        .blog-single-section .post blockquote:before {
                content: "";
                background: url("../images/quote-2.png") center center/auto no-repeat local;
                width: 62px;
                height: 44px;
                position: absolute;
                left: 45px;
                top: 40px;
        }

        @media (max-width: 767px) {
                .blog-single-section .post blockquote:before {
                        display: none;
                }
        }

        .blog-single-section .post blockquote .quoter {
                font-size: 14px;
                font-size: 0.875rem;
                display: block;
                margin-top: 15px;
        }

        .blog-single-section .tag-share {
                border: 1px solid #f1f1f1;
                padding: 25px 25px 35px;
                margin: 55px 0 0;
                color: #333;
                font-weight: 500;
                -webkit-box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
                box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
        }

        .blog-single-section .tag-share ul {
                list-style: none;
                display: inline-block;
                overflow: hidden;
        }

        .blog-single-section .tag-share ul li {
                float: left;
        }

        @media (max-width: 767px) {
                .blog-single-section .tag-share ul li {
                        margin: 2px;
                }
        }

        .blog-single-section .tag-share ul>li+li {
                margin-left: 10px;
        }

        @media (max-width: 767px) {
                .blog-single-section .tag-share ul>li+li {
                        margin: 2px;
                }
        }

        .blog-single-section .tag-share .tag ul {
                list-style: none;
                position: relative;
                top: 8px;
                left: 8px;
        }

        .blog-single-section .tag-share .tag a {
                font-size: 14px;
                font-size: 0.875rem;
                font-weight: normal;
                color: #627381;
                display: block;
        }

        @media (max-width: 767px) {
                .blog-single-section .tag-share .tag a {
                        font-size: 13px;
                        font-size: 0.8125rem;
                }
        }

        .blog-single-section .tag-share .tag a:hover {
                color: #ED1C24;
        }

        .blog-single-section .tag-share .share {
                margin-top: 15px;
        }

        .blog-single-section .tag-share .share ul {
                position: relative;
                top: 15px;
                left: 8px;
        }

        .blog-single-section .tag-share .share ul>li+li {
                margin-left: 10px;
        }

        @media (max-width: 767px) {
                .blog-single-section .tag-share .share ul>li+li {
                        margin-left: 8px;
                }
        }

        @media (max-width: 767px) {
                .blog-single-section .tag-share .share ul>li {
                        margin: 5px;
                }
        }

        .blog-single-section .tag-share .share a {
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                border: 1px solid #eae6e6;
                border-radius: 50%;
                display: inline-block;
                font-size: 16px;
                font-size: 1rem;
                color: #627381;
        }

        @media (max-width: 767px) {
                .blog-single-section .tag-share .share a {
                        font-size: 13px;
                        font-size: 0.8125rem;
                }
        }

        .blog-single-section .tag-share .share a:hover {
                background: #0062cc;
                border-color: #0062cc;
                color: #fff !important;
        }

        .blog-single-section .tag-share .share ul>li:first-child a {
                color: #3c5ba4;
        }

        .blog-single-section .tag-share .share ul>li:nth-child(2) a {
                color: #47a0d9;
        }

        .blog-single-section .tag-share .share ul>li:nth-child(3) a {
                color: #0073b1;
        }

        .blog-single-section .tag-share .share ul>li:nth-child(4) a {
                color: #933f94;
        }

        .blog-single-section .author-box {
                padding: 35px 40px 25px;
                margin: 25px 0;
                border: 1px solid #f1f1f1;
                -webkit-box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
                box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
        }

        @media (max-width: 991px) {
                .blog-single-section .author-box {
                        padding: 35px 40px;
                }
        }

        @media (max-width: 767px) {
                .blog-single-section .author-box {
                        padding: 25px;
                }
        }

        .blog-single-section .author-box .author-avatar {
                float: left;
        }

        @media (max-width: 767px) {
                .blog-single-section .author-box .author-avatar {
                        float: none;
                }
        }

        .blog-single-section .author-box .author-content {
                display: block;
                overflow: hidden;
                padding-left: 25px;
        }

        @media (max-width: 767px) {
                .blog-single-section .author-box .author-content {
                        padding: 0;
                        margin: 15px 0 0 0;
                }
        }

        .blog-single-section .author-box .author-content p {
                font-size: 15px;
                font-size: 0.9375rem;
                color: #949494;
                margin-bottom: 20px;
        }

        .blog-single-section .author-box .author-name {
                font-size: 18px;
                font-size: 1.125rem;
                font-weight: 500;
                display: inline-block;
                margin-bottom: 10px;
                color: #333;
        }

        .blog-single-section .author-box .social-link {
                display: inline-block;
                list-style: none;
        }

        .blog-single-section .author-box .social-link li {
                float: left;
                margin-right: 15px;
        }

        .blog-single-section .author-box .social-link a {
                display: block;
                font-size: 15px;
                font-size: 0.9375rem;
                color: #333;
        }

        .blog-single-section .author-box .social-link a:hover {
                color: #ED1C24;
        }

        .blog-single-section .more-posts {
                overflow: hidden;
                border: 1px solid #f1f1f1;
                -webkit-box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
                box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
        }

        .blog-single-section .more-posts>div {
                width: 50%;
                float: left;
        }

        .blog-single-section .more-posts>div>a {
                display: inline-block;
        }

        .blog-single-section .more-posts .previous-post,
        .blog-single-section .more-posts .next-post {
                font-size: 18px;
                font-size: 1.125rem;
                color: #939ba2;
                padding: 30px;
        }

        @media (max-width: 767px) {

                .blog-single-section .more-posts .previous-post,
                .blog-single-section .more-posts .next-post {
                        padding: 20px;
                        font-size: 16px;
                        font-size: 1rem;
                }
        }

        @media (max-width: 450px) {

                .blog-single-section .more-posts .previous-post,
                .blog-single-section .more-posts .next-post {
                        font-size: 14px;
                        font-size: 0.875rem;
                }
        }

        .blog-single-section .more-posts .previous-post i,
        .blog-single-section .more-posts .next-post i {
                position: relative;
                top: 2px;
        }

        @media (max-width: 450px) {

                .blog-single-section .more-posts .previous-post i,
                .blog-single-section .more-posts .next-post i {
                        display: none;
                }
        }

        .blog-single-section .more-posts .next-post {
                text-align: right;
                border-left: 1px solid #e8e8e8;
        }

        .blog-single-section .more-posts .previous-post>a>span,
        .blog-single-section .more-posts .next-post>a>span {
                display: block;
        }

        .blog-single-section .more-posts .post-control-link {
                color: #939ba2;
                font-weight: 500;
        }

        .blog-single-section .more-posts .next-post i {
                left: 2px;
        }

        .blog-single-section .more-posts a:hover .post-control-link {
                color: #0062cc;
        }

        .blog-single-section .comments-area {
                margin-top: 70px;
        }

        .blog-single-section .comments-area .comments {
                -webkit-box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
                box-shadow: 0px 9px 32.8px 7.2px rgba(0, 0, 0, 0.03);
                border-bottom: 0;
        }

        .blog-single-section .comments-area li>div {
                border-bottom: 1px solid #f1f1f1;
                padding: 35px;
        }

        @media (max-width: 991px) {
                .blog-single-section .comments-area li>div {
                        padding: 35px 25px;
                }
        }

        .blog-single-section .comments-area ol {
                list-style-type: none;
                padding-left: 0;
        }

        .blog-single-section .comments-area ol ul {
                padding-left: 30px;
                list-style-type: none;
        }

        .blog-single-section .comments-area ol>li:last-child div {
                border-bottom: 0;
        }

        .blog-single-section .comments-area .comments-title {
                font-size: 22px;
                font-size: 1.375rem;
                font-weight: 500;
                margin: 0 0 1.5em;
        }

        @media (max-width: 991px) {
                .blog-single-section .comments-area .comments-title {
                        font-size: 20px;
                        font-size: 1.25rem;
                }
        }

        .blog-single-section .comments-area li>div {
                position: relative;
        }

        .blog-single-section .comments-area .comment-theme {
                position: absolute;
                left: 35px;
        }

        @media (max-width: 767px) {
                .blog-single-section .comments-area .comment-theme {
                        position: static;
                }
        }

        .blog-single-section .comments-area .comment-main-area {
                padding-left: 100px;
        }

        @media (max-width: 767px) {
                .blog-single-section .comments-area .comment-main-area {
                        padding-left: 0;
                        margin-top: 25px;
                }
        }

        .blog-single-section .comments-area .comment-main-area p {
                font-size: 15px;
                font-size: 0.9375rem;
                margin-bottom: 20px;
        }

        .blog-single-section .comments-area .comments-meta h4 {
                font-size: 16px;
                font-size: 1rem;
                font-weight: 500;
                margin: 0 0 1em;
        }

        .blog-single-section .comments-area .comments-meta h4 span {
                font-weight: normal;
                color: #949494;
                text-transform: none;
                display: inline-block;
                padding-left: 5px;
                font-size: 14px;
                font-size: 0.875rem;
        }

        @media (max-width: 767px) {
                .blog-single-section .comments-area .comments-meta h4 span {
                        padding-left: 0;
                }
        }

        .blog-single-section .comments-area .comment-reply-link {
                background: #0062cc;
                font-size: 14px;
                font-size: 0.875rem;
                font-weight: 600;
                color: #fff;
                display: inline-block;
                padding: 4px 14px;
                display: inline-block;
        }

        .blog-single-section .comments-area .comment-reply-link:hover {
                background-color: #0062cc;
        }

        .blog-single-section .comment-respond {
                margin-top: 70px;
        }

        .blog-single-section .comment-respond .comment-reply-title {
                font-size: 22px;
                font-size: 1.375rem;
                margin: 0 0 1.5em;
        }

        @media (max-width: 991px) {
                .blog-single-section .comment-respond .comment-reply-title {
                        font-size: 20px;
                        font-size: 1.25rem;
                }
        }

        .blog-single-section .comment-respond form input,
        .blog-single-section .comment-respond form textarea {
                background-color: #fdfdfd;
                width: 100%;
                height: 50px;
                border: 2px solid #f1f1f1;
                padding: 6px 15px;
                margin-bottom: 15px;
                outline: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -ms-transition: all 0.3s;
                transition: all 0.3s;
                font-size: 15px;
                font-size: 0.9375rem;
        }

        .blog-single-section .comment-respond form input:focus,
        .blog-single-section .comment-respond form textarea:focus {
                -webkit-box-shadow: none;
                box-shadow: none;
                border-color: #0062cc;
        }

        @media (max-width: 991px) {

                .blog-single-section .comment-respond form input,
                .blog-single-section .comment-respond form textarea {
                        height: 40px;
                }
        }

        .blog-single-section .comment-respond form textarea {
                height: 220px;
                padding: 15px;
        }

        @media (max-width: 991px) {
                .blog-single-section .comment-respond form textarea {
                        height: 150px;
                }
        }

        .blog-single-section .comment-respond .form-inputs {
                overflow: hidden;
        }

        .blog-single-section .comment-respond .form-inputs>input:nth-child(2) {
                width: 49%;
                float: left;
        }

        @media (max-width: 767px) {
                .blog-single-section .comment-respond .form-inputs>input:nth-child(2) {
                        width: 100%;
                        float: none;
                }
        }

        .blog-single-section .comment-respond .form-inputs>input:nth-child(3) {
                width: 49%;
                float: right;
        }

        @media (max-width: 767px) {
                .blog-single-section .comment-respond .form-inputs>input:nth-child(3) {
                        width: 100%;
                        float: none;
                }
        }

        .blog-single-section .comment-respond .form-submit input {
                max-width: 180px;
                background-color: #0062cc;
                color: #fff;
                font-weight: 500;
                margin-bottom: 0;
                border: 0;
                outline: 0;
                text-transform: uppercase;
        }

        .blog-single-section .comment-respond .form-submit input:hover {
                background-color: #313131;
        }

        @media screen and (min-width: 1200px) {
                .blog-single-left-sidebar-section .blog-sidebar {
                        padding-right: 45px;
                        padding-left: 0;
                }
        }


        /*------------------------------------
        blog sidebar
        ------------------------------------*/

        .blog-sidebar {
                /*** search-widget ***/
                /*** category-widget ***/
                /*** recent-post-widget ***/
                /*** tag-widget ***/
        }

        @media screen and (min-width: 1200px) {
                .blog-sidebar {
                        padding-left: 10px;
                }
        }

        @media (max-width: 991px) {
                .blog-sidebar {
                        margin-top: 80px;
                }
        }

        @media (max-width: 767px) {
                .blog-sidebar {
                        margin-top: 60px;
                }
        }

        .blog-sidebar .widget {
                -webkit-box-shadow: 0px 9px 57px 0px rgba(0, 0, 0, 0.13);
                box-shadow: 0px 9px 57px 0px rgba(0, 0, 0, 0.13);
                padding: 35px 25px;
        }

        .blog-sidebar .widget h3 {
                font-size: 16px;
                font-size: 1rem;
                border-bottom: 1px solid #f1f1f1;
                margin: 0 0 1.3em;
                padding-bottom: 0.5em;
                position: relative;
                text-transform: capitalize;
        }

        .blog-sidebar>.widget+.widget {
                margin-top: 25px;
        }

        .blog-sidebar .search-widget form div {
                position: relative;
        }

        .blog-sidebar .search-widget input {
                background-color: #f8f8f8;
                height: 50px;
                font-size: 15px;
                font-size: 0.9375rem;
                padding: 6px 50px 6px 20px;
                border: 0;
                border-radius: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -ms-transition: all 0.3s;
                transition: all 0.3s;
        }

        .blog-sidebar .search-widget input:focus {
                background-color: rgba(148, 219, 64, 0.1);
        }

        .blog-sidebar .search-widget form button {
                background: transparent;
                font-size: 20px;
                font-size: 1.25rem;
                color: #ED1C24;
                border: 0;
                outline: 0;
                position: absolute;
                right: 10px;
                top: 55%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        }

        .blog-sidebar .category-widget ul {
                list-style: none;
        }

        .blog-sidebar .category-widget ul li {
                font-size: 15px;
                font-size: 0.9375rem;
                padding-left: 20px;
                position: relative;
        }

        @media (max-width: 767px) {
                .blog-sidebar .category-widget ul li {
                        font-size: 14px;
                        font-size: 0.875rem;
                }
        }

        .blog-sidebar .category-widget ul li span {
                position: absolute;
                right: 0;
        }

        .blog-sidebar .category-widget ul li:before {
                content: "";
                background: #797979;
                width: 6px;
                height: 6px;
                border-radius: 6px;
                font-size: 10px;
                position: absolute;
                left: 0;
                top: 7px;
        }

        .blog-sidebar .category-widget ul li:hover:before {
                background: #ED1C24;
        }

        .blog-sidebar .category-widget ul>li+li {
                margin-top: 15px;
        }

        .blog-sidebar .category-widget ul a {
                display: block;
                color: #666;
        }

        .blog-sidebar .category-widget ul a:hover,
        .blog-sidebar .category-widget ul li:hover:before {
                color: #ED1C24;
        }

        .blog-sidebar .recent-post-widget .post {
                overflow: hidden;
        }

        .blog-sidebar .recent-post-widget .posts>.post+.post {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #f1f1f1;
        }

        .blog-sidebar .recent-post-widget .post .img-holder {
                width: 70px;
                float: left;
        }

        .blog-sidebar .recent-post-widget .post .img-holder img {
                border-radius: 50%;
        }

        .blog-sidebar .recent-post-widget .post .details {
                width: calc(100% - 70px);
                float: left;
                padding-left: 25px;
        }

        .blog-sidebar .recent-post-widget .post h4 {
                font-size: 15px;
                font-size: 0.9375rem;
                font-weight: normal;
                line-height: 1.3em;
                margin: 0 0 0.2em;
        }

        @media (max-width: 1199px) {
                .blog-sidebar .recent-post-widget .post h4 {
                        margin: 0;
                }
        }

        .blog-sidebar .recent-post-widget .post h4 a {
                display: inline-block;
                color: #333;
        }

        .blog-sidebar .recent-post-widget .post h4 a:hover {
                color: #ED1C24;
        }

        .blog-sidebar .recent-post-widget .post .details .date {
                font-size: 13px;
                font-size: 0.8125rem;
                color: #8e9696;
        }

        .blog-sidebar .tag-widget ul {
                overflow: hidden;
                list-style: none;
        }

        .blog-sidebar .tag-widget ul li {
                float: left;
                margin: 0 8px 8px 0;
        }

        .blog-sidebar .tag-widget ul li a {
                background: #f3f3f3;
                font-size: 13px;
                font-size: 0.8125rem;
                display: inline-block;
                padding: 5px 14px;
                color: #8e9696;
                border-radius: 0;
        }

        .blog-sidebar .tag-widget ul li a:hover {
                background: #ED1C24;
                color: #fff;
        }


        /* =======================================
        32. Coming Soon Area
        ======================================= */

        .coming-soon {
                background-image: url(../images/cm-bg.jpg);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                height: 1000px;
                position: relative;
        }

        .coming-soon:before {
                position: absolute;
                content: '';
                background: rgba(0, 0, 0, 0.8);
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
        }

        .coming-soon .cm-table {
                display: table;
                width: 100%;
                height: 100%;
        }

        .coming-soon .cm-table .cm-tablecell {
                display: table-cell;
                vertical-align: middle;
        }

        .coming-soon .cm-table .cm-tablecell .cm-top h1 {
                font-size: 60px;
                color: #dddddd;
                margin-bottom: 70px;
        }

        .coming-soon .cm-table .cm-tablecell .countdown-timer {
                margin-bottom: 65px;
        }

        .coming-soon .cm-table .cm-tablecell .countdown-timer #timer-wrapper .timer-body-block .table-cell {
                display: inline-block;
                padding: 0 45px;
                border-right: 1px solid #444444;
        }

        .coming-soon .cm-table .cm-tablecell .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-val {
                font-size: 72px;
                color: #ed1c24;
                font-weight: 600;
                margin-top: -23px;
                margin-bottom: -10px;
        }

        .coming-soon .cm-table .cm-tablecell .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-unit {
                font-size: 15px;
                color: #567ed2;
                font-weight: 600;
                text-transform: uppercase;
                margin-bottom: -6px;
        }

        .coming-soon .cm-table .cm-tablecell .countdown-timer #timer-wrapper .timer-body-block .table-cell:last-child {
                border-right: none;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm p {
                font-size: 20px;
                color: #8D8E92;
                letter-spacing: 1px;
                margin-bottom: 30px;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form {
                width: 400px;
                margin: auto;
                margin-bottom: 50px;
                position: relative;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form input {
                width: 100%;
                height: 45px;
                font-size: 15px;
                color: #fff;
                background: transparent;
                border: 1px solid #8D8E92;
                border-radius: 25px;
                padding-left: 20px;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form input.placeholder {
                font-size: 15px;
                font-style: italic;
                color: #666666;
                font-weight: 600;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form input:-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #666666;
                font-weight: 600;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form input::-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #666666;
                font-weight: 600;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form input:-ms-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #666666;
                font-weight: 600;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form input::-webkit-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #666666;
                font-weight: 600;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form input:focus {
                border-color: #ed1c24;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm form button {
                position: absolute;
                width: 50px;
                height: 100%;
                top: 0;
                right: 0;
                font-size: 20px;
                color: #ed1c24;
                border: none;
                background: transparent;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm ul li a {
                font-size: 15px;
                color: #8D8E92;
                width: 40px;
                height: 40px;
                display: inline-block;
                border: 1px solid #555555;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                padding-top: 8px;
        }

        .coming-soon .cm-table .cm-tablecell .cm-btm ul li a:hover {
                color: #e5e5e5;
                background: #567ed2;
                border-color: #567ed2;
        }


        /* =======================================
        25. Error Area
        ======================================= */

        .error-area {
                background-image: url(../images/error-bg.jpg);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                padding: 100px 0 145px;
                position: relative;
        }

        .error-area:before {
                position: absolute;
                content: '';
                background: rgba(0, 0, 0, 0.8);
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
        }

        .error-area .error-box h1 {
                font-size: 256px;
                color: #ed1c24;
                font-weight: 600;
                margin-bottom: -30px;
        }

        .error-area .error-box h4 {
                color: #e5e5e5;
                font-weight: 600;
                margin-bottom: 20px;
        }

        .error-area .error-box p {
                font-size: 18px;
                color: #8D8E92;
                font-weight: 600;
                margin-bottom: 35px;
        }

        .error-area .error-box a {
                font-size: 15px;
                color: #ed1c24;
                background: transparent;
                display: block;
                text-align: center;
                width: 200px;
                padding: 12px;
                border: 1px solid #ed1c24;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
                font-weight: 600;
                position: relative;
                z-index: 1;
                overflow: hidden;
                margin: auto;
        }

        .error-area .error-box a:before {
                position: absolute;
                content: "";
                background: #ed1c24;
                bottom: 0;
                left: 0;
                width: 0;
                height: 100%;
                z-index: -1;
                -webkit-transition: 0.4s ease;
                -moz-transition: 0.4s ease;
                -ms-transition: 0.4s ease;
                -o-transition: 0.4s ease;
                transition: 0.4s ease;
        }

        .error-area .error-box a i {
                margin-right: 5px;
        }

        .error-area .error-box a:hover {
                color: #fff;
        }

        .error-area .error-box a:hover:before {
                width: 100%;
        }

        .error-area .error-hp {
                margin-top: 36%;
        }

        .error-area .error-hp h5 {
                color: #dddddd;
                font-weight: 600;
                margin-bottom: 15px;
        }

        .error-area .error-hp ul li {
                margin-bottom: 10px;
        }

        .error-area .error-hp ul li a {
                font-size: 15px;
                color: #8D8E92;
                font-weight: 600;
        }

        .error-area .error-hp ul li a i {
                color: #ed1c24;
                margin-right: 8px;
        }

        .error-area .error-hp ul li a:hover {
                color: #567ed2;
        }

        .error-area .error-hp ul li a:hover i {
                color: #567ed2;
        }

        .error-area .error-hp ul:first-child {
                margin-right: 40px;
        }


        /* =======================================
        31. Registration Area
        ======================================= */

        .registration {
                padding: 100px 0;
        }

        .registration .registration-box {
                width: 500px;
                margin: auto;
                -webkit-box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
                box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                -ms-border-radius: 6px;
                border-radius: 6px;
                border-top: 3px solid #ed1c24;
                padding: 45px 50px;
        }

        .registration .registration-box .reg-top {
                margin-bottom: 30px;
        }

        .registration .registration-box .reg-top h3 {
                color: #444444;
                font-weight: 600;
                margin-bottom: 6px;
        }

        .registration .registration-box .reg-top p {
                font-size: 15px;
                color: #666666;
        }

        .registration .registration-box form.reg-form div.name,
        .registration .registration-box form.reg-form div.srname,
        .registration .registration-box form.reg-form div.email,
        .registration .registration-box form.reg-form div.password {
                margin-bottom: 20px;
        }

        .registration .registration-box form.reg-form div.name label,
        .registration .registration-box form.reg-form div.srname label,
        .registration .registration-box form.reg-form div.email label,
        .registration .registration-box form.reg-form div.password label {
                font-size: 16px;
                color: #444444;
                font-weight: 600;
                display: block;
        }

        .registration .registration-box form.reg-form div.name input,
        .registration .registration-box form.reg-form div.srname input,
        .registration .registration-box form.reg-form div.email input,
        .registration .registration-box form.reg-form div.password input {
                display: block;
                width: 100%;
                border: none;
                border-bottom: 1px solid #e5e5e5;
                padding: 8px 0;
        }

        .registration .registration-box form.reg-form div.name input.placeholder,
        .registration .registration-box form.reg-form div.srname input.placeholder,
        .registration .registration-box form.reg-form div.email input.placeholder,
        .registration .registration-box form.reg-form div.password input.placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .registration .registration-box form.reg-form div.name input:-moz-placeholder,
        .registration .registration-box form.reg-form div.srname input:-moz-placeholder,
        .registration .registration-box form.reg-form div.email input:-moz-placeholder,
        .registration .registration-box form.reg-form div.password input:-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .registration .registration-box form.reg-form div.name input::-moz-placeholder,
        .registration .registration-box form.reg-form div.srname input::-moz-placeholder,
        .registration .registration-box form.reg-form div.email input::-moz-placeholder,
        .registration .registration-box form.reg-form div.password input::-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .registration .registration-box form.reg-form div.name input:-ms-input-placeholder,
        .registration .registration-box form.reg-form div.srname input:-ms-input-placeholder,
        .registration .registration-box form.reg-form div.email input:-ms-input-placeholder,
        .registration .registration-box form.reg-form div.password input:-ms-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .registration .registration-box form.reg-form div.name input::-webkit-input-placeholder,
        .registration .registration-box form.reg-form div.srname input::-webkit-input-placeholder,
        .registration .registration-box form.reg-form div.email input::-webkit-input-placeholder,
        .registration .registration-box form.reg-form div.password input::-webkit-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .registration .registration-box form.reg-form div.name input:focus,
        .registration .registration-box form.reg-form div.srname input:focus,
        .registration .registration-box form.reg-form div.email input:focus,
        .registration .registration-box form.reg-form div.password input:focus {
                border-color: #567ed2;
        }

        .registration .registration-box form.reg-form div.chqbox {
                margin-top: 10px;
        }

        .registration .registration-box form.reg-form div.chqbox input {
                width: 15px;
                height: 15px;
                margin-right: 5px;
                vertical-align: sub;
                cursor: pointer;
        }

        .registration .registration-box form.reg-form div.chqbox label {
                font-size: 15px;
                color: #666666;
                cursor: pointer;
        }

        .registration .registration-box form.reg-form div.chqbox label span {
                color: #ed1c24;
        }

        .registration .registration-box form.reg-form div.chqbox2 {
                margin-top: 0;
        }

        .registration .registration-box form.reg-form button {
                font-size: 15px;
                color: #fff;
                background: #ed1c24;
                display: block;
                width: 100%;
                height: 48px;
                font-weight: 600;
                border: none;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
                margin-top: 35px;
                margin-bottom: 25px;
                position: relative;
                z-index: 1;
                overflow: hidden;
        }

        .registration .registration-box form.reg-form button:before {
                position: absolute;
                content: "";
                background: #567ed2;
                bottom: 0;
                left: 0;
                width: 0;
                height: 100%;
                z-index: -1;
                -webkit-transition: 0.4s ease;
                -moz-transition: 0.4s ease;
                -ms-transition: 0.4s ease;
                -o-transition: 0.4s ease;
                transition: 0.4s ease;
        }

        .registration .registration-box form.reg-form button:hover:before {
                width: 100%;
        }

        .registration .registration-box .login-btm p {
                font-size: 15px;
                color: #969696;
        }

        .registration .registration-box .login-btm p a {
                color: #567ed2;
                font-weight: 600;
                margin-left: 8px;
        }


        /* =======================================
        30. Log In Area
        ======================================= */

        .login-area {
                padding: 80px 0 60px 0;
        }

        .login-area .login-box {
                max-width: 600px;
                width: 100%;
                margin: auto;
                -webkit-box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
                box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                -ms-border-radius: 6px;
                border-radius: 6px;
                border-top: 3px solid #ed1c24;
                padding: 45px 50px;
                margin-top: 50px;
        }

        .login-area .login-box .login-top {
                margin-bottom: 30px;
        }

        .login-area .login-box .login-top h3 {
                color: #444444;
                font-weight: 600;
                margin-bottom: 0;
                font-size: 18px;
        }

        .login-area .login-box .login-top p {
                font-size: 15px;
                color: #666666;
        }

        .login-area .login-box form.login-form div.email,
        .login-area .login-box form.login-form div.password {
                margin-bottom: 20px;
        }

        .login-area .login-box form.login-form div.email label,
        .login-area .login-box form.login-form div.password label {
                font-size: 16px;
                color: #444444;
                font-weight: 600;
                display: block;
        }

        .login-area .login-box form.login-form div.email input,
        .login-area .login-box form.login-form div.password input {
                display: block;
                width: 100%;
                border: none;
                border-bottom: 1px solid #e5e5e5;
                padding: 10px 0;
        }

        .login-area .login-box form.login-form div.email input.placeholder,
        .login-area .login-box form.login-form div.password input.placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .login-area .login-box form.login-form div.email input:-moz-placeholder,
        .login-area .login-box form.login-form div.password input:-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .login-area .login-box form.login-form div.email input::-moz-placeholder,
        .login-area .login-box form.login-form div.password input::-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .login-area .login-box form.login-form div.email input:-ms-input-placeholder,
        .login-area .login-box form.login-form div.password input:-ms-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .login-area .login-box form.login-form div.email input::-webkit-input-placeholder,
        .login-area .login-box form.login-form div.password input::-webkit-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .login-area .login-box form.login-form div.email input:focus,
        .login-area .login-box form.login-form div.password input:focus {
                border-color: #567ed2;
        }

        .login-area .login-box form.login-form div.chqbox input {
                width: 15px;
                height: 15px;
                margin-right: 5px;
                vertical-align: sub;
                cursor: pointer;
        }

        .login-area .login-box form.login-form div.chqbox label {
                font-size: 15px;
                color: #666666;
                cursor: pointer;
        }

        .login-area .login-box form.login-form div.forget-btn a {
                font-size: 15px;
                color: #567ed2;
        }

        .login-area .login-box form.login-form div.forget-btn a:hover {
                color: #ed1c24;
        }

        .login-area .login-box form.login-form button {
                font-size: 15px;
                color: #fff;
                background: #ed1c24;
                display: block;
                width: 100%;
                height: 48px;
                font-weight: 600;
                border: none;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
                margin-top: 30px;
                margin-bottom: 38px;
                position: relative;
                z-index: 1;
                overflow: hidden;
        }

        .login-area .login-box form.login-form button:before {
                position: absolute;
                content: "";
                background: #cd1b22;
                bottom: 0;
                left: 0;
                width: 0;
                height: 100%;
                z-index: -1;
                -webkit-transition: 0.4s ease;
                -moz-transition: 0.4s ease;
                -ms-transition: 0.4s ease;
                -o-transition: 0.4s ease;
                transition: 0.4s ease;
        }

        .login-area .login-box form.login-form button:hover:before {
                width: 100%;
        }

        .login-area .login-box .login-btm p {
                font-size: 15px;
                color: #969696;
                margin-bottom: 38px;
        }

        .login-area .login-box .login-btm ul li a {
                font-size: 16px;
                color: #fff;
                display: inline-block;
                width: 100px;
                padding: 10px;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
        }

        .login-area .login-box .login-btm ul li:nth-child(1) a {
                background: #db4437;
        }

        .login-area .login-box .login-btm ul li:nth-child(2) a {
                background: #3b5998;
        }

        .login-area .login-box .login-btm ul li:nth-child(3) a {
                background: #1da1f2;
        }


        /* =======================================
        24. Faq Area
        ======================================= */

        .faq-area {
                padding: 93px 0 80px;
        }

        .faq-area .faq-box .card {
                border: none;
                border-bottom: 1px solid #eeeeee;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                -ms-border-radius: 0px;
                border-radius: 0px;
                margin-bottom: 20px;
        }

        .faq-area .faq-box .card .card-header {
                border: none;
                background: transparent;
                padding: 0;
        }

        .faq-area .faq-box .card .card-header a {
                padding-bottom: 16px;
        }

        .faq-area .faq-box .card .card-header a span {
                font-size: 18px;
                color: #444444;
                font-weight: 600;
        }

        .faq-area .faq-box .card .card-header a i {
                font-size: 15px;
                color: #ed1c24;
                margin-top: 10px;
        }

        .faq-area .faq-box .card .card-header a[aria-expanded="true"] .la-plus:before {
                content: "\f28e";
        }

        .faq-area .faq-box .card .card-body {
                padding: 0;
                padding-left: 23px;
        }

        .faq-area .faq-box .card .card-body p {
                font-size: 16px;
                color: #969696;
                line-height: 28px;
                margin-bottom: 20px;
        }


        /* =======================================
        33. Contact Area
        ======================================= */

        .contact-area {
                padding: 80px 0;
        }

        .contact-area .get-in-touch .sec-title {
                margin-bottom: 30px;
        }

        .contact-area .get-in-touch .sec-title h3 {
                color: #444444;
                font-weight: 600;
                margin-bottom: 6px;
        }

        .contact-area .get-in-touch .sec-title p {
                font-size: 15px;
                color: #666666;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div {
                margin-bottom: 30px;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div label {
                font-size: 16px;
                color: #444444;
                font-weight: 600;
                display: block;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p input {
                display: block;
                width: 100%;
                border: none;
                border-bottom: 1px solid #e5e5e5;
                padding: 8px 0;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p input.placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p input:-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p input::-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p input:-ms-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p input::-webkit-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p input:focus {
                border-color: #ed1c24;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p textarea {
                display: block;
                width: 100%;
                height: 120px;
                border: none;
                border-bottom: 1px solid #e5e5e5;
                padding: 8px 0;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p textarea.placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p textarea:-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p textarea::-moz-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p textarea:-ms-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p textarea::-webkit-input-placeholder {
                font-size: 15px;
                font-style: italic;
                color: #969696;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div p textarea:focus {
                border-color: #ed1c24;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div button {
                font-size: 15px;
                color: #fff;
                background: #ed1c24;
                display: block;
                width: 100%;
                height: 48px;
                font-weight: 600;
                border: none;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
                margin-top: 10px;
                position: relative;
                z-index: 1;
                overflow: hidden;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div button:before {
                position: absolute;
                content: "";
                background: #cd1b22;
                bottom: 0;
                left: 0;
                width: 0;
                height: 100%;
                z-index: -1;
                -webkit-transition: 0.4s ease;
                -moz-transition: 0.4s ease;
                -ms-transition: 0.4s ease;
                -o-transition: 0.4s ease;
                transition: 0.4s ease;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact div div button:hover:before {
                width: 100%;
        }

        .contact-area .get-in-touch .contact-form form#ajax-contact #form-messages {
                font-size: 15px;
                color: #567ed2;
                font-weight: 600;
        }

        .contact-area #map {
                width: 100%;
                height: 530px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                -ms-border-radius: 6px;
                border-radius: 6px;
        }

        .contact-area .contact-box {
                margin-top: 20px;
        }

        .contact-area .contact-box .contact-item {
                -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.07);
                box-shadow: 0 10px 12px rgba(0, 0, 0, 0.07);
                padding: 30px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                -ms-border-radius: 6px;
                border-radius: 6px;
        }

        .contact-area .contact-box .contact-item img {
                max-width: 45px;
                margin-right: 20px;
        }

        .contact-area .contact-box .contact-item h6 {
                color: #444444;
                font-weight: 600;
                text-transform: uppercase;
                margin-top: 5px;
        }

        .contact-area .contact-box .contact-item p {
                color: #969696;
        }

        .contact-area .con-social {
                margin-top: 40px;
        }

        .contact-area .con-social p {
                font-size: 15px;
                color: #969696;
                font-weight: 600;
                margin-bottom: 20px;
        }

        .contact-area .con-social ul li a {
                font-size: 18px;
                display: inline-block;
                width: 40px;
                height: 40px;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
                padding-top: 6px;
        }

        .contact-area .con-social ul li a:hover {
                background: #ed1c24;
                color: #fff !important;
                border-color: #ed1c24;
        }

        .contact-area .con-social ul li:nth-child(1) a {
                color: #3b5998;
        }

        .contact-area .con-social ul li:nth-child(2) a {
                color: #1da1f2;
        }

        .contact-area .con-social ul li:nth-child(3) a {
                color: #d34836;
        }

        .contact-area .con-social ul li:nth-child(4) a {
                color: #0077b5;
        }

        .contact-area .con-social ul li:nth-child(5) a {
                color: #1ab7ea;
        }


        /*About Image*/

        .about-image {
                border-radius: 10px;
                overflow: hidden;
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                margin-right: 40px;
        }

        .about-image img {
                width: 100%;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        only screen and (max-width: 767px) {
                .about-image {
                        margin-right: 0;
                }
        }


        /*----------------------------------------*/


        /*  05. Timeline CSS
        /*----------------------------------------*/


        /*Timeline*/

        .timeline-wrap {
                position: relative;
                z-index: 1;
        }

        .timeline-wrap::before {
                content: "";
                position: absolute;
                left: 50%;
                top: 0;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                height: 100%;
                width: 10px;
                background-color: #f1f1f1;
                border-radius: 50px;
                z-index: -1;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px) {
                .timeline-wrap::before {
                        left: 25%;
                        -webkit-transform: translateX(-125%);
                        -ms-transform: translateX(-125%);
                        transform: translateX(-125%);
                }
        }

        @media only screen and (max-width: 767px) {
                .timeline-wrap::before {
                        left: 7px;
                        -webkit-transform: translateX(0);
                        -ms-transform: translateX(0);
                        transform: translateX(0);
                }
        }


        /*Timeline*/

        .timeline {
                position: relative;
                margin-bottom: 50px;
                z-index: 1;
        }

        .timeline:last-child {
                margin-bottom: 0;
        }

        .timeline:first-child::before {
                background-color: #f1f1f1;
                border: 8px solid #ed1c24;
        }

        .timeline::before {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                width: 24px;
                height: 24px;
                background-color: #ed1c24;
                border: 8px solid #f1f1f1;
                border-radius: 50px;
                z-index: 2;
        }

        .timeline:nth-child(2n) .timeline-date {
                -webkit-box-ordinal-group: 3;
                -webkit-order: 2;
                -ms-flex-order: 2;
                order: 2;
                padding-left: 50px;
                padding-right: 15px;
                text-align: left;
        }

        .timeline:nth-child(2n) .timeline-content {
                padding-left: 15px;
                padding-right: 50px;
                -webkit-box-ordinal-group: 2;
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1;
        }

        .timeline .timeline-date {
                padding-left: 15px;
                padding-right: 50px;
                -webkit-align-self: center;
                -ms-flex-item-align: center;
                align-self: center;
                text-align: right;
        }

        .timeline .timeline-content {
                padding-left: 50px;
                padding-right: 15px;
        }

        .timeline .timeline-content .image {
                margin-bottom: 20px;
        }

        .timeline .timeline-content .image img {
                width: 100%;
        }

        .timeline .timeline-content .images {
                margin-left: -5px;
                margin-right: -5px;
        }

        .timeline .timeline-content .images>[class*="col-"] {
                margin-bottom: 20px;
                padding-left: 5px;
                padding-right: 5px;
        }

        .timeline .timeline-content .title {
                margin-bottom: 0;
                padding: 0 0 12px 0;
                font-size: 20px;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        only screen and (max-width: 767px) {
                .timeline::before {
                        left: 25%;
                }

                .timeline:nth-child(2n) .timeline-date {
                        -webkit-box-ordinal-group: 2;
                        -webkit-order: 1;
                        -ms-flex-order: 1;
                        order: 1;
                        padding-left: 15px;
                        padding-right: 50px;
                        text-align: right;
                }

                .timeline:nth-child(2n) .timeline-content {
                        padding-left: 50px;
                        padding-right: 15px;
                        -webkit-box-ordinal-group: 3;
                        -webkit-order: 2;
                        -ms-flex-order: 2;
                        order: 2;
                }
        }

        @media only screen and (max-width: 767px) {
                .timeline::before {
                        left: 14px;
                        top: 10px;
                        -webkit-transform: translateX(0);
                        -ms-transform: translateX(0);
                        transform: translateX(0);
                }

                .timeline .timeline-date {
                        padding-left: 60px !important;
                        padding-right: 15px !important;
                        text-align: left !important;
                        margin-bottom: 5px;
                }

                .timeline .timeline-content {
                        padding-left: 60px !important;
                }
        }

        .section-padding {
                padding-top: 50px;
                padding-bottom: 50px;
        }

        .section-padding--sm {
                padding-top: 90px;
                padding-bottom: 90px;
        }

        .bg-black {
                background-color: #000000 !important;
        }

        .cta-content {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
        }

        .cta-content .title {
                max-width: calc(100% - 230px);
                -webkit-box-flex: 1;
                -webkit-flex: 1 0 100%;
                -ms-flex: 1 0 100%;
                flex: 1 0 100%;
                margin: 0;
                padding: 0;
        }

        .btn.btn-light-outline {
                background-color: transparent;
                border-color: #f8f9fa;
                color: #f8f9fa;
        }

        .funfact .inner .icon i {
                display: block;
                font-size: 50px;
                line-height: 1;
                color: #fff;
        }

        .funfact .inner .icon {
                margin-right: 20px;
        }

        .funfact .inner .content {
                min-width: 110px;
        }

        .funfact .inner {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
        }

        .feature .inner .icon i {
                font-size: 40px;
                padding: 0 0 10px 0;
        }

        .feature .inner .title {
                padding: 0 0 10px;
        }


        /*--------------------------------------------------------------
        contact-pg-section
        --------------------------------------------------------------*/

        .contact-pg-section {}

        @media (max-width: 991px) {
                .contact-pg-section {
                        padding-bottom: 15px;
                }
        }

        .contact-pg-section form input,
        .contact-pg-section form select,
        .contact-pg-section form textarea {
                background: #fdfdfd;
                width: 100%;
                height: 53px;
                border: 2px solid #f1f1f1;
                border-radius: 0;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
        }

        @media (max-width: 991px) {

                .contact-pg-section form input,
                .contact-pg-section form select,
                .contact-pg-section form textarea {
                        height: 45px;
                }
        }

        .contact-pg-section form input:focus,
        .contact-pg-section form select:focus,
        .contact-pg-section form textarea:focus {
                border-color: #ED1C24;
        }

        .contact-pg-section form textarea {
                height: 180px;
        }

        .contact-pg-section form {
                margin: 0 -15px;
                overflow: hidden;
        }

        .contact-pg-section form ::-webkit-input-placeholder {
                font-style: 15px;
                font-style: normal;
                color: #9d9c9c;
        }

        .contact-pg-section form :-moz-placeholder {
                font-style: 15px;
                font-style: normal;
                color: #9d9c9c;
        }

        .contact-pg-section form ::-moz-placeholder {
                font-style: 15px;
                font-style: normal;
                color: #9d9c9c;
        }

        .contact-pg-section form :-ms-input-placeholder {
                font-style: 15px;
                font-style: normal;
                color: #9d9c9c;
        }

        .contact-pg-section form select {
                display: inline-block;
                color: #a9a9a9;
                cursor: pointer;
                opacity: 1;
                padding: 6px 12px;
                font-size: 15px;
                font-size: 0.9375rem;
        }

        .contact-pg-section form>div {
                width: calc(100% - 30px);
                float: left;
                margin: 0 15px 30px;
        }

        @media (max-width: 600px) {
                .contact-pg-section form>div {
                        width: calc(100% - 30px);
                        float: none;
                }
        }

        .contact-pg-section form .fullwidth {
                width: calc(100% - 30px);
                float: none;
                clear: both;
        }

        .contact-pg-section .contact-info {
                padding: 40px 25px;
                -webkit-box-shadow: 0px 3px 17.85px 3.15px rgba(0, 0, 0, 0.08);
                box-shadow: 0px 3px 17.85px 3.15px rgba(0, 0, 0, 0.08);
        }

        @media (max-width: 991px) {
                .contact-pg-section .contact-info {
                        margin-top: 50px;
                }
        }

        .contact-pg-section .contact-info>div {
                position: relative;
                padding-left: 70px;
                border-bottom: 1px solid #f1f1f1;
                padding-bottom: 25px;
                margin-bottom: 25px;
        }

        .contact-pg-section .contact-info>div:last-child {
                border-bottom: 0;
                padding-bottom: 0;
                margin-bottom: 0;
        }

        .contact-pg-section .contact-info .icon {
                width: 50px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                border: 2px solid #0062cc;
                border-radius: 50%;
                font-size: 18px;
                font-size: 1.125rem;
                position: absolute;
                left: 0;
                top: -1px;
        }

        .contact-pg-section .contact-info h5 {
                font-size: 16px;
                font-size: 1rem;
                font-weight: normal;
                margin: 0 0 0.3em;
                padding-top: 0.2em;
        }

        .contact-pg-section .contact-info p {
                font-size: 14px;
                font-size: 0.875rem;
                margin: 0;
        }

        .contact-map-section .contact-map {
                height: 450px;
        }

        .contact-map-section iframe {
                width: 100%;
                height: 100%;
                border: 0;
                outline: 0;
        }


        /*pricing*/

        .pricing.pricing-center {
                text-align: center;
        }

        .pricing .pricing-box {
                border: 1px solid #f0f1f3;
                padding: 50px;
                position: relative;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .pricing .pricing-box h5 {
                font-weight: 600;
        }

        .pricing .pricing-box .price {
                font-size: 50px;
                font-weight: 600;
                display: block;
                line-height: 50px;
        }

        .pricing .pricing-box .price sup {
                font-size: 30px;
                font-weight: 600;
        }

        .pricing .pricing-box p {
                margin: 20px 0;
        }

        .pricing .pricing-box:hover {
                border-color: transparent;
                box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.1);
        }


        /*pricing-dark*/

        .pricing.pricing-dark .pricing-box {
                border: none;
                background: rgba(0, 0, 0, 0.1);
        }

        .pricing.pricing-dark .pricing-box:hover {
                box-shadow: none;
                background: rgba(0, 0, 0, 0.15);
        }


        /*pricing ribbon*/

        .pricing .ribbon {
                position: absolute;
                left: -5px;
                top: -5px;
                z-index: 1;
                overflow: hidden;
                width: 75px;
                height: 75px;
                text-align: left;
        }

        .pricing .ribbon span {
                font-size: 10px;
                font-weight: 600;
                color: #ffffff;
                text-transform: uppercase;
                text-align: center;
                line-height: 20px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                width: 100px;
                display: block;
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                box-shadow: 0 3px 10px -5px black;
                position: absolute;
                top: 19px;
                left: -21px;
        }

        .pricing .ribbon span::before {
                content: "";
                position: absolute;
                right: 0px;
                top: 100%;
                z-index: -1;
                border-right: 3px solid #343a40;
                border-left: 3px solid transparent;
                border-bottom: 3px solid transparent;
                border-top: 3px solid #343a40;
        }

        .pricing .ribbon span::after {
                content: "";
                position: absolute;
                left: 0px;
                top: 100%;
                z-index: -1;
                border-right: 3px solid transparent;
                border-left: 3px solid #343a40;
                border-bottom: 3px solid transparent;
                border-top: 3px solid #343a40;
        }

        @media (max-width: 991.98px) {
                .pricing .pricing-box {
                        padding: 20px;
                }

                .package .nav-item {
                        border-bottom: 0;
                        padding: 0px;
                }
        }

        .pricing-center,
        .service-block,
        .process-advance,
        .service {
                padding-top: 5rem;
                padding-bottom: 3.8rem;
        }

        .bg-light {
                background-color: #f7f8f9 !important;
        }

        .list-group {
                display: flex;
                flex-direction: column;
                padding-left: 0;
                margin-bottom: 0;
        }

        .list-group-icon-primary-bg .list-group-item {
                display: flex;
        }

        .list-group-borderless .list-group-item {
                border: none;
                color: #8f9397;
                padding: 0.425rem 0;
        }

        .list-group .list-group-item {
                background: transparent;
        }

        .list-group-item:first-child {
                border-top-left-radius: 0.25rem;
                border-top-right-radius: 0.25rem;
        }

        .list-group-item {
                position: relative;
                display: block;
                padding: 0.75rem 1.25rem;
                margin-bottom: -1px;
                background-color: #fff;
                border: 1px solid rgba(0, 0, 0, 0.125);
        }

        .list-group .list-group-item i {
                margin-right: 5px;
        }

        .list-group-icon-primary-bg i {
                background: #ceeddf;
                color: #ed1c24;
                font-weight: 600;
                height: 22px;
                width: 22px;
                line-height: 23px;
                text-align: center;
                border-radius: 50%;
                margin-right: 10px !important;
                margin-top: 1px;
                font-size: 11px;
                flex-shrink: 0;
                justify-content: center;
        }

        .service-block p {
                padding: 0 0 15px 0;
        }

        .process-advance .process-border {
                position: relative;
                width: 100%;
                z-index: 1;
        }

        .process-advance .process-number {
                border-radius: 50%;
                height: 50px;
                width: 50px;
                line-height: 50px;
                color: #ffffff;
                display: inline-block;
                font-size: 16px;
                font-weight: 600;
        }

        .process-advance .border-right:after {
                content: "";
                position: absolute;
                top: 50%;
                display: block;
                width: calc(50% + 30px);
                border-top-width: 1px;
                border-top-style: solid;
                margin-top: -1px;
                right: -30px;
                border-color: #dfe2e5 !important;
                z-index: -1;
        }

        .process-advance .border-left:before {
                content: "";
                position: absolute;
                top: 50%;
                display: block;
                width: calc(50% + 30px);
                border-top-width: 1px;
                border-top-style: solid;
                margin-top: -1px;
                left: -30px;
                border-color: #dfe2e5 !important;
                z-index: -1;
        }

        .service-block .title h2 {
                font-size: 28px;
                font-weight: 500;
                margin-bottom: 20px;
                LINE-HEIGHT: 40px;
        }

        .btn-outline-light {
                background: transparent;
                border-color: #d0d4d9;
                color: #b4b9bd;
        }


        /*===============================
        PORTFOLIO 
        =================================*/

        .items-padding {
                margin: 10px;
        }

        .items-padding .portfolio-card {
                padding: 10px;
        }

        .items-padding-inside .portfolio-card {
                padding: 10px;
        }

        .items-2 .portfolio-card {
                width: 50%;
                float: left;
        }

        .items-3 .portfolio-card {
                width: 33.3333%;
                float: left;
        }

        .items-4 .portfolio-card {
                width: 25%;
                float: left;
        }

        .items-5 .portfolio-card {
                width: 20%;
                float: left;
        }

        .items-6 .portfolio-card {
                width: 16.6666%;
                float: left;
        }

        .items-2 .info-title,
        .items-3 .info-title {
                font-size: 1.3125rem;
        }

        .items-4 .info-title,
        .items-5 .info-title,
        .items-6 .info-title {
                font-size: 1.09375rem;
        }

        .portfolio-card {
                overflow: hidden;
                position: relative;
        }

        .portfolio-card .portfolio-card-body {
                overflow: hidden;
        }

        .portfolio-card .portfolio-card-body .portfolio-card-footer .info-title {
                margin-top: 20px;
                margin-bottom: 5px;
                color: #343a40;
                display: block;
        }

        .portfolio-card .portfolio-card-body .portfolio-card-footer .info-title a {
                color: #343a40;
        }

        .portfolio-card .portfolio-card-body .portfolio-card-footer .info-title a:hover {
                color: #ed1c24;
        }

        .portfolio-card .portfolio-card-body .portfolio-card-footer .full-screen {
                visibility: hidden;
                opacity: 0;
                position: absolute;
                top: 20px;
                right: 20px;
                background: #ffffff;
                color: #343a40;
                border-radius: 50%;
                height: 40px;
                width: 40px;
                line-height: 44px;
                text-align: center;
        }

        .portfolio-card:hover .portfolio-card-body .portfolio-card-footer .full-screen {
                visibility: visible;
                opacity: 1;
                z-index: 2;
        }

        .portfolio-card .portfolio-card-header {
                overflow: hidden;
                position: relative;
                border-radius: 3px;
        }

        .portfolio-card .portfolio-card-header img {
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
        }

        .portfolio-card:hover .portfolio-card-header img {
                -ms-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                -webkit-filter: blur(3px);
                -moz-filter: blur(3px);
                -o-filter: blur(3px);
                -ms-filter: blur(3px);
                filter: blur(3px);
        }

        .portfolio-card .portfolio-card-header:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                background: #343a40;
                z-index: 1;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
        }

        .portfolio-card:hover .portfolio-card-header:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                opacity: .2;
                visibility: visible;
                background: #343a40;
        }


        /*Portfolio style 2*/

        .portfolio-style-2 .portfolio-card .portfolio-card-footer {
                position: absolute;
                text-align: left;
                right: 30px;
                left: 30px;
                top: 0;
                bottom: 0px;
                line-height: 30px;
                opacity: 0;
                visibility: hidden;
                z-index: 5;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .portfolio-style-2 .portfolio-card a,
        .portfolio-style-2 .portfolio-card p {
                color: #ffffff;
        }

        .portfolio-style-2 .portfolio-card a:hover {
                color: #ffffff;
        }

        .portfolio-style-2 .portfolio-card .portfolio-card-footer .info-title a:hover {
                color: #ffffff;
        }

        .portfolio-style-2 .portfolio-card .portfolio-card-footer .full-screen {
                background: transparent;
                border: none;
                color: #ffffff;
                padding: 0;
                cursor: pointer;
                right: -10px;
        }

        .portfolio-style-2 .portfolio-card .portfolio-card-footer .info-title a {
                color: #ffffff;
                margin-bottom: 10px;
        }


        /*Portfolio style 2 normal*/

        .portfolio-style-2 .portfolio-card .portfolio-card-footer .full-screen {
                position: absolute;
                bottom: 60px;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                opacity: 0;
                visibility: hidden;
        }

        .portfolio-style-2 .portfolio-card .portfolio-card-footer .info-title {
                position: absolute;
                bottom: 10px;
                -webkit-transition: all 0.7s ease-in-out;
                -moz-transition: all 0.7s ease-in-out;
                -ms-transition: all 0.7s ease-in-out;
                -o-transition: all 0.7s ease-in-out;
                transition: all 0.7s ease-in-out;
                opacity: 0;
                visibility: hidden;
        }

        .portfolio-style-2 .portfolio-card .portfolio-card-footer p {
                position: absolute;
                bottom: -20px;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                opacity: 0;
                visibility: hidden;
        }


        /*Portfolio style 2 hover*/

        .portfolio-style-2 .portfolio-card:hover .portfolio-card-footer {
                bottom: 0px;
                opacity: 1;
                visibility: visible;
        }

        .portfolio-style-2 .portfolio-card:hover .portfolio-card-footer .full-screen {
                position: absolute;
                bottom: 90px;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                opacity: 1;
                visibility: visible;
        }

        .portfolio-style-2 .portfolio-card:hover .portfolio-card-footer .info-title {
                position: absolute;
                bottom: 56px;
                -webkit-transition: all 0.7s ease-in-out;
                -moz-transition: all 0.7s ease-in-out;
                -ms-transition: all 0.7s ease-in-out;
                -o-transition: all 0.7s ease-in-out;
                transition: all 0.7s ease-in-out;
                opacity: 1;
                visibility: visible;
        }

        .portfolio-style-2 .portfolio-card:hover .portfolio-card-footer p {
                position: absolute;
                bottom: 8px;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                opacity: 1;
                visibility: visible;
        }

        .portfolio-style-2 .portfolio-card .portfolio-card-header {
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                border-radius: 0;
        }

        .portfolio-style-2 .portfolio-card:hover .portfolio-card-header {
                -ms-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
        }

        .portfolio-style-2 .portfolio-card:hover .portfolio-card-header img {
                -webkit-filter: blur(3px);
                -moz-filter: blur(3px);
                -o-filter: blur(3px);
                -ms-filter: blur(3px);
                filter: blur(3px);
        }

        .portfolio-style-2 .portfolio-card .portfolio-card-header:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
        }

        .portfolio-style-2 .portfolio-card:hover .portfolio-card-header:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: 9;
                height: 100%;
                width: 100%;
                opacity: 0.7;
                visibility: visible;
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
        }


        /*portfolio filter*/

        .portfolio .nav .nav-tabs {
                border: none;
        }

        .portfolio .nav .nav-tabs .nav-filter {
                font-weight: 500;
                display: inline-block;
                line-height: 15px;
                padding: 15px;
                margin-bottom: 20px;
                cursor: pointer;
                color: #343a40;
        }

        .portfolio .nav .nav-tabs .nav-filter:last-child {
                margin-right: 0;
        }

        .portfolio .nav .nav-tabs .nav-filter.active {
                color: #ed1c24;
        }


        /*nav-tabs-style-1*/

        .portfolio .nav .nav-tabs-style-1 .nav-filter {
                padding: 8px 10px;
                font-size: 0.8125rem;
                border-radius: 50px;
                border-width: 2px;
                border-style: solid;
                border-color: transparent;
        }

        .portfolio .nav .nav-tabs-style-1 .nav-filter.active {
                color: #ed1c24;
                border-color: #ed1c24;
        }


        /*nav-tabs-style-2*/

        .portfolio .nav .nav-tabs-style-2 .nav-filter {
                margin-right: 10px;
                padding: 12px 20px;
                font-size: 0.8125rem;
                border-radius: 3px;
                background: #f0f1f3;
        }

        .portfolio .nav .nav-tabs-style-2 .nav-filter.active {
                color: #ffffff;
                background: -moz-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ed1c24), color-stop(100%, #ed1c24));
                background: -webkit-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -o-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: -ms-linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                background: linear-gradient(150deg, #ed1c24 0%, #ed1c24 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }


        /*nav-tabs-style-3*/

        .portfolio .nav .nav-tabs-style-3 {
                border: solid 2px rgba(0, 0, 0, 0.1);
                display: inline-block;
                width: auto;
                border-radius: 40px;
        }

        .portfolio .nav .nav-tabs-style-3 .nav-filter {
                margin-right: 10px;
                padding: 12px 20px;
                font-size: 0.8125rem;
                border-radius: 3px;
                background: transparent;
                margin-bottom: 0;
        }

        .portfolio .nav .nav-tabs-style-3 .nav-filter.active {
                border-radius: 40px;
                color: #ffffff;
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }


        /*nav-tabs-style-4*/

        .portfolio .nav .nav-tabs-style-4 {
                background: #343a40;
                padding: 5px;
                display: inline-block;
                width: auto;
                border-radius: 40px;
        }

        .portfolio .nav .nav-tabs-style-4 .nav-filter {
                color: #ffffff;
                margin-right: 10px;
                padding: 12px 20px;
                font-size: 0.8125rem;
                border-radius: 3px;
                background: transparent;
                margin-bottom: 0;
        }

        .portfolio .nav .nav-tabs-style-4 .nav-filter.active {
                border-radius: 40px;
                color: #ffffff;
                background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
                background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
                filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$color-one', endColorstr='$color-two', GradientType=1);
        }


        /*===============================
        INDEX PORTFOLIO
        =================================*/

        .personal-portfolio .portfolio-info {
                position: absolute;
                bottom: 0;
                left: 0;
        }

        .personal-portfolio .portfolio {
                margin-left: -10px;
                margin-right: -10px;
        }

        .personal-portfolio .personal-portfolio-main {
                padding: 0 6rem;
        }

        .personal-portfolio .personal-portfolio-profile {
                position: fixed;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                bottom: 0;
        }

        .personal-portfolio .portfolio .nav .nav-tabs .nav-filter:first-child {
                padding-left: 0;
        }

        @media (max-width: 1199.98px) {

                .items-6 .portfolio-card,
                .items-5 .portfolio-card {
                        width: 25%;
                }

                /*home personal portfolio*/
                .personal-portfolio .personal-portfolio-main {
                        padding: 0 2rem;
                }

                .personal-portfolio .items-2 .portfolio-card,
                .personal-portfolio .items-3 .portfolio-card,
                .personal-portfolio .items-4 .portfolio-card,
                .personal-portfolio .items-5 .portfolio-card {
                        width: 50%;
                }
        }

        @media (max-width: 991.98px) {
                .portfolio .portfolio-style-2 .portfolio-card .portfolio-card-footer {
                        padding: 20px;
                }

                .portfolio-card .portfolio-card-footer .info-title a {
                        font-size: 1.09375rem;
                }

                .portfolio-card:hover .portfolio-card-footer p {
                        margin-bottom: 0;
                }

                .portfolio-card:hover .portfolio-card-footer .info-title {
                        bottom: 30px;
                }

                .personal-portfolio .personal-portfolio-main {
                        padding: 0rem;
                }
        }

        @media (max-width: 767.98px) {

                .items-2 .portfolio-card,
                .items-3 .portfolio-card,
                .items-4 .portfolio-card,
                .items-5 .portfolio-card {
                        width: 50%;
                }

                .items-6 .portfolio-card {
                        width: 33.333333%;
                }

                .personal-portfolio .personal-portfolio-profile {
                        position: relative;
                }

                .personal-portfolio .portfolio-info {
                        position: relative;
                        padding-top: 300px !important;
                }

                .portfolio .nav .nav-tabs-style-3 {
                        border: none;
                }

                .portfolio .portfolio-style-2 .portfolio-card .portfolio-card-footer {
                        padding: 20px;
                }
        }

        @media (max-width: 575.98px) {

                .items-2 .portfolio-card,
                .items-3 .portfolio-card,
                .items-4 .portfolio-card,
                .items-5 .portfolio-card,
                .items-6 .portfolio-card {
                        width: 100%;
                }

                .personal-portfolio .items-2 .portfolio-card,
                .personal-portfolio .items-3 .portfolio-card,
                .personal-portfolio .items-4 .portfolio-card,
                .personal-portfolio .items-5 .portfolio-card,
                .personal-portfolio .items-6 .portfolio-card {
                        width: 100%;
                }

                .portfolio-card .portfolio-card-footer .info-title a {
                        font-size: 1.09375rem;
                }

                .portfolio-card:hover .portfolio-card-footer .info-title {
                        bottom: 50px;
                }

                .portfolio-card:hover .portfolio-card-footer p {
                        margin-bottom: 20px;
                }

                .personal-portfolio .items-padding-inside .portfolio-card {
                        padding-left: 0;
                        padding-right: 0;
                }

                .personal-portfolio .portfolio {
                        margin: 0px;
                }
        }

        .policies h5.mb-3 {
                padding: 20px 0;
                color: #ed1c24;
                margin: 0 !important;
        }

        .geodir-category-listing {
                border-radius: 10px;
                background: #fff;
                border: 1px solid #eee;
        }

        .fl-wrap {
                float: left;
                width: 100%;
                position: relative;
        }

        .TravelGo-category-img {
                float: left;
                width: 100%;
                position: relative;
                overflow: hidden;
                z-index: 1;
                border-radius: 10px 10px 0 0;
        }

        .TravelGo-category-img img,
        .gallery-item img {
                width: 100%;
                height: auto;
                -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
        }

        .listing-avatar {
                position: absolute;
                top: 20px;
                left: 20px;
                z-index: 4;
        }

        .listing-avatar img {
                width: 34px;
                height: 34px;
                border-radius: 100%;
                box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2);
        }

        .avatar-tooltip {
                position: absolute;
                top: 2px;
                margin-top: 20px;
                opacity: 0;
                left: 100%;
                margin-left: 20px;
                min-width: 150px;
                visibility: hidden;
                padding: 9px 0;
                border-radius: 4px;
                background: #ed1c24;
                color: #fff;
                font-size: 11px;
                font-weight: 600;
                transition: all .2s ease-in-out;
                box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2);
        }

        .sale-window {
                position: absolute;
                right: 20px;
                top: 20px;
                z-index: 3;
                background: #5ECFB1;
                padding: 8px 18px;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                font-size: 11px;
                color: #fff;
                -webkit-transform: translate3d(0, 0, 0);
        }

        .sale-window:before {
                border-top: 14px solid #5ECFB1;
                border-left: 16px solid transparent;
                margin-left: -16px;
                margin-top: -8px;
        }

        .sale-window:before,
        .sale-window:after {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                left: 0;
        }

        .sale-window:after {
                border-bottom: 14px solid #5ECFB1;
                border-left: 16px solid transparent;
                margin-left: -16px;
                margin-top: 6px;
        }

        .sale-window:before,
        .sale-window:after {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                left: 0;
        }

        .list-single-hero-title,
        .map-card-rainting,
        .TravelGo-category-opt,
        .listing-item-cat,
        .ajax-modal-title {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6, 27, 65, 0)), color-stop(100%, rgba(6, 27, 65, 0.95)));
                background: -webkit-linear-gradient(top, rgba(6, 27, 65, 0) 0%, rgba(6, 27, 65, 0.95) 100%);
                background: -o-linear-gradient(top, rgba(6, 27, 65, 0) 0%, rgba(6, 27, 65, 0.95) 100%);
                background: -ms-linear-gradient(top, rgba(6, 27, 65, 0) 0%, rgba(6, 27, 65, 0.95) 100%);
                background: linear-gradient(to bottom, rgba(6, 27, 65, 0) 0%, rgba(6, 27, 65, 0.95) 100%);
        }

        .TravelGo-category-opt {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                z-index: 3;
                padding: 10px 20px;
                cursor: pointer;
        }

        .TravelGo-category-opt .listing-rating {
                float: left;
                position: relative;
                top: 10px;
        }

        .TravelGo-category-opt .rate-class-name {
                float: right;
                position: relative;
                top: -6px;
        }

        .TravelGo-category-opt .rate-class-name .score {
                float: left;
                color: #fff;
                margin-right: 10px;
                font-size: 11px;
        }

        .TravelGo-category-opt .rate-class-name span {
                background: #ed1c24;
                color: #fff;
                float: left;
                font-weight: 600;
                border-radius: 50%;
                padding: 12px;
                box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.2);
        }

        .TravelGo-category-opt .rate-class-name .score strong {
                display: block;
                text-align: right;
                margin: 5px 0 0 0;
                font-style: normal;
                color: #fff;
                font-size: 13px;
                font-weight: 500;
        }

        .listing-rating i {
                color: #F9B90F;
        }

        .TravelGo-category-content {
                padding-top: 10px;
                z-index: 2;
        }

        .fl-wrap {
                float: left;
                width: 100%;
                position: relative;
        }

        .TravelGo-category-content-title {
                padding-bottom: 20px;
                margin-bottom: 10px;
                border-bottom: 1px dotted #ccc;
        }

        .TravelGo-category-content p {
                text-align: left;
                font-size: 12px;
                color: #999;
        }

        .facilities-list {
                margin: 12px 0 12px;
                list-style: none;
        }

        .TravelGo-category-footer {
                margin: 4px 0 0 0;
                padding: 18px 130px 0 0;
                border-top: 1px dotted #ccc;
        }

        .TravelGo-category-content-title-item {
                float: left;
                width: 100%;
                position: relative;
                z-index: 1;
        }


        .TravelGo-category-content h3,
        .cart-details_text .TravelGo-category-content-title-item h3 {
                float: left;
                text-align: left;
                font-weight: 600;
                font-size: 16px;
                margin-bottom: 10px;
        }

        .TravelGo-category-location a {
                float: left;
                text-align: left;
                color: #999;
                font-weight: 600;
                text-transform: uppercase;
                font-size: 11px;
        }

        .facilities-list li {
                float: left;
                margin-right: 14px;
                cursor: pointer;
                position: relative;
        }

        .facilities-list li i {
                color: #ADC7DD;
                font-size: 16px;
        }

        .facilities-list li span {
                position: absolute;
                opacity: 0;
                left: -20px;
                top: -34px;
                height: 26px;
                line-height: 26px;
                min-width: 90px;
                color: #fff;
                font-size: 11px;
                visibility: hidden;
                border-radius: 4px;
                background: #ed1c24;
                text-align: center;
        }

        .TravelGo-category-price {
                float: left;
                font-size: 11px;
                color: #fff;
                font-weight: 600;
                /* background: #F7F9FB; */
                padding: 7px 12px;
                border-radius: 4px;
                border: 1px dotted #e4e4e4;
                text-transform: uppercase;
                line-height: 17px;
        }

        .TravelGo-opt-list {
                position: absolute;
                right: 0;
                width: 130px;
                top: 16px;
        }

        .TravelGo-opt-list a {
                float: right;
                width: 36px;
                height: 36px;
                margin-left: 5px;
                background: #ECF6F8;
                line-height: 40px;
                position: relative;
                color: #999;
                border-radius: 4px;
                font-size: 15px;
        }

        .facilities-list li:hover span {
                visibility: visible;
                opacity: 1;
        }

        .TravelGo-opt-tooltip {
                position: absolute;
                opacity: 0;
                right: 0;
                top: -40px;
                height: 30px;
                line-height: 30px;
                min-width: 100px;
                margin-left: -75px;
                color: #fff;
                font-size: 11px;
                visibility: hidden;
                border-radius: 4px;
        }

        .TravelGo-opt-list a:hover i,
        .show-search-button:hover i {
                transition: all .2s ease-in-out;
                animation: bounce 1s;
                color: #fff;
        }

        @keyframes bounce {

                0%,
                20%,
                60%,
                100% {
                        -webkit-transform: translateY(0);
                        transform: translateY(0);
                }

                40% {
                        -webkit-transform: translateY(-10px);
                        transform: translateY(-10px);
                }

                80% {
                        -webkit-transform: translateY(-5px);
                        transform: translateY(-5px);
                }
        }

        .TravelGo-opt-link {
                padding-right: 6px;
        }

        .TravelGo-opt-link a {
                float: left;
                height: 36px;
                line-height: 36px;
                color: #fff;
                background: #ECF6F8;
                width: 100%;
                font-weight: 500;
                border-radius: 4px;
                text-align: left;
                padding-left: 20px;
        }

        .TravelGo-opt-link a:hover {
                background: #ed1c24;
        }

        .TravelGo-opt-link a i {
                position: absolute;
                right: 0;
                width: 40px;
                height: 36px;
                line-height: 36px;
                top: 0;
                font-size: 8px;
                border-left: 1px solid rgba(255, 255, 255, 0.21);
                text-align: center;
        }

        .TravelGo-opt-link a:hover {
                color: #fff;
        }

        .TravelGo-opt-tooltip {
                position: absolute;
                opacity: 0;
                right: -30px;
                top: -40px;
                height: 30px;
                line-height: 30px;
                min-width: 100px;
                margin-left: 0;
                color: #fff;
                font-size: 11px;
                visibility: hidden;
                border-radius: 4px;
                background: #ed1c24;
                text-align: center;
        }

        .TravelGo-opt-tooltip strong {
                color: #fff;
                padding-left: 6px;
        }

        .TravelGo-opt-list a:hover .TravelGo-opt-tooltip {
                opacity: 1;
                visibility: visible;
        }

        .TravelGo-opt-list {
                position: absolute;
                right: 0;
                width: 130px;
                top: 16px;
        }

        .TravelGo-opt-list a:hover .TravelGo-opt-tooltip {
                opacity: 1;
                visibility: visible;
        }

        .TravelGo-opt-list a {
                float: right;
                width: 36px;
                height: 36px;
                margin-left: 5px;
                background: #ECF6F8;
                line-height: 40px;
                position: relative;
                color: #999;
                border-radius: 4px;
                font-size: 15px;
                text-align: center;
        }

        .TravelGo-opt-list a:hover .TravelGo-opt-tooltip {
                opacity: 1;
                visibility: visible;
        }

        .TravelGo-opt-list a:hover {
                background: #ed1c24;
        }

        .map-item i {
                color: #ed1c24;
        }

        .TravelGo-category-img img,
        .gallery-item img {
                width: 100%;
                height: auto;
                /*  -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;*/
        }

        .TravelGo-category-img:hover img,
        .gallery-item:hover img {
                /* -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        transform: scale(1.15);*/
        }

        .TravelGo-category-content-title span {
                text-align: right;
                display: block;
                color: #5bc9e2;
                font-weight: bold;
                font-size: 20px;
                margin: -20px 0 0 0;
        }

        .TravelGo-category-listing:hover {
                box-shadow: 0px 0px 80px rgba(83, 88, 93, 0.2);
        }

        .TravelGo-category-listing {
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                margin: 0 0 30px 0;
                border: 1px solid var(--jezl-g-red);
                ;
                border-radius: 10px;
                background-color: #fafafa;
                padding: 20px;
        }

        .TravelGo-category-list-img {
                border-radius: 10px 10px;
                left: 20px;
                top: 12px;
        }

        .booking-search .TravelGo-category-list-img {
                top: 25px;
        }

        .others-details {
                margin: 0;
                padding: 20px 0 15px 0;
        }

        .booking-section .table {
                margin-bottom: 0;
        }

        .booking-section .table td,
        .booking-section .table th {
                padding: 8px;
                vertical-align: top;
                border-top: none;
                font-size: 14px;
        }

        .bookex {
                color: #ed1c24;
        }

        .NeedHelp {
                padding-bottom: 5px;
                margin-bottom: 0;
        }

        .NeedhelpSection {
                margin: 0;
                padding: 0;
        }

        .NeedhelpSection ul {
                margin: 0;
                padding: 0;
                clear: both;
        }

        .NeedhelpSection ul li {
                margin: 0;
                padding: 4px 0;
                display: inline-block;
                width: 100%;
        }

        .NeedhelpSection ul li span {
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 47px;
                background: #eee;
                display: inline-block;
                border-radius: 50%;
        }

        .NeedhelpSection ul li i {
                color: #ed1c24;
                font-size: 22px;
        }

        .NeedhelpSection p {
                font-size: 13px;
                padding: 12px 0;
                clear: both;
        }

        .login-area .Booking-box {
                width: 100%;
        }

        .cardInfo {
                margin: 0;
                padding: 30px 0 0 15px;
        }

        .login-area .login-box form.login-form button.Confirm {
                margin-bottom: 0;
        }

        .login-area .Booking-box {
                border-top: 3px solid #ed1c24 !important;
                box-shadow: none;
                border: 1px solid #eee;
        }

        .thanksYou .cardInfo {
                margin: 0;
                padding: 30px 0 30px 0px;
        }

        .login-area .login-box .cardInfo {
                margin-bottom: 30px;
        }

        .login-area .login-box .cardInfo h3 {
                padding: 0 0 0 0;
        }


        /*Details pages css*/

        .pt-7,
        .py-7 {
                padding-top: 8rem !important;
        }

        .pb-5,
        .py-5 {
                padding-bottom: 3rem !important;
        }

        .res-top-overlay {
                background: url(../images/restaurant-details.jpg) no-repeat center;
                background-size: cover;
        }

        .res-top-overlay-room {
                background: url(../images/room-details.jpg) no-repeat center;
                background-size: cover;
        }

        .badge-transparent {
                color: #212529;
                background: rgba(248, 249, 250, 0.9);
        }

        .avatar.avatar-xl {
                width: 7rem;
                height: auto;
        }

        .avatar {
                display: inline-block;
                position: relative;
                width: 3rem;
                height: 3rem;
                text-align: center;
                border: #dee2e6;
                border-radius: 50%;
                background: #fff;
                box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
                line-height: 3rem;
        }

        .p-2 {
                padding: .5rem !important;
        }

        .review {
                padding-top: 2rem;
                padding-right: 1rem;
                padding-bottom: 2rem;
                padding-left: 1rem;
                border-bottom: 1px solid #e9ecef;
        }

        .text-block {
                padding-top: 2rem;
                padding-bottom: 1rem;
                border-bottom: 1px solid #e9ecef;
        }

        .mb-4,
        .my-4 {
                margin-bottom: 1.5rem !important;
        }

        h3,
        .h3 {
                font-size: 1.75rem;
        }

        .text-sm {
                font-size: .875rem;
        }

        .subtitle {
                margin-bottom: 0;
                letter-spacing: 0.2em;
                text-transform: uppercase;
                color: #868e96;
                font-weight: bold;
                padding: 0 0 8px 0;
        }

        .text-primary {
                /* color: #007bff !important; */
        }

        .mb-4,
        .my-4 {
                margin-bottom: 1.5rem !important;
        }

        h5,
        .h5 {
                font-size: 1.25rem;
        }

        .listingDetails .custom-control {
                display: initial;
        }

        .form-label {
                color: #868e96;
                font-size: .8rem;
                text-transform: uppercase;
                letter-spacing: 0.1em;
        }

        .res-top-overlay h1 {
                font-size: 30px;
                color: #fff;
                padding: 0 0 12px 0;
        }

        .text-secondary {
                color: #ed1c24 !important;
        }

        .map-wrapper-300 .fw-map {
                height: 350px;
        }

        .media-body {
                -ms-flex: 1;
                flex: 1;
                width: auto;
                display: inline-table;
        }

        .listingDetails .right_Details .media i {
                color: #ed1c24;
                font-size: 40px;
        }

        .text-block:last-child {
                border: none;
        }

        .rebiew_section {
                padding: 30px 0 0 0;
        }

        .text-muted {
                padding: 10px 0;
        }

        .listingDetails .text-block ul.roomlist {
                padding: 0 0 0 35px;
        }

        .listingDetails .text-block ul.roomlist li {
                list-style: disc;
        }

        .listingDetails h1 {
                padding: 0 0 15px 0;
                font-size: 34px;
        }

        .sticky-top {
                z-index: 9;
        }

        .Categories .TravelGo-category-listing:hover {
                box-shadow: none;
        }

        .Campaigns {
                background: #f8f9fa;
        }

        .listingDetails .form-group {
                margin-bottom: 1rem;
        }

        .listingDetails .nav-tabs.tab-line .nav-item:first-child .nav-link {
                padding-left: 15px;
        }

        .listingDetails .nav-tabs.tab-line {
                border-bottom: none;
                background: #fff;
        }

        .listingDetails .nav-tabs.tab-line .nav-link.active {
                background: #ed1c24;
                border: 0;
                color: #fff !important;
                border-bottom: none;
        }

        .listingDetails .nav-tabs.tab-line .nav-link {
                border-bottom: none;
                font-weight: 600 !important;
        }

        .listingDetails .nav-tabs .nav-item .nav-link {
                color: #343a40;
                padding: 12px 24px;
        }

        .listingDetails .nav-tabs.tab-line .nav-item {
                margin-bottom: 0px;
        }

        .listingDetails .booking-search>.row {
                border: 10px solid #eee;
                padding: 20px 0 0 0;
        }

        .listingDetails .tab-content {
                background: #fff;
                /* padding: 30px 15px 15px 15px;*/
        }

        .listingDetails .nav-tabs.tab-line {
                background: #ffffff;
                margin: 0 0 0 0;
                border-bottom: 2px solid #ed1c24;
        }

        .listingDetails .mb-4,
        .listingDetails .my-4 {
                margin-bottom: 1.0rem !important;
        }

        .fw-map {
                height: 600px;
        }

        .map-container {
                width: 100%;
                position: relative;
                overflow: hidden;
        }

        .map-container #map-main {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                overflow: hidden;
        }

        .map-container img {
                width: auto;
        }

        .Gmap {
                position: relative;
        }

        .Gmap .search-bar {
                position: absolute;
                padding: 20px;
                bottom: 80px;
                left: 50%;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
                margin-bottom: 0;
                width: 100%;
        }

        .cluster img {
                display: none
        }

        .cluster {
                width: 40px !important;
                height: 40px !important;
        }

        .cluster div {
                text-align: center;
                font-size: 15px !important;
                color: #fff !important;
                font-weight: 600;
                border-radius: 100%;
                width: 40px !important;
                height: 40px !important;
                line-height: 38px !important;
                box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1);
                border: 2px solid #fff;
                -webkit-transition: all 300ms linear;
                transition: all 100ms 3inear;
                animation: cluster-animation 1.5s infinite;
        }

        .cluster div:hover {
                background: #5d6275;
        }

        @keyframes cluster-animation {

                0%,
                100% {
                        box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1);
                }

                50% {
                        box-shadow: 0px 0px 0px 9px rgba(0, 0, 0, 0.1);
                }
        }

        .cluster div {
                background: #4DB7FE;
        }

        .GmapInner .fw-map {
                height: 300px;
        }


        /*Listing Sidebar css*/

        .NopaddingDetails {
                padding-top: 0;
        }


        /*Calender css*/

        #calendar {
                width: 100%;
                margin: 0 auto;
                margin-top: 2%;
                margin-bottom: 2%;
                border-radius: 5px;
                text-align: center;
        }

        #calendar h1 {
                background: #ee3333;
                border-radius: 5px 5px 0 0;
                padding: 20px;
                font-size: 140%;
                font-weight: 300;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: #fff;
                cursor: default;
                text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        }

        #calendar table {
                border-top: 1px solid #ddd;
                border-left: 1px solid #ddd;
                border-spacing: 0;
                border-radius: 0 0 5px 5px;
                width: 100%;
        }

        #calendar td {
                background: #eee;
                border-right: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                padding: 30px 6px;
                cursor: pointer;
                transition: background 0.3s;
                -webkit-transition: background 0.3s;
        }

        #calendar td:hover:not(.current) {
                background: #ed1c24;
        }

        #calendar .lastmonth,
        #calendar .nextmonth,
        #calendar .nextmonth~* {
                background: #fff;
                color: #999;
        }

        #calendar .current {
                background: #ee3333;
                font-weight: 700;
                color: #fff;
                text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        #calendar .hastask {
                font-weight: 700;
        }

        #calendar tr:last-of-type td:first-of-type {
                border-radius: 0 0 0 5px;
        }

        #calendar tr:last-of-type td:last-of-type {
                border-radius: 0 0 5px 0;
        }

        .custom-control-input:checked~.custom-control-label::before {
                border-color: var(--jezl-g-red);
                background-color: var(--jezl-g-red);
        }

        .mb-4,
        .my-4 {
                margin-bottom: 1.5rem !important;
        }

        .filter-block h6.mb-3 {
                font-size: 24px;
                text-transform: uppercase;
                margin: 0 !important;
                padding: 20px 10px 0px 10px;
                font-weight: bold;
                text-align: center;
        }

        .Filter-left {
                background: #f8f9fa;
                border: 1px solid #9a99a2;
        }

        .Filter-left .form-label {
                padding: 12px 0 12px 0;
                font-weight: bold;
        }

        .Filter-left .custom-control {
                padding-top: 4px;
                padding-bottom: 4px;
        }

        .FilterBtn {
                display: block;
                width: 100%;
                margin: 15px 0 0 0;
                padding: 6px 0;
                text-transform: uppercase;
        }

        .input-number {
                width: 50px;
                padding: 0 12px;
                vertical-align: top;
                text-align: center;
                outline: none;
                border: 1px solid #d1d1d1 !important;
        }

        .input-number,
        .input-number-decrement,
        .input-number-increment {
                border: 1px solid #ccc;
                height: 30px;
                user-select: none;
        }

        .input-number-decrement,
        .input-number-increment {
                display: inline-block;
                width: 30px;
                line-height: 28px;
                background: #fff;
                color: #444;
                text-align: center;
                font-weight: bold;
                cursor: pointer;
        }

        .input-number-decrement:active,
        .input-number-increment:active {
                background: #ddd;
        }

        .input-number-decrement {
                border-right: none;
                border-radius: 4px 0 0 4px;
        }

        .input-number-increment {
                border-left: none;
                border-radius: 0 4px 4px 0;
        }

        .range-slider {
                background-color: #fff;
                border-radius: 5px;
                padding: 27px 0 0 20px;
                margin: 0 0 0 0;
        }

        .range-slider input[type="range"] {
                color: #fff;
                background: #ed1c24;
                width: calc(100% - (85px));
                height: 7px;
                border-radius: 5px;
                outline: none;
                float: left;
                -webkit-appearance: none;
                position: relative;
        }

        .range-slider input[type="range"]::-webkit-slider-thumb {
                background-color: #fff;
                width: 32px;
                height: 32px;
                border: 4px solid #ed1c24;
                border-radius: 50%;
                cursor: pointer;
                transition: all 0.15s ease-in-out 0s;
                -webkit-appearance: none;
                appearance: none;
        }

        .range-slider input[type="range"]::-webkit-slider-thumb:hover,
        .range-slider input[type="range"]:active::-webkit-slider-thumb {
                box-shadow: 0 0 0 2px var(--white), 0 0 10px #666;
        }

        .range-slider input[type="range"]::-moz-range-thumb {
                background: #fff;
                width: 25px;
                height: 25px;
                cursor: pointer;
                border: 4px solid #ed1c24;
                border-radius: 50%;
                transition: all 0.15s ease-in-out 0s;
        }

        .range-slider input[type="range"]::-moz-range-thumb:hover,
        .range-slider input[type="range"]:active::-moz-range-thumb {
                box-shadow: 0 0 0 2px var(--white), 0 0 10px #666;
        }

        .range-slider .range-value {
                color: #fff;
                background: #ed1c24;
                font-size: 20px;
                font-weight: 600;
                text-align: center;
                line-height: 35px;
                width: 60px;
                height: 35px;
                padding: 0 15px 0 10px;
                margin-left: 5px;
                border-radius: 15px;
                display: inline-block;
                position: relative;
                top: -14px;
                -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
        }


        /* 
        =========================================
        Discover Campaigns
        =========================================
        */

        .Campaigns {
                background: #f8f9fa;
        }

        .listroBox {
                background-color: #fff;
                position: relative;
                margin-bottom: 30px;
                border-radius: 3px;
                box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
                margin-left: 0;
                margin-right: 0;
        }

        .listroBox figure {
                margin: 8px 0;
                overflow: hidden;
                position: relative;
                height: 200px;
                -webkit-border-radius: 3px 3px 0 0;
                -moz-border-radius: 3px 3px 0 0;
                -ms-border-radius: 3px 3px 0 0;
                border-radius: 3px 3px 0 0;
        }

        .listroBox a.wishlist_bt {
                position: absolute;
                right: 15px;
                top: 15px;
                z-index: 1;
                background-color: #000;
                background-color: rgba(0, 0, 0, .6);
                padding: 9px 10px;
                display: inline-block;
                color: #fff;
                line-height: 1;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
        }

        .listroBox a.wishlist_bt:after {
                font-family: "Font Awesome 5 Free";
                content: "\f004";
                -moz-transition: all .5s ease;
                -o-transition: all .5s ease;
                -webkit-transition: all .5s ease;
                -ms-transition: all .5s ease;
                transition: all .5s ease;
        }

        .listroBox figure a img {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%) scale(1);
                -moz-transform: translate(-50%, -50%) scale(1);
                -ms-transform: translate(-50%, -50%) scale(1);
                -o-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                width: 100%;
                transition: all .3s ease-in-out;
        }

        .listroBox figure a img,
        .listroBox.list_view figure a img {
                -moz-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
        }

        .listroBox figure .read_more {
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -12px;
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px);
                text-align: center;
                opacity: 0;
                visibility: hidden;
                width: 100%;
                -webkit-transition: all .6s;
                transition: all .6s;
                z-index: 2;
        }

        .listroBox figure .read_more span {
                background-color: #ed1c24;
                background-color: #ed1c24;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                -ms-border-radius: 20px;
                border-radius: 10px;
                display: inline-block;
                color: #fff;
                font-size: 14px;
                padding: 8px 25px;
                text-transform: uppercase;
        }

        .listroBox figure small {
                position: absolute;
                background-color: #000;
                background-color: rgba(0, 0, 0, .6);
                left: 20px;
                top: 22px;
                text-transform: uppercase;
                color: #fff;
                font-weight: 600;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
                padding: 7px 10px 4px;
                line-height: 1;
                font-size: 10px;
        }

        .listroBox .listroBoxmain {
                padding: 20px 25px 15px;
        }

        .listroBox .listroBoxmain h3 {
                font-size: 17px;
                margin: 0 0 8px 0;
        }

        .listroBox .listroBoxmain p {
                margin-bottom: 15px;
                font-size: 14px;
                line-height: 26px;
        }

        a.address {
                display: inline-block;
                font-weight: 500;
                color: #999;
                line-height: 1;
        }

        a.address:before {
                font-family: "Font Awesome 5 Free";
                content: "\f14e";
                margin-right: 5px;
                display: inline-block;
        }

        .listroBox ul {
                padding: 20px 15px 17px 20px;
                border-top: 1px solid #ededed;
        }

        .listroBox ul li:first-child {
                font-size: 13px;
                font-size: .8125rem;
                margin-top: -4px;
        }

        .listroBox ul li {
                display: inline-block;
                margin-right: 15px;
        }

        .Ropen {
                color: #32a067;
                border: 1px solid #32a067;
        }

        .Rclosed {
                color: #ed1c24;
                border: 1px solid #ed1c24;
        }

        .listroBox a.wishlist_bt:hover {
                background: #ed1c24;
        }

        .Rclosed,
        .Ropen {
                position: relative;
                top: -2px;
                font-size: 11px;
                font-size: .6875rem;
                font-weight: 600;
                padding: 6px 8px;
                line-height: 1;
                border-radius: 3px;
        }

        .listroBox ul li .R_retings {
                margin-top: -26px;
        }

        .R_retings span {
                display: inline-block;
                position: relative;
                top: 7px;
                margin-right: 8px;
                font-size: 12px;
                font-size: .75rem;
                text-align: right;
                line-height: 16px;
                font-weight: bold;
        }

        .R_retings strong {
                background-color: #ed1c24;
                color: #fff;
                line-height: 1;
                -webkit-border-radius: 5px 5px 5px 5px;
                -moz-border-radius: 5px 5px 5px 5px;
                -ms-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
                padding: 10px;
                display: inline-block;
        }

        .R_retings span em {
                display: block;
                font-weight: 400;
                font-size: 11px;
                font-size: .6875rem;
        }

        .listroBox figure a:hover img {
                transform: translate(-50%, -50%) scale(1.1);
        }

        .listroBox ul li:last-child {
                margin: 26px 0 0 0;
                float: right;
        }

        .listroBox figure:hover .read_more {
                opacity: 1;
                visibility: visible;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);
        }

        .listroBox {
                transition: .4s;
                transform: scale(1);
        }

        .listroBox:hover {
                transform: translateY(-6px);
        }

        .testimonial {
                position: relative;
                margin-left: 3rem;
                padding: 4rem;
                padding-left: 70px;
        }

        .shadow {
                box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
        }

        .rounded-lg {
                border-radius: .6rem !important;
        }

        .border-0 {
                border: 0 !important;
        }

        .testimonial-avatar {
                overflow: hidden;
                width: 80px;
                height: 80px;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                border-radius: 50%;
                box-shadow: -5.665px 9.429px 35px 0px rgba(0, 0, 0, 0.2);
                position: absolute;
                top: 50%;
                left: 0;
        }

        .img-fluid {
                max-width: 100%;
                height: auto;
        }

        img {
                vertical-align: middle;
                border-style: none;
        }

        .testimonial-quote {
                margin-bottom: 10px;
                color: #4E66F8;
                font-size: 1.5rem;
        }

        .testimonial-text {
                color: #656565;
                font-size: 0.9rem;
                line-height: 1.8rem;
                line-height: 1.7rem;
        }

        .swiper-pagination-bullet {
                background: #d8c4c4;
                opacity: .8;
        }

        .resultBar.barSpaceAdjust {
                margin-bottom: 15px;
        }

        .resultBar {
                display: block;
                padding-bottom: 15px;
                margin-bottom: 25px;
                border-bottom: 1px solid #e5e5e5;
        }

        .resultBar h2 {
                color: #848484;
                font-weight: 400;
                text-transform: capitalize;
                font-size: 15px;
                margin-bottom: 0;
                display: inline-block;
        }

        .resultBar h2 span {
                font-weight: 500;
                color: #222;
        }

        .resultBar .list-inline {
                float: right;
        }

        .list-inline {
                padding-left: 0;
                margin-left: -5px;
                list-style: none;
        }

        .list-inline>li {
                display: inline-block;
                padding-right: 5px;
                padding-left: 5px;
        }

        .resultBar .list-inline li a {
                line-height: 33px;
                color: #848484;
        }

        .resultBar .list-inline li.active a {
                color: #2196f3;
        }

        .paginationCommon.categoryPagination {
                /*argin-top: 35px;*/
        }

        .paginationCommon.blogPagination nav {
                margin: 0;
                border: 0;
        }

        .paginationCommon.blogPagination nav .pagination {
                margin: 0;
        }

        .paginationCommon .pagination li {
                float: left;
                margin: 0 5px 5px 0;
        }

        .pagination>li {
                display: inline;
        }

        .paginationCommon .pagination li:first-child a, .paginationCommon .pagination li:last-child a {
                border-radius: 0;
                background-color: var(--jezl-g-red);
                color: #fff;
        }

        .paginationCommon .pagination li a {
                border-color: #e5e5e5;
                float: none;
                color: #222;
                font-weight: 400;
                padding: 0;
                display: block;
                text-align: center;
                width: 30px;
                height: 30px;
                line-height: 30px;
                font-size: 12px;
        }

        .pagination>li:first-child>a,
        .pagination>li:first-child>span {
                margin-left: 0;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
        }

        .pagination>li>a,
        .pagination>li>span {
                position: relative;
                float: left;
                padding: 6px 12px;
                margin-left: -1px;
                line-height: 1.42857143;
                color: #337ab7;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #ddd;
        }

        .paginationCommon .pagination li a span {
                font-size: 17px;
        }

        .paginationCommon .pagination li a {
                border-color: #e5e5e5;
                float: none;
                color: #222;
                padding: 0;
                display: block;
                text-align: center;
                /*width: 60px;
        height: 50px;
        line-height: 51px;*/
                font-size: 16px;
                font-weight: bold;
        }

        .pagination>li>a,
        .pagination>li>span {
                position: relative;
                float: left;
                padding: 6px 12px;
                margin-left: -1px;
                line-height: 1.42857143;
                color: #337ab7;
                text-decoration: none;
                background-color: #fff;
                border: 0px solid #ddd;
        }

        .paginationCommon .pagination li a:hover {
                background-color: var(--jezl-g-red-h);
                color: #fff;
        }

        .paginationCommon .pagination li.active a {
                color: var(--jezl-g-red);

        }

        .list-room-rati {
                padding: 25px 0px 5px 0px !important;
        }

        .list-room-rati i {
                color: #F9B90F;
        }

        .hotelsamilar .listroBox {
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        }

        .trsort-select {
                max-width: 265px;
                display: inline-block;
                min-width: 250px;
                margin-right: 20px;
        }

        .trsort-select.last {
                margin-right: 0;
        }

        .trchange-view-btns {
                text-align: right
        }

        .trchange-view-btns button {
                display: inline-block;
                vertical-align: top;
                width: 55px;
                height: 55px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                border: 1px solid #d6d6d6;
                background: none;
                margin-left: 5px;
                cursor: pointer;
                position: relative;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease
        }

        .trchange-view-btns button:before {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto
        }

        .trchange-view-btns button.trview-btn-1:before {
                background-position: 0px -475px;
                width: 23px;
                height: 23px
        }

        .trchange-view-btns button.trview-btn-2:before {
                background-position: 0px -444px;
                width: 27px;
                height: 21px
        }

        .trchange-view-btns button:hover {
                opacity: 0.8
        }

        .trlisting-top-row {
                margin-bottom: 50px;
                padding-right: 25px
        }

        .trproduct-box {
                /*display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;*/
                padding: 30px 25px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -webkit-transition: -webkit-box-shadow 0.3s ease;
                transition: -webkit-box-shadow 0.3s ease;
                -o-transition: box-shadow 0.3s ease;
                transition: box-shadow 0.3s ease;
                transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
                margin-bottom: 30px;
                -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
                box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
        }

        .trproduct-box:hover {
                -webkit-box-shadow: 0 9px 46px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 9px 46px 0 rgba(0, 0, 0, 0.1)
        }

        .trproduct-box-info {
                width: 100%;
                margin: 20px 0 0 0;
        }

        .trproduct-box-img {
                /*	-webkit-box-flex: 0;
        -webkit-flex: 0 0 310px;
        -ms-flex: 0 0 310px;
        flex: 0 0 310px;
        max-width: 310px;
        margin-right: 30px;*/
                position: relative
        }

        .trproduct-box-img a {
                display: block;
                position: relative;
                width: 100%;
                height: auto;
        }

        .trproduct-box-sticker {
                position: absolute;
                top: 15px;
                right: 0;
                padding: 5px 15px 6px;
                z-index: 1;
                -webkit-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px
        }

        .trproduct-box .trproduct-show-boxes {
                position: relative;
        }

        .trproduct-box .trproduct-show-boxes img {
                /*display: none;*/
                visibility: hidden;
                opacity: 0;
                width: 100%;
                height: auto;
                transition: .5s;
                position: relative;
        }

        .trproduct-box .trproduct-show-boxes img:first-child {
                /*display: block;*/
                visibility: visible;
                opacity: 1;
        }

        .trproduct-box .trproduct-show-boxes.trfull-stack:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.7);
                z-index: 1;
        }

        .trproduct-box .trproduct-show-boxes.trfull-stack:after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                background-size: contain;
                background-repeat: no-repeat;
                width: 75px;
                height: 53px;
                z-index: 2;
        }

        .trproduct-box-title {
                font-size: 16px;
                line-height: 24px;
                font-weight: 700;
        }

        .trproduct-box-title a {
                text-decoration: none !important;
        }

        .trproduct-box-title a:hover {
                text-decoration: none;
        }

        .trproduct-box-text {
                margin-bottom: 20px;
                font-size: 14px;
                line-height: 24px;
        }

        .trproduct-box-list {
                font-size: 12px;
                line-height: 1;
                font-weight: 600;
                display: grid;
                grid-template-columns: auto auto auto;
                justify-content: space-between;
        }

        .trproduct-box-list ul {
                display: inline-block;
                vertical-align: top;
        }

        .trproduct-box-list ul li {
                margin-bottom: 10px;
                list-style: none;
        }

        .trproduct-box-list ul li span {
                color: #5c5c5c;
                padding-right: 5px;
                font-weight: 400;
                position: relative;
                display: inline-block;
                min-width: 30px;
        }

        .trtheme-tone-dark .trproduct-box-list ul li span {
                color: #bbb;
        }

        .trproduct-box-list ul li span img {
                max-width: 16px;
                left: 0;
                top: -3px;
                opacity: .6;
                position: absolute;
        }

        .trproduct-box-info {
                width: 100%;
        }

        .trproduct-box-header {
                display: grid;
                grid-template-columns: auto auto;
                grid-column-gap: 35px;
                align-content: start;
        }

        .trproduct-box-price {
                text-align: right;
        }

        .trproduct-box-price .trbutton {
                position: relative;
                top: -5px;
        }

        .trproduct-box-btn {
                margin-bottom: 10px;
                overflow: hidden;
                font-size: 0;
                white-space: nowrap
        }

        .trproduct-box-btn .trbutton {
                width: 140px;
                -webkit-transform: translateX(-140px);
                -ms-transform: translateX(-140px);
                transform: translateX(-140px);
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease
        }

        .trproduct-box-btn .trbutton.trgray-btn {
                opacity: 0;
                visibility: hidden
        }

        .trproduct-box-btn:hover .trbutton {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                opacity: 0;
                visibility: hidden
        }

        .trproduct-box-btn:hover .trbutton.trgray-btn {
                opacity: 1;
                visibility: visible
        }

        .trproduct-box-btn.trbooked-btn .trbutton {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                cursor: default
        }

        .trproduct-box-btn.trbooked-btn .trbutton:hover {
                opacity: 1;
                visibility: visible
        }

        .trproduct-box-line {
                text-align: center;
                margin-bottom: 30px;
                min-height: 20px;
                font-size: 14px;
                line-height: 26px;
                font-weight: 700;
        }

        .trproduct-box-line span {
                text-decoration: line-through
        }

        .trproduct-box-checkbox {
                text-align: left;
        }

        .trsub-categories-checkbox {
                padding-left: 15px;
                margin-bottom: .3rem;
                font-size: 14px;
        }

        .trsub-categories-checkbox label {
                margin-bottom: .2rem;
        }

        .trproduct-box-checkbox label {
                cursor: pointer;
                display: inline-block;
                vertical-align: top;
                padding-left: 25px;
                position: relative
        }

        .trproduct-box-checkbox label input[type=checkbox] {
                display: none;
        }

        .trproduct-box-checkbox label input[type=checkbox]:checked+.trcheckbox-icon:before {
                opacity: 1;
        }

        .trproduct-box-checkbox label .trcheckbox-icon {
                width: 14px;
                height: 14px;
                border: 1px solid #7b7b7b;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                display: block;
                position: absolute;
                top: 6px;
                left: 0;
        }

        .trproduct-box-checkbox label .trcheckbox-icon:before {
                content: '';
                position: absolute;
                top: 1px;
                bottom: 1px;
                right: 1px;
                left: 1px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                opacity: 0;
                -webkit-transition: opacity 0.3s ease;
                -o-transition: opacity 0.3s ease;
                transition: opacity 0.3s ease
        }

        .trcheckbox-text {
                font-size: 12px;
                font-weight: 700;
        }

        .trproduct-hover-boxes {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 2;
        }

        .trproduct-hover-boxes .trhover-box {
                -webkit-flex-basis: 0;
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%;
        }

        .trproduct-dots-boxes {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                z-index: 1;
        }

        .trproduct-dots-boxes .trdot-box {
                -webkit-flex-basis: 0;
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%;
                margin: 5px 5px 10px 5px;
                background: #fff;
                height: 5px;
        }

        #pixcars-listing {
                margin-bottom: 100px;
        }

        .trproduct-list {
                margin-bottom: 50px;
                -webkit-transition: all 0.15s ease;
                -o-transition: all 0.15s ease;
                transition: all 0.15s ease;
        }

        .trproduct-grid {
                overflow: hidden;
                margin-bottom: 25px;
                -webkit-transition: all 0.15s ease;
                -o-transition: all 0.15s ease;
                transition: all 0.15s ease;
        }

        .trproduct-grid-inner {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: 0 -16px;
        }

        .trproduct-grid .trsale-box {
                width: 300px;
                margin: 0 16px 30px;
        }

        .trproduct-grid .trsale-box-info-row {
                padding: 13px 20px
        }

        .trproduct-grid .trsale-box-price-booking,
        .trproduct-grid .trsale-box-price-btn {
                padding: 1px 15px;
                margin: 0 15px;
                -webkit-transform: translateX(-125px);
                -ms-transform: translateX(-125px);
                transform: translateX(-125px)
        }

        .trproduct-grid .trsale-box-name {
                font-size: 12px;
                line-height: 18px;
        }

        .trproduct-grid .trsale-box-info-row {
                margin-bottom: 18px;
        }

        .trproduct-box-title a:hover {}

        .trproduct-box-text {
                color: #5c5c5c;
        }

        .trproduct-box-line {
                color: #5c5c5c;
        }

        .trproduct-box-btn.trbooked-btn .trbutton {
                background: #9a9a9a
        }

        .trproduct-box-btn.trbooked-btn .trbutton:hover {
                background: #9a9a9a
        }

        .trproduct-box-sticker {
                font-size: 12px;
                line-height: 24px;
                font-weight: 700;
                color: #fff;
                background: rgba(255, 55, 55, 0.85);
        }

        .trproduct-box-sticker.trdark-sticker {
                background: rgba(0, 0, 0, 0.55);
        }

        .trsingle .trproduct-box-sticker.trdark-sticker {
                z-index: 5;
                top: 40px;
                right: 40px;
        }

        .trproduct-box-checkbox label .trcheckbox-icon:before {
                background: var(--trmain-color);
        }

        .trproduct-dots-boxes .trdot-box {
                background: #fff;
        }

        .trproduct-dots-boxes .trdot-box.tractive {}

        .trbutton span {}

        .trproduct-box-price {
                text-align: right;
        }

        .trproduct-box-price .trbutton {
                position: relative;
                top: -10px;
        }

        .trreservation-btn {}

        ._mb-10 {
                margin-bottom: 10px !important;
        }

        .trg-rounded {
                border-radius: 3px;
        }

        .trg {
                border: 1px solid #e6e6e6;
                margin-bottom: -1px;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                -ms-transition: 0.3s;
                transition: 0.3s;
                z-index: 1;
                position: relative;
                background: #fff;
        }

        .trg-preview {
                padding: 23px 20px;
                position: relative;
        }

        .trg-mask-link {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                display: block;
                z-index: 5;
        }

        @media (min-width: 992px) {
                .trg-flight-sections .trg-flight-section:last-child {
                        margin-bottom: 0;
                        padding-bottom: 0;
                        border: none;
                }
        }

        .trg-flight-sections .trg-flight-section {
                margin-bottom: 20px;
                padding-bottom: 20px;
                border-bottom: 1px dashed #e6e6e6;
        }

        .row.row-no-gutter,
        .row[data-gutter="0"],
        .row[data-gutter="none"] {
                margin: 0 !important;
        }

        @media (min-width: 992px) {

                .row-eq-height,
                .row-col-eq {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: box;
                        display: flex;
                }
        }

        .trg-flight-section-airline-logo-wrap {
                position: relative;
                height: 100%;
        }

        .trg-flight-section-airline-logo {
                display: block;
                max-width: 100%;
                max-height: 100px;
                top: 50%;
                left: 50%;
                position: absolute;
                -webkit-transform: translate3d(-50%, -50%, 0);
                -moz-transform: translate3d(-50%, -50%, 0);
                -o-transform: translate3d(-50%, -50%, 0);
                -ms-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        }

        .trg-flight-section-item {
                padding: 0 15px;
        }

        .trg-flight-section-meta-time {
                font-size: 17px;
                font-weight: 700;
                margin-bottom: 6px;
                line-height: 1em;
                text-transform: uppercase;
        }

        .trg-flight-section-meta-city {
                font-size: 13px;
                opacity: 0.65;
                margin-bottom: 2px;
        }

        .trg-flight-section-meta-date {
                font-size: 10px;
                opacity: 0.65;
                margin-bottom: 0;
        }

        .trg-flight-section-path {
                position: relative;
                height: 60px;
                margin: 0 5px;
        }

        .trg-flight-section-path-fly-time {
                text-align: center;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
        }

        .trg-flight-section-path-fly-time>p {
                font-size: 12px;
                opacity: 0.65;
        }

        .trg-flight-section-path-line {
                position: absolute;
                top: 30px;
                left: 0;
                width: 100%;
                height: 2px;
                background: #dedede;
        }

        .trg-flight-section-path-line-start,
        .trg-flight-section-path-line-end,
        .trg-flight-section-path-line-middle,
        .trg-flight-section-path-line-middle-1,
        .trg-flight-section-path-line-middle-2 {
                position: absolute;
                left: -15px;
                text-align: center;
                width: 30px;
        }

        .trg-flight-section-path-icon {
                margin-bottom: 9px;
                opacity: 0.5;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
        }

        .trg-flight-section-path-line-dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: #0093d2;
                margin-bottom: 10px;
                margin-left: 10px;
                -webkit-box-shadow: 0 0 0 2px #fff;
                box-shadow: 0 0 0 2px #fff;
        }

        .trg-flight-section-path-line-title {
                font-size: 9px;
                opacity: 0.65;
        }

        .trg-flight-section-path-line-end {
                right: -15px;
                left: auto;
        }

        .trg-flight-section-path-line-end .trg-flight-section-path-icon {
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        }

        .trg-flight-section-path-icon {
                margin-bottom: 9px;
                opacity: 0.5;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
        }

        .trg-flight-section-path-line-dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: #0093d2;
                margin-bottom: 10px;
                margin-left: 10px;
                -webkit-box-shadow: 0 0 0 2px #fff;
                box-shadow: 0 0 0 2px #fff;
        }

        .trg-flight-section-path-line-title {
                font-size: 9px;
                opacity: 0.65;
        }

        .trg-flight-section-meta-time {
                font-size: 17px;
                font-weight: 700;
                margin-bottom: 6px;
                line-height: 1em;
                text-transform: uppercase;
        }

        .trg-flight-section-meta-time>span {
                font-weight: 400;
                font-size: 10px;
                margin-left: 2px;
                opacity: 0.65;
                line-height: 1em;
        }

        .trg-flight-section-meta-city {
                font-size: 13px;
                opacity: 0.65;
                margin-bottom: 2px;
        }

        .trg-flight-section-meta-date {
                font-size: 10px;
                opacity: 0.65;
                margin-bottom: 0;
        }

        .trg-flight-section-airline-title {
                font-size: 10px;
                font-weight: 400;
                opacity: 0.4;
                margin-bottom: 0;
                margin-top: 15px;
        }

        .trg-book {
                position: relative;
                height: 100%;
        }

        .trg-price {
                text-align: center;
                margin-bottom: 10px;
        }

        .trg-price-tag {
                font-size: 22px;
                margin-bottom: 0;
                line-height: 1em;
        }

        .trg-price-sign {
                font-size: 10px;
                color: #b3b3b3;
                margin-bottom: 0;
                margin-top: 2px;
        }

        .trg-price-btn {
                padding: 7px 0;
                border-radius: 2px;
                font-weight: 700;
                font-size: 11px;
                position: relative;
                z-index: 10;
        }

        .trg-extend-inner {
                padding: 23px 27px;
                padding-top: 30px;
        }

        .trg-flight-detail-items .trg-flight-details:last-child {
                margin-bottom: 0;
        }

        .trg-flight-detail-items .trg-flight-details {
                margin-bottom: 30px;
        }

        .trg-flight-details-info-title {
                text-transform: uppercase;
                letter-spacing: 1.5px;
                font-size: 10px;
                color: #999;
                margin-top: 0;
                margin-bottom: 7px;
        }

        .trg-flight-details-info-date {
                font-weight: bold;
                font-size: 16px;
                margin-bottom: 3px;
                line-height: 1em;
        }

        .trg-flight-details-info-cities {
                font-size: 10px;
                opacity: 0.65;
                margin-bottom: 10px;
        }

        .trg-flight-details-info-fly-time {
                font-size: 16px;
                opacity: 0.7;
                margin-bottom: 0;
        }

        .trg-flight-details-info-stops {
                font-size: 12px;
                margin-bottom: 0;
                opacity: 0.4;
        }

        .trg-flight-details-schedule-list {
                list-style: none;
                margin: 0;
                padding-left: 30px;
                position: relative;
        }

        .trg-flight-details-schedule-list:before {
                content: '';
                width: 2px;
                height: 100%;
                background-color: #d9d9d9;
                top: 0;
                left: 0;
                position: absolute;
        }

        .trg-flight-details-schedule-list>li:last-child {
                margin-bottom: 0;
        }

        .trg-flight-details-schedule-list>li {
                margin-bottom: 30px;
                position: relative;
        }

        .trg-flight-details-schedule-icon.fa-plane {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        }

        .trg-flight-details-schedule-icon {
                position: absolute;
                top: 16px;
                left: -42px;
                width: 26px;
                height: 26px;
                line-height: 26px;
                text-align: center;
                background-color: #fff;
                -webkit-box-shadow: 0 0 0 1px #d9d9d9;
                box-shadow: 0 0 0 1px #d9d9d9;
                color: #0093d2;
                border-radius: 50%;
                display: block;
                font-size: 12px;
        }

        .trg-flight-details-schedule-dots {
                position: absolute;
                top: 29px;
                left: 0;
                width: 100%;
                border-top: 2px dotted #000;
                opacity: 0.1;
        }

        .trg-flight-details-schedule-date {
                font-size: 10px;
                margin-bottom: 7px;
                opacity: 0.65;
        }

        .trg-flight-details-schedule-time {
                font-size: 16px;
                margin-bottom: 7px;
                line-height: 1em;
                background: #fff;
                position: relative;
                display: table;
                z-index: 2;
                padding-right: 10px;
        }

        .trg-flight-details-schedule-fly-time {
                position: absolute;
                top: 20px;
                right: 0;
                font-size: 12px;
                color: #999;
                background-color: #fff;
                padding-left: 10px;
                z-index: 2;
        }

        .trg-flight-details-schedule-time-item {
                font-weight: bold;
                text-transform: uppercase;
        }

        .trg-flight-details-schedule-time-item>span {
                font-weight: normal;
                font-size: 10px;
                margin-left: 1.5px;
        }

        .trg-flight-details-schedule-fly-time {
                position: absolute;
                top: 20px;
                right: 0;
                font-size: 12px;
                color: #999;
                background-color: #fff;
                padding-left: 10px;
                z-index: 2;
        }

        .trg-flight-details-schedule-destination {
                margin-bottom: 10px;
                overflow: hidden;
        }

        .trg-flight-details-schedule-destination-item,
        .trg-flight-details-schedule-destination-separator {
                float: left;
        }

        .trg-flight-details-schedule-destination-separator {
                margin: 0 10px;
        }

        .trg-flight-details-schedule-destination-item,
        .trg-flight-details-schedule-destination-separator {
                float: left;
        }

        .trg-flight-details-schedule-destination-item,
        .trg-flight-details-schedule-destination-separator {
                float: left;
        }

        .trg-flight-details-schedule-destination-title {
                font-size: 12px;
                margin-bottom: 0;
        }

        .trg-flight-details-schedule-destination-city {
                font-size: 10px;
                opacity: 0.5;
                margin-bottom: 0;
        }

        .trg-flight-details-schedule-destination-separator>span {
                opacity: 0.5;
                display: block;
                line-height: 1em;
        }

        .trg-flight-details-schedule-destination-title {
                font-size: 12px;
                margin-bottom: 0;
        }

        .trg-flight-details-schedule-destination-city {
                font-size: 10px;
                opacity: 0.5;
                margin-bottom: 0;
        }

        .trg-flight-details-schedule-features {
                font-size: 12px;
                list-style: none;
                padding: 0;
                margin: 0;
                opacity: 0.5;
        }

        .trg-flight-details-schedule-features>li {
                display: inline-block;
                margin-right: 10px;
        }

        .trg-extend-close {
                position: absolute;
                top: 0;
                right: 0;
                text-align: center;
                display: block;
                padding: 0 23px;
                color: #595959;
                opacity: 0.5;
        }

        .Categories-home .listroBox {
                box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        }

        .Categories-home-list {
                background: #f8f9fa;
        }

        .service-home {
                padding: 80px 0;
                background: #f8f9fa;
        }

        .home-flight .trg-flight-section-airline-logo {
                max-width: 90%;
                max-height: 100%;
        }


        /*--==== LISTING SERVICES =====--*/

        .pg-list-ser {}

        .pg-list-ser ul {}

        .pg-list-ser ul li {
                padding: 8px;
        }

        .pg-list-ser-p1:before {
                content: '';
                position: absolute;
                background: linear-gradient(to top, rgba(0, 0, 0, 0.71) 14%, rgba(0, 0, 0, 0.32) 66%);
                top: 0px;
                bottom: 0px;
                left: 0px;
                width: 100%;
        }

        .pg-list-ser ul li h4 {}

        .pg-list-ser-p1 {
                position: relative;
                overflow: hidden;
        }

        .pg-list-ser-p1:hover img {
                -moz-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -o-transform: scale(1.2);
                transform: scale(1.2);
        }

        .pg-list-ser-p1 img {
                width: 100%;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
        }

        .pg-list-ser-p2 {
                position: absolute;
                /* text-align: center;
        */
                width: 89.5%;
                margin-top: -35px;
        }

        .pg-list-ser-p2 h4 {
                text-align: center;
                color: #fff;
                font-size: 16px;
        }

        .list-pg-bg {
                background: #f7f8fa;
        }

        .pglist-bg {
                background: #fff;
                border: 1px solid #e2e2e2;
                border-radius: 2px;
        }

        .list-pg-inn-sp {
                padding: 20px;
        }

        .list-rom-pric {
                font-size: 26px !important;
                background: #fff;
        }

        .list-room-type {
                position: relative;
                overflow: hidden;
                width: 100%;
                padding-top: 10px;
        }

        .list-room-type ul {
                padding: 0px;
        }

        .list-room-type ul li {
                display: inline-block;
                float: left;
                color: #636363;
                font-size: 14px;
        }

        .list-room-type ul li img {
                width: 18px;
                /* margin-right: 7px;
        */
                /* border: 1px solid #333;
        */
                /* padding: 3px;
        */
                border-radius: 40px;
        }

        .list-room-type ul li:nth-child(1) {}

        .list-room-type ul li:nth-child(2) {}

        .list-room-deta {}

        .list-room-deta h3 {
                font-size: 20px;
                color: #141f31;
                font-weight: 700;
                font-size: 18px;
        }

        .list-room-rati {
                padding: 10px 0px 5px 0px;
        }

        .list-rom-ami {}

        .list-rom-ami ul li {
                /* padding-right: 10px;
        */
                padding-bottom: 6px;
                font-size: 12px;
                background: #f5f5f5;
                border-radius: 4px;
                margin-right: 5px;
                padding: 4px 8px;
                margin-bottom: 5px;
        }

        .list-rom-ami ul li img {
                vertical-align: sub;
                width: 15px;
                height: 15px;
                /* display: none;
        */
        }

        .list-room-mar-o {}

        .lp-ur-all {
                position: relative;
                overflow: hidden;
        }

        .lp-ur-all-rat {
                position: relative;
                overflow: hidden;
                border-top: 1px solid #e2e2e2;
                margin-top: 20px;
                padding-top: 20px;
        }

        .lp-ur-all-left {
                float: left;
                width: 40%;
                border-right: 4px solid #6b7f8a;
                padding-right: 20px;
        }

        .lp-ur-all-left-1 {
                float: left;
                width: 100%;
        }

        .lp-ur-all-left-11 {
                float: left;
                width: 50%;
                font-size: 13px;
                padding-right: 14px;
                color: #4d5158;
        }

        .lp-ur-all-left-12 {
                float: left;
                width: 50%;
                height: 6px;
                background: #dadada;
                margin-top: 7px;
                border-radius: 0px;
        }

        .lp-ur-all-left-13 {
                width: 100%;
                background: #43a047;
                height: 6px;
                border-radius: 0px;
        }

        .lp-ur-all-left-Good {
                width: 50%;
                background: #73ca14;
        }

        .lp-ur-all-left-satis {
                width: 18%;
                background: #3dbbd0;
        }

        .lp-ur-all-left-below {
                width: 20%;
                background: #ca7224;
        }

        .lp-ur-all-left-poor {
                width: 5%;
                background: #de382c;
        }

        .lp-ur-all-right {
                float: left;
                width: 60%;
                padding: 2px 20px;
        }

        .lp-ur-all-right h5 {
                font-weight: 500;
                font-size: 18px;
                padding-bottom: 20px;
        }

        .lp-ur-all-right p {}

        .lp-ur-all-right p span {
                background: #55bf15;
                font-size: 34px;
                color: #fff;
                font-weight: 600;
                padding: 8px;
                border-radius: 5px;
                vertical-align: sub;
                margin-right: 15px;
        }

        .lp-ur-all-right p span i {
                font-size: 20px;
                vertical-align: text-top;
        }

        .lp-ur-all-rat {}

        .lp-ur-all-rat h5 {
                padding: 15px 0px 5px 0px;
                background: #fff;
                font-weight: 700;
                font-size: 18px;
                text-transform: uppercase;
        }

        .lp-ur-all-rat ul {
                margin-bottom: 0px;
        }

        .lp-ur-all-rat ul li {
                position: relative;
                overflow: hidden;
                border-bottom: 1px solid #e2e2e2;
                padding-top: 15px;
                padding-bottom: 5px;
        }

        .lr-user-wr-img {
                float: left;
                /* width: 10%;
        */
                display: inline-block;
        }

        .lr-user-wr-img img {
                width: 42px;
        }

        .lr-user-wr-con {
                float: left;
                width: 90%;
                display: inline-block;
                padding: 0px 20px;
        }

        .lr-user-wr-con h6 {
                line-height: 36px;
                font-size: 18px;
        }

        .lr-user-wr-con p {
                font-size: 13px;
                color: #21344c;
        }

        .lr-revi-date {
                font-size: 13px;
                color: #828282;
        }

        .lr-user-wr-con h6 span {
                background: #55bf15;
                font-size: 15px;
                color: #fff;
                font-weight: 600;
                padding: 4px 4px;
                border-radius: 4px;
                vertical-align: top;
                margin-left: 6px;
        }

        .lr-user-wr-con h6 span i {
                font-size: 10px;
                vertical-align: text-top;
        }

        .lr-user-wr-con ul {
                padding: 0px;
                position: relative;
                overflow: hidden;
        }

        .lr-user-wr-con ul li {
                list-style-type: none;
                display: inline-block;
                padding-right: 15px;
                padding-top: 0px;
                border: 0px;
        }

        .lr-user-wr-con ul li a {
                color: #333;
                font-size: 14px;
        }

        .lr-user-wr-con ul li a span {
                padding-right: 7px;
                color: #888;
                font-size: 12px;
        }

        .lr-user-wr-con ul li a i {}

        .list-pg-write-rev {
                position: relative;
                overflow: hidden;
        }

        .list-pg-write-rev form input {
                height: 45px;
                position: relative;
                padding: 15px 24px;
                box-sizing: border-box;
                box-shadow: none;
                border: 1px solid #e8e8e8;
                text-indent: 0;
                line-height: 12px;
                -webkit-transition: border-color .4s, color .4s;
                transition: border-color .4s, color .4s;
                /* -webkit-appearance: none;
        */
                width: 100%;
                font-size: 14px;
                background: #fff;
        }

        .list-pg-write-rev form label {
                top: 14px;
        }

        .list-pg-write-rev form textarea {
                height: 100px;
                position: relative;
                padding: 15px 24px;
                box-sizing: border-box;
                box-shadow: none;
                border: 1px solid #e8e8e8;
                text-indent: 0;
                line-height: 12px;
                -webkit-transition: border-color .4s, color .4s;
                transition: border-color .4s, color .4s;
                /* -webkit-appearance: none;
        */
                width: 100%;
                font-size: 14px;
                background: #fff;
        }

        .list-pg-guar {}

        .list-pg-guar ul {
                margin-bottom: 0px;
        }

        .list-pg-guar ul li {
                border-bottom: 1px solid #e2e2e2;
                padding: 12px 0px 5px 0px;
        }

        .list-pg-guar ul li:nth-child(1) {
                padding: 5px 0px 5px 0px;
        }

        .list-pg-guar ul li:nth-child(3) {
                border-bottom: 0px solid #e2e2e2;
                padding-bottom: 5px;
        }

        .list-pg-guar ul li h4 {
                font-size: 16px;
                padding-bottom: 5px;
        }

        .list-pg-guar ul li p {
                line-height: 18px;
                font-size: 13px;
        }

        .list-pg-guar-img {
                display: inline-block;
                float: left;
                height: 100%;
                margin-right: 15px;
                margin-bottom: 8px;
        }

        .list-pg-guar-img img {}

        .list-pg-btn {
                width: 100%;
                font-size: 14px;
                height: 45px;
                line-height: 45px;
        }

        .pglist-p-com-ti-right {}

        .pglist-p-com-ti-right h3 {
                background: #20334c;
                color: #fff;
                font-size: 15px;
        }

        .pglist-p-com-ti-right h3 span {
                color: #c7c7c7;
                font-size: 15px;
        }

        .pg-list-user-pro {
                background: url('../images/profile-bg.jpg') no-repeat;
                height: 100px;
                background-size: cover;
        }

        .pg-list-user-pro img {
                /* display: table;
        */
                /* margin: 0 auto;
        */
                position: relative;
                /* left: 40%;
        */
                margin-top: 72px;
                margin-left: 41%;
        }

        .list-pg-upro {
                text-align: center;
                padding-top: 30px;
        }

        .list-pg-upro h5 {
                font-size: 16px;
        }

        .list-pg-upro p {
                padding-bottom: 5px;
                font-size: 15px;
        }

        .list-pg-upro a {
                background: #f44336;
        }

        .list-pg-map {}

        .list-pg-map iframe {
                height: 180px;
                width: 100%;
                border: 0px;
        }

        .list-pg-oth-info {}

        .list-pg-oth-info ul {}

        .list-pg-oth-info ul li {
                border-bottom: 1px solid #e2e2e2;
                padding: 10px 0px;
        }

        .list-pg-oth-info ul li:last-child {
                border-bottom: 0px solid #e2e2e2;
                padding-bottom: 0px;
        }

        .list-pg-oth-info ul li span {
                float: right;
                text-align: right;
                background: #f7f8fa;
                /* color: #fff;
        */
                border-radius: 5px;
                padding: 0px 5px;
                border: 1px solid #e2e2e2;
                font-size: 12px;
        }

        .green-bg {
                background: #ed1c24 !important;
                color: #fff;
        }

        .list-mig-like {}

        .list-mig-like-com {
                position: relative;
                border-radius: 10px;
                margin-bottom: 20px;
                background-color: #ed1c24;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
        }

        .list-mig-lc-img {}

        .list-mig-like-com:hover img {
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                opacity: 0.5;
        }

        .list-mig-lc-img img {
                width: 100%;
                border-radius: 5px;
        }

        .list-mig-like-com:before {
                content: '';
                position: absolute;
                top: 0px;
                bottom: 0px;
                left: 0px;
                width: 100%;
                border-radius: 5px;
        }

        .list-mig-lc-con {
                position: absolute;
                width: 100%;
                margin-top: -125px;
                padding: 20px 20px 0px 20px;
                display: block;
        }

        .list-mig-lc-con2 {
                margin-top: -90px;
        }

        .list-mig-lc-con h5 {
                font-size: 18px;
                color: #fff;
                padding-top: 10px;
                padding-bottom: 5px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
        }

        .list-mig-lc-con h6 {
                font-size: 14px;
                color: #fff;
                position: absolute;
                top: -20px;
                /* right: 0px;
        */
                border: 1px solid #fff;
                padding: 8px 10px 3px 10px;
                border-radius: 18px;
                margin-bottom: 5px;
                padding-bottom: 10px;
        }

        .list-mig-lc-con p {
                color: #ffffff;
                font-size: 13px;
        }

        .list-mi-pr {
                top: 15px;
        }

        .list-ri-spec-tit {}

        .list-ri-spec-tit h3 {
                padding: 5px 20px 18px 20px;
                /* background: #fff;
        */
                font-weight: 700;
                font-size: 16px;
                text-transform: uppercase;
                text-align: center;
                letter-spacing: 1px;
        }

        .list-ri-spec-tit h3 span {
                font-weight: 700;
                font-size: 16px;
        }

        .list-room-rati i {
                color: #ffc107 !important;
        }

        .solutions .opacity-2 {
                opacity: 0.2;
        }

        .solutions .display-2 {
                font-weight: 900;
                font-size: 50px;
                padding: 15px 0 0 0;
        }

        .shadow-hover {
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .shadow-hover:hover {
                box-shadow: 0px 0px 50px rgba(83, 88, 93, 0.1);
        }

        .up-on-hover:hover {
                -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
        }

        .TourHotels .listroBox {
                background-color: #fff;
                position: relative;
                margin-bottom: 30px;
                border-radius: 3px;
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
                margin-left: 0;
                margin-right: 0;
        }

        .tourBanner h4,
        .tourBanner h1,
        .tourBanner span {
                color: #fff !important;
        }

        .title p {
                font-weight: normal;
                text-transform: lowercase;
        }

        h6.subtitle {
                text-transform: capitalize;
        }

        h2.title {
                font-size: 24px !important;
        }

        .pull-right {
                float: right;
        }

        .btn-primary.focus,
        .btn-primary:focus {
                box-shadow: 0 0 0 0.1rem rgb(231 69 76);
        }

        .btn-primary:hover {
                background: #cd1b22;
                background-color: #ae1414;
        }

        a {
                cursor: pointer;
        }


        /* HGIT CSS */

        .jezl-hm-ban-text h1 {
                color: #fff !important;
                margin-top: 100px;
                ;
                font-size: 45px;
                font-weight: 700;
                font-family: 'Lato', sans-serif;
        }

        .jezl-welcome-cnt-sec {
                padding: 60px 0px;
                ;
        }

        .jezl-hm-ons {
                color: #000;
                font-size: 28px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                border-bottom: 1px solid #9A99A2;
                display: inline-block;
                font-family: 'Lato', sans-serif;
        }

        .jezl-hm-weltxt {
                font-size: 33px;
                color: var(--jezl-g-red);
                font-weight: 700;
                text-transform: uppercase;
                font-family: 'Lato', sans-serif;
        }

        .fnt-fam {
                font-family: 'Lato', sans-serif !important;
                font-size: 14px;
        }

        .fnt-b100 {
                font-weight: 100 !important;
        }

        .fnt-b300 {
                font-weight: 300 !important;
        }

        .fnt-b400 {
                font-weight: 400 !important;
        }

        .fnt-b700 {
                font-weight: 700 !important;
        }

        .fnt-b900 {
                font-weight: 900 !important;
        }

        .jezsel-no-sf-text {
                color: var(--jezl-g-red);
        }


        ul.jezl-hn-wel-ser {
                margin: 0;
                padding: 0;
                list-style-type: none;
        }

        ul.jezl-hn-wel-ser li {
                font-family: 'Lato', sans-serif;
                display: grid;
                grid-template-columns: 30px 1fr;
                grid-gap: 10px;
                margin-bottom: 5px;
                align-items: center;
                font-weight: 700;
        }

        .jezl-wwd-cnt-sec {
                background-color: #d9d9d9;
                padding-bottom: 30px;
        }

        .jezl-wwd-cnt-sec .wwd-title {
                color: #000;
                font-size: 30px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                border-bottom: 1px solid #e30613;
                max-width: 203px;
                margin: 0 auto;
                padding-bottom: 5px;
                margin-bottom: 30px;
        }

        .jezl-wwd-cnt-sec ul.wwd-ser {
                list-style-type: none;
        }

        ul.wwd-ser .wwd-cle {
                background-color: #fff;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
        }

        ul.wwd-ser .wwd-cle img {
                width: 30px;
                height: auto;
        }

        ul.wwd-ser .wwd-cle img.uti {
                width: 25px;
                height: auto;
        }

        ul.wwd-ser .wwd-cle.uti svg {
                width: 25px;
                height: auto;
        }

        ul.wwd-ser .wwd-cle svg {
                width: 33px;
                height: auto;
                fill: var(--jezl-g-red);
                ;
        }

        ul.wwd-ser .wwd-cle:hover svg path {
                fill: black;
                transition: all ease 0.3s;
        }


        .jezl-wwd-cnt-sec ul li {
                display: grid;
                grid-template-columns: 60px 1fr;
                grid-gap: 10px;
                margin-bottom: 10px;
                align-items: center;
                font-weight: 700;
                font-family: 'Lato', sans-serif;
        }

        .jezl-wwd-rt-img {
                display: flex;
                align-items: flex-end;
        }

        .jezl-adve-sec {
                padding: 50px 0px;
        }

        .jezl-video-sec {
                padding: 50px 0px;
        }

        .jezl-videowrapper {
                float: none;
                clear: both;
                width: 100%;
                position: relative;
                padding-bottom: 56.25%;
                padding-top: 25px;
                height: 0;
        }

        .jezl-videowrapper iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
        }

        .jezl-hm-htso-sec {
                padding: 50px 0px;
                background-color: var(--jezl-g-red);
        }

        .jezl-htso-sec-st {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap: 40px;
        }

        .jezl-htso-sec-st .htso {
                display: flex;
                flex-direction: column;
                background-color: #fff;
                border-radius: 10px;
                padding: 35px 17px;
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
                border: solid 1px #9a99a2;
                align-items: center;
        }

        .jezl-htso-sec-st .htso img {
                height: auto;
                margin-bottom: 10px;
        }

        .jezl-htso-sec-st .htso img.na {
                width: 45px;
        }

        .jezl-htso-sec-st .htso img.ro {
                width: 60px;
        }

        .jezl-htso-sec-st .htso img.si {
                width: 55px;
        }

        .jezl-htso-sec-st .htso img.op {
                width: 45px;
        }


        .jezl-htso-sec-st .htso .title {
                font-size: 18px;
                font-weight: bold;
                color: #000;
                text-transform: none;
        }

        .jezl-htso-sec-st .htso p {
                text-align: center;
                color: #9a99a2;
                font-size: 14px;
                line-height: 20px;

        }




        .jezl-hd-cw-fixed {
                position: fixed !important;
                background-color: #fff !important;
                width: 100%;
                top: 0px;
        }

        .jezl-hd-cw-fixed .dropdown #dropdownAccount img.login-icon {
                margin-left: 10px;
                margin-right: 6px;


        }

        .jezel-cart-lgin-i {
                display: flex;
                position: relative;
                top: -2px;
                align-items: center;
        }


        .jezel-cart-lgin-i img.cart-icon {
                padding-left: 15px;
                border-left: 1px solid #ff0000;
                width: 30px;
                height: auto;
        }

        .jezel-cart-lgin-i img.login-icon {
                width: 18px;
                height: auto;
        }

        /*================================================
        Home Booking CSS
        =================================================*/

        .feature-box {
                top: -60px;
        }

        .jezl-booking-search {
                position: relative;
                margin-top: -100px;
        }


        .tab_container {
                width: 100%;
                margin: 0 auto;
                padding-top: 0px;
                position: relative;
                max-width: 940px;

        }

        .tab_container label {
                width: 33.3%;
                color: #000;
                background-color: #d9d9d9;
                border-right: 1px solid #9A99A2;
        }

        .tab_container label img {
                width: 30px;
                height: auto;
                margin-right: 10px;
        }

        .tab_container label img.staffing {
                width: 23px;
                height: auto;
        }

        .tab_container [id^="tab"]+label {
                border-bottom: 5px solid #d9d9d9;


        }

        .tab_container [id^="tab"]:checked+label {
                box-shadow: none;
                background-color: #d9d9d9;
                width: 33.4%;
                border-bottom: 5px solid var(--jezl-g-red);
        }

        .tab_container [id^="tab"]:checked+label:first-of-type, .tab_container label:first-of-type {
                border-top-left-radius: 10px !important;
        }

        .tab_container [id^="tab"]:checked+label:last-of-type, .tab_container label:last-of-type {
                border-top-right-radius: 10px !important;
                border-right: 0px;
        }

        #jezl-hm-search .col-lg-3.jezl-location-cw {

                flex: 0 0 28%;
                max-width: 28%;
        }


        #jezl-hm-search {
                display: grid;
                grid-template-columns: 1.7fr 0.9fr 1fr 0.9fr 1fr 0.65fr;
        }




        #jezl-hm-search .form-control::placeholder {
                font-size: 12px;
                color: #000;
                font-weight: bold;
        }

        #jezl-hm-search select {
                padding: 14px 5px 12px 12px;
                /* color: #7a8797; */
                font-size: 12px;
                padding-left: 28px;
                color: #000;
                font-weight: bold;
                padding-top: 10px;
                /* text-indent: 15px;
                padding-left: 0px; */
        }

        #jezl-hm-search span {
                margin-top: -2px;
        }

        #jezl-hm-search span img {
                width: 13px;
                height: auto;
        }

        #jezl-hm-search button img {
                width: 30px;
                height: auto;
        }

        #jezl-hm-search .btn-primary:disabled {
                background-color: var(--jezl-g-red);
                border: 0px;
                border-bottom-right-radius: 10px;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;

        }

        #jezl-hm-search .btn-grad {
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 0px;
                background-color: var(--jezl-g-red);
                height: 65px;
                border-bottom-right-radius: 10px;
        }

        #tab1:checked~#content1, #tab2:checked~#content1, #tab3:checked~#content1, #tab4:checked~#content1, #tab5:checked~#content1 {
                display: block;
                padding: 0px 20px;
                padding-right: 7px;
                ;
                color: #999;
                background: #fff;
        }

        .tab-content {
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
        }


        .booking-search input[type="text"], .booking-search input[type="email"], .booking-search input[type="password"], .booking-search input[type="number"], .booking-search input[type="search"], .booking-search textarea, .booking-search select {
                border: 1px solid #FFE5EB;
                height: 48px;
                margin-top: 10px;
        }


        /*================================================
        Home services CSS
        =================================================*/

        .jezl-hm-services-sec {
                padding: 50px 0px;
        }

        .jezl-sec-ch-height {
                height: 900px;
        }

        /*
        .jezl-sec-ban-overlay{
        clear: both;
        }



        .jezl-sec-ban-overlay::before{
        content:"";
        display:block;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        bottom: 0;
        right: 0;
        width:100%;
        background-color: rgba(0, 0, 0, 0.2)
        }
        */

        .drop {
                position: absolute !important;
                width: 250px;
                margin-left: 10px;
                z-index: 99999999;
        }

        .jezl-hm-title-g {
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px;
        }

        .jezl-hm-title-g a {
                font-size: 14px;
                color: var(--jezl-g-red);
        }

        .jezl-hm-title-g .jezl-hm-services-title {
                color: #000;
                font-size: 30px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                border-bottom: 1px solid #9a99a2;
                display: inline-block;
        }

        .jezl-hm-services-des {
                margin-bottom: 20px;
        }

        .jezl-hm-services-des p {
                font-weight: 700;
        }


        .jezl-hm-services-g {
                /*display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap:20px;*/
                position: relative;
        }

        .jezl-hm-services-g .item, .jezl-hm-services-gclm .item {
                border: solid 1px #9a99a2;
                border-radius: 10px;
                background-color: #fff;
                position: relative;
                margin-bottom: 25px;
        }

        .jezl-hm-services-g .item .t-logo, .jezl-hm-services-gclm .item .t-logo {
                position: absolute;
                right: 10px;
                top: 10px;
        }

        .jezl-hm-services-g .item .t-logo img, .jezl-hm-services-gclm .item .t-logo img {
                width: 30px;
                height: auto;
        }

        .jezl-hm-services-g .item .jezl-hm-truck-image, .jezl-hm-services-gclm .item .jezl-hm-truck-image {
                height: 200px;
                overflow: hidden;
                cursor: pointer;


        }

        .jezl-hm-services-g .item .jezl-hm-truck-image img, .jezl-hm-services-gclm .item .jezl-hm-truck-image img {
                border-top-left-radius: 10px;
                overflow: hidden;
                width: 100%;
                border-top-right-radius: 10px;
                height: 200px;
                width: 100%;
                object-fit: cover;

        }


        .jezl-hm-services-g .item:hover .readmore {
                visibility: visible;
                opacity: 1;
        }

        .jezl-hm-services-g .item .readmore {
                position: absolute;
                top: 30%;
                left: 0;
                margin-top: -12px;
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px);
                text-align: center;
                opacity: 0;
                visibility: hidden;
                width: 100%;
                -webkit-transition: all .6s;
                transition: all .6s;
                z-index: 5;
        }

        .jezl-hm-services-g .item .readmore span {
                background-color: #ed1c24;
                background-color: #ed1c24;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                -ms-border-radius: 20px;
                border-radius: 10px;
                display: inline-block;
                color: #fff;
                font-size: 14px;
                padding: 8px 25px;
                text-transform: uppercase;
        }


        .jezl-hm-services-g .item .jezl-t-title, .jezl-hm-services-gclm .item .jezl-t-title {
                width: 100%;
                background-color: #000;
                padding: 10px 5px;
                font-size: 18px;
                color: #fff;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                border-bottom: 1px solid #fff;
                height: 73px;
        }

        .jezl-hm-services-g .item .jezl-cst-bnbtn, .jezl-hm-services-gclm .item .jezl-cst-bnbtn {
                width: 100%;
                background-color: #000;
                padding: 10px 15px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
        }

        .jezl-hm-services-g .item .jezl-cst-bnbtn .t-rat-hr, .jezl-hm-services-gclm .item .jezl-cst-bnbtn .t-rat-hr {
                font-size: 18px;
                color: #fff;
        }

        .jezl-hm-services-g .item .jezl-cst-bnbtn a.jezl-cst-booknow, .jezl-hm-services-gclm .item .jezl-cst-bnbtn a.jezl-cst-booknow {
                background-color: var(--jezl-g-red);
                color: #fff;
                border-radius: 10px;
                padding: 3px 10px;
                font-size: 14px;
        }

        .jezl-faq-sec {
                padding: 50px 0px;
        }

        .jezl-ser-c-pagination {
                display: flex;
                justify-content: space-between;
        }

        .jezl-ser-c-pagination .ngx-pagination .current {
                background: var(--jezl-g-red);
                color: #fff;
                cursor: default;
        }


        /*================================================
        FAQ Area CSS
        =================================================*/
        .faq-accordion {
                margin: 0 auto;
                width: 100%;
        }

        .faq-accordion h2 {
                margin-bottom: 40px;
                font-size: 40px;
                font-weight: 600;
        }

        .faq-accordion h2 span {
                display: inline-block;
                color: #ff612f;
        }

        .faq-accordion .accordion {
                list-style-type: none;
                padding-left: 0;
                margin-bottom: 0;
        }

        .faq-accordion .accordion .accordion-item {
                display: block;
                background: #f5f5ff;
                margin-bottom: 10px;
        }

        .faq-accordion .accordion .accordion-item:last-child {
                margin-bottom: 0;
        }

        .faq-accordion .accordion .accordion-title {
                padding: 12px 40px 10px 20px;
                color: #fff;
                position: relative;
                display: block;
                font-size: 23px;
                font-weight: 400;
                background-color: var(--jezl-g-red);
                border-radius: 10px;
                font-family: lato;
        }

        .faq-accordion .accordion .accordion-title i {
                position: absolute;
                right: 20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #fff;
                font-size: 20px;
                -webkit-transition: 0.5s;
                transition: 0.5s;
        }

        .faq-accordion .accordion .accordion-title.active i::before {
                content: "\f068";
                color: #ff612;
        }

        .faq-accordion .accordion .accordion-content {
                display: none;
                position: relative;
                padding: 15px 20px;
                font-size: 14px;
                color: #fff;
                background-color: #000;
                border-radius: 10px;
        }

        .faq-accordion .accordion .accordion-content.show {
                display: block;
        }

        .faq-image {
                text-align: center;
        }

        .bg-color-f4f5fe {
                background-color: #f4f5fe;
        }

        .bg-color-f4f5fe .faq-accordion .accordion .accordion-item {
                background: #ffffff;
        }



        /*================================================
        Testimonials Area CSS
        =================================================*/
        .testimonials .title {
                text-align: center;
                margin-bottom: 50px;
                position: relative;
                padding: 20px 0;
                max-width: 600px;
                margin: 0 auto;
        }

        .testimonials .title h5 {
                color: #EB6D2F;
                line-height: 1.2em;
                font-size: 18px;
                font-weight: 900;
                margin-bottom: -3px;
        }

        .testimonials .title h2 {
                color: #5A3733;
                line-height: 1.2em;
                font-weight: 900;
                font-size: 41px;
                letter-spacing: -1px;
                margin: 0
        }

        .testimonials .title img {
                margin-top: -10px;
        }

        .testimonials .title p {
                margin: 0 0 10px;
                margin-bottom: 0;
                color: #5A3733;
        }

        .testimonials .testi .item {
                background: #fff;
                padding: 50px 30px;
                border-radius: 15px;
                box-shadow: -1px 0px 10px 0px rgba(50, 50, 50, 0.23);
        }

        .testimonials .testi .item .profile {
                display: flex;
                padding-left: 15px;
                margin-bottom: 30px;
                align-items: center;
        }

        .testimonials .testi .item .profile img {
                border-radius: 100%;
                width: 90px;
                height: 90px;
                object-fit: cover
        }

        .testimonials .testi .item .profile .information {
                padding-left: 20px;
        }

        .testimonials .testi .item .profile .information .stars i {
                color: #ffd832
        }

        .testimonials .testi .item .profile .information p {
                font-size: 24px !important;
                margin: 0px auto 0px;
                color: #010101;
                line-height: 1;
                font-family: 'open_sansbold';
        }

        .testimonials .testi .item .profile .information span {
                color: #505050;
                margin-top: -4px;
                line-height: 1.6em;
                font-size: 18px !important;
        }

        .testimonials .testi .item>p {
                margin-bottom: 15px;
                font-size: 16px;
                line-height: 1.6em;
                display: block;
                z-index: 2;
                color: #2d2a2b;
                text-align: left;
        }

        .testimonials .testi .item .icon {
                /* text-align: center; */
                position: absolute;
                right: 30px;
                top: 40px;
        }

        .testimonials .testi .item .icon i {
                font-size: 32px;
                color: #FFD832;
        }

        /*================================================
        Footer Area CSS
        =================================================*/

        .jezl-footer-tl {
                background-color: #000 !important;
                padding-top: 25px;

        }

        .footer-copyright {
                background: transparent;
                border-top: 1px solid #C4C4C4;
                color: #fff;

        }

        .jezl-footer-g {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                margin-bottom: 25px;

        }

        .jezl-footer-g .ft-title {
                font-size: 18px;
                color: #fff;
                text-transform: none;
                border-bottom: 1px solid #E93842;
                display: inline-block;
                margin-bottom: 20px;
        }

        .jezl-subscribe .ft-title {
                font-size: 25px;
        }

        .jezl-subscribe input {
                padding-bottom: 10px;
                color: #C4C4C4;
                background: transparent;
                border: 0px;
                border-bottom: 1px solid #C4C4C4;
                width: 100%;
        }

        .jezl-subscribe input::placeholder {
                color: #fff;
        }

        .jezl-flo-text {
                color: #C4C4C4;
        }

        .jezl-subscribe button {
                background: transparent;
                border: 1px solid #C4C4C4;
                position: absolute;
                top: -10px;
                right: 0px;
                padding-bottom: 4px;
        }

        .jezl-subscribe button:hover svg path {
                fill: #fff;
        }

        .jezl-subscribe button svg {
                width: 18px;
                height: auto;
        }

        .jezl-subscribe button:hover {
                background-color: #ff0000;
                border: 1px solid #fff;
        }

        .jezl-subscribe-frm-g {
                position: relative;
        }

        .jezl-footer-g img.footer-logo {
                width: 150px;
                height: auto;
                margin-bottom: 20px;
        }

        ul.jezl-footer-contact {
                margin: 0;
                padding: 0;
                list-style-type: none;
                color: #fff;
        }

        ul.jezl-footer-contact li {
                margin-bottom: 13px;
        }

        ul.jezl-footer-contact li img {
                width: 20px;
                height: auto;
                margin-right: 5px;
        }

        ul.jezl-footer-contact li a {
                color: #fff;
        }

        ul.jezl-footer-contact li ul {
                margin: 0;
                padding: 0;
                list-style: none;
        }

        ul.jezl-footer-contact li ul li {
                margin-bottom: 0px;
                padding-left: 10px;
        }

        ul.jezsel-ftmenu {
                display: none;
        }

        .jezl-ftr-social-icons ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                display: flex;
                margin-top: 16px;
        }

        .jezl-ftr-social-icons ul li {
                margin-right: 10px;
        }

        .jezl-ftr-social-icons ul i {
                justify-content: center;
                align-items: center;
                display: flex;
                background-color: #fff;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                font-size: 22px;
        }


        /*================================================
        Service Detail Page CSS
        =================================================*/
        .jezl-ser-list-g h6 {
                font-weight: 700;
                color: #525252;
                font-size: 16px;
                margin-bottom: 10px;
        }

        .jezl-ser-list-lt-title {
                font-size: 20px;
                border: 1px solid #D4D4D4;
                color: var(--jezl-g-red);
                font-weight: bold;
                text-align: center;
                padding: 10px;
        }

        .jezl-ckbrb-mrglt {
                padding: 20px 25px;
        }

        .jezl-ser-list-g .filter-block {
                border-bottom: 1px solid #D4D4D4;
                padding: 20px 0px;
        }

        .jezl-ser-list-g .filter-block:first-child {
                padding-top: 0px !important;
        }

        .jezl-ser-list-g .filter-block:last-child {
                border-bottom: 0px !important;
        }

        .jezl-ser-shw-btn {
                font-size: 15px;
                color: #fff;
                background: var(--jezl-g-red);
                display: block;
                width: 100%;
                height: 40px;
                font-weight: 600;
                border: none;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                border-radius: 30px;
                margin-top: 10px;
                position: relative;
        }



        /*================================================
        Service Detail Product Page CSS
        =================================================*/
        .jezsel-ser-dpp-data-g {
                display: grid;
                grid-template-columns: 1fr;
                margin-top: 50px;
                grid-gap: 20px;
        }

        .jezsel-ser-dpp {
                border: 1px solid #ff0000;
                border-radius: 10px;
                padding: 20px;
                background-color: #FFEEEE;
        }

        .jezsel-ser-dpp-data-title {
                font-weight: bold;
                font-size: 18px;
                margin-bottom: 10px;
                color: var(--jezl-g-red);
        }

        .jezsel-ser-dpp ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                margin-bottom: 10px;
        }

        .jezsel-ser-dpp ul li {
                display: grid;
                grid-template-columns: 1fr 0.9fr;
                align-items: center;
                font-size: 12px;
                margin-bottom: 10px;
        }

        .jezsel-ser-dpp ul.extra-d li {
                grid-template-columns: 1fr 20px;
        }

        .jezsel-ser-dpp-data-g ul li div:first-child {
                font-weight: bold;
        }

        .jezsel-ser-dpp ul li i {
                color: #44cf0e;
        }

        .jezsel-ser-dpp ul li i.fa-times {
                color: var(--jezl-g-red);
        }

        /*================================================
        Modal Pop Up CSS
        =================================================*/
        /* .modal-xl {
        max-width: 400px;
        }*/

        .modal {
                padding-bottom: 50px !important;
        }

        .jezl-b-popup-g .modal-header {
                background-color: var(--jezl-g-red);
        }

        .jezl-b-popup-g .modal-header h4 {
                color: #fff;
        }

        .jezl-b-popup-g .tab-content {
                padding: 0px;
        }

        .jezl-b-popup-g .tab-content .form-group label {
                margin-bottom: 0px;
                font-size: 12px;
                font-weight: bold;
        }

        .jezl-b-popup-g .tab-content .form-group {
                margin-bottom: 25px;
                position: relative;
        }

        .jezl-b-popup-g button.close {
                color: #fff;
                opacity: 1;
        }

        .jezl-service-popup-detail {
                display: grid;
                grid-template-columns: 1fr 1fr;
                border: 1px solid #ff0000;
                border-radius: 10px;
                padding: 20px;
                background-color: #FFEEEE;
        }


        .jezl-service-popup-detail .jezl-title {
                font-size: 19px;
                color: #000;
                font-weight: bold;
                margin-bottom: 10px;
        }

        .jezl-service-popup-details-g ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                margin-bottom: 10px;
        }

        .jezl-service-popup-details-g ul li {
                display: grid;
                grid-template-columns: 150px 20px 1fr;
        }

        .jezl-service-popup-details-g ul li div:first-child {
                font-weight: bold;
        }

        .jezl-service-popup-detail .jezl-vehile-data-title {
                font-weight: bold;
                font-size: 18px;
                margin-bottom: 10px;
                color: var(--jezl-g-red);
        }

        .jezl-ser-popup-rtclm .jezl-pop-upt-rat-hr {
                font-size: 25px;
                color: var(--jezl-g-red);
                padding-left: 20px;
                margin-bottom: 10px;
        }

        .jezl-ser-popup-rtclm .jezl-pop-upt-rat-hr span {
                font-size: 14px;
        }

        .jezl-ser-popup-rtclm {
                align-self: center;
        }


        /*================================================
        Inner Page Banner CSS
        =================================================*/
        .jezel-inner-page-banner-area {
                background-color: #ff0000;
                position: relative;
                margin-top: 95px;
                width: 100%;
                height: auto;
        }

        .jezel-inner-page-banner-area img {
                width: 100%;
                position: relative;
                height: auto;
        }

        .jezel-inner-page-banner-area h1 {
                color: #fff;
                margin-bottom: 0;
                font-size: 40px;
                font-weight: 400;
                z-index: 5;
                margin: auto;
                position: absolute;
                display: flex;
                flex-direction: column;
                justify-content: center;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                max-width: 1140px;
                width: 100%;
                padding-left: 15px;
        }

        .jezel-inner-page-banner-area::before {
                background: rgba(0, 0, 0, 0.5);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                z-index: 1;
        }


        /*================================================
        Profile Page CSS
        =================================================*/
        .jezel-pro-login-tl {
                width: 100%;
                padding: 20px 20px 0px 20px;
        }

        .jezel-pro-login-name {
                font-size: 16px;
                font-weight: bold;
                word-wrap: break-word;
        }

        .jezel-pro-login-emailid {
                font-size: 12px;
                word-wrap: break-word;
        }

        .jezel-pro-logout {
                margin-top: 10px;
                border-bottom: 1px solid #707070;
                padding-bottom: 10px;
        }

        .jezsel-profile-section {
                margin-bottom: 20px;
                border-radius: 10px;
                padding: 20px;
                border: 1px solid #ccc;
        }

        .jezsel-profile-section h3 {
                font-size: 20px;
                font-weight: bold;
        }

        .jezsel-profile-section .form-group input, .jezsel-couponcode-text .form-group input, .jezsel-couponcode-text .form-group select, .jezsel-profile-section .form-group select {
                border: 1px solid #aeaeae;
                border-radius: 4px;
        }

        .jezsel-profile-lt-nav {
                /* background: #FFE3E3 !important; */
                margin-bottom: 30px;
                border: 1px solid #ccc;
                border-radius: 10px;
        }

        .jezsel-profile-section table {
                text-align: center;
        }

        .jezsel-profile-section table th, .jezsel-profile-myord-pp table th {
                background-color: #e7e7e7 !important;
        }

        .jezsel-profile-section .table-bordered th, .jezsel-profile-section .table-bordered td, .jezsel-profile-myord-pp .table-bordered td {
                border: 1px solid #bfbfbf;
        }

        .jezsel-profile-wallet-swith {
                display: grid;
                border-radius: 8px !important;
                width: 100%;
                margin-bottom: 20px;
                grid-template-columns: 1fr 1fr;
                grid-gap: 20px;
        }

        .jezsel-profile-wallet-swith a {}

        .jezsel-profile-wallet-swith a.nav-link {
                padding: 10px 20px !important;
                color: #cdcdcd;
                border-bottom: 1px solid #ededed;
                padding-left: 0px !important;
        }

        .jezsel-profile-wallet-swith a.nav-link.active {
                border-radius: 0px !important;
                border-bottom: 1px solid #ccc;

        }

        .jezel-profile-balance-interest-g {
                padding-top: 20px;
        }

        .jezel-profile-balance-interest-g ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
        }

        .jezel-profile-balance-interest-g ul li {
                display: flex;
                justify-content: space-between;
        }

        .jezel-profile-balance-interest-g ul li:last-child {
                padding-top: 20px;
                font-size: 18px;
        }

        .jezel-profile-details-g {}

        .jezel-profile-details-g table {
                margin-bottom: 20px;
                width: 100%;
        }

        .jezel-profile-details-g table tr td:first-child {
                font-weight: bold;
                width: 17%;
                padding-bottom: 10px;
        }



        /*================================================
        Payment successfull and failure  Page CSS
        =================================================*/
        .jezsel-payment-successfully, .jezsel-payment-failure {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
        }

        .jezsel-payment-successfully i {
                font-size: 100px;
                color: #66cc00;
                margin-bottom: 10px;
        }

        .jezsel-payment-successfully h2 {
                color: #66cc00;
                font-weight: bold;
                font-size: 25px;
        }

        .jezsel-payment-failure i {
                font-size: 100px;
                color: var(--jezl-g-red);
                margin-bottom: 10px;
        }

        .jezsel-payment-failure h2 {
                color: var(--jezl-g-red);
                font-weight: bold;
                font-size: 25px;
        }


        /*================================================
        Locations Page CSS
        =================================================*/
        .jezsel-locatio-section {
                margin-bottom: 20px;
                border-radius: 10px;
                padding: 20px;
                border: 1px solid #ccc;
        }


        /*================================================
        Booking Page CSS
        =================================================*/

        .jezsel-profile-section .summary table td {
                padding: 10px 0px;
        }


        /*================================================
        Certificate Page CSS
        =================================================*/

        .jezel-certificate-logo-g {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr;
                grid-gap: 25px;
                margin-top: 20px;
        }

        .jezel-certificate-logo-g img {
                border: 1px solid #666666;
        }




        /*================================================
        Owl carosel CSS
        =================================================*/


        .btns {
                display: table;
                margin: 0px auto;
        }

        .customNextBtn, .customPreviousBtn, .customNextBtn2, .customPreviousBtn2, .customNextBtn3, .customPreviousBtn3 {
                float: right;
                background: transparent;
                color: #fff;
                padding: 7px;
                margin-left: 15px;
                cursor: pointer;
                /* width: 10px; */
                /* height: 10px; 
        border-radius: 50px;
        */

                width: 35px;
                height: 35px;
                text-align: center;
                font-size: 25px;
                color: #000;
                cursor: pointer;
                justify-content: center;
                align-items: center;
                display: flex;
                background-color: var(--jezl-g-red);
                color: #fff;
        }

        .customNextBtn:hover, .customPreviousBtn:hover, .customNextBtn2:hover, .customPreviousBtn2:hover, .customNextBtn3:hover, .customPreviousBtn3:hover {
                background-color: #000;
                color: #fff;
        }



        /*================================================
        Home page Advertisement CSS
        =================================================*/
        .hm-advertisement-owc {
                position: relative;
        }

        .hm-advertisement-owc .owl-prev {
                position: absolute;
                z-index: 99999;
                font-size: 50px !important;
                top: 0;
                left: 10px;
                bottom: 0;
        }


        .hm-advertisement-owc .owl-next {
                position: absolute;
                z-index: 99999;
                font-size: 50px !important;
                top: 0;
                right: 10px;
                bottom: 0;
        }

        .hm-advertisement-owc .owl-prev i, .hm-advertisement-owc .owl-next i {
                /* color: var(--jezl-g-red);*/
                color: #fff;
                /*background: rgba(255, 255, 255, 1);*/
                border-radius: 50px;
                transition: 0.3s;
                width: 54px;
                height: 54px;
                display: flex;
                align-items: center;
                justify-content: center;
        }


        .hm-advertisement-owc.owl-theme .owl-nav [class*="owl-"]:hover {
                background-color: transparent;
        }


        /*================================================
          Service Description Page CSS
        =================================================*/

        .service-detailed-owc {
                margin-top: 80px;
        }

        .service-detailed-owc {
                position: relative;
        }

        .service-detailed-owc .owl-prev {
                position: absolute;
                z-index: 99999;
                font-size: 50px !important;
                top: 0;
                left: 10px;
                bottom: 0;
        }


        .service-detailed-owc .owl-next {
                position: absolute;
                z-index: 99999;
                font-size: 50px !important;
                top: 0;
                right: 10px;
                bottom: 0;
        }

        .service-detailed-owc .owl-prev i, .service-detailed-owc .owl-next i {
                /* color: var(--jezl-g-red);*/
                color: #fff;
                /*background: rgba(255, 255, 255, 1);*/
                border-radius: 50px;
                transition: 0.3s;
                width: 54px;
                height: 54px;
                display: flex;
                align-items: center;
                justify-content: center;
        }


        .service-detailed-owc.owl-theme .owl-nav [class*="owl-"]:hover {
                background-color: transparent;
        }





        /*================================================
        Responsive CSS
        =================================================*/

        @media screen and (max-width: 1199px) {

                .jezel-inner-page-banner-area h1 {
                        max-width: 960px;
                        width: 100%;
                }

                .faq-accordion .accordion .accordion-title {
                        font-size: 18px;
                }

                .faq-accordion .accordion .accordion-content {
                        font-size: 12px;
                }
        }

        @media screen and (max-width: 991px) {

                .jezl-htso-sec-st {
                        grid-template-columns: repeat(2, 1fr);

                }

                .jezl-footer-g {
                        display: grid;
                        grid-template-columns: repeat(3, 1fr) !important;
                        grid-gap: 100px;
                        grid-row-gap: 20px;
                }

                #jezl-hm-search {
                        display: grid;
                        grid-template-columns: 1fr;
                        padding: 0px 25px 25px 25px;
                }



                #tab1:checked~#content1, #tab2:checked~#content1, #tab3:checked~#content1, #tab4:checked~#content1, #tab5:checked~#content1 {
                        padding: 0px;
                        padding-right: 0px;
                        ;

                }

                #jezl-hm-search .btn-primary:disabled, #jezl-hm-search .btn-grad {
                        border-bottom-right-radius: 0px;

                }

                .feature-box {
                        top: 0px;
                }

                .drop {
                        position: relative !important;
                        width: 100%;
                        margin-left: 0px;
                        z-index: 99999999;
                }

                .jezel-inner-page-banner-area h1 {
                        max-width: 720px;
                        width: 100%;
                        padding-left: 0px;
                }

                .listingDetails h1 {
                        font-size: 20px;
                }

                .jezl-hm-services-g .item .jezl-t-title {
                        font-size: 13px;

                }

                .jezl-wwd-cnt-sec ul.wwd-ser {
                        margin-bottom: 45px;
                }

                .jezl-sec-ch-height {
                        height: 500px;
                }

                .jezl-hm-ban-text h1 {
                        font-size: 35px;
                }

                .jezel-cart-lgin-i a {
                        margin-right: 10px;
                }

                .Filter-left {
                        margin-bottom: 50px;
                }

                .jezl-ser-c-pagination {
                        display: flex;
                        flex-direction: column;
                        text-align: center;
                }

                .jezl-ser-c-pagination h2 {
                        margin-bottom: 20px;
                }

                #jezl-hm-search.row {
                        margin-right: 0px;
                        margin-left: 0px;

                }

        }

        @media screen and (max-width: 768px) {
                .jezl-footer-g {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr) !important;
                        grid-gap: 100px;
                        grid-row-gap: 20px;
                }

                .jezel-inner-page-banner-area h1 {
                        max-width: 540px;
                        text-align: center;

                }

                .jezl-hm-title-g {
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 20px;
                        flex-direction: column;
                        grid-gap: 20px;
                }

                .jezl-hm-title-g a {

                        text-align: right;
                }

                .hm-advertisement-owc .owl-prev i, .hm-advertisement-owc .owl-next i, .service-detailed-owc .owl-prev i, .service-detailed-owc .owl-next i {

                        width: 30px;
                        height: 30px;
                        font-size: 14px;
                }

        }

        @media screen and (max-width: 630px) {
                .booking-search .feature-box {
                        top: 0px !important;
                        margin-top: 150px;

                }

                .jezl-service-popup-detail {
                        grid-template-columns: 1fr;

                }

                #jezl-hm-search select {
                        padding: 14px 5px 12px 32px;
                        color: #7a8797;
                        font-size: 12px;
                        text-indent: 15px;
                        color: #000;
                        font-weight: bold;
                        padding-top: 10px;

                }



        }


        @media screen and (max-width: 600px) {
                .jezl-hm-ban-text h1 {
                        margin-top: 130px !important;
                        font-size: 25px !important;
                        text-align: center;
                }

                .jezl-hm-title-g .jezl-hm-services-title {
                        font-size: 20px;
                }

                .jezl-sec-ch-height {
                        height: 440px;
                }

        }

        @media screen and (max-width: 560px) {
                .jezl-footer-g {
                        display: grid;
                        grid-template-columns: repeat(1, 1fr) !important;
                        grid-gap: 50px;
                        grid-row-gap: 20px;

                }
        }

        @media screen and (max-width: 460px) {
                .jezl-htso-sec-st {
                        grid-template-columns: repeat(1, 1fr);

                }

                .jezel-certificate-logo-g {

                        grid-template-columns: 1fr 1fr;
                        grid-gap: 10px;
                }

                .jezel-inner-page-banner-area h1 {
                        font-size: 25px;
                }

                .jezl-hm-weltxt {
                        font-size: 25px;
                }

                .jezl-hm-ons {
                        font-size: 20px;
                }

                .jezl-wwd-cnt-sec .wwd-title {
                        font-size: 25px;
                        max-width: 163px;
                }

                .jezl-wwd-cnt-sec ul li {
                        grid-template-columns: 1fr;
                        padding-bottom: 30px;
                        text-align: center;
                }

                ul.wwd-ser .wwd-cle {
                        margin: 0 auto;
                }

        }

        @media screen and (max-width: 360px) {
                .jezel-inner-page-banner-area h1 {
                        font-size: 20px;
                }

        }