/* ============================================================
   owl.css
   ============================================================ */

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: none;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        -moz-transition: scale(1.3, 1.3);
        -ms-transition: scale(1.3, 1.3);
        -o-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.owl-theme .owl-controls {
    display: block;
}

    .owl-theme .owl-controls .owl-nav [class*="owl-"] {
        position: relative;
        cursor: pointer;
        display: inline-block;
        color: #898f9f;
        margin: 0px 10px;
        transition: all 500ms ease;
    }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] span:before {
            margin: 0px;
            font-size: 25px;
        }

        .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
            color: #f2be00;
        }

    .owl-theme .owl-controls .owl-nav .disabled {
        cursor: default;
        opacity: 0.5;
    }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}

    .owl-theme .owl-dots .owl-dot span {
        background: #222;
        display: block;
        margin: 0px 5px 0px 5px;
        transition: opacity 200ms ease 0s;
        width: 15px;
        height: 15px;
    }

    .owl-theme .owl-dots .owl-dot.active span {
        background: none repeat scroll 0 0 #cda274;
    }


/* ============================================================
   elpath.css
   ============================================================ */

/* Elementpath css */

/* 
el_01 
color
*/
.color_blue {
    color: #7f27d8;
}

.color_purple {
    color: #6f42c1;
}

.color_pink {
    color: #d63384;
}

.color_red {
    color: #dc3545;
}

.color_orange {
    color: #fd7e14;
}

.color_yellow {
    color: #ffc107;
}

.color_green {
    color: #198754;
}

.color_gray {
    color: #6c757d;
}

.color_gray_dark {
    color: #343a40;
}

.color_light {
    color: #f8f9fa;
}

.color_dark {
    color: #212529;
}

.color_black {
    color: #000000;
}

/* 
el_02 
background
*/
.bg_blue {
    background-color: #7f27d8;
}

.bg_purple {
    background-color: #6f42c1;
}

.bg_pink {
    background-color: #d63384;
}

.bg_red {
    background-color: #dc3545;
}

.bg_orange {
    background-color: #fd7e14;
}

.bg_yellow {
    background-color: #ffc107;
}

.bg_green {
    background-color: #198754;
    ;
}

.bg_gray {
    background-color: #6c757d;
}

.bg_gray-dark {
    background-color: #343a40;
}

.bg_light {
    background-color: #f8f9fa;
}

.bg_dark {
    background-color: #212529;
}

.bg_cover {
    background-size: cover;
}

.bg_contain {
    background-size: contain;
}

.bg_fixed {
    background-attachment: fixed;
}

.bg_top {
    background-position: top;
}

.bg_right {
    background-position: right;
}

.bg_bottom {
    background-position: bottom;
}

.bg_left {
    background-position: left;
}

.bg_center {
    background-position: center;
}
/* 
el_03 
display
*/
.d_block {
    display: block;
}

.d_iblock {
    display: inline-block;
}

.d_flex {
    display: flex;
}

.d_table {
    display: table;
}

.d_tcell {
    display: table-cell;
}

.d_none {
    display: none;
}
/* 
el_04 
position
*/
.p_relative {
    position: relative;
}

.p_absolute {
    position: absolute;
}

.p_fixed {
    position: fixed;
}
/* 
el_05 
Border
*/
.border {
    border: 1px solid #ddd;
}

.border_top {
    border-top: 1px solid #ddd;
}

.border_right {
    border-right: 1px solid #ddd;
}

.border_bottom {
    border-bottom: 1px solid #ddd;
}

.border_left {
    border-left: 1px solid #ddd;
}
/* 
el_06 
Transition
*/
.tran_3 {
    transition: .3s;
}

.tran_4 {
    transition: .4s;
}

.tran_5 {
    transition: .5s;
}
/* 
el_07 
Font size
*/
.fs_0 {
    font-size: 0;
}

.fs_1 {
    font-size: 1px;
}

.fs_2 {
    font-size: 2px;
}

.fs_3 {
    font-size: 3px;
}

.fs_4 {
    font-size: 4px;
}

.fs_5 {
    font-size: 5px;
}

.fs_6 {
    font-size: 6px;
}

.fs_7 {
    font-size: 7px;
}

.fs_8 {
    font-size: 8px;
}

.fs_9 {
    font-size: 9px;
}

.fs_10 {
    font-size: 10px;
}

.fs_11 {
    font-size: 11px;
}

.fs_12 {
    font-size: 12px;
}

.fs_13 {
    font-size: 13px;
}

.fs_14 {
    font-size: 14px;
}

.fs_15 {
    font-size: 15px;
}

.fs_16 {
    font-size: 16px;
}

.fs_17 {
    font-size: 17px;
}

.fs_18 {
    font-size: 18px;
}

.fs_19 {
    font-size: 19px;
}

.fs_20 {
    font-size: 20px;
}

.fs_25 {
    font-size: 25px;
}

.fs_30 {
    font-size: 30px;
}

.fs_35 {
    font-size: 35px;
}

.fs_40 {
    font-size: 40px;
}

.fs_45 {
    font-size: 45px;
}

.fs_50 {
    font-size: 50px;
}

.fs_55 {
    font-size: 55px;
}

.fs_60 {
    font-size: 60px;
}

.fs_65 {
    font-size: 65px;
}

.fs_70 {
    font-size: 70px;
}

.fs_75 {
    font-size: 75px;
}

.fs_80 {
    font-size: 80px;
}

.fs_85 {
    font-size: 85px;
}

.fs_90 {
    font-size: 90px;
}

.fs_95 {
    font-size: 95px;
}

.fs_100 {
    font-size: 100px;
}

.fs_110 {
    font-size: 110px;
}

.fs_120 {
    font-size: 120px;
}

.fs_130 {
    font-size: 130px;
}

.fs_140 {
    font-size: 140px;
}

.fs_150 {
    font-size: 150px;
}

.fs_160 {
    font-size: 160px;
}

.fs_170 {
    font-size: 170px;
}

.fs_180 {
    font-size: 180px;
}

.fs_190 {
    font-size: 190px;
}

.fs_200 {
    font-size: 200px;
}
/* 
el_08 
Font wieght
*/
.fw_light {
    font-weight: 300;
}

.fw_normal {
    font-weight: 400;
}

.fw_medium {
    font-weight: 500;
}

.fw_sbold {
    font-weight: 600;
}

.fw_bold {
    font-weight: 700;
}

.fw_exbold {
    font-weight: 800;
}
/* 
el_09 
Float
*/
.float_left {
    float: left;
}

.float_right {
    float: right;
}
/* 
el_10 
Width
*/
.w_0 {
    width: 0;
}

.w_1 {
    width: 1px;
}

.w_2 {
    width: 2px;
}

.w_3 {
    width: 3px;
}

.w_4 {
    width: 4px;
}

.w_5 {
    width: 5px;
}

.w_6 {
    width: 6px;
}

.w_7 {
    width: 7px;
}

.w_8 {
    width: 8px;
}

.w_9 {
    width: 9px;
}

.w_10 {
    width: 10px;
}

.w_11 {
    width: 11px;
}

.w_12 {
    width: 12px;
}

.w_13 {
    width: 13px;
}

.w_14 {
    width: 14px;
}

.w_15 {
    width: 15px;
}

.w_16 {
    width: 16px;
}

.w_17 {
    width: 17px;
}

.w_18 {
    width: 18px;
}

.w_19 {
    width: 19px;
}

.w_20 {
    width: 20px;
}

.w_25 {
    width: 25px;
}

.w_30 {
    width: 30px;
}

.w_35 {
    width: 35px;
}

.w_40 {
    width: 40px;
}

.w_45 {
    width: 45px;
}

.w_50 {
    width: 50px;
}

.w_55 {
    width: 55px;
}

.w_60 {
    width: 60px;
}

.w_65 {
    width: 65px;
}

.w_70 {
    width: 70px;
}

.w_75 {
    width: 75px;
}

.w_80 {
    width: 80px;
}

.w_85 {
    width: 85px;
}

.w_90 {
    width: 90px;
}

.w_95 {
    width: 95px;
}

.w_100 {
    width: 100px;
}

.w_110 {
    width: 110px;
}

.w_120 {
    width: 120px;
}

.w_130 {
    width: 130px;
}

.w_140 {
    width: 140px;
}

.w_150 {
    width: 150px;
}

.w_160 {
    width: 160px;
}

.w_170 {
    width: 170px;
}

.w_180 {
    width: 180px;
}

.w_190 {
    width: 190px;
}

.w_200 {
    width: 200px;
}

.mw_0 {
    max-width: 0;
}

.mw_1 {
    max-width: 1px;
}

.mw_2 {
    max-width: 2px;
}

.mw_3 {
    max-width: 3px;
}

.mw_4 {
    max-width: 4px;
}

.mw_5 {
    max-width: 5px;
}

.mw_6 {
    max-width: 6px;
}

.mw_7 {
    max-width: 7px;
}

.mw_8 {
    max-width: 8px;
}

.mw_9 {
    max-width: 9px;
}

.mw_10 {
    max-width: 10px;
}

.mw_11 {
    max-width: 11px;
}

.mw_12 {
    max-width: 12px;
}

.mw_13 {
    max-width: 13px;
}

.mw_14 {
    max-width: 14px;
}

.mw_15 {
    max-width: 15px;
}

.mw_16 {
    max-width: 16px;
}

.mw_17 {
    max-width: 17px;
}

.mw_18 {
    max-width: 18px;
}

.mw_19 {
    max-width: 19px;
}

.mw_20 {
    max-width: 20px;
}

.mw_25 {
    max-width: 25px;
}

.mw_30 {
    max-width: 30px;
}

.mw_35 {
    max-width: 35px;
}

.mw_40 {
    max-width: 40px;
}

.mw_45 {
    max-width: 45px;
}

.mw_50 {
    max-width: 50px;
}

.mw_55 {
    max-width: 55px;
}

.mw_60 {
    max-width: 60px;
}

.mw_65 {
    max-width: 65px;
}

.mw_70 {
    max-width: 70px;
}

.mw_75 {
    max-width: 75px;
}

.mw_80 {
    max-width: 80px;
}

.mw_85 {
    max-width: 85px;
}

.mw_90 {
    max-width: 90px;
}

.mw_95 {
    max-width: 95px;
}

.mw_100 {
    max-width: 100px;
}

.mw_110 {
    max-width: 110px;
}

.mw_120 {
    max-width: 120px;
}

.mw_130 {
    max-width: 130px;
}

.mw_140 {
    max-width: 140px;
}

.mw_150 {
    max-width: 150px;
}

.mw_160 {
    max-width: 160px;
}

.mw_170 {
    max-width: 170px;
}

.mw_180 {
    max-width: 180px;
}

.mw_190 {
    max-width: 190px;
}

.mw_200 {
    max-width: 200px;
}
/* 
el_11
height
*/
.h_0 {
    height: 0;
}

.h_1 {
    height: 1px;
}

.h_2 {
    height: 2px;
}

.h_3 {
    height: 3px;
}

.h_4 {
    height: 4px;
}

.h_5 {
    height: 5px;
}

.h_6 {
    height: 6px;
}

.h_7 {
    height: 7px;
}

.h_8 {
    height: 8px;
}

.h_9 {
    height: 9px;
}

.h_10 {
    height: 10px;
}

.h_11 {
    height: 11px;
}

.h_12 {
    height: 12px;
}

.h_13 {
    height: 13px;
}

.h_14 {
    height: 14px;
}

.h_15 {
    height: 15px;
}

.h_16 {
    height: 16px;
}

.h_17 {
    height: 17px;
}

.h_18 {
    height: 18px;
}

.h_19 {
    height: 19px;
}

.h_20 {
    height: 20px;
}

.h_25 {
    height: 25px;
}

.h_30 {
    height: 30px;
}

.h_35 {
    height: 35px;
}

.h_40 {
    height: 40px;
}

.h_45 {
    height: 45px;
}

.h_50 {
    height: 50px;
}

.h_55 {
    height: 55px;
}

.h_60 {
    height: 60px;
}

.h_65 {
    height: 65px;
}

.h_70 {
    height: 70px;
}

.h_75 {
    height: 75px;
}

.h_80 {
    height: 80px;
}

.h_85 {
    height: 85px;
}

.h_90 {
    height: 90px;
}

.h_95 {
    height: 95px;
}

.h_100 {
    height: 100px;
}

.h_110 {
    height: 110px;
}

.h_120 {
    height: 120px;
}

.h_130 {
    height: 130px;
}

.h_140 {
    height: 140px;
}

.h_150 {
    height: 150px;
}

.h_160 {
    height: 160px;
}

.h_170 {
    height: 170px;
}

.h_180 {
    height: 180px;
}

.h_190 {
    height: 190px;
}

.h_200 {
    height: 200px;
}

.mh_0 {
    max-height: 0;
}

.mh_1 {
    max-height: 1px;
}

.mh_2 {
    max-height: 2px;
}

.mh_3 {
    max-height: 3px;
}

.mh_4 {
    max-height: 4px;
}

.mh_5 {
    max-height: 5px;
}

.mh_6 {
    max-height: 6px;
}

.mh_7 {
    max-height: 7px;
}

.mh_8 {
    max-height: 8px;
}

.mh_9 {
    max-height: 9px;
}

.mh_10 {
    max-height: 10px;
}

.mh_11 {
    max-height: 11px;
}

.mh_12 {
    max-height: 12px;
}

.mh_13 {
    max-height: 13px;
}

.mh_14 {
    max-height: 14px;
}

.mh_15 {
    max-height: 15px;
}

.mh_16 {
    max-height: 16px;
}

.mh_17 {
    max-height: 17px;
}

.mh_18 {
    max-height: 18px;
}

.mh_19 {
    max-height: 19px;
}

.mh_20 {
    max-height: 20px;
}

.mh_25 {
    max-height: 25px;
}

.mh_30 {
    max-height: 30px;
}

.mh_35 {
    max-height: 35px;
}

.mh_40 {
    max-height: 40px;
}

.mh_45 {
    max-height: 45px;
}

.mh_50 {
    max-height: 50px;
}

.mh_55 {
    max-height: 55px;
}

.mh_60 {
    max-height: 60px;
}

.mh_65 {
    max-height: 65px;
}

.mh_70 {
    max-height: 70px;
}

.mh_75 {
    max-height: 75px;
}

.mh_80 {
    max-height: 80px;
}

.mh_85 {
    max-height: 85px;
}

.mh_90 {
    max-height: 90px;
}

.mh_95 {
    max-height: 95px;
}

.mh_100 {
    max-height: 100px;
}

.mh_110 {
    max-height: 110px;
}

.mh_120 {
    max-height: 120px;
}

.mh_130 {
    max-height: 130px;
}

.mh_140 {
    max-height: 140px;
}

.mh_150 {
    max-height: 150px;
}

.mh_160 {
    max-height: 160px;
}

.mh_170 {
    max-height: 170px;
}

.mh_180 {
    max-height: 180px;
}

.mh_190 {
    max-height: 190px;
}

.mh_200 {
    max-height: 200px;
}
/* 
el_12
Line height
*/
.lh_0 {
    line-height: 0;
}

.lh_1 {
    line-height: 1px;
}

.lh_2 {
    line-height: 2px;
}

.lh_3 {
    line-height: 3px;
}

.lh_4 {
    line-height: 4px;
}

.lh_5 {
    line-height: 5px;
}

.lh_6 {
    line-height: 6px;
}

.lh_7 {
    line-height: 7px;
}

.lh_8 {
    line-height: 8px;
}

.lh_9 {
    line-height: 9px;
}

.lh_10 {
    line-height: 10px;
}

.lh_11 {
    line-height: 11px;
}

.lh_12 {
    line-height: 12px;
}

.lh_13 {
    line-height: 13px;
}

.lh_14 {
    line-height: 14px;
}

.lh_15 {
    line-height: 15px;
}

.lh_16 {
    line-height: 16px;
}

.lh_17 {
    line-height: 17px;
}

.lh_18 {
    line-height: 18px;
}

.lh_19 {
    line-height: 19px;
}

.lh_20 {
    line-height: 20px;
}

.lh_25 {
    line-height: 25px;
}

.lh_30 {
    line-height: 30px;
}

.lh_35 {
    line-height: 35px;
}

.lh_40 {
    line-height: 40px;
}

.lh_45 {
    line-height: 45px;
}

.lh_50 {
    line-height: 50px;
}

.lh_55 {
    line-height: 55px;
}

.lh_60 {
    line-height: 60px;
}

.lh_65 {
    line-height: 65px;
}

.lh_70 {
    line-height: 70px;
}

.lh_75 {
    line-height: 75px;
}

.lh_80 {
    line-height: 80px;
}

.lh_85 {
    line-height: 85px;
}

.lh_90 {
    line-height: 90px;
}

.lh_95 {
    line-height: 95px;
}

.lh_100 {
    line-height: 100px;
}

.lh_110 {
    line-height: 110px;
}

.lh_120 {
    line-height: 120px;
}

.lh_130 {
    line-height: 130px;
}

.lh_140 {
    line-height: 140px;
}

.lh_150 {
    line-height: 150px;
}

.lh_160 {
    line-height: 160px;
}

.lh_170 {
    line-height: 170px;
}

.lh_180 {
    line-height: 180px;
}

.lh_190 {
    line-height: 190px;
}

.lh_200 {
    line-height: 200px;
}
/* 
el_13
Margin
*/
.m_0 {
    margin: 0;
}

.m_1 {
    margin: 1px;
}

.m_2 {
    margin: 2px;
}

.m_3 {
    margin: 3px;
}

.m_4 {
    margin: 4px;
}

.m_5 {
    margin: 5px;
}

.m_6 {
    margin: 6px;
}

.m_7 {
    margin: 7px;
}

.m_8 {
    margin: 8px;
}

.m_9 {
    margin: 9px;
}

.m_10 {
    margin: 10px;
}

.m_11 {
    margin: 11px;
}

.m_12 {
    margin: 12px;
}

.m_13 {
    margin: 13px;
}

.m_14 {
    margin: 14px;
}

.m_15 {
    margin: 15px;
}

.m_16 {
    margin: 16px;
}

.m_17 {
    margin: 17px;
}

.m_18 {
    margin: 18px;
}

.m_19 {
    margin: 19px;
}

.m_20 {
    margin: 20px;
}

.m_25 {
    margin: 25px;
}

.m_30 {
    margin: 30px;
}

.m_35 {
    margin: 35px;
}

.m_40 {
    margin: 40px;
}

.m_45 {
    margin: 45px;
}

.m_50 {
    margin: 50px;
}

.m_55 {
    margin: 55px;
}

.m_60 {
    margin: 60px;
}

.m_65 {
    margin: 65px;
}

.m_70 {
    margin: 70px;
}

.m_75 {
    margin: 75px;
}

.m_80 {
    margin: 80px;
}

.m_85 {
    margin: 85px;
}

.m_90 {
    margin: 90px;
}

.m_95 {
    margin: 95px;
}

.m_100 {
    margin: 100px;
}

.m_110 {
    margin: 110px;
}

.m_120 {
    margin: 120px;
}

.m_130 {
    margin: 130px;
}

.m_140 {
    margin: 140px;
}

.m_150 {
    margin: 150px;
}

.m_160 {
    margin: 160px;
}

.m_170 {
    margin: 170px;
}

.m_180 {
    margin: 180px;
}

.m_190 {
    margin: 190px;
}

.m_200 {
    margin: 200px;
}

.mx_0 {
    margin-left: 0;
    margin-right: 0;
}

.mx_1 {
    margin-left: 1px;
    margin-right: 1px;
}

.mx_2 {
    margin-left: 2px;
    margin-right: 2px;
}

.mx_3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mx_4 {
    margin-left: 4px;
    margin-right: 4px;
}

.mx_5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mx_6 {
    margin-left: 6px;
    margin-right: 6px;
}

.mx_7 {
    margin-left: 7px;
    margin-right: 7px;
}

.mx_8 {
    margin-left: 8px;
    margin-right: 8px;
}

.mx_9 {
    margin-left: 9px;
    margin-right: 9px;
}

.mx_10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mx_11 {
    margin-left: 11px;
    margin-right: 11px;
}

.mx_12 {
    margin-left: 12px;
    margin-right: 12px;
}

.mx_13 {
    margin-left: 13px;
    margin-right: 13px;
}

.mx_14 {
    margin-left: 14px;
    margin-right: 14px;
}

.mx_15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mx_16 {
    margin-left: 16px;
    margin-right: 16px;
}

.mx_17 {
    margin-left: 17px;
    margin-right: 17px;
}

.mx_18 {
    margin-left: 18px;
    margin-right: 18px;
}

.mx_19 {
    margin-left: 19px;
    margin-right: 19px;
}

.mx_20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx_25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mx_30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mx_35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mx_40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mx_45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mx_50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mx_55 {
    margin-left: 55px;
    margin-right: 55px;
}

.mx_60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mx_65 {
    margin-left: 65px;
    margin-right: 65px;
}

.mx_70 {
    margin-left: 70px;
    margin-right: 70px;
}

.mx_75 {
    margin-left: 75px;
    margin-right: 75px;
}

.mx_80 {
    margin-left: 80px;
    margin-right: 80px;
}

.mx_85 {
    margin-left: 85px;
    margin-right: 85px;
}

.mx_90 {
    margin-left: 90px;
    margin-right: 90px;
}

.mx_95 {
    margin-left: 95px;
    margin-right: 95px;
}

.mx_100 {
    margin-left: 100px;
    margin-right: 100px;
}

.mx_110 {
    margin-left: 110px;
    margin-right: 110px;
}

.mx_120 {
    margin-left: 120px;
    margin-right: 120px;
}

.mx_130 {
    margin-left: 130px;
    margin-right: 130px;
}

.mx_140 {
    margin-left: 140px;
    margin-right: 140px;
}

.mx_150 {
    margin-left: 150px;
    margin-right: 150px;
}

.mx_160 {
    margin-left: 160px;
    margin-right: 160px;
}

.mx_170 {
    margin-left: 170px;
    margin-right: 170px;
}

.mx_180 {
    margin-left: 180px;
    margin-right: 180px;
}

.mx_190 {
    margin-left: 190px;
    margin-right: 190px;
}

.mx_200 {
    margin-left: 200px;
    margin-right: 200px;
}

.my_0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my_1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.my_2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.my_3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.my_4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.my_5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.my_6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.my_7 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.my_8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.my_9 {
    margin-top: 9px;
    margin-bottom: 9px;
}

.my_10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my_11 {
    margin-top: 11px;
    margin-bottom: 11px;
}

.my_12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.my_13 {
    margin-top: 13px;
    margin-bottom: 13px;
}

.my_14 {
    margin-top: 14px;
    margin-bottom: 14px;
}

.my_15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my_16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.my_17 {
    margin-top: 17px;
    margin-bottom: 17px;
}

.my_18 {
    margin-top: 18px;
    margin-bottom: 18px;
}

.my_19 {
    margin-top: 19px;
    margin-bottom: 19px;
}

.my_20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my_25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.my_30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.my_35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.my_40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.my_45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.my_50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.my_55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.my_60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.my_65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.my_70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.my_75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.my_80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.my_85 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.my_90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.my_95 {
    margin-top: 95px;
    margin-bottom: 95px;
}

.my_100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.my_110 {
    margin-top: 110px;
    margin-bottom: 110px;
}

.my_120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.my_130 {
    margin-top: 130px;
    margin-bottom: 130px;
}

.my_140 {
    margin-top: 140px;
    margin-bottom: 140px;
}

.my_150 {
    margin-top: 150px;
    margin-bottom: 150px;
}

.my_160 {
    margin-top: 160px;
    margin-bottom: 160px;
}

.my_170 {
    margin-top: 170px;
    margin-bottom: 170px;
}

.my_180 {
    margin-top: 180px;
    margin-bottom: 180px;
}

.my_190 {
    margin-top: 190px;
    margin-bottom: 190px;
}

.my_200 {
    margin-top: 200px;
    margin-bottom: 200px;
}

.mt_0 {
    margin-top: 0;
}

.mt_1 {
    margin-top: 1px;
}

.mt_2 {
    margin-top: 2px;
}

.mt_3 {
    margin-top: 3px;
}

.mt_4 {
    margin-top: 4px;
}

.mt_5 {
    margin-top: 5px;
}

.mt_6 {
    margin-top: 6px;
}

.mt_7 {
    margin-top: 7px;
}

.mt_8 {
    margin-top: 8px;
}

.mt_9 {
    margin-top: 9px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_11 {
    margin-top: 11px;
}

.mt_12 {
    margin-top: 12px;
}

.mt_13 {
    margin-top: 13px;
}

.mt_14 {
    margin-top: 14px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_16 {
    margin-top: 16px;
}

.mt_17 {
    margin-top: 17px;
}

.mt_18 {
    margin-top: 18px;
}

.mt_19 {
    margin-top: 19px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_35 {
    margin-top: 35px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_45 {
    margin-top: 45px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_55 {
    margin-top: 55px;
}

.mt_60 {
    margin-top: 60px;
}

.mt_65 {
    margin-top: 65px;
}

.mt_70 {
    margin-top: 70px;
}

.mt_75 {
    margin-top: 75px;
}

.mt_80 {
    margin-top: 80px;
}

.mt_85 {
    margin-top: 85px;
}

.mt_90 {
    margin-top: 90px;
}

.mt_95 {
    margin-top: 95px;
}

.mt_100 {
    margin-top: 100px;
}

.mt_110 {
    margin-top: 110px;
}

.mt_120 {
    margin-top: 120px;
}

.mt_130 {
    margin-top: 130px;
}

.mt_140 {
    margin-top: 140px;
}

.mt_150 {
    margin-top: 150px;
}

.mt_160 {
    margin-top: 160px;
}

.mt_170 {
    margin-top: 170px;
}

.mt_180 {
    margin-top: 180px;
}

.mt_190 {
    margin-top: 190px;
}

.mt_200 {
    margin-top: 200px;
}

.mr_0 {
    margin-right: 0;
}

.mr_1 {
    margin-right: 1px;
}

.mr_2 {
    margin-right: 2px;
}

.mr_3 {
    margin-right: 3px;
}

.mr_4 {
    margin-right: 4px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_6 {
    margin-right: 6px;
}

.mr_7 {
    margin-right: 7px;
}

.mr_8 {
    margin-right: 8px;
}

.mr_9 {
    margin-right: 9px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_11 {
    margin-right: 11px;
}

.mr_12 {
    margin-right: 12px;
}

.mr_13 {
    margin-right: 13px;
}

.mr_14 {
    margin-right: 14px;
}

.mr_15 {
    margin-right: 15px;
}

.mr_16 {
    margin-right: 16px;
}

.mr_17 {
    margin-right: 17px;
}

.mr_18 {
    margin-right: 18px;
}

.mr_19 {
    margin-right: 19px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_25 {
    margin-right: 25px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_35 {
    margin-right: 35px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_45 {
    margin-right: 45px;
}

.mr_50 {
    margin-right: 50px;
}

.mr_55 {
    margin-right: 55px;
}

.mr_60 {
    margin-right: 60px;
}

.mr_65 {
    margin-right: 65px;
}

.mr_70 {
    margin-right: 70px;
}

.mr_75 {
    margin-right: 75px;
}

.mr_80 {
    margin-right: 80px;
}

.mr_85 {
    margin-right: 85px;
}

.mr_90 {
    margin-right: 90px;
}

.mr_95 {
    margin-right: 95px;
}

.mr_100 {
    margin-right: 100px;
}

.mr_110 {
    margin-right: 110px;
}

.mr_120 {
    margin-right: 120px;
}

.mr_130 {
    margin-right: 130px;
}

.mr_140 {
    margin-right: 140px;
}

.mr_150 {
    margin-right: 150px;
}

.mr_160 {
    margin-right: 160px;
}

.mr_170 {
    margin-right: 170px;
}

.mr_180 {
    margin-right: 180px;
}

.mr_190 {
    margin-right: 190px;
}

.mr_200 {
    margin-right: 200px;
}

.mb_0 {
    margin-bottom: 0;
}

.mb_1 {
    margin-bottom: 1px;
}

.mb_2 {
    margin-bottom: 2px;
}

.mb_3 {
    margin-bottom: 3px;
}

.mb_4 {
    margin-bottom: 4px;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_6 {
    margin-bottom: 6px;
}

.mb_7 {
    margin-bottom: 7px;
}

.mb_8 {
    margin-bottom: 8px;
}

.mb_9 {
    margin-bottom: 9px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_11 {
    margin-bottom: 11px;
}

.mb_12 {
    margin-bottom: 12px;
}

.mb_13 {
    margin-bottom: 13px;
}

.mb_14 {
    margin-bottom: 14px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_16 {
    margin-bottom: 16px;
}

.mb_17 {
    margin-bottom: 17px;
}

.mb_18 {
    margin-bottom: 18px;
}

.mb_19 {
    margin-bottom: 19px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_25 {
    margin-bottom: 25px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_35 {
    margin-bottom: 35px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_45 {
    margin-bottom: 45px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_55 {
    margin-bottom: 55px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mb_65 {
    margin-bottom: 65px;
}

.mb_70 {
    margin-bottom: 70px;
}

.mb_75 {
    margin-bottom: 75px;
}

.mb_80 {
    margin-bottom: 80px;
}

.mb_85 {
    margin-bottom: 85px;
}

.mb_90 {
    margin-bottom: 90px;
}

.mb_95 {
    margin-bottom: 95px;
}

.mb_100 {
    margin-bottom: 100px;
}

.mb_110 {
    margin-bottom: 110px;
}

.mb_120 {
    margin-bottom: 120px;
}

.mb_130 {
    margin-bottom: 130px;
}

.mb_140 {
    margin-bottom: 140px;
}

.mb_150 {
    margin-bottom: 150px;
}

.mb_160 {
    margin-bottom: 160px;
}

.mb_170 {
    margin-bottom: 170px;
}

.mb_180 {
    margin-bottom: 180px;
}

.mb_190 {
    margin-bottom: 190px;
}

.mb_200 {
    margin-bottom: 200px;
}

.ml_0 {
    margin-left: 0;
}

.ml_1 {
    margin-left: 1px;
}

.ml_2 {
    margin-left: 2px;
}

.ml_3 {
    margin-left: 3px;
}

.ml_4 {
    margin-left: 4px;
}

.ml_5 {
    margin-left: 5px;
}

.ml_6 {
    margin-left: 6px;
}

.ml_7 {
    margin-left: 7px;
}

.ml_8 {
    margin-left: 8px;
}

.ml_9 {
    margin-left: 9px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_11 {
    margin-left: 11px;
}

.ml_12 {
    margin-left: 12px;
}

.ml_13 {
    margin-left: 13px;
}

.ml_14 {
    margin-left: 14px;
}

.ml_15 {
    margin-left: 15px;
}

.ml_16 {
    margin-left: 16px;
}

.ml_17 {
    margin-left: 17px;
}

.ml_18 {
    margin-left: 18px;
}

.ml_19 {
    margin-left: 19px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_25 {
    margin-left: 25px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_35 {
    margin-left: 35px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_45 {
    margin-left: 45px;
}

.ml_50 {
    margin-left: 50px;
}

.ml_55 {
    margin-left: 55px;
}

.ml_60 {
    margin-left: 60px;
}

.ml_65 {
    margin-left: 65px;
}

.ml_70 {
    margin-left: 70px;
}

.ml_75 {
    margin-left: 75px;
}

.ml_80 {
    margin-left: 80px;
}

.ml_85 {
    margin-left: 85px;
}

.ml_90 {
    margin-left: 90px;
}

.ml_95 {
    margin-left: 95px;
}

.ml_100 {
    margin-left: 100px;
}

.ml_110 {
    margin-left: 110px;
}

.ml_120 {
    margin-left: 120px;
}

.ml_130 {
    margin-left: 130px;
}

.ml_140 {
    margin-left: 140px;
}

.ml_150 {
    margin-left: 150px;
}

.ml_160 {
    margin-left: 160px;
}

.ml_170 {
    margin-left: 170px;
}

.ml_180 {
    margin-left: 180px;
}

.ml_190 {
    margin-left: 190px;
}

.ml_200 {
    margin-left: 200px;
}
/* 
el_13 
Padding
*/
.p_0 {
    padding: 0;
}

.p_1 {
    padding: 1px;
}

.p_2 {
    padding: 2px;
}

.p_3 {
    padding: 3px;
}

.p_4 {
    padding: 4px;
}

.p_5 {
    padding: 5px;
}

.p_6 {
    padding: 6px;
}

.p_7 {
    padding: 7px;
}

.p_8 {
    padding: 8px;
}

.p_9 {
    padding: 9px;
}

.p_10 {
    padding: 10px;
}

.p_11 {
    padding: 11px;
}

.p_12 {
    padding: 12px;
}

.p_13 {
    padding: 13px;
}

.p_14 {
    padding: 14px;
}

.p_15 {
    padding: 15px;
}

.p_16 {
    padding: 16px;
}

.p_17 {
    padding: 17px;
}

.p_18 {
    padding: 18px;
}

.p_19 {
    padding: 19px;
}

.p_20 {
    padding: 20px;
}

.p_25 {
    padding: 25px;
}

.p_30 {
    padding: 30px;
}

.p_35 {
    padding: 35px;
}

.p_40 {
    padding: 40px;
}

.p_45 {
    padding: 45px;
}

.p_50 {
    padding: 50px;
}

.p_55 {
    padding: 55px;
}

.p_60 {
    padding: 60px;
}

.p_65 {
    padding: 65px;
}

.p_70 {
    padding: 70px;
}

.p_75 {
    padding: 75px;
}

.p_80 {
    padding: 80px;
}

.p_85 {
    padding: 85px;
}

.p_90 {
    padding: 90px;
}

.p_95 {
    padding: 95px;
}

.p_100 {
    padding: 100px;
}

.p_110 {
    padding: 110px;
}

.p_120 {
    padding: 120px;
}

.p_130 {
    padding: 130px;
}

.p_140 {
    padding: 140px;
}

.p_150 {
    padding: 150px;
}

.p_160 {
    padding: 160px;
}

.p_170 {
    padding: 170px;
}

.p_180 {
    padding: 180px;
}

.p_190 {
    padding: 190px;
}

.p_200 {
    padding: 200px;
}

.px_0 {
    padding-left: 0;
    padding-right: 0;
}

.px_1 {
    padding-left: 1px;
    padding-right: 1px;
}

.px_2 {
    padding-left: 2px;
    padding-right: 2px;
}

.px_3 {
    padding-left: 3px;
    padding-right: 3px;
}

.px_4 {
    padding-left: 4px;
    padding-right: 4px;
}

.px_5 {
    padding-left: 5px;
    padding-right: 5px;
}

.px_6 {
    padding-left: 6px;
    padding-right: 6px;
}

.px_7 {
    padding-left: 7px;
    padding-right: 7px;
}

.px_8 {
    padding-left: 8px;
    padding-right: 8px;
}

.px_9 {
    padding-left: 9px;
    padding-right: 9px;
}

.px_10 {
    padding-left: 10px;
    padding-right: 10px;
}

.px_11 {
    padding-left: 11px;
    padding-right: 11px;
}

.px_12 {
    padding-left: 12px;
    padding-right: 12px;
}

.px_13 {
    padding-left: 13px;
    padding-right: 13px;
}

.px_14 {
    padding-left: 14px;
    padding-right: 14px;
}

.px_15 {
    padding-left: 15px;
    padding-right: 15px;
}

.px_16 {
    padding-left: 16px;
    padding-right: 16px;
}

.px_17 {
    padding-left: 17px;
    padding-right: 17px;
}

.px_18 {
    padding-left: 18px;
    padding-right: 18px;
}

.px_19 {
    padding-left: 19px;
    padding-right: 19px;
}

.px_20 {
    padding-left: 20px;
    padding-right: 20px;
}

.px_25 {
    padding-left: 25px;
    padding-right: 25px;
}

.px_30 {
    padding-left: 30px;
    padding-right: 30px;
}

.px_35 {
    padding-left: 35px;
    padding-right: 35px;
}

.px_40 {
    padding-left: 40px;
    padding-right: 40px;
}

.px_45 {
    padding-left: 45px;
    padding-right: 45px;
}

.px_50 {
    padding-left: 50px;
    padding-right: 50px;
}

.px_55 {
    padding-left: 55px;
    padding-right: 55px;
}

.px_60 {
    padding-left: 60px;
    padding-right: 60px;
}

.px_65 {
    padding-left: 65px;
    padding-right: 65px;
}

.px_70 {
    padding-left: 70px;
    padding-right: 70px;
}

.px_75 {
    padding-left: 75px;
    padding-right: 75px;
}

.px_80 {
    padding-left: 80px;
    padding-right: 80px;
}

.px_85 {
    padding-left: 85px;
    padding-right: 85px;
}

.px_90 {
    padding-left: 90px;
    padding-right: 90px;
}

.px_95 {
    padding-left: 95px;
    padding-right: 95px;
}

.px_100 {
    padding-left: 100px;
    padding-right: 100px;
}

.px_110 {
    padding-left: 110px;
    padding-right: 110px;
}

.px_120 {
    padding-left: 120px;
    padding-right: 120px;
}

.px_130 {
    padding-left: 130px;
    padding-right: 130px;
}

.px_140 {
    padding-left: 140px;
    padding-right: 140px;
}

.px_150 {
    padding-left: 150px;
    padding-right: 150px;
}

.px_160 {
    padding-left: 160px;
    padding-right: 160px;
}

.px_170 {
    padding-left: 170px;
    padding-right: 170px;
}

.px_180 {
    padding-left: 180px;
    padding-right: 180px;
}

.px_190 {
    padding-left: 190px;
    padding-right: 190px;
}

.px_200 {
    padding-left: 200px;
    padding-right: 200px;
}

.py_0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py_1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.py_2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.py_3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.py_4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.py_5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.py_6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.py_7 {
    padding-top: 7px;
    padding-bottom: 7px;
}

.py_8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.py_9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.py_10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py_11 {
    padding-top: 11px;
    padding-bottom: 11px;
}

.py_12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py_13 {
    padding-top: 13px;
    padding-bottom: 13px;
}

.py_14 {
    padding-top: 14px;
    padding-bottom: 14px;
}

.py_15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py_16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.py_17 {
    padding-top: 17px;
    padding-bottom: 17px;
}

.py_18 {
    padding-top: 18px;
    padding-bottom: 18px;
}

.py_19 {
    padding-top: 19px;
    padding-bottom: 19px;
}

.py_20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py_25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.py_30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py_35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.py_40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.py_45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.py_50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.py_55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.py_60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py_65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.py_70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.py_75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.py_80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.py_85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.py_90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.py_95 {
    padding-top: 95px;
    padding-bottom: 95px;
}

.py_100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py_110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.py_120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.py_130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.py_140 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.py_150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.py_160 {
    padding-top: 160px;
    padding-bottom: 160px;
}

.py_170 {
    padding-top: 170px;
    padding-bottom: 170px;
}

.py_180 {
    padding-top: 180px;
    padding-bottom: 180px;
}

.py_190 {
    padding-top: 190px;
    padding-bottom: 190px;
}

.py_200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.pt_0 {
    padding-top: 0;
}

.pt_1 {
    padding-top: 1px;
}

.pt_2 {
    padding-top: 2px;
}

.pt_3 {
    padding-top: 3px;
}

.pt_4 {
    padding-top: 4px;
}

.pt_5 {
    padding-top: 5px;
}

.pt_6 {
    padding-top: 6px;
}

.pt_7 {
    padding-top: 7px;
}

.pt_8 {
    padding-top: 8px;
}

.pt_9 {
    padding-top: 9px;
}

.pt_10 {
    padding-top: 10px;
}

.pt_11 {
    padding-top: 11px;
}

.pt_12 {
    padding-top: 12px;
}

.pt_13 {
    padding-top: 13px;
}

.pt_14 {
    padding-top: 14px;
}

.pt_15 {
    padding-top: 15px;
}

.pt_16 {
    padding-top: 16px;
}

.pt_17 {
    padding-top: 17px;
}

.pt_18 {
    padding-top: 18px;
}

.pt_19 {
    padding-top: 19px;
}

.pt_20 {
    padding-top: 20px;
}

.pt_25 {
    padding-top: 25px;
}

.pt_30 {
    padding-top: 30px;
}

.pt_35 {
    padding-top: 35px;
}

.pt_40 {
    padding-top: 40px;
}

.pt_45 {
    padding-top: 45px;
}

.pt_50 {
    padding-top: 50px;
}

.pt_55 {
    padding-top: 55px;
}

.pt_60 {
    padding-top: 60px;
}

.pt_65 {
    padding-top: 65px;
}

.pt_70 {
    padding-top: 70px;
}

.pt_75 {
    padding-top: 75px;
}

.pt_80 {
    padding-top: 80px;
}

.pt_85 {
    padding-top: 85px;
}

.pt_90 {
    padding-top: 90px;
}

.pt_95 {
    padding-top: 95px;
}

.pt_100 {
    padding-top: 100px;
}

.pt_110 {
    padding-top: 110px;
}

.pt_120 {
    padding-top: 120px;
}

.pt_130 {
    padding-top: 130px;
}

.pt_140 {
    padding-top: 140px;
}

.pt_150 {
    padding-top: 150px;
}

.pt_160 {
    padding-top: 160px;
}

.pt_170 {
    padding-top: 170px;
}

.pt_180 {
    padding-top: 180px;
}

.pt_190 {
    padding-top: 190px;
}

.pt_200 {
    padding-top: 200px;
}

.pr_0 {
    padding-right: 0;
}

.pr_1 {
    padding-right: 1px;
}

.pr_2 {
    padding-right: 2px;
}

.pr_3 {
    padding-right: 3px;
}

.pr_4 {
    padding-right: 4px;
}

.pr_5 {
    padding-right: 5px;
}

.pr_6 {
    padding-right: 6px;
}

.pr_7 {
    padding-right: 7px;
}

.pr_8 {
    padding-right: 8px;
}

.pr_9 {
    padding-right: 9px;
}

.pr_10 {
    padding-right: 10px;
}

.pr_11 {
    padding-right: 11px;
}

.pr_12 {
    padding-right: 12px;
}

.pr_13 {
    padding-right: 13px;
}

.pr_14 {
    padding-right: 14px;
}

.pr_15 {
    padding-right: 15px;
}

.pr_16 {
    padding-right: 16px;
}

.pr_17 {
    padding-right: 17px;
}

.pr_18 {
    padding-right: 18px;
}

.pr_19 {
    padding-right: 19px;
}

.pr_20 {
    padding-right: 20px;
}

.pr_25 {
    padding-right: 25px;
}

.pr_30 {
    padding-right: 30px;
}

.pr_35 {
    padding-right: 35px;
}

.pr_40 {
    padding-right: 40px;
}

.pr_45 {
    padding-right: 45px;
}

.pr_50 {
    padding-right: 50px;
}

.pr_55 {
    padding-right: 55px;
}

.pr_60 {
    padding-right: 60px;
}

.pr_65 {
    padding-right: 65px;
}

.pr_70 {
    padding-right: 70px;
}

.pr_75 {
    padding-right: 75px;
}

.pr_80 {
    padding-right: 80px;
}

.pr_85 {
    padding-right: 85px;
}

.pr_90 {
    padding-right: 90px;
}

.pr_95 {
    padding-right: 95px;
}

.pr_100 {
    padding-right: 100px;
}

.pr_110 {
    padding-right: 110px;
}

.pr_120 {
    padding-right: 120px;
}

.pr_130 {
    padding-right: 130px;
}

.pr_140 {
    padding-right: 140px;
}

.pr_150 {
    padding-right: 150px;
}

.pr_160 {
    padding-right: 160px;
}

.pr_170 {
    padding-right: 170px;
}

.pr_180 {
    padding-right: 180px;
}

.pr_190 {
    padding-right: 190px;
}

.pr_200 {
    padding-right: 200px;
}

.pb_0 {
    padding-bottom: 0;
}

.pb_1 {
    padding-bottom: 1px;
}

.pb_2 {
    padding-bottom: 2px;
}

.pb_3 {
    padding-bottom: 3px;
}

.pb_4 {
    padding-bottom: 4px;
}

.pb_5 {
    padding-bottom: 5px;
}

.pb_6 {
    padding-bottom: 6px;
}

.pb_7 {
    padding-bottom: 7px;
}

.pb_8 {
    padding-bottom: 8px;
}

.pb_9 {
    padding-bottom: 9px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_11 {
    padding-bottom: 11px;
}

.pb_12 {
    padding-bottom: 12px;
}

.pb_13 {
    padding-bottom: 13px;
}

.pb_14 {
    padding-bottom: 14px;
}

.pb_15 {
    padding-bottom: 15px;
}

.pb_16 {
    padding-bottom: 16px;
}

.pb_17 {
    padding-bottom: 17px;
}

.pb_18 {
    padding-bottom: 18px;
}

.pb_19 {
    padding-bottom: 19px;
}

.pb_20 {
    padding-bottom: 20px;
}

.pb_25 {
    padding-bottom: 25px;
}

.pb_30 {
    padding-bottom: 30px;
}

.pb_35 {
    padding-bottom: 35px;
}

.pb_40 {
    padding-bottom: 40px;
}

.pb_45 {
    padding-bottom: 45px;
}

.pb_50 {
    padding-bottom: 50px;
}

.pb_55 {
    padding-bottom: 55px;
}

.pb_60 {
    padding-bottom: 60px;
}

.pb_65 {
    padding-bottom: 65px;
}

.pb_70 {
    padding-bottom: 70px;
}

.pb_75 {
    padding-bottom: 75px;
}

.pb_80 {
    padding-bottom: 80px;
}

.pb_85 {
    padding-bottom: 85px;
}

.pb_90 {
    padding-bottom: 90px;
}

.pb_95 {
    padding-bottom: 95px;
}

.pb_100 {
    padding-bottom: 100px;
}

.pb_110 {
    padding-bottom: 110px;
}

.pb_120 {
    padding-bottom: 120px;
}

.pb_130 {
    padding-bottom: 130px;
}

.pb_140 {
    padding-bottom: 140px;
}

.pb_150 {
    padding-bottom: 150px;
}

.pb_160 {
    padding-bottom: 160px;
}

.pb_170 {
    padding-bottom: 170px;
}

.pb_180 {
    padding-bottom: 180px;
}

.pb_190 {
    padding-bottom: 190px;
}

.pb_200 {
    padding-bottom: 200px;
}

.pl_0 {
    padding-left: 0;
}

.pl_1 {
    padding-left: 1px;
}

.pl_2 {
    padding-left: 2px;
}

.pl_3 {
    padding-left: 3px;
}

.pl_4 {
    padding-left: 4px;
}

.pl_5 {
    padding-left: 5px;
}

.pl_6 {
    padding-left: 6px;
}

.pl_7 {
    padding-left: 7px;
}

.pl_8 {
    padding-left: 8px;
}

.pl_9 {
    padding-left: 9px;
}

.pl_10 {
    padding-left: 10px;
}

.pl_11 {
    padding-left: 11px;
}

.pl_12 {
    padding-left: 12px;
}

.pl_13 {
    padding-left: 13px;
}

.pl_14 {
    padding-left: 14px;
}

.pl_15 {
    padding-left: 15px;
}

.pl_16 {
    padding-left: 16px;
}

.pl_17 {
    padding-left: 17px;
}

.pl_18 {
    padding-left: 18px;
}

.pl_19 {
    padding-left: 19px;
}

.pl_20 {
    padding-left: 20px;
}

.pl_25 {
    padding-left: 25px;
}

.pl_30 {
    padding-left: 30px;
}

.pl_35 {
    padding-left: 35px;
}

.pl_40 {
    padding-left: 40px;
}

.pl_45 {
    padding-left: 45px;
}

.pl_50 {
    padding-left: 50px;
}

.pl_55 {
    padding-left: 55px;
}

.pl_60 {
    padding-left: 60px;
}

.pl_65 {
    padding-left: 65px;
}

.pl_70 {
    padding-left: 70px;
}

.pl_75 {
    padding-left: 75px;
}

.pl_80 {
    padding-left: 80px;
}

.pl_85 {
    padding-left: 85px;
}

.pl_90 {
    padding-left: 90px;
}

.pl_95 {
    padding-left: 95px;
}

.pl_100 {
    padding-left: 100px;
}

.pl_110 {
    padding-left: 110px;
}

.pl_120 {
    padding-left: 120px;
}

.pl_130 {
    padding-left: 130px;
}

.pl_140 {
    padding-left: 140px;
}

.pl_150 {
    padding-left: 150px;
}

.pl_160 {
    padding-left: 160px;
}

.pl_170 {
    padding-left: 170px;
}

.pl_180 {
    padding-left: 180px;
}

.pl_190 {
    padding-left: 190px;
}

.pl_200 {
    padding-left: 200px;
}
/* 
el_14 
Top
*/
.t_0 {
    top: 0;
}

.t_1 {
    top: 1px;
}

.t_2 {
    top: 2px;
}

.t_3 {
    top: 3px;
}

.t_4 {
    top: 4px;
}

.t_5 {
    top: 5px;
}

.t_6 {
    top: 6px;
}

.t_7 {
    top: 7px;
}

.t_8 {
    top: 8px;
}

.t_9 {
    top: 9px;
}

.t_10 {
    top: 10px;
}

.t_11 {
    top: 11px;
}

.t_12 {
    top: 12px;
}

.t_13 {
    top: 13px;
}

.t_14 {
    top: 14px;
}

.t_15 {
    top: 15px;
}

.t_16 {
    top: 16px;
}

.t_17 {
    top: 17px;
}

.t_18 {
    top: 18px;
}

.t_19 {
    top: 19px;
}

.t_20 {
    top: 20px;
}

.t_25 {
    top: 25px;
}

.t_30 {
    top: 30px;
}

.t_35 {
    top: 35px;
}

.t_40 {
    top: 40px;
}

.t_45 {
    top: 45px;
}

.t_50 {
    top: 50px;
}

.t_55 {
    top: 55px;
}

.t_60 {
    top: 60px;
}

.t_65 {
    top: 65px;
}

.t_70 {
    top: 70px;
}

.t_75 {
    top: 75px;
}

.t_80 {
    top: 80px;
}

.t_85 {
    top: 85px;
}

.t_90 {
    top: 90px;
}

.t_95 {
    top: 95px;
}

.t_100 {
    top: 100px;
}

.t_110 {
    top: 110px;
}

.t_120 {
    top: 120px;
}

.t_130 {
    top: 130px;
}

.t_140 {
    top: 140px;
}

.t_150 {
    top: 150px;
}

.t_160 {
    top: 160px;
}

.t_170 {
    top: 170px;
}

.t_180 {
    top: 180px;
}

.t_190 {
    top: 190px;
}

.t_200 {
    top: 200px;
}
/* 
el_15 
Right
*/
.r_0 {
    right: 0;
}

.r_1 {
    right: 1px;
}

.r_2 {
    right: 2px;
}

.r_3 {
    right: 3px;
}

.r_4 {
    right: 4px;
}

.r_5 {
    right: 5px;
}

.r_6 {
    right: 6px;
}

.r_7 {
    right: 7px;
}

.r_8 {
    right: 8px;
}

.r_9 {
    right: 9px;
}

.r_10 {
    right: 10px;
}

.r_11 {
    right: 11px;
}

.r_12 {
    right: 12px;
}

.r_13 {
    right: 13px;
}

.r_14 {
    right: 14px;
}

.r_15 {
    right: 15px;
}

.r_16 {
    right: 16px;
}

.r_17 {
    right: 17px;
}

.r_18 {
    right: 18px;
}

.r_19 {
    right: 19px;
}

.r_20 {
    right: 20px;
}

.r_25 {
    right: 25px;
}

.r_30 {
    right: 30px;
}

.r_35 {
    right: 35px;
}

.r_40 {
    right: 40px;
}

.r_45 {
    right: 45px;
}

.r_50 {
    right: 50px;
}

.r_55 {
    right: 55px;
}

.r_60 {
    right: 60px;
}

.r_65 {
    right: 65px;
}

.r_70 {
    right: 70px;
}

.r_75 {
    right: 75px;
}

.r_80 {
    right: 80px;
}

.r_85 {
    right: 85px;
}

.r_90 {
    right: 90px;
}

.r_95 {
    right: 95px;
}

.r_100 {
    right: 100px;
}

.r_110 {
    right: 110px;
}

.r_120 {
    right: 120px;
}

.r_130 {
    right: 130px;
}

.r_140 {
    right: 140px;
}

.r_150 {
    right: 150px;
}

.r_160 {
    right: 160px;
}

.r_170 {
    right: 170px;
}

.r_180 {
    right: 180px;
}

.r_190 {
    right: 190px;
}

.r_200 {
    right: 200px;
}
/* 
el_16
Bottom
*/
.b_0 {
    bottom: 0;
}

.b_1 {
    bottom: 1px;
}

.b_2 {
    bottom: 2px;
}

.b_3 {
    bottom: 3px;
}

.b_4 {
    bottom: 4px;
}

.b_5 {
    bottom: 5px;
}

.b_6 {
    bottom: 6px;
}

.b_7 {
    bottom: 7px;
}

.b_8 {
    bottom: 8px;
}

.b_9 {
    bottom: 9px;
}

.b_10 {
    bottom: 10px;
}

.b_11 {
    bottom: 11px;
}

.b_12 {
    bottom: 12px;
}

.b_13 {
    bottom: 13px;
}

.b_14 {
    bottom: 14px;
}

.b_15 {
    bottom: 15px;
}

.b_16 {
    bottom: 16px;
}

.b_17 {
    bottom: 17px;
}

.b_18 {
    bottom: 18px;
}

.b_19 {
    bottom: 19px;
}

.b_20 {
    bottom: 20px;
}

.b_25 {
    bottom: 25px;
}

.b_30 {
    bottom: 30px;
}

.b_35 {
    bottom: 35px;
}

.b_40 {
    bottom: 40px;
}

.b_45 {
    bottom: 45px;
}

.b_50 {
    bottom: 50px;
}

.b_55 {
    bottom: 55px;
}

.b_60 {
    bottom: 60px;
}

.b_65 {
    bottom: 65px;
}

.b_70 {
    bottom: 70px;
}

.b_75 {
    bottom: 75px;
}

.b_80 {
    bottom: 80px;
}

.b_85 {
    bottom: 85px;
}

.b_90 {
    bottom: 90px;
}

.b_95 {
    bottom: 95px;
}

.b_100 {
    bottom: 100px;
}

.b_110 {
    bottom: 110px;
}

.b_120 {
    bottom: 120px;
}

.b_130 {
    bottom: 130px;
}

.b_140 {
    bottom: 140px;
}

.b_150 {
    bottom: 150px;
}

.b_160 {
    bottom: 160px;
}

.b_170 {
    bottom: 170px;
}

.b_180 {
    bottom: 180px;
}

.b_190 {
    bottom: 190px;
}

.b_200 {
    bottom: 200px;
}
/* 
el_17
Top
*/
.l_0 {
    left: 0;
}

.l_1 {
    left: 1px;
}

.l_2 {
    left: 2px;
}

.l_3 {
    left: 3px;
}

.l_4 {
    left: 4px;
}

.l_5 {
    left: 5px;
}

.l_6 {
    left: 6px;
}

.l_7 {
    left: 7px;
}

.l_8 {
    left: 8px;
}

.l_9 {
    left: 9px;
}

.l_10 {
    left: 10px;
}

.l_11 {
    left: 11px;
}

.l_12 {
    left: 12px;
}

.l_13 {
    left: 13px;
}

.l_14 {
    left: 14px;
}

.l_15 {
    left: 15px;
}

.l_16 {
    left: 16px;
}

.l_17 {
    left: 17px;
}

.l_18 {
    left: 18px;
}

.l_19 {
    left: 19px;
}

.l_20 {
    left: 20px;
}

.l_25 {
    left: 25px;
}

.l_30 {
    left: 30px;
}

.l_35 {
    left: 35px;
}

.l_40 {
    left: 40px;
}

.l_45 {
    left: 45px;
}

.l_50 {
    left: 50px;
}

.l_55 {
    left: 55px;
}

.l_60 {
    left: 60px;
}

.l_65 {
    left: 65px;
}

.l_70 {
    left: 70px;
}

.l_75 {
    left: 75px;
}

.l_80 {
    left: 80px;
}

.l_85 {
    left: 85px;
}

.l_90 {
    left: 90px;
}

.l_95 {
    left: 95px;
}

.l_100 {
    left: 100px;
}

.l_110 {
    left: 110px;
}

.l_120 {
    left: 120px;
}

.l_130 {
    left: 130px;
}

.l_140 {
    left: 140px;
}

.l_150 {
    left: 150px;
}

.l_160 {
    left: 160px;
}

.l_170 {
    left: 170px;
}

.l_180 {
    left: 180px;
}

.l_190 {
    left: 190px;
}

.l_200 {
    left: 200px;
}
/* 
el_18
Text align
*/
.align-1 {
    text-align: left;
}

.align-2 {
    text-align: center;
}

.align-3 {
    text-align: right;
}
/* 
el_19
Z-index
*/
.z_1 {
    z-index: 1;
}

.z_2 {
    z-index: 2;
}

.z_3 {
    z-index: 3;
}

.z_4 {
    z-index: 4;
}

.z_5 {
    z-index: 5;
}

.z_6 {
    z-index: 6;
}

.z_7 {
    z-index: 7;
}

.z_8 {
    z-index: 8;
}

.z_9 {
    z-index: 9;
}

.z_99 {
    z-index: 99;
}

.z_999 {
    z-index: 999;
}

.z_9999 {
    z-index: 9999;
}

.z_99999 {
    z-index: 99999;
}
/* 
el_20
Border radius
*/
.b_radius_0 {
    border-radius: 0;
}

.b_radius_1 {
    border-radius: 1px;
}

.b_radius_2 {
    border-radius: 2px;
}

.b_radius_3 {
    border-radius: 3px;
}

.b_radius_4 {
    border-radius: 4px;
}

.b_radius_5 {
    border-radius: 5px;
}

.b_radius_6 {
    border-radius: 6px;
}

.b_radius_7 {
    border-radius: 7px;
}

.b_radius_8 {
    border-radius: 8px;
}

.b_radius_9 {
    border-radius: 9px;
}

.b_radius_10 {
    border-radius: 10px;
}

.b_radius_11 {
    border-radius: 11px;
}

.b_radius_12 {
    border-radius: 12px;
}

.b_radius_13 {
    border-radius: 13px;
}

.b_radius_14 {
    border-radius: 14px;
}

.b_radius_15 {
    border-radius: 15px;
}

.b_radius_16 {
    border-radius: 16px;
}

.b_radius_17 {
    border-radius: 17px;
}

.b_radius_18 {
    border-radius: 18px;
}

.b_radius_19 {
    border-radius: 19px;
}

.b_radius_20 {
    border-radius: 20px;
}

.b_radius_25 {
    border-radius: 25px;
}

.b_radius_30 {
    border-radius: 30px;
}

.b_radius_50 {
    border-radius: 50%;
}
/* 
el_21
Box shadow
*/
.b_shadow_1 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.b_shadow_2 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.b_shadow_3 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.b_shadow_4 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.b_shadow_5 {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}

.b_shadow_6 {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.10);
}

.b_shadow_7 {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.b_shadow_8 {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.20);
}
/* 
el_22
Btn
*/
.theme_btn_1 {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 14.5px 31px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #0d6efd;
    z-index: 1;
    vertical-align: middle;
}

    .theme_btn_1:before {
        position: absolute;
        content: '';
        width: 0%;
        height: 100%;
        background: #272727;
        left: 0px;
        top: 0px;
        z-index: -1;
        transition: all 500ms ease;
    }

    .theme_btn_1:hover:before {
        width: 100%;
    }

.theme_btn_2 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: #061a3a;
    border: 1px solid #e4e8e9;
    text-align: center;
    padding: 16.5px 41.5px;
    border-radius: 4px;
    z-index: 1;
    transition: all 500ms ease;
    vertical-align: middle;
}

    .theme_btn_2:hover {
        color: #ffffff;
    }

    .theme_btn_2:before {
        transition-duration: 800ms;
        position: absolute;
        width: 200%;
        height: 200%;
        content: "";
        top: 110%;
        left: 50%;
        background: #0d6efd;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 50%;
        z-index: -1;
    }

    .theme_btn_2:hover:before {
        top: -40%;
    }
/* 
el_23
Image Hover
*/
.img_hover_1 {
    position: relative;
    overflow: hidden;
}

    .img_hover_1 img {
        width: 100%;
        transition: all 500ms ease;
    }

    .img_hover_1:before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255, 255, 255,.2);
        border-radius: 0%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

    .img_hover_1:hover:before {
        -webkit-animation: circle .95s;
        animation: circle .95s;
    }

.img_hover_2 {
    position: relative;
    overflow: hidden;
    background-color: #0d6efd;
}

    .img_hover_2 img {
        width: 100%;
        transition: all 500ms ease;
    }

    .img_hover_2:hover img {
        transform: scale(1.05);
        opacity: .5;
    }

    .img_hover_2:before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255, 255, 255,.2);
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

    .img_hover_2:hover:before {
        -webkit-animation: circle .95s;
        animation: circle .95s;
    }

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.img_hover_3 {
    position: relative;
    overflow: hidden;
}

    .img_hover_3 img {
        width: 100%;
        transition: all 500ms ease;
    }

    .img_hover_3:before {
        position: absolute;
        top: 0;
        left: -75%;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        -ms-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .img_hover_3:hover:before {
        -webkit-animation: shine 1s;
        animation: shine 1s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.img_hover_4 {
    position: relative;
    overflow: hidden;
}

    .img_hover_4 img {
        width: 100%;
        transition: all 500ms ease;
    }

    .img_hover_4:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 0%;
        left: 0px;
        top: 0px;
        opacity: 0.8;
        transition: all 500ms ease;
        background-color: #0d6efd;
    }

    .img_hover_4:hover:before {
        height: 100%;
    }

.img_hover_5 {
    position: relative;
    display: block;
    overflow: hidden;
}

    .img_hover_5:before {
        position: absolute;
        content: '';
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        left: 10px;
        top: 10px;
        transform: scale(0,0);
        opacity: 0.9;
        z-index: 1;
        transition: all 500ms ease;
        background-color: #0d6efd;
    }

    .img_hover_5:hover:before {
        transform: scale(1,1);
    }

    .img_hover_5 img {
        width: 100%;
        transition: all 500ms ease;
    }

    .img_hover_5:hover img {
        transform: scale(1.1);
    }

.img_hover_6 {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #0d6efd;
}

    .img_hover_6 img {
        width: 100%;
        transition: all 500ms ease;
    }

    .img_hover_6:hover img {
        transform: scale(1.1);
        opacity: 0.2;
    }

.img_hover_7 {
    position: relative;
    display: block;
    overflow: hidden;
}

    .img_hover_7 img {
        width: 100%;
        transform: scale(1.0);
        transition: all 1700ms ease;
    }

    .img_hover_7:hover img {
        transform: scale(1.2);
    }

    .img_hover_7:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background: #000000;
        opacity: 1.0;
        border-radius: 5px;
        transition: .5s;
        transform: perspective(400px) scaleX(0);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        z-index: 2;
    }

    .img_hover_7:hover:before {
        opacity: 0.80;
        transform: perspective(400px) scaleX(1.0);
    }

.img_hover_8 {
    position: relative;
    display: block;
    overflow: hidden;
}

    .img_hover_8 img {
        width: 100%;
        transition: all 1700ms ease;
    }

    .img_hover_8:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000000;
        opacity: 0;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -webkit-transform: perspective(400px) rotateX(-90deg);
        -ms-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        z-index: 1;
    }

    .img_hover_8:hover:before {
        opacity: .65;
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }

.img_hover_9 {
    position: relative;
    display: block;
    overflow: hidden;
}

    .img_hover_9 img {
        width: 100%;
        transform: scale(1.0);
        transition: all 3500ms ease;
    }

    .img_hover_9:hover img {
        transform: scale(1.2) rotate(1deg);
    }

    .img_hover_9:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        height: 50%;
        opacity: 0;
        transition-delay: .1s;
        transition-timing-function: ease-in-out;
        transition-duration: .5s;
        transition-property: all;
        opacity: 1;
        transform-origin: top;
        transform-style: preserve-3d;
        transform: scaleY(0);
        z-index: 1;
        background-color: #0d6efd;
    }

    .img_hover_9:hover:before {
        opacity: 0.80;
        transform: scaleY(1.0);
    }

    .img_hover_9:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        opacity: 1;
        transition-delay: .1s;
        transition-timing-function: ease-in-out;
        transition-duration: .5s;
        transition-property: all;
        opacity: 1;
        transform-origin: bottom;
        transform-style: preserve-3d;
        transform: scaleY(0);
        z-index: 1;
        background-color: #0d6efd;
    }

    .img_hover_9:hover:after {
        opacity: 0.80;
        transform: scaleY(1.0);
    }

.img_hover_10 {
    position: relative;
    display: block;
    overflow: hidden;
}

    .img_hover_10:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background: #0d6efd;
        opacity: 1.0;
        transition: .5s;
        transform: perspective(400px) scaleY(0);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        z-index: 1;
    }

    .img_hover_10:hover:before {
        opacity: 0.50;
        transform: perspective(400px) scaleY(1.0);
    }

    .img_hover_10 img {
        width: 100%;
        transition: all 3500ms ease;
    }

    .img_hover_10:hover img {
        transform: scale(1.3) rotate(2deg);
    }

.flexbox_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flexbox_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}






/* ============================================================
   color.css
   ============================================================ */


/** color-css **/

.header-top .top-inner p i {
    color: var(--theme-color);
}

.header-top .top-inner .social-links li a:hover {
    color: var(--theme-color);
}

.header-upper .upper-inner .right-column .info-list li i {
    color: var(--theme-color);
}

.header-upper .upper-inner .right-column .info-list li a:hover {
    color: var(--theme-color);
}

.header-upper .upper-inner .right-column .search-inner .form-group input:focus {
    border-color: var(--theme-color) !important;
}

.header-upper .upper-inner .right-column .search-inner .form-group button[type='submit'] {
    background: var(--theme-color);
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
    color: var(--theme-color);
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu {
    background: var(--theme-color);
}

    .main-menu .navigation > li > ul > li > ul {
        background: var(--theme-color);
    }

.main-header .menu-right-content .login-box a:hover {
    color: var(--theme-color);
}

.banner-carousel .content-box .special-text {
    color: var(--secondary-color);
}

.booking-inner .form-group .icon {
    color: var(--theme-color);
}

.booking-inner:before {
    background: var(--theme-color);
}

.booking-inner form .btn-box button[type='submit'] {
    background: var(--theme-color);
}

    .booking-inner form .btn-box button[type='submit']:hover {
        background: var(--secondary-color) !important;
    }

.sec-title .sub-title {
    color: var(--secondary-color);
}

.content_block_one .content-box .inner-box .single-item .icon-box {
    color: var(--theme-color);
}

    .content_block_one .content-box .inner-box .single-item .icon-box:before {
        background: var(--theme-color);
    }

.chooseus-block-one .inner-box .icon-box {
    color: var(--theme-color);
}

.chooseus-block-one .inner-box h3 a:hover {
    color: var(--theme-color);
}

.tours-block-one .inner-box .lower-content h4 a:hover {
    color: var(--theme-color);
}

.tours-block-one .inner-box .lower-content h5 {
    color: var(--theme-color);
}

.tours-block-one .inner-box .lower-content .link a:hover {
    color: var(--theme-color);
}

.tours-section .tab-btns li.active-btn,
.tours-section .tab-btns li:hover {
    background: var(--theme-color);
}

.category-block-one .inner-box h4 a:hover {
    color: var(--theme-color);
}

.dots-style-one .owl-dots .owl-dot.active span,
.dots-style-one .owl-dots .owl-dot span:hover {
    border-color: var(--theme-color);
}

    .dots-style-one .owl-dots .owl-dot.active span:before,
    .dots-style-one .owl-dots .owl-dot span:hover:before {
        background: var(--theme-color);
        border-color: var(--theme-color);
    }

.video-section .video-btn a {
    background: var(--theme-color);
}

.nav-style-one .owl-nav button:hover {
    background: var(--theme-color);
}

.news-block-one .inner-box .lower-content .post-info li a {
    color: var(--theme-color);
}

    .news-block-one .inner-box .lower-content .post-info li a:hover {
        background: var(--theme-color);
        border-color: var(--theme-color);
    }

.news-block-one .inner-box .lower-content h3 a:hover {
    color: var(--theme-color);
}

.subscribe-section .inner-container {
    background: var(--theme-color);
}

.main-footer a:hover {
    color: var(--theme-color);
}

.footer-bottom .bottom-inner .copyright p a {
    color: var(--theme-color);
}

.footer-bottom .social-links li a:hover {
    color: var(--theme-color);
}

.theme-btn.btn-one {
    background: var(--theme-color);
}

.theme-btn:before {
    background: var(--secondary-color);
}

.main-header .search-box-outer:hover {
    color: var(--theme-color);
}



.home-2 .main-menu .navigation > li.current > a,
.home-2 .main-menu .navigation > li:hover > a {
    color: #8CCF2D;
}

.home-2 .main-menu .navigation > li > ul,
.home-2 .main-menu .navigation > li > .megamenu {
    background: #8CCF2D;
}

    .home-2 .main-menu .navigation > li > ul > li > ul {
        background: #8CCF2D;
    }

.home-2 .theme-btn.btn-one {
    background: #8CCF2D;
}

.home-2 .main-header .search-box-outer:hover {
    color: #8CCF2D;
}

.home-2 .menu-area .mobile-nav-toggler {
    background: #8CCF2D;
}

.home-2 button.rtl {
    background: #8CCF2D;
}

.home-2 button.ltr {
    background: #8CCF2D;
}

.banner-style-two .content-box .title-text {
    color: var(--secondary-color);
}

.home-2 .booking-inner:before {
    background: #8CCF2D;
}

.home-2 .booking-inner .form-group .icon {
    color: #8CCF2D;
}

.home-2 .booking-inner form .btn-box button[type='submit'] {
    background: #8CCF2D;
}

.home-2 .place-style-two .sec-title a:hover {
    color: #8CCF2D;
}

.home-2 .place-block-two .inner-box h4 a:hover {
    color: #8CCF2D;
}

.home-2 .tours-section .tab-btns li.active-btn,
.home-2 .tours-section .tab-btns li:hover {
    background: #8CCF2D;
}

.home-2 .tours-block-one .inner-box .lower-content h4 a:hover {
    color: #8CCF2D;
}

.home-2 .tours-block-one .inner-box .lower-content h5 {
    color: #8CCF2D;
}

.home-2 .tours-block-one .inner-box .lower-content .link a:hover {
    color: #8CCF2D;
}

.home-2 .content_block_two .content-box .inner-box .single-item h2 {
    color: #8CCF2D;
}

.home-2 .pricing-block-one .pricing-table .content-box h4 a:hover {
    color: #8CCF2D;
}

.home-2 .pricing-block-one .pricing-table .content-box h5 {
    color: #8CCF2D;
}

.home-2 .news-block-one .inner-box .lower-content .post-info li a {
    color: #8CCF2D;
}

    .home-2 .news-block-one .inner-box .lower-content .post-info li a:hover {
        background: #8CCF2D;
        border-color: #8CCF2D;
    }

.home-2 .news-block-one .inner-box .lower-content h3 a:hover {
    color: #8CCF2D;
}

.home-2 .main-footer a:hover {
    color: #8CCF2D;
}

.home-2 .footer-bottom .bottom-inner .copyright p a {
    color: #8CCF2D;
}

.home-2 .footer-bottom .social-links li a:hover {
    color: #8CCF2D;
}

.home-2 .scroll-to-top .scroll-bar-text {
    color: #8CCF2D;
}

.home-2 .testimonial-style-two .owl-theme .owl-dots .owl-dot span {
    background: #8CCF2D;
}



.banner-style-three .content-box .title-text {
    color: var(--secondary-color);
}

.pricing-block-one .pricing-table .content-box h5 {
    color: var(--theme-color);
}

.pricing-block-one .pricing-table .content-box h4 a:hover {
    color: var(--theme-color);
}

.testimonial-style-two .owl-theme .owl-dots .owl-dot span {
    background: var(--theme-color);
}

.destinations-section .tab-btns li.active-btn,
.destinations-section .tab-btns li:hover {
    background: var(--theme-color);
}

.destinations-block-one .inner-box h4 a:hover {
    color: var(--theme-color);
}

.destinations-block-one .inner-box p span {
    color: var(--theme-color);
}

.instagram-block-one .inner-box .text-box a:hover {
    color: var(--theme-color);
}

.light-footer .logo-widget .info-list li a:hover {
    color: var(--theme-color);
}

.light-footer a:hover {
    color: var(--theme-color);
}

.light-footer .footer-bottom .social-links li a:hover {
    color: var(--theme-color);
}

.page-title .content-box span {
    color: var(--secondary-color);
}

.destination-details .content-box .theme-btn:hover {
    background: var(--secondary-color);
}

.range-slider .ui-slider .ui-slider-range {
    background: var(--theme-color);
}

.range-slider .ui-widget-content .ui-state-default {
    background: var(--theme-color);
}

.tour-sidebar .filter-widget .btn-box .clear-btn:hover {
    color: var(--theme-color);
}

.tour-sidebar .check-box label:after {
    background: var(--theme-color);
}

.item-shorting .text p span {
    color: var(--theme-color);
}

.tours-block-one .inner-box .image-box .offer-box {
    background: #69BA3C;
}

.pagination li a:hover,
.pagination li a.current {
    background: var(--theme-color);
}

.tour-details .upper-box .video-inner .video-btn a {
    background: var(--theme-color);
}

.tour-details-content .title-box .info-list li i {
    color: var(--theme-color);
}

.tour-details-content .title-box .info-list li h4.price {
    color: var(--theme-color);
}

.tour-details-content .accordion-box .acc-btn span {
    background: var(--theme-color);
}

.tour-details-content .accordion-box .acc-btn.active .icon-box {
    color: var(--theme-color);
}

.tour-details-content .review-inner .text-box h2 {
    color: var(--theme-color);
}

.tour-details-content .comment-box .single-comment .comment-inner .reply-btn {
    background: var(--theme-color);
}

    .tour-details-content .comment-box .single-comment .comment-inner .reply-btn:hover {
        background: var(--secondary-color);
    }

.tour-details-content .comment-box form .form-group input:focus,
.tour-details-content .comment-box form .form-group textarea:focus {
    border-color: var(--theme-color) !important;
}

.tour-details-content .check-box label:after {
    background: var(--theme-color);
}

.tour-sidebar-two .date-box .icon-box {
    color: var(--theme-color);
}

.tour-sidebar-two .total-box span {
    color: var(--theme-color);
}

.cal-month-block .cal-week-name {
    background: var(--theme-color);
}

.cal-month-block .cal-cell.cal-cell-active .cal-cell-pricefrom {
    color: var(--theme-color);
}

.tour-details-content .tab-btns li.active-btn {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.tour-details-content .tab-btns li:before {
    background: var(--theme-color);
}

.cart-section .content-box .single-product-box .inner-box .price {
    color: var(--theme-color);
}

.cart-section .content-box .coupon-box .form-group input:focus {
    border-color: var(--theme-color) !important;
}

.cart-section .content-box .coupon-box .form-group button:hover {
    background: var(--secondary-color) !important;
}

.cart-section .content-box .amount-list li:last-child span {
    color: var(--theme-color);
}

.cart-sidebar .form-group input:focus {
    border-color: var(--theme-color) !important;
}

.cart-sidebar .total-price h3 {
    color: var(--theme-color);
}

.cart-sidebar .tabs-box .tab-btns li.active-btn {
    background: var(--theme-color);
}

.cart-sidebar .check-box label:after {
    background: var(--theme-color);
}

.faq-section .accordion-box .accordion .acc-btn.active .icon-box {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.error-section h2 span {
    color: var(--theme-color);
}

.news-block-one .inner-box .lower-content h2 a:hover {
    color: var(--theme-color);
}

.blog-details-content .comment-form .form-group input:focus,
.blog-details-content .comment-form .form-group textarea:focus {
    border-color: var(--theme-color) !important;
}

.info-block-one .inner-box .icon-box {
    background: var(--theme-color);
}

.info-block-one .inner-box p a:hover {
    color: var(--theme-color);
}

.contact-section .form-inner .form-group input:focus,
.contact-section .form-inner .form-group textarea:focus {
    border-color: var(--theme-color) !important;
}




















/* ============================================================
   rtl.css
   ============================================================ */


.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.rtl .switcher {
    right: 60px;
    left: inherit;
}

    .rtl .switcher .switch_menu {
        left: inherit;
        right: 0px;
    }

.rtl .owl-carousel {
    direction: ltr;
}

.rtl .scroll-to-top .scroll-bar {
    margin-right: 0px;
    margin-left: 10px;
}

.rtl .main-menu .navigation > li {
    float: right;
}

    .rtl .main-menu .navigation > li:first-child {
        margin-left: 15px !important;
        margin-right: 0px;
    }

    .rtl .main-menu .navigation > li:last-child {
        margin-right: 15px !important;
        margin-left: 0px;
    }

    .rtl .main-menu .navigation > li > ul > li > a,
    .rtl .main-menu .navigation > li > .megamenu li > a {
        text-align: right;
    }

.rtl .main-menu .navigation li.dropdown .megamenu li h4 {
    text-align: right;
}

.rtl .main-menu .navigation > li > ul > li > ul > li > a {
    text-align: right;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
    right: inherit;
    left: 20px;
    content: "\f104";
}

.rtl .mobile-menu {
    text-align: right;
}

    .rtl .mobile-menu .nav-logo {
        text-align: right;
    }

    .rtl .mobile-menu .navigation li > a:before {
        left: inherit;
        right: 0px;
    }

    .rtl .mobile-menu .navigation li.dropdown .dropdown-btn {
        right: inherit;
        left: 6px;
    }

        .rtl .mobile-menu .navigation li.dropdown .dropdown-btn.open {
            transform: rotate(-90deg);
        }

.rtl .scroll-to-top {
    right: inherit;
    left: 0px;
}

.rtl .header-top .top-inner .social-links li {
    margin-right: 0px;
    margin-left: 30px;
}

.rtl .header-upper .upper-inner .right-column .info-list li {
    margin-right: 0px;
    margin-left: 50px;
}

.rtl .header-upper .upper-inner .right-column .info-list {
    margin-right: 0px;
    margin-left: 50px;
}

.rtl .main-header .menu-right-content .select-box {
    margin-right: 0px;
    margin-left: 30px;
}

.rtl .nice-select .option {
    text-align: right;
}

.rtl .nice-select {
    text-align: right !important;
}

.rtl .footer-bottom .social-links li {
    margin-right: 0px;
    margin-left: 20px;
}

.rtl .main-header .search-box-outer {
    margin-right: 0px;
    margin-left: 25px;
}

.rtl .main-header .language-box {
    margin-right: 0px;
    margin-left: 25px;
}































/* ============================================================
   style.css
   ============================================================ */


/* Css For Travic */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


:root {
    --theme-color: #FF6B00;
    --secondary-color: #FFC42E;
    --text-color: #6A6A6A;
    --title-color: #111111;
    --text-font: 'Inter', sans-serif;
    --title-font: 'Urbanist', sans-serif;
    --secondary-font: 'Seaweed Script', cursive;
}





body {
    font-size: 16px;
    color: var(--text-color);
    line-height: 28px;
    font-weight: 400;
    background: #ffffff;
    font-family: var(--text-font);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px;
        padding: 0px 15px;
    }
}

.large-container {
    max-width: 1550px;
    padding: 0px 15px;
    margin: 0 auto;
}

.container-fluid {
    padding: 0px;
}

.auto-container {
    position: static;
    max-width: 1320px;
    padding: 0px 15px;
    margin: 0 auto;
}

.small-container {
    max-width: 680px;
    margin: 0 auto;
}

.boxed_wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden !important;
    width: 100%;
    min-width: 300px;
}


a {
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

    a:hover {
        text-decoration: none;
        outline: none;
    }

input, button, select, textarea {
    font-family: var(--text-font);
    font-weight: 400;
    font-size: 18px;
    background: transparent;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

input {
    transition: all 500ms ease;
}

    button:focus,
    input:focus,
    textarea:focus {
        outline: none;
        box-shadow: none;
        transition: all 500ms ease;
    }

p {
    position: relative;
    font-family: var(--text-font);
    color: var(--text-color);
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-family: var(--title-font);
    font-weight: 700;
    color: var(--title-color);
    margin: 0px;
    transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background: var(--secondary-color);
}

.preloader-close {
    position: fixed;
    z-index: 99999999;
    font-size: 14px;
    background: #fff;
    color: red;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    right: 30px;
    top: 30px;
    font-weight: 400;
}

.handle-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}

    .handle-preloader .animation-preloader .spinner {
        animation: spinner 1s infinite linear;
        border-radius: 50%;
        height: 150px;
        margin: 0 auto 45px auto;
        width: 150px;
    }

    .handle-preloader .animation-preloader .txt-loading {
        text-align: center;
        user-select: none;
    }

        .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
            animation: letters-loading 4s infinite;
            content: attr(data-text-preloader);
            left: 0;
            opacity: 0;
            top: 0;
            position: absolute;
        }

        .handle-preloader .animation-preloader .txt-loading .letters-loading {
            font-family: var(--title-font);
            font-weight: 500;
            letter-spacing: 15px;
            display: inline-block;
            position: relative;
            font-size: 70px;
            line-height: 70px;
            text-transform: uppercase;
            color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
        }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
                animation-delay: 0.2s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
                animation-delay: 0.4s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
                animation-delay: 0.6s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
                animation-delay: 0.8s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
                animation-delay: 1s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
                animation-delay: 1.2s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
                animation-delay: 1.4s;
            }

.handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
    color: #ffffff;
}

.handle-preloader .animation-preloader .spinner {
    border: 3px solid #ffffff;
    border-top-color: rgba(255, 255, 255, 0.5);
}


.tabs-box .tab {
    position: relative;
    display: none;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

    .tabs-box .tab.active-tab {
        display: block;
    }

.tabs-box .tab {
    transform: scale(0.9,0.9) translateY(0px);
}

    .tabs-box .tab.active-tab {
        transform: scale(1) translateY(0px);
    }

/* Animación del preloader */
@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .handle-preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }
}

@media screen and (max-width: 500px) {
    .handle-preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
    }

    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 36px;
        letter-spacing: 6px;
    }
}


.centred {
    text-align: center;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


figure {
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.row {
    --bs-gutter-x: 30px;
}

/** button **/


.theme-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    padding: 10px 36px;
    font-family: var(--text-font);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    z-index: 1;
    transition: all 500ms ease;
}

    .theme-btn:hover {
        color: #fff;
    }

    .theme-btn.btn-one:hover {
    }

    .theme-btn:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        transform: scale(0,0);
        z-index: -1;
        transition: all 500ms ease;
    }

    .theme-btn:hover:before {
        transform: scale(1,1);
    }

    .theme-btn.btn-two {
    }

        .theme-btn.btn-two:before {
        }

    .theme-btn.btn-three {
        border: 2px solid #fff;
        border-radius: 5px;
        padding: 17px 34px;
    }

        .theme-btn.btn-three:hover {
        }

.parallax-bg {
    position: absolute;
    left: 0px;
    top: -30%;
    width: 100%;
    height: calc(100% + 30%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/** styled-pagination */

.pagination {
    position: relative;
    display: block;
}

    .pagination li {
        position: relative;
        display: inline-block;
        margin: 0px 5px;
    }

        .pagination li a {
            position: relative;
            display: inline-block;
            font-size: 18px;
            height: 60px;
            width: 60px;
            line-height: 60px;
            font-weight: 500;
            box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.04);
            background: #fff;
            border-radius: 50%;
            text-align: center;
            color: var(--title-color);
            z-index: 1;
            transition: all 500ms ease;
        }

            .pagination li a:hover,
            .pagination li a.current {
                color: #fff;
            }

.sec-pad {
    padding: 142px 0px 150px 0px;
}

.mr-0 {
    margin: 0px !important;
}

/** scroll-to-top **/

.scroll-to-top {
    position: fixed;
    right: 0px;
    bottom: 100px;
    transform: rotate(90deg);
    z-index: 99;
}

    .scroll-to-top .visible {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .scroll-to-top .scroll-top-inner {
        opacity: 0;
        visibility: hidden;
    }

    .scroll-to-top .scroll-top-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
        -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
        transition: all cubic-bezier(.4,0,.2,1) .4s;
    }

    .scroll-to-top .scroll-bar {
        width: 50px;
        height: 2px;
        margin-right: 10px;
        position: relative;
    }

        .scroll-to-top .scroll-bar:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: #f4244f;
            opacity: .3;
        }

        .scroll-to-top .scroll-bar .bar-inner {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            background-color: currentColor;
        }

    .scroll-to-top .scroll-bar-text {
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        color: var(--theme-color);
        transition: all 500ms ease;
    }

.light-home .scroll-to-top .scroll-bar-text {
    color: var(--secondary-color);
}

.scroll-to-top .scroll-bar-text:hover {
    transform: scale(1.1);
}



@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 1920px 0;
    }
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 1920px 0;
    }
}



.sec-title {
    position: relative;
    display: block;
}

    .sec-title .sub-title {
        position: relative;
        display: block;
        font-size: 32px;
        line-height: 24px;
        font-family: var(--secondary-font);
        margin-bottom: 20px;
    }

    .sec-title h2 {
        position: relative;
        display: block;
        font-size: 42px;
        line-height: 50px;
        font-weight: 700;
        margin: 0px;
    }

    .sec-title.light h2 {
        color: #fff !important;
    }




/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 999;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.sticky-header .logo {
    padding: 10px 0;
}


/** header-top **/

.header-top {
    position: relative;
    width: 100%;
    background: #233986;
    padding: 11px 0px;
}

    .header-top .top-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .header-top .top-inner p {
            position: relative;
            display: block;
            font-size: 16px;
            line-height: 20px;
            padding-left: 29px;
            color: #F7F5F5;
        }

            .header-top .top-inner p i {
                position: absolute;
                left: 0px;
                top: 0px;
                font-size: 18px;
            }

        .header-top .top-inner .social-links {
            position: relative;
            display: flex;
            align-items: center;
        }

            .header-top .top-inner .social-links li {
                margin-right: 30px;
            }

                .header-top .top-inner .social-links li:last-child {
                    margin: 0px !important;
                }

                .header-top .top-inner .social-links li span {
                    position: relative;
                    display: block;
                    font-size: 16px;
                    line-height: 20px;
                    color: #fff;
                }

                .header-top .top-inner .social-links li a {
                    position: relative;
                    display: inline-block;
                    font-size: 16px;
                    color: #fff;
                }


/** header-upper **/

.header-upper {
    position: relative;
    width: 100%;
    background: #fff;
}

    .header-upper .upper-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .header-upper .upper-inner .logo-box {
            position: relative;
            padding: 25px 0px;
        }

        .header-upper .upper-inner .right-column {
            position: relative;
            display: flex;
            align-items: center;
        }

            .header-upper .upper-inner .right-column .info-list {
                position: relative;
                display: flex;
                align-items: center;
            }

                .header-upper .upper-inner .right-column .info-list li {
                    position: relative;
                    display: inline-block;
                    margin-right: 50px;
                    padding-left: 22px;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 500;
                    color: var(--title-color);
                }

                    .header-upper .upper-inner .right-column .info-list li:last-child {
                        margin: 0px !important;
                    }

                    .header-upper .upper-inner .right-column .info-list li i {
                        position: absolute;
                        left: 0px;
                        top: 1px;
                        font-size: 18px;
                    }

                    .header-upper .upper-inner .right-column .info-list li a {
                        display: inline-block;
                        color: var(--title-color);
                    }

                        .header-upper .upper-inner .right-column .info-list li a:hover {
                        }

            .header-upper .upper-inner .right-column .search-inner {
                position: relative;
                width: 300px;
            }

                .header-upper .upper-inner .right-column .search-inner .form-group {
                    position: relative;
                    margin: 0px;
                }

                    .header-upper .upper-inner .right-column .search-inner .form-group input[type='search'] {
                        position: relative;
                        display: block;
                        width: 100%;
                        height: 50px;
                        border: 1px solid #DEDEDE;
                        border-radius: 5px;
                        font-size: 16px;
                        color: var(--text-color);
                        padding: 10px 70px 10px 20px;
                        transition: all 500ms ease;
                    }

                    .header-upper .upper-inner .right-column .search-inner .form-group input:focus {
                    }

                    .header-upper .upper-inner .right-column .search-inner .form-group button[type='submit'] {
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        text-align: center;
                        font-size: 16px;
                        color: #fff;
                        border-radius: 0px 5px 5px 0px;
                        cursor: pointer;
                    }

.main-header .outer-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-header .header-lower .outer-box {
    background: rgba(255, 107, 0, 0.07);
    border-radius: 5px 5px 0px 0px;
    padding: 0px 40px 0px 35px;
}

.main-header .menu-right-content {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px 0px;
}

    .main-header .menu-right-content .nice-select {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 30px;
        font-weight: 500;
        color: var(--title-color);
        text-transform: uppercase;
        padding-right: 17px;
    }

.nice-select:before {
    position: absolute;
    content: '';
    background: #000;
    width: 10px;
    height: 5px;
    top: 12px;
    right: 0px;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
}

.main-header .menu-right-content .login-box a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color: var(--title-color);
    padding-left: 21px;
}

    .main-header .menu-right-content .login-box a i {
        position: absolute;
        left: 0px;
        top: 6px;
        font-size: 18px;
    }

    .main-header .menu-right-content .login-box a:hover {
    }




/** main-menu **/

.main-menu {
    float: left;
}

    .main-menu .navbar-collapse {
        padding: 0px;
        display: block !important;
    }

    .main-menu .navigation {
        margin: 0px;
    }

        .main-menu .navigation > li {
            position: inherit;
            float: left;
            z-index: 2;
            margin: 0px 26px;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .main-menu .navigation > li:last-child {
                margin-right: 0px !important;
            }

            .main-menu .navigation > li:first-child {
                margin-left: 0px !important;
            }

            .main-menu .navigation > li > a {
                position: relative;
                display: block;
                text-align: center;
                font-size: 14px;
                line-height: 30px;
                padding: 15px 0px;
                font-weight: 500;
                font-family: var(--text-font);
                opacity: 1;
                color: var(--title-color);
                text-transform: uppercase;
                z-index: 1;
                -webkit-transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
                transition: all 500ms ease;
            }

.light-home .main-menu .navigation > li > a {
    color: #fff;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
    color: var(--theme-color);
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu {
    position: absolute;
    left: inherit;
    top: 100%;
    width: 250px;
    margin-top: 15px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

    .main-menu .navigation > li > ul.from-right {
        left: auto;
        right: 0px;
    }

    .main-menu .navigation > li > ul > li {
        position: relative;
        width: 100%;
    }

        .main-menu .navigation > li > ul > li > a,
        .main-menu .navigation > li > .megamenu li > a {
            position: relative;
            display: block;
            padding: 10px 25px;
            line-height: 30px;
            font-weight: 500;
            font-size: 14px;
            text-transform: capitalize;
            font-family: var(--text-font);
            color: #fff;
            text-align: left;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
        }

        .main-menu .navigation > li > ul > li > a {
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

    .main-menu .navigation > li > .megamenu li > a {
        padding-left: 0px;
    }

    .main-menu .navigation > li > .megamenu h4 {
        display: block;
        font-size: 20px;
        line-height: 30px;
        color: #ffffff;
    }

    .main-menu .navigation > li > ul > li > a:hover,
    .main-menu .navigation > li > .megamenu li > a:hover {
        padding-left: 35px;
    }

    .main-menu .navigation > li > ul > li:last-child > a,
    .main-menu .navigation > li > .megamenu li:last-child > a {
        border-bottom: none;
    }

    .main-menu .navigation > li > ul > li.dropdown > a:after {
        font-family: 'Font Awesome 6 Free';
        content: "\f105";
        position: absolute;
        right: 20px;
        top: 10px;
        display: block;
        line-height: 24px;
        font-size: 16px;
        font-weight: 800;
        text-align: center;
        z-index: 5;
    }

    .main-menu .navigation > li > ul > li > ul {
        position: absolute;
        left: 100%;
        top: 0%;
        margin-top: 15px;
        width: 250px;
        z-index: 100;
        display: none;
        border-radius: 0px;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

        .main-menu .navigation > li > ul > li > ul.from-right {
            left: auto;
            right: 0px;
        }

        .main-menu .navigation > li > ul > li > ul > li {
            position: relative;
            width: 100%;
        }

            .main-menu .navigation > li > ul > li > ul > li:last-child {
                border-bottom: none;
            }

            .main-menu .navigation > li > ul > li > ul > li > a {
                position: relative;
                display: block;
                padding: 10px 25px;
                line-height: 24px;
                font-weight: 500;
                font-size: 14px;
                text-transform: capitalize;
                font-family: var(--text-font);
                color: #fff;
                border-bottom: 1px solid rgba(255,255,255,0.1);
                text-align: left;
                transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -webkit-transition: all 500ms ease;
                -ms-transition: all 500ms ease;
                -o-transition: all 500ms ease;
            }

            .main-menu .navigation > li > ul > li > ul > li:last-child > a {
                border-bottom: none;
            }

            .main-menu .navigation > li > ul > li > ul > li > a:hover {
                padding-left: 35px;
            }

            .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
                font-family: 'Font Awesome 5 Pro';
                content: "\f105";
                position: absolute;
                right: 20px;
                top: 12px;
                display: block;
                line-height: 24px;
                font-size: 16px;
                font-weight: 900;
                z-index: 5;
            }

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0%;
    margin-top: 0px;
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: -32px;
    top: 66px;
    width: 34px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #3b3b3b;
    cursor: pointer;
    display: none;
    z-index: 5;
    transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn {
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn {
    display: none;
}

.menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    background: var(--theme-color);
    display: none;
}

.mobile-menu .nav-logo img {
    max-width: 160px;
}

.menu-area .mobile-nav-toggler .icon-bar {
    position: relative;
    height: 2px;
    width: 30px;
    display: block;
    margin-bottom: 5px;
    background-color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .menu-area .mobile-nav-toggler .icon-bar:last-child {
        margin-bottom: 0px;
    }


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu {
    position: absolute;
    width: 100%;
    padding: 30px 50px;
    left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4 {
    margin-bottom: 10px;
}

.sticky-header .main-menu .navigation > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #000;
}

.sticky-header .main-menu .navigation > li.dropdown > a:before {
    top: 27px;
}

.sticky-header .main-menu:before {
    top: 15px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #3786ff;
    display: none;
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
    transition: all 900ms ease;
}

    .mobile-menu .navbar-collapse {
        display: block !important;
    }

    .mobile-menu .nav-logo {
        position: relative;
        padding: 50px 25px;
        text-align: left;
        padding-bottom: 20px;
    }

.mobile-menu-visible {
    overflow: hidden;
}

    .mobile-menu-visible .mobile-menu {
        opacity: 1;
        visibility: visible;
    }

.mobile-menu .menu-backdrop {
    position: fixed;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 900ms ease;
    background-color: #000;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 0.70;
    visibility: visible;
    right: 100%;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #141417;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 900ms ease !important;
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn {
    position: absolute;
    right: 25px;
    top: 10px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.mobile-menu .close-btn:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}

    .mobile-menu .navigation li {
        position: relative;
        display: block;
        border-top: 1px solid rgba(255,255,255,0.10);
    }

    .mobile-menu .navigation:last-child {
        border-bottom: 1px solid rgba(255,255,255,0.10);
    }

    .mobile-menu .navigation li > ul > li:first-child {
        border-top: 1px solid rgba(255,255,255,0.10);
    }

    .mobile-menu .navigation li > a {
        position: relative;
        display: block;
        line-height: 24px;
        padding: 10px 25px;
        font-size: 15px;
        font-weight: 500;
        color: #ffffff;
        text-transform: uppercase;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .mobile-menu .navigation li ul li > a {
        font-size: 16px;
        margin-left: 20px;
        text-transform: capitalize;
    }

    .mobile-menu .navigation li > a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        border-left: 5px solid #fff;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .mobile-menu .navigation li.current > a:before {
        height: 100%;
    }

    .mobile-menu .navigation li.dropdown .dropdown-btn {
        position: absolute;
        right: 6px;
        top: 6px;
        width: 32px;
        height: 32px;
        text-align: center;
        font-size: 16px;
        line-height: 32px;
        color: #ffffff;
        background: rgba(255,255,255,0.10);
        cursor: pointer;
        border-radius: 2px;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        z-index: 5;
    }

        .mobile-menu .navigation li.dropdown .dropdown-btn.open {
            color: #ffffff;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .mobile-menu .navigation li > ul,
    .mobile-menu .navigation li > ul > li > ul,
    .mobile-menu .navigation > li.dropdown > .megamenu {
        display: none;
    }

.mobile-menu .social-links {
    position: relative;
    padding: 0px 25px;
}

    .mobile-menu .social-links li {
        position: relative;
        display: inline-block;
        margin: 0px 10px 10px;
    }

        .mobile-menu .social-links li a {
            position: relative;
            line-height: 32px;
            font-size: 16px;
            color: #ffffff;
            -webkit-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease;
        }

            .mobile-menu .social-links li a:hover {
            }

div#mCSB_1_container {
    top: 0px !important;
}

.mobile-menu .contact-info {
    position: relative;
    padding: 120px 30px 20px 30px;
}

    .mobile-menu .contact-info h4 {
        position: relative;
        font-size: 20px;
        color: #ffffff;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .mobile-menu .contact-info ul li {
        position: relative;
        display: block;
        font-size: 15px;
        color: rgba(255,255,255,0.80);
        margin-bottom: 3px;
    }

        .mobile-menu .contact-info ul li a {
            color: rgba(255,255,255,0.80);
        }

            .mobile-menu .contact-info ul li a:hover {
            }

        .mobile-menu .contact-info ul li:last-child {
            margin-bottom: 0px;
        }

.main-header .outer-box {
    position: relative;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav {
    display: none !important;
}

.owl-nav button {
    background: transparent;
}

.float-bob-y {
    animation-name: float-bob-y;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob-y;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob-y;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob-y;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.float-bob-x {
    animation-name: float-bob-x;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob-x;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob-x;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob-x;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob-x;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


/** rtl-switcher **/

.demo-rtl {
    position: fixed;
    top: 390px;
    left: 10px;
    z-index: 9999;
}

button.rtl {
    background: var(--theme-color);
    display: block;
    text-indent: inherit;
    font-size: 12px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    margin: 0px;
    color: #fff !important;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    transition: all 500ms ease;
}

.light-home button.rtl {
    background: var(--secondary-color);
}

.demo-ltr {
    position: fixed;
    top: 390px;
    left: auto;
    right: 10px;
    z-index: 9999;
}

button.ltr {
    background: var(--theme-color);
    display: block;
    text-indent: inherit;
    font-size: 12px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0px;
    color: #fff !important;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 1.0);
    transition: all 500ms ease;
}

.light-home button.ltr {
    background: var(--secondary-color);
}

.boxed_wrapper.ltr .demo-rtl {
    display: block;
}

.boxed_wrapper.ltr .demo-ltr {
    display: none;
}

.boxed_wrapper.rtl .demo-rtl {
    display: none;
}

.boxed_wrapper.rtl .demo-ltr {
    display: block;
}

.dots-style-one .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    margin: 0px 5px;
    background: transparent !important;
    transition: all 500ms ease;
}

    .dots-style-one .owl-dots .owl-dot.active span,
    .dots-style-one .owl-dots .owl-dot span:hover {
    }

    .dots-style-one .owl-dots .owl-dot span:before {
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        border: 2px solid #303030;
        border-radius: 50%;
        left: 2px;
        top: 2px;
    }

    .dots-style-one .owl-dots .owl-dot.active span:before,
    .dots-style-one .owl-dots .owl-dot span:hover:before {
        width: 12px;
        height: 12px;
        left: 3px;
        top: 3px;
    }

.border-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255,255,255,.5);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    animation: squares 2.9s linear 0s infinite;
    -webkit-animation: squares 2.9s linear 0s infinite;
    -ms-animation: squares 2.9s linear 0s infinite;
    -o-animation: squares 2.9s linear 0s infinite;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 0;
}

    .border-animation.border-2 {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }

    .border-animation.border-3 {
        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -o-animation-delay: 2s;
        animation-delay: 2s;
    }

.nav-style-one .owl-nav button {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    text-align: center;
    font-size: 16px;
    color: var(--title-color);
    box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    cursor: pointer;
    transition: all 500ms ease;
}

    .nav-style-one .owl-nav button:hover {
        color: #fff;
    }


/** main-footer **/

.main-footer {
    position: relative;
    background: #191919;
}

    .main-footer .pattern-layer {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 560px;
        background-repeat: repeat-x;
        background-position: bottom center;
        animation: slide 60s linear infinite;
        -webkit-animation: slide 60s linear infinite;
    }

    .main-footer .widget-section {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .main-footer .logo-widget {
        position: relative;
        max-width: 400px;
    }

    .main-footer p,
    .main-footer a {
        color: #fff;
    }

        .main-footer a:hover {
        }

    .main-footer .logo-widget .footer-logo {
        margin-bottom: 19px;
    }

    .main-footer .logo-widget p {
        margin-bottom: 30px;
    }

    .main-footer .logo-widget .info-list li {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }

        .main-footer .logo-widget .info-list li:last-child {
            margin-bottom: 0px;
        }

    .main-footer .widget-title {
        position: relative;
        display: block;
        margin-bottom: 25px;
    }

        .main-footer .widget-title h3 {
            font-size: 24px;
            line-height: 24px;
            color: #fff;
            font-weight: 600;
        }

    .main-footer .links-widget .links-list li {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 42px;
        color: #fff;
    }

.footer-bottom {
    position: relative;
    background: #191919;
    width: 100%;
    padding: 24px 0px;
}

    .footer-bottom .bottom-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .footer-bottom .bottom-inner .copyright p a:hover {
            text-decoration: underline;
        }

    .footer-bottom .social-links {
        position: relative;
        display: flex;
        align-items: center;
    }

        .footer-bottom .social-links li {
            margin-right: 20px;
        }

            .footer-bottom .social-links li:last-child {
                margin: 0px !important;
            }

            .footer-bottom .social-links li a {
                position: relative;
                display: inline-block;
                font-size: 18px;
                color: rgba(255, 255, 255, 0.60);
            }

                .footer-bottom .social-links li a:hover {
                }


/** header-style-two **/

.header-style-two {
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

    .header-style-two .header-lower .outer-box {
        background: #fff;
        border-radius: 0px;
        padding: 0px;
    }

    .header-style-two .header-lower .logo-box {
        padding: 5px 0px;
    }

    .header-style-two .main-menu .navigation > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .header-style-two .main-menu .navigation > li > a.active {
            color: #FF6B00;
        }

.main-header .search-box-outer {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--title-color);
    cursor: pointer;
    top: 3px;
    transition: all 500ms ease;
}

    .main-header .search-box-outer:hover {
    }

.main-header .language-box {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    cursor: pointer;
    z-index: 2;
}

    .main-header .language-box:before {
        position: absolute;
        content: '';
        background: #000;
        width: 10px;
        height: 5px;
        top: 12px;
        right: 0px;
        clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
    }

    .main-header .language-box .icon-box {
        position: relative;
        display: inline-block;
        border-radius: 50%;
    }

        .main-header .language-box .icon-box img {
            width: 100%;
            border-radius: 50%;
        }

    .main-header .language-box .language-dropdown {
        position: absolute;
        left: 0px;
        top: 40px;
        width: 100px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
        opacity: 0;
        visibility: hidden;
        transition: all 500ms ease;
    }

    .main-header .language-box:hover .language-dropdown {
        top: 30px;
        opacity: 1;
        visibility: visible;
    }

    .main-header .language-box .language-dropdown li {
        position: relative;
        display: block;
        padding: 5px 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }

        .main-header .language-box .language-dropdown li:last-child {
            border-bottom: none;
        }

        .main-header .language-box .language-dropdown li button {
            position: relative;
            display: block;
            font-size: 16px;
            color: var(--title-color);
            cursor: pointer;
            transition: all 500ms ease;
        }

/*** Search Popup ***/

.search-popup {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.80);
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

    .search-popup.popup-visible {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        visibility: visible;
        opacity: 1;
    }

    .search-popup .popup-inner {
        width: 100%;
        background: #fff;
        height: 100%;
    }

    .search-popup .upper-box {
        position: relative;
        padding: 70px 70px;
        z-index: 99;
    }

        .search-popup .upper-box .logo-box {
            max-width: 182px;
        }

    .search-popup .overlay-layer {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
    }

    .search-popup .close-search {
        position: relative;
        font-size: 25px;
        color: #141417;
        cursor: pointer;
        z-index: 5;
        top: 11px;
        transition: all 500ms ease;
    }

        .search-popup .close-search:hover {
            color: red;
        }

    .search-popup .search-form {
        position: relative;
        width: 100%;
        padding: 100px 0px 250px 0px;
    }

        .search-popup .search-form .form-group {
            position: relative;
            margin: 0px;
        }

        .search-popup .search-form fieldset input[type="search"] {
            position: relative;
            height: 90px;
            padding: 20px 0px;
            background: #ffffff;
            line-height: 30px;
            font-size: 20px;
            color: #808080;
            font-family: 'Poppins', sans-serif;
            border: none;
            font-weight: 400;
            border-radius: 0px;
            padding-right: 50px;
            border-bottom: 1px solid #e5e5e5;
        }

        .search-popup .search-form fieldset button[type="submit"] {
            position: absolute;
            top: 30px;
            right: 0px;
            font-size: 25px;
            color: #141417;
            cursor: pointer;
            transition: all 500ms ease;
        }

        .search-popup .search-form fieldset input[type="search"]:focus {
            border-color: #141417;
        }

    .search-popup .form-control:focus {
        box-shadow: none !important;
    }

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}


.pb_0 {
    padding-bottom: 0px !important;
}

.white-bg {
    background: #fff !important;
}

.light-footer {
    background: #fff;
}

    .light-footer p,
    .light-footer a {
        color: #6A6A6A;
    }

    .light-footer .logo-widget .info-list li a {
        color: var(--title-color);
    }

        .light-footer .logo-widget .info-list li a:hover {
        }

    .light-footer a:hover {
    }

    .light-footer .widget-title h3 {
        color: var(--title-color);
    }

    .light-footer .widget-section {
        border-color: rgba(0, 0, 0, 0.10);
    }

    .light-footer .footer-bottom {
        background: #fff;
    }

        .light-footer .footer-bottom .social-links li a {
            color: #6A6A6A;
        }

            .light-footer .footer-bottom .social-links li a:hover {
            }

.sidebar-page-container {
    position: relative;
}

    .sidebar-page-container .pattern-layer .pattern-1 {
        position: absolute;
        left: 0px;
        top: 400px;
        width: 285px;
        height: 323px;
        background-repeat: no-repeat;
    }

    .sidebar-page-container .pattern-layer .pattern-2 {
        position: absolute;
        right: 0px;
        top: 570px;
        width: 192px;
        height: 349px;
        opacity: 0.05;
        background-repeat: no-repeat;
    }

.accordion-box .block .acc-content {
    display: none;
}

    .accordion-box .block .acc-content.current {
        display: block;
    }

.pt_0 {
    padding-top: 0px !important;
}



.contact-map-section {
    position: relative;
}

    .contact-map-section .map-inner {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 520px;
    }

        .contact-map-section .map-inner iframe {
            position: relative;
            width: 100%;
            height: 520px;
        }

.main-menu li.current a {
    color: red !important;
}




/** contact-section **/

.contact-section {
    position: relative;
}

    .contact-section .form-inner {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

        .contact-section .form-inner .form-group {
            position: relative;
            margin-bottom: 30px;
        }

            /* .contact-section .form-inner .form-group:last-child{
  margin-bottom: 0px;
} */

            .contact-section .form-inner .form-group input[type='text'],
            .contact-section .form-inner .form-group input[type='email'],
            .contact-section .form-inner .form-group textarea, .contact-section .form-inner .form-group select {
                position: relative;
                display: block;
                background-color: #fff;
                width: 100%;
                border: 1px solid #E5E5E5;
                border-radius: 5px;
                font-size: 16px;
                color: #6A6A6A;
                padding: 10px 20px;
                margin: 0 0 10px 0;
                height: 45px;
            }

.subscribe-section .nice-select {
    background-color: #fff;
    width: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 20px;
}

    .subscribe-section .nice-select:before {
        top: 20px;
        right: 20px;
    }

.contact-section .form-inner .form-group textarea {
    padding-top: 15px;
    height: 170px;
    resize: none;
}

.contact-section .form-inner .form-group .theme-btn {
    padding: 15px 35px;
}

.contact-section .form-inner .form-group input:focus,
.contact-section .form-inner .form-group textarea:focus {
}

.contact-section .form-inner {
    margin: 0 auto;
    width: 720px;
    max-width: 100%;
}

    .contact-section .form-inner .input i {
        top: 16px;
        border: none;
    }

.contact-section {
    padding: 30px 0;
}
/** rtl-css **/



/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .video-section .inner-box .big-text {
        font-size: 100px;
        line-height: 100px;
    }

    .contact-section {
        padding: 70px 0px;
    }
}

@media only screen and (max-width: 599px) {
    .video-section .inner-box .big-text {
        font-size: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 499px) {
}

.input i, .input img {
    color: #323232;
    position: absolute;
    top: 45%;
    left: 23px;
    border-right: 1px solid #e4e4e4;
    width: 30px;
    height: 14px;
}

.shape14 {
    right: 0;
    top: 125px;
    z-index: -1;
    position: absolute;
}


/*================================================
 Performance Specifications Area CSS
 =================================================*/
.pb-75 {
    padding-bottom: 75px;
}

.pt-100 {
    padding-top: 100px;
}

.z-1 {
    z-index: 1 !important;
}

.performance-specifications-area .section-title {
    margin-bottom: 133px;
}

.performance-specifications-area::before {
    left: 0;
    bottom: 0;
    z-index: -1;
    content: '';
    width: 72.7%;
    height: 74.9%;
    position: absolute;
    background: #fff7ed;
}

.performance-specifications-area.style-2 {
    background-color: #fff7ed;
}

    .performance-specifications-area.style-2 .section-title {
        margin-bottom: 45px;
    }

    .performance-specifications-area.style-2::before {
        display: none;
    }

.performance-specifications-area.style-3 {
    background-color: var(--whiteColor);
}

    .performance-specifications-area.style-3::before {
        display: none;
    }

.performance-specifications-content {
    margin-right: -25px;
}

    .performance-specifications-content .btn-box {
        margin-top: 25px;
    }

.performance-specifications-box {
    padding: 40px;
    position: relative;
    margin-bottom: 25px;
    border-radius: 20px;
    transition: var(--transition);
    background-color: var(--whiteColor);
    margin-top: 40px;
    margin-bottom: 25px;
}

    .performance-specifications-box .icon {
        top: -40px;
        right: 40px;
        width: 80px;
        height: 80px;
        text-align: center;
        position: absolute;
        border-radius: 50%;
        background-color: var(--whiteColor);
    }

        .performance-specifications-box .icon::before {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: '';
            margin: 10px;
            border-radius: 50%;
            position: absolute;
            border: 2px solid var(--mainColor);
        }

        .performance-specifications-box .icon img {
            left: 0;
            right: 0;
            top: 50%;
            z-index: 1;
            margin-top: -2px;
            position: absolute;
            transform: translateY(-50%);
            margin-left: auto;
            margin-right: auto;
        }

        .performance-specifications-box .icon::after {
            left: 0;
            right: 0;
            bottom: 0;
            content: '';
            height: 40px;
            position: absolute;
            background-color: var(--whiteColor);
        }

    .performance-specifications-box h3 {
        font-size: 24px;
        position: relative;
        margin-bottom: 15px;
    }

    .performance-specifications-box:hover {
        transform: translateY(-10px);
    }

.performance-specifications-image {
    padding-left: 50px;
}

    .performance-specifications-image .performance-specifications-image-slides .item img {
        border-radius: 20px;
    }

    .performance-specifications-image .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 0;
    }

    .performance-specifications-image .owl-theme .owl-dots {
        left: 0;
        right: 0;
        bottom: 40px;
        position: absolute;
    }

        .performance-specifications-image .owl-theme .owl-dots .owl-dot span {
            margin: 0 5px;
            border-radius: 50%;
            background: var(--whiteColor);
            transition: var(--transition);
        }

        .performance-specifications-image .owl-theme .owl-dots .owl-dot:hover span {
            background: var(--mainColor);
        }

        .performance-specifications-image .owl-theme .owl-dots .owl-dot.active span {
            transform: scale(1.5);
            background: var(--mainColor);
        }

.single-performance-specifications-info {
    padding: 40px;
    border-radius: 5px;
    margin-bottom: 25px;
    transition: var(--transition);
    background-color: #fff;
}

    .single-performance-specifications-info .icon {
        width: 100px;
        height: 100px;
        flex: 0 0 auto;
        text-align: center;
        margin-right: 20px;
        line-height: 100px;
        border-radius: 100%;
        display: inline-block;
        background-color: rgba(16, 185, 129, 0.1);
    }

    .single-performance-specifications-info .content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .single-performance-specifications-info .content .link-btn {
        color: var(--mainColor);
        padding-right: 22px;
        font-size: 18px;
        font-weight: 700;
        font-family: var(--headingFontFamily);
    }

        .single-performance-specifications-info .content .link-btn i {
            top: 50%;
            right: -3px;
            line-height: 1;
            margin-top: 1px;
            position: absolute;
            transform: translateY(-50%);
        }

        .single-performance-specifications-info .content .link-btn:hover {
            color: var(--optionalColor);
        }

    .single-performance-specifications-info .image {
        top: 0;
        left: 0;
        opacity: 0;
        z-index: -2;
        visibility: hidden;
        position: absolute;
        transition: var(--transition);
    }

    .single-performance-specifications-info::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        border-radius: 5px;
        transition: var(--transition);
        border: 1px solid var(--mainColor);
    }

    .single-performance-specifications-info:hover .image {
        opacity: 1;
        visibility: visible;
    }

    .single-performance-specifications-info:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .single-performance-specifications-info.style-3 {
        padding: 40px 55px;
        border: 2px dashed rgba(17, 24, 39, 0.06);
        box-shadow: 0px 4px 50px 0px rgba(17, 24, 39, 0.06);
    }

        .single-performance-specifications-info.style-3 .icon {
            width: 75px;
            height: 75px;
            margin-right: 30px;
            margin-top: 15px;
            line-height: 75px;
            color: #fff;
            background-color: #FF6B00;
        }

            .single-performance-specifications-info.style-3 .icon span {
                font-size: 25px;
                font-weight: 600;
                font-family: var(--headingFontFamily);
            }

        .single-performance-specifications-info.style-3 .image {
            opacity: 1;
            visibility: visible;
        }

        .single-performance-specifications-info.style-3::before {
            display: none;
        }

        .single-performance-specifications-info.style-3:hover {
            border-color: var(--mainColor);
        }

.shape2 {
    top: -10px;
    z-index: -1;
    right: -45px;
    position: absolute;
}

.shape14 {
    right: 0;
    top: 60px;
    z-index: -1;
    position: absolute;
}


.request-quote-area.bg-image {
    background-color: var(--blackColor);
    background-image: url(../images/request-quote-bg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.request-quote-content h2 {
    font-size: 48px;
    max-width: 680px;
    margin-bottom: 18px;
    color: #fff;
}

.request-quote-content p {
    color: rgba(255, 255, 255, 0.6);
}

.mt_3 {
    margin-top: 30px;
}

.text-white li a {
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
}


@media (max-width:1024px) {

    .shape14 {
        display: none;
    }
}


/* ============================================================
   banner.css
   ============================================================ */


/** banner-section **/

.banner-section {
    position: relative;
}

    .banner-section .booking-inner {
        margin-top: -45px;
        z-index: 2;
    }

.banner-carousel .slide-item {
    position: relative;
    padding: 183px 0px 240px 0px;
}

    .banner-carousel .slide-item:before {
        position: absolute;
        content: '';
        background: #000;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 1;
        opacity: 0.2;
    }

    .banner-carousel .slide-item .big-text {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        text-align: center;
        font-size: 300px;
        line-height: 210px;
        font-family: var(--title-font);
        font-weight: 900;
        text-transform: uppercase;
        min-height: 210px;
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
        z-index: 1;
    }

.banner-carousel .content-box {
    position: relative;
    display: block;
    z-index: 5;
}

.banner-carousel .slide-item .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 8000ms linear;
    -moz-transition: all 8000ms linear;
    -ms-transition: all 8000ms linear;
    -o-transition: all 8000ms linear;
    transition: all 8000ms linear;
}

.banner-carousel .active .slide-item .bg-layer {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.banner-carousel .content-box .special-text {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-family: var(--secondary-font);
    margin-bottom: 15px;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box .special-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}

.banner-carousel .content-box h2 {
    font-size: 76px;
    line-height: 68px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}

.banner-carousel .content-box p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.banner-carousel .active .content-box p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}


/** banner-style-two **/

.banner-style-two {
    position: relative;
}

    .banner-style-two .content-box {
        position: relative;
        display: block;
    }

        .banner-style-two .content-box .title-text {
            position: relative;
            display: block;
            font-size: 32px;
            line-height: 48px;
            font-family: var(--secondary-font);
            margin-bottom: 10px;
        }

        .banner-style-two .content-box h2 {
            position: relative;
            display: block;
            font-size: 56px;
            line-height: 64px;
            margin-bottom: 27px;
        }

        .banner-style-two .content-box p {
            font-size: 18px;
            line-height: 32px;
            color: var(--title-color);
            margin-bottom: 32px;
        }

    .banner-style-two .booking-form {
        position: relative;
        min-width: 1010px;
        z-index: 1;
    }

    .banner-style-two .booking-inner .form-group .nice-select,
    .banner-style-two .booking-inner .form-group input[type='text'] {
        width: 170px;
    }

    .banner-style-two .image-box {
        position: relative;
        display: block;
        padding-right: 310px;
    }

        .banner-style-two .image-box .image {
            position: relative;
            display: block;
            border-radius: 10px;
        }

            .banner-style-two .image-box .image img {
                width: 100%;
                border-radius: 10px;
            }

        .banner-style-two .image-box .image-3 {
            position: absolute;
            top: 220px;
            right: 0px;
        }

    .banner-style-two .curve-text {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: center;
        width: 192px;
        height: 192px;
        text-align: center;
        border: 37px solid #fff;
        border-radius: 50%;
        box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08);
        background: #F1F1F1;
    }

        .banner-style-two .curve-text .curved-circle {
            position: absolute;
            top: -30px;
            left: 60px;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            color: var(--title-color);
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .banner-style-two .curve-text .icon-box {
            position: absolute;
            left: 35px;
            top: 37px;
        }

    .banner-style-two .pattern-layer {
        position: absolute;
        top: -10px;
        right: 0px;
        width: 677px;
        height: 462px;
        background-repeat: no-repeat;
    }

    .banner-style-two .big-text {
        position: absolute;
        left: -290px;
        bottom: 0px;
        font-size: 300px;
        line-height: 210px;
        font-family: var(--title-font);
        font-weight: 900;
        text-transform: uppercase;
        min-height: 210px;
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: rgba(0, 0, 0, 0.10);
    }


/** banner-style-three **/

.banner-style-three {
    padding: 206px 0px 305px 0px;
}

    .banner-style-three .bg-layer {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 611px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .banner-style-three .content-box {
        position: relative;
        max-width: 1010px;
        width: 100%;
        margin: 0 auto;
    }

        .banner-style-three .content-box .title-text {
            position: relative;
            display: block;
            font-size: 40px;
            line-height: 48px;
            font-family: var(--secondary-font);
            margin-bottom: 8px;
        }

        .banner-style-three .content-box h2 {
            position: relative;
            display: block;
            font-size: 76px;
            line-height: 68px;
            margin-bottom: 75px;
        }


/** rtl-css **/
.banner-contact {
    background-color: #fff;
    padding: 5px 10px;
}

    .banner-contact a + a {
        margin: 0 10px;
    }



/** responsive-css **/

@media only screen and (max-width: 1200px) {
    .banner-style-two .booking-form {
        min-width: 990px;
    }
}

@media only screen and (max-width: 991px) {
    .banner-style-two .image-box {
        margin-left: 0px;
        margin-top: 30px;
    }

    .banner-style-two .booking-form {
        min-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-carousel .slide-item .big-text {
        display: none;
    }

    .banner-carousel .content-box h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-carousel .slide-item {
        padding: 100px 0px;
    }

    .banner-style-two .content-box h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-style-three .content-box h2 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 40px;
    }

    .banner-style-three {
        padding: 90px 0px 100px 0px;
    }

    .banner-contact {
        background: none;
    }

        .banner-contact a {
            display: block;
            color: #fff;
        }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
    .banner-style-two .image-box {
        padding: 0px;
    }

        .banner-style-two .image-box .image-3 {
            position: relative;
            top: 0px;
            margin-top: 30px;
        }

    .booking-inner .form-group:before {
        display: none;
    }
}













































/* ============================================================
   about.css
   ============================================================ */


/** about-section **/

.about-section {
    position: relative;
}

.content_block_one .content-box {
    position: relative;
    display: block;
}

    .content_block_one .content-box .inner-box .single-item {
        position: relative;
        display: block;
        padding-left: 80px;
        margin-bottom: 30px;
    }

        .content_block_one .content-box .inner-box .single-item:last-child {
            margin-bottom: 0px;
        }

        .content_block_one .content-box .inner-box .single-item .icon-box {
            position: absolute;
            display: inline-block;
            left: 0px;
            top: 0px;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 25px;
            border-radius: 50%;
        }

            .content_block_one .content-box .inner-box .single-item .icon-box:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                left: 0px;
                top: 0px;
                border-radius: 50%;
                opacity: 0.1;
            }

        .content_block_one .content-box .inner-box .single-item h3 {
            display: block;
            font-size: 24px;
            line-height: 30px;
            font-weight: 700;
            margin-bottom: 12px;
        }

.image_block_one .image-box {
    position: relative;
    display: block;
    padding-bottom: 242px;
    padding-left: 319px;
}

    .image_block_one .image-box .image {
        border-radius: 10px;
        overflow: hidden;
    }

    .image_block_one .image-box .image-1 img, .image_block_one .image-box .image-2 img {
        max-width: 310px;
    }

    .image_block_one .image-box .image-3 img {
        max-width: 220px;
    }

    .image_block_one .image-box .image img {
        width: 100%;
        border-radius: 10px;
        transition: all 500ms ease;
    }

    .image_block_one .image-box .image:hover img {
        transform: scale(1.05);
    }

    .image_block_one .image-box .image-2 {
        position: absolute;
        left: 0px;
        top: 135px;
    }

    .image_block_one .image-box .image-3 {
        position: absolute;
        bottom: 0px;
        right: 90px;
    }

.about-section .pattern-layer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    background-position: center;
    animation: slide 60s linear infinite;
    -webkit-animation: slide 60s linear infinite;
}

.about-section .pattern-layer-2 {
    position: absolute;
    left: 0px;
    bottom: 110px;
    width: 201px;
    height: 324px;
    background-repeat: no-repeat;
    opacity: 0.05;
}


/** about-style-two **/

.about-style-two {
    position: relative;
}

.content_block_two .content-box {
    position: relative;
    display: block;
}

    .content_block_two .content-box .inner-box {
        position: relative;
        display: block;
        border: 1px solid #EBEBEB;
        border-radius: 5px;
        padding: 25px 0px;
    }

        .content_block_two .content-box .inner-box:before {
            position: absolute;
            content: '';
            background: #EBEBEB;
            width: 1px;
            height: calc(100% - 50px);
            left: 50%;
            top: 25px;
        }

        .content_block_two .content-box .inner-box .single-item {
            position: relative;
            display: flex;
            align-items: center;
            padding-left: 40px;
        }

            .content_block_two .content-box .inner-box .single-item h2 {
                display: block;
                font-size: 40px;
                line-height: 56px;
                margin-right: 20px;
            }

            .content_block_two .content-box .inner-box .single-item h4 {
                display: block;
                font-size: 20px;
                line-height: 24px;
            }

.about-style-two .image-box {
    position: relative;
    display: block;
    padding-left: 57px;
    padding-right: 68px;
}

    .about-style-two .image-box .image {
        position: relative;
        display: block;
    }

        .about-style-two .image-box .image img {
            width: 100%;
        }

    .about-style-two .image-box .image-shape {
        position: absolute;
        left: -30px;
        top: 70px;
        width: 726px;
        height: 495px;
        background-repeat: no-repeat;
    }


/** rtl-css **/

.rtl .content_block_one .content-box .inner-box .single-item {
    padding-left: 0px;
    padding-right: 80px;
}

    .rtl .content_block_one .content-box .inner-box .single-item .icon-box {
        left: inherit;
        right: 0px;
    }

.rtl .content_block_two .content-box .inner-box .single-item h2 {
    margin-right: 0px;
    margin-left: 20px;
}

.rtl .content_block_two .content-box .inner-box .single-item {
    padding-left: 0px;
    padding-right: 40px;
}

/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
    .content_block_one .content-box {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .content_block_two .content-box {
        margin-right: 0px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .about-section {
        padding: 70px 0px;
    }

    .content_block_two .content-box .inner-box:before {
        display: none;
    }

    .about-style-two .image-box .image-shape {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
    .image_block_one .image-box {
        padding: 0px;
    }

        .image_block_one .image-box .image-2 {
            position: relative;
            top: 0px;
            margin: 30px 0px;
        }

        .image_block_one .image-box .image-3 {
            position: relative;
            right: 0px;
        }

    .about-style-two .image-box {
        padding: 0px;
    }
}











































/* ============================================================
   chooseus.css
   ============================================================ */


/** chooseus-section **/

.chooseus-section {
    position: relative;
}

.chooseus-block-one .inner-box {
    position: relative;
    display: block;
    padding: 0px 10px;
    margin-bottom: 30px;
}

    .chooseus-block-one .inner-box .icon-box {
        position: relative;
        display: inline-block;
        font-size: 44px;
        margin-bottom: 25px;
    }

    .chooseus-block-one .inner-box h3 {
        position: relative;
        display: block;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 13px;
    }

        .chooseus-block-one .inner-box h3 a {
            display: inline-block;
            color: var(--title-color);
        }

            .chooseus-block-one .inner-box h3 a:hover {
            }

.chooseus-section.alternat-2 {
    background: #FAF6F2;
}

    .chooseus-section.alternat-2 .chooseus-block-one .inner-box {
        background: #fff;
        border-radius: 10px;
        padding: 40px 15px;
    }

.chooseus-section .pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.03;
}


/** rtl-css **/



/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .chooseus-section {
        padding: 70px 0px 35px 0px;
    }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
}











































/* ============================================================
   tours.css
   ============================================================ */


/** tours-section **/

.tours-section {
    position: relative;
    background: #F6FBFF;
}

    .tours-section .pattern-layer {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .tours-section .upper-box {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

.tours-block-one .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

    .tours-block-one .inner-box .image-box {
        position: relative;
        display: block;
    }

        .tours-block-one .inner-box .image-box .image {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .tours-block-one .inner-box .image-box .image img {
                width: 100%;
                transition: all 500ms ease;
            }

    .tours-block-one .inner-box:hover .image-box .image img {
        transform: scale(1.05);
    }

    .tours-block-one .inner-box .image-box .rating {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 60px;
        height: 21px;
        line-height: 21px;
        background: #fff;
        text-align: center;
        border-radius: 50px;
        z-index: 1;
        font-size: 14px;
        color: var(--title-color);
    }

        .tours-block-one .inner-box .image-box .rating img {
            position: relative;
            top: -3px;
        }

    .tours-block-one .inner-box .lower-content {
        position: relative;
        display: block;
        padding: 24px 30px 31px 30px;
    }

        .tours-block-one .inner-box .lower-content h6 {
            display: block;
            font-size: 12px;
            line-height: 20px;
            color: #AAAAAA;
            text-transform: uppercase;
            margin-bottom: 6px;
        }

        .tours-block-one .inner-box .lower-content h4 {
            display: block;
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 4px;
        }

            .tours-block-one .inner-box .lower-content h4 a {
                display: inline-block;
                color: var(--title-color);
            }

                .tours-block-one .inner-box .lower-content h4 a:hover {
                }

        .tours-block-one .inner-box .lower-content h5 {
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
            margin-bottom: 14px;
        }

            .tours-block-one .inner-box .lower-content h5 span {
                font-size: 14px;
                font-family: var(--text-font);
                font-weight: 400;
                color: var(--title-color);
            }

        .tours-block-one .inner-box .lower-content .day-time {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 24px;
            font-weight: 500;
            color: var(--title-color);
            padding-left: 21px;
            margin-bottom: 15px;
        }

            .tours-block-one .inner-box .lower-content .day-time i {
                position: absolute;
                left: 0px;
                top: 3px;
                font-size: 16px;
            }

        .tours-block-one .inner-box .lower-content .link a {
            position: relative;
            display: inline-block;
            font-size: 16px;
            line-height: 26px;
            font-weight: 500;
            color: var(--title-color);
            padding-right: 25px;
        }

            .tours-block-one .inner-box .lower-content .link a i {
                position: absolute;
                top: 5px;
                right: 0px;
            }

            .tours-block-one .inner-box .lower-content .link a:hover {
            }

.tours-section .tab-btns {
    position: relative;
    display: flex;
    align-items: center;
}

    .tours-section .tab-btns li {
        position: relative;
        display: inline-block;
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
        color: var(--title-color);
        background: #fff;
        border-radius: 5px;
        cursor: pointer;
        padding: 7px 20px;
        margin-right: 10px;
        transition: all 500ms ease;
    }

        .tours-section .tab-btns li:last-child {
            margin: 0px !important;
        }

        .tours-section .tab-btns li.active-btn,
        .tours-section .tab-btns li:hover {
            color: #fff;
        }

.tours-section.alternat-2 {
    background: #fff;
}

.tours-section .owl-carousel .owl-stage-outer {
    overflow: visible;
}

    .tours-section .owl-carousel .owl-stage-outer .owl-item {
        opacity: 0;
        visibility: hidden;
    }

        .tours-section .owl-carousel .owl-stage-outer .owl-item.active {
            opacity: 1;
            visibility: visible;
        }

.tours-section .owl-nav {
    position: absolute;
    top: -127px;
    right: 0px;
}

    .tours-section .owl-nav .owl-prev {
        margin-right: 15px;
    }

.tours-block-one .inner-box .lower-content .rating {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 60px;
    height: 21px;
    line-height: 21px;
    background: #F3F3F3;
    text-align: center;
    border-radius: 50px;
    z-index: 1;
    font-size: 14px;
    color: var(--title-color);
}

    .tours-block-one .inner-box .lower-content .rating img {
        position: relative;
        display: inline-block;
        top: -3px;
    }

.tours-section .three-item-carousel {
    padding-bottom: 90px;
    border-bottom: 1px solid #D9D9D9;
}

.tour-list-content {
    position: relative;
    display: block;
}

.item-shorting {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
}

    .item-shorting .text p {
        font-size: 16px;
        line-height: 30px;
        font-weight: 500;
        color: var(--title-color);
    }

    .item-shorting .nice-select {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: var(--title-color);
        padding: 4px 60px 4px 20px;
        border-radius: 3px;
        border: 1px solid rgba(229, 229, 229, 1);
    }

        .item-shorting .nice-select:before {
            display: none;
        }

        .item-shorting .nice-select:after {
            position: absolute;
            content: '\e90b';
            font-family: 'icomoon';
            font-size: 10px;
            top: 5px;
            right: 20px;
        }

    .item-shorting .right-column {
        position: relative;
        display: flex;
        align-items: center;
    }

.tours-block-one .inner-box .image-box .offer-box {
    position: absolute;
    top: 20px;
    right: 88px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 25px;
    padding: 1px 10px;
}

.tours-section.alternat-2 .tours-block-one .inner-box .image-box .offer-box {
    right: 20px;
}

.tours-section .pattern-layer .pattern-1 {
    position: absolute;
    left: 0px;
    top: 400px;
    width: 285px;
    height: 323px;
    background-repeat: no-repeat;
}

.tours-section .pattern-layer .pattern-2 {
    position: absolute;
    right: 0px;
    top: 570px;
    width: 192px;
    height: 349px;
    opacity: 0.05;
    background-repeat: no-repeat;
}

.tour-page-five-section .pattern-layer .pattern-1 {
    position: absolute;
    left: 0px;
    top: 400px;
    width: 285px;
    height: 323px;
    background-repeat: no-repeat;
}

.tour-page-five-section .pattern-layer .pattern-2 {
    position: absolute;
    right: 0px;
    top: 570px;
    width: 192px;
    height: 349px;
    opacity: 0.05;
    background-repeat: no-repeat;
}

.tour-page-five-section .item-shorting .left-column {
    position: relative;
    display: flex;
    align-items: center;
}

    .tour-page-five-section .item-shorting .left-column .select-box {
        margin-right: 30px;
    }

        .tour-page-five-section .item-shorting .left-column .select-box:last-child {
            margin: 0px !important;
        }

.item-shorting .select-box {
    min-height: 40px;
}

.item-shorting .nice-select .list {
    min-width: 180px;
    left: inherit !important;
}

.tours-section.testimonial-page-two .inner-container {
    padding-top: 120px;
    border-top: 1px solid rgba(217, 217, 217, 1);
}

.tours-section.testimonial-page-two .three-item-carousel {
    padding-bottom: 0px;
    border-bottom: none;
}



/** rtl-css **/

.rtl .tours-section .tab-btns li {
    margin-right: 0px;
    margin-left: 10px;
}

.rtl .tours-block-one .inner-box .lower-content .day-time {
    padding-left: 0px;
    padding-right: 21px;
}

    .rtl .tours-block-one .inner-box .lower-content .day-time i {
        left: inherit;
        right: 0px;
    }

.rtl .tour-page-five-section .item-shorting .left-column .select-box {
    margin-right: 0px;
    margin-left: 30px;
}

.rtl .tour-page-five-section .item-shorting .text {
    margin-right: 0px;
    margin-left: 30px;
}

/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
    .tours-section .upper-box {
        display: block;
        text-align: center;
    }

        .tours-section .upper-box .sec-title {
            margin-bottom: 30px;
        }

    .tours-section .tab-btns {
        justify-content: center;
    }

    .tour-page-five-section .item-shorting {
        display: block;
    }

        .tour-page-five-section .item-shorting .left-column {
            justify-content: center;
            margin-bottom: 30px;
        }

        .tour-page-five-section .item-shorting .right-column {
            justify-content: center;
        }
}

@media only screen and (max-width: 767px) {
    .tours-section .tab-btns {
        display: block;
    }

        .tours-section .tab-btns li {
            float: left;
            margin-bottom: 10px;
        }

    .rtl .tours-section .tab-btns li {
        float: right;
        margin-right: 0px;
        margin-left: 10px;
    }

    .tours-section .upper-box {
        text-align: left;
    }

    .rtl .tours-section .upper-box {
        text-align: right;
    }

    .tours-section {
        padding: 70px 0px 40px 0px;
    }

        .tours-section .three-item-carousel {
            padding-bottom: 40px;
        }

    .tour-page-five-section .item-shorting .left-column {
        display: block;
    }

        .tour-page-five-section .item-shorting .left-column .select-box {
            margin: 0px 0px 30px 0px !important;
        }

    .tour-page-five-section {
        padding: 70px 0px;
    }

    .tours-section .owl-nav {
        display: none;
    }

    .tours-section.testimonial-page-two .inner-container {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
}











































/* ============================================================
   category.css
   ============================================================ */


/** category-section **/

.category-section {
    position: relative;
}

.category-block-one .inner-box {
    position: relative;
    display: block;
}

    .category-block-one .inner-box .image-box {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 16px;
    }

        .category-block-one .inner-box .image-box img {
            width: 100%;
            border-radius: 5px;
            transition: all 500ms ease;
        }

    .category-block-one .inner-box:hover .image-box img {
        transform: scale(1.05);
    }

    .category-block-one .inner-box h4 {
        display: block;
        font-size: 20px;
        line-height: 30px;
    }

        .category-block-one .inner-box h4 a {
            display: inline-block;
            color: var(--title-color);
        }

            .category-block-one .inner-box h4 a:hover {
            }

.category-section .owl-dots {
    position: relative;
    margin-top: 50px;
}


/** rtl-css **/



/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .category-section {
        padding: 70px 0px;
    }

        .category-section .owl-dots {
            display: none;
        }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
}











































/* ============================================================
   video.css
   ============================================================ */


/** video-section **/

.video-section {
    position: relative;
    padding: 87px 0px 139px 0px;
    overflow: hidden;
}

    .video-section .bg-layer:before {
        position: absolute;
        content: '';
        background: #000;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        opacity: 0.2;
    }

    .video-section .inner-box {
        position: relative;
        display: block;
    }

        .video-section .inner-box .big-text {
            position: relative;
            display: block;
            text-align: center;
            font-size: 200px;
            line-height: 150px;
            font-family: var(--secondary-font);
            color: #fff;
            /* margin-bottom: 125px; */
        }

    .video-section .video-btn a {
        position: relative;
        display: inline-block;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        border-radius: 50%;
    }


/** rtl-css **/



/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .video-section .inner-box .big-text {
        font-size: 100px;
        line-height: 100px;
    }
}

@media only screen and (max-width: 599px) {
    .video-section .inner-box .big-text {
        font-size: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 499px) {
}












































/* ============================================================
   place.css
   ============================================================ */


/** place-section **/

.place-section {
    position: relative;
}

.place-block-one .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 30px;
}

    .place-block-one .inner-box .image-box {
        position: relative;
        display: block;
        border-radius: 5px;
        overflow: hidden;
    }

        .place-block-one .inner-box .image-box:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            z-index: 1;
            background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
            opacity: 0.5;
        }

        .place-block-one .inner-box .image-box img {
            width: 100%;
            border-radius: 5px;
            transition: all 500ms ease;
        }

    .place-block-one .inner-box:hover .image-box img {
        transform: scale(1.05);
    }

    .place-block-one .inner-box .text {
        position: absolute;
        left: 0px;
        bottom: 30px;
        width: 100%;
        text-align: center;
        z-index: 2;
        font-size: 40px;
        line-height: 30px;
        font-family: var(--secondary-font);
        color: #fff;
    }


/** place-style-two **/

.place-style-two {
    position: relative;
}

    .place-style-two .place-list {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }

    .place-style-two .sec-title a {
        position: absolute;
        right: 0px;
        bottom: 10px;
        font-size: 16px;
        line-height: 30px;
        font-weight: 500;
        color: var(--title-color);
    }

        .place-style-two .sec-title a i {
            position: relative;
            margin-left: 6px;
        }

        .place-style-two .sec-title a:hover {
        }

.place-block-two .inner-box {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

    .place-block-two .inner-box .image-box {
        position: relative;
        display: inline-block;
        border-radius: 50%;
        margin-bottom: 22px;
        overflow: hidden;
        overflow: hidden;
    }

        .place-block-two .inner-box .image-box:before {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            content: '';
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, .2);
            border-radius: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
            z-index: 1;
        }

    .place-block-two .inner-box:hover .image-box:before {
        -webkit-animation: circle .95s;
        animation: circle .95s;
    }

    .place-block-two .inner-box .image-box img {
        width: 100%;
        border-radius: 50%;
        transition: all 500ms ease;
    }

    .place-block-two .inner-box:hover .image-box img {
        transform: scale(1.05);
    }

    .place-block-two .inner-box h4 {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 30px;
    }

        .place-block-two .inner-box h4 a {
            display: inline-block;
            color: var(--title-color);
        }

            .place-block-two .inner-box h4 a:hover {
            }

.place-style-two .pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 627px;
    height: 400px;
    background-repeat: no-repeat;
}

.place-style-two.home-3 {
    background: #FAF6F2;
}

    .place-style-two.home-3 .pattern-layer {
        top: 40px;
    }

.place-style-two .pattern-layer-2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.03;
}

.place-section .pattern-layer .pattern-1 {
    position: absolute;
    left: 0px;
    bottom: 290px;
    width: 285px;
    height: 323px;
    background-repeat: no-repeat;
}

.place-section .pattern-layer .pattern-2 {
    position: absolute;
    right: 0px;
    bottom: 110px;
    width: 192px;
    height: 349px;
    opacity: 0.1;
    background-repeat: no-repeat;
}


/** rtl-css **/



/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .place-section {
        padding: 70px 0px 40px 0px;
    }

    .place-style-two .place-list {
        display: block;
    }

    .place-style-two {
        padding: 40px 0px;
    }

        .place-style-two.home-3 {
            padding-top: 70px;
        }

        .place-style-two.destination-page-3 {
            padding-top: 70px;
        }
}

@media only screen and (max-width: 599px) {
    .place-style-two .sec-title a {
        position: relative;
        top: 0px;
        margin-top: 10px;
    }

    .place-style-two .sec-title {
        text-align: center;
    }
}

@media only screen and (max-width: 499px) {
}



/* ============================================================
   testimonial.css
   ============================================================ */


/** testimonial-section **/

.testimonial-section {
    position: relative;
    background: #F1F8FF;
}

.testimonial-block-one .inner-box {
    position: relative;
    display: block;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.04);
}

    .testimonial-block-one .inner-box .rating {
        position: absolute;
        display: flex;
        align-items: center;
        top: 40px;
        right: 40px;
    }

        .testimonial-block-one .inner-box .rating li {
            margin-right: 7px;
        }

            .testimonial-block-one .inner-box .rating li:last-child {
                margin: 0px !important;
            }

    .testimonial-block-one .inner-box .author-box {
        position: relative;
        display: block;
        padding: 2px 0px 2px 70px;
        margin-bottom: 35px;
    }

        .testimonial-block-one .inner-box .author-box .author-thumb {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }

            .testimonial-block-one .inner-box .author-box .author-thumb img {
                width: 100%;
                border-radius: 50%;
            }

        .testimonial-block-one .inner-box .author-box h3 {
            display: block;
            font-size: 24px;
            line-height: 30px;
        }

        .testimonial-block-one .inner-box .author-box .designation {
            position: relative;
            display: block;
            font-size: 16px;
            line-height: 26px;
        }

.testimonial-section .owl-carousel .owl-stage-outer {
    overflow: visible;
}

    .testimonial-section .owl-carousel .owl-stage-outer .owl-item {
        opacity: 0;
    }

        .testimonial-section .owl-carousel .owl-stage-outer .owl-item.active {
            opacity: 1;
        }

.testimonial-section .dots-style-one .owl-dots {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 40px;
}

.testimonial-section .owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -30px;
    width: 100%;
}

    .testimonial-section .owl-nav .owl-prev {
        position: absolute;
        left: -100px;
    }

    .testimonial-section .owl-nav .owl-next {
        position: absolute;
        right: -100px;
    }

.testimonial-section .pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/** testimonial-style-two **/

.testimonial-style-two {
    position: relative;
    background: #F8FFF6;
}

    .testimonial-style-two .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

        .testimonial-style-two .owl-carousel .owl-stage-outer .owl-item {
            opacity: 0;
        }

            .testimonial-style-two .owl-carousel .owl-stage-outer .owl-item.active {
                opacity: 1;
            }

    .testimonial-style-two .pattern-layer {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0.03;
    }

.testimonial-block-two {
    margin-top: 45px;
}

    .testimonial-block-two .inner-box {
        position: relative;
        display: block;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.04);
        padding: 0px 40px 40px 40px;
    }

        .testimonial-block-two .inner-box .thumb-box {
            position: relative;
            display: inline-block;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin-top: -45px;
            margin-bottom: 16px;
        }

            .testimonial-block-two .inner-box .thumb-box img {
                width: 100%;
                border-radius: 50%;
            }

        .testimonial-block-two .inner-box h3 {
            position: relative;
            display: block;
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 0px;
        }

        .testimonial-block-two .inner-box .designation {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 24px;
            color: #6A6A6A;
            margin-bottom: 10px;
        }

        .testimonial-block-two .inner-box .rating {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

            .testimonial-block-two .inner-box .rating li {
                margin: 0px 3.5px;
            }

.testimonial-style-two .owl-theme .owl-dots {
    margin-top: 50px;
}

    .testimonial-style-two .owl-theme .owl-dots .owl-dot span {
        position: relative;
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin: 0px 7.5px;
        cursor: pointer;
        opacity: 0.3;
        transition: all 500ms ease;
    }

        .testimonial-style-two .owl-theme .owl-dots .owl-dot.active span,
        .testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover {
            opacity: 1;
            transform: scale(1.9);
        }

.testimonial-section.testimonial-page-one {
    background: #fff;
}


/** rtl-css **/

.rtl .testimonial-block-one .inner-box {
    text-align: right;
}

    .rtl .testimonial-block-one .inner-box .rating {
        right: inherit;
        left: 40px;
    }

    .rtl .testimonial-block-one .inner-box .author-box {
        padding-left: 0px;
        padding-right: 70px;
    }

        .rtl .testimonial-block-one .inner-box .author-box .author-thumb {
            left: inherit;
            right: 0px;
        }

/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
    .banner-section .slide-item {
        min-height: 400px;
    }

    .banner-section .content-box {
        display: none;
    }

    .searchMenu-loc.px-30 {
        padding-left: 16px !important;
    }

    .autoComplete_wrapper {
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-section .dots-style-one .owl-dots {
        display: none;
    }

    .testimonial-section {
        padding: 70px 0px;
    }

    .testimonial-style-two .owl-theme .owl-dots {
        display: none;
    }

    .testimonial-style-two {
        padding: 70px 0px;
    }

    .offers-section.testimonial-page-one {
        padding: 0px 0px 40px 0px;
    }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
    .testimonial-block-one .inner-box .rating {
        position: relative;
        right: 0px;
        top: 0px;
        margin-bottom: 20px;
    }

    .rtl .testimonial-block-one .inner-box .rating {
        left: 0px;
    }

    .testimonial-block-one .inner-box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .testimonial-block-two .inner-box {
        padding-left: 30px;
        padding-right: 30px;
    }
}




/* ============================================================
   news.css
   ============================================================ */

/** news-section **/

.news-section {
    position: relative;
}

.news-block-one .inner-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

    .news-block-one .inner-box .image-box {
        position: relative;
        display: block;
        border-radius: 5px;
        overflow: hidden;
    }

        .news-block-one .inner-box .image-box img {
            width: 100%;
            transition: all 500ms ease;
        }

    .news-block-one .inner-box:hover .image-box img {
        transform: scale(1.05);
    }

    .news-block-one .inner-box .lower-content {
        position: relative;
        display: block;
        padding-top: 30px;
    }

        .news-block-one .inner-box .lower-content .post-info {
            position: relative;
            display: flex;
            align-items: center;
        }

            .news-block-one .inner-box .lower-content .post-info li {
                position: relative;
                padding-left: 29px;
                margin-right: 30px;
                font-size: 16px;
                line-height: 26px;
            }

                /* .news-block-one .inner-box .lower-content .post-info li:first-child{
  padding-left: 0px;
}

.news-block-one .inner-box .lower-content .post-info li:last-child{
  margin: 0px !important;
} */

                .news-block-one .inner-box .lower-content .post-info li i {
                    position: absolute;
                    left: 0px;
                    top: 2px;
                    font-size: 20px;
                }

                .news-block-one .inner-box .lower-content .post-info li a {
                    position: relative;
                    display: inline-block;
                    font-size: 16px;
                    line-height: 22px;
                    border-radius: 5px;
                    padding: 3px 13px;
                    text-align: center;
                    background: rgba(255, 107, 0, 0.05);
                    border: 1px solid rgba(255, 107, 0, 0.20);
                }

                    .news-block-one .inner-box .lower-content .post-info li a:hover {
                        color: #fff;
                    }

        .news-block-one .inner-box .lower-content h3 {
            position: relative;
            display: block;
            font-size: 24px;
            line-height: 30px;
        }

            .news-block-one .inner-box .lower-content h3 a {
                display: inline-block;
                color: var(--title-color);
            }

                .news-block-one .inner-box .lower-content h3 a:hover {
                }

.home-2 .news-block-one .inner-box .lower-content .post-info li a {
    background: rgba(140, 207, 45, 0.05);
    border-color: rgba(140, 207, 45, 0.20);
}

    .home-2 .news-block-one .inner-box .lower-content .post-info li a:hover {
        color: #fff;
    }

.blog-grid .news-block-one .inner-box {
    margin-bottom: 50px;
}

.news-block-one .inner-box .lower-content h2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 15px;
}

    .news-block-one .inner-box .lower-content h2 a {
        display: inline-block;
        color: var(--title-color);
    }

        .news-block-one .inner-box .lower-content h2 a:hover {
        }

.sidebar-page-container .news-block-one .inner-box {
    margin-bottom: 45px;
}


/** rtl-css **/

.rtl .news-block-one .inner-box .lower-content .post-info li {
    margin-right: 0px;
    margin-left: 30px;
}

/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .news-section {
        padding: 70px 0px 35px 0px;
    }

    .blog-grid {
        padding: 70px 0px;
    }
}

@media only screen and (max-width: 599px) {
    .news-block-one .inner-box .lower-content h2 {
        font-size: 28px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 499px) {
}











































/* ============================================================
   subscribe.css
   ============================================================ */


/** subscribe-section **/

.subscribe-section {
    position: relative;
}

    .subscribe-section .bg-color {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 50%;
        background: #191919;
    }

    .subscribe-section .shape {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .subscribe-section .inner-container {
        position: relative;
        display: block;
        border-radius: 10px;
        overflow: hidden;
        padding: 53px 60px;
    }

    .subscribe-section h2 {
        display: block;
        font-size: 36px;
        line-height: 42px;
        color: #fff;
    }

    .subscribe-section .form-inner .form-group {
        position: relative;
        display: block;
        margin-bottom: 0px;
    }

        .subscribe-section .form-inner .form-group input[type='email'] {
            position: relative;
            display: block;
            width: 100%;
            /* height: 60px; */
            background: #fff;
            border-radius: 5px;
            font-size: 16px;
            color: #9F9D9D;
            padding: 10px 25px;
            transition: all 500ms ease;
        }

        .subscribe-section .form-inner .form-group button[type='submit'] {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 174px;
            font-size: 16px;
            line-height: 30px;
            color: #fff;
            font-weight: 500;
            text-align: center;
            background: #111111;
            border-radius: 5px;
            padding: 15px 30px;
            cursor: pointer;
            transition: all 500ms ease;
        }

        .subscribe-section .form-inner .form-group button i {
            position: relative;
            margin-left: 8px;
            top: 1px;
        }

        .subscribe-section .form-inner .form-group button[type='submit']:hover {
            background: #fff;
            color: var(--title-color);
        }


/** subscribe-style-two **/

.subscribe-style-two {
    position: relative;
}

    .subscribe-style-two .inner-container {
        position: relative;
        display: block;
        background: linear-gradient(90deg, rgba(255, 196, 80, 1), rgba(231, 111, 0, 1));
        padding: 80px 60px;
        border-radius: 10px;
        overflow: hidden;
    }

    .subscribe-style-two .content-box {
        position: relative;
        max-width: 504px;
    }

        .subscribe-style-two .content-box h2 {
            position: relative;
            display: block;
            font-size: 36px;
            line-height: 42px;
            margin-bottom: 35px;
        }

        .subscribe-style-two .content-box .form-inner .form-group {
            position: relative;
            margin: 0px;
            padding-right: 184px;
        }

            .subscribe-style-two .content-box .form-inner .form-group input[type='email'] {
                position: relative;
                width: 100%;
                height: 60px;
                background: #fff;
                border-radius: 5px;
                font-size: 16px;
                color: #9F9D9D;
                padding: 10px 25px;
                transition: all 500ms ease;
            }

            .subscribe-style-two .content-box .form-inner .form-group button[type='submit'] {
                position: absolute;
                top: 0px;
                right: 0px;
                background: #111111;
                width: 174px;
                padding: 15px 36px;
            }

                .subscribe-style-two .content-box .form-inner .form-group button[type='submit'] i {
                    position: relative;
                    margin-left: 6px;
                }

            .subscribe-style-two .content-box .form-inner .form-group button:before {
                background: #fff;
            }

            .subscribe-style-two .content-box .form-inner .form-group button:hover {
                color: var(--title-color);
            }

    .subscribe-style-two .inner-container .bg-layer {
        position: absolute;
        top: 0px;
        right: 0px;
        width: calc(50% + 50px);
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .subscribe-style-two .inner-container .shape .shape-1 {
        position: absolute;
        left: 10px;
        top: 0px;
        width: 218px;
        height: 121px;
        background-repeat: no-repeat;
    }

    .subscribe-style-two .inner-container .shape .shape-2 {
        position: absolute;
        left: 60px;
        bottom: 20px;
        width: 389px;
        height: 195px;
        background-repeat: no-repeat;
    }

    .subscribe-style-two.alternat-2 .inner-container {
        background: linear-gradient(160deg, rgba(80, 255, 202, 1), rgba(250, 211, 135, 1), rgba(255, 77, 0, 1));
    }

    .subscribe-style-two .bg-color {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 50%;
        background: #191919;
    }



/** rtl-css **/

.rtl .subscribe-section .form-inner {
    margin-left: 0px;
    margin-right: 65px;
}

.rtl .subscribe-section .text-box {
    margin-left: 50px;
    margin-right: 0px;
}

.rtl .subscribe-section .form-inner .form-group button i {
    margin-left: 0px;
    margin-right: 8px;
}

.rtl .subscribe-style-two {
    direction: ltr;
}

    .rtl .subscribe-style-two .content-box h2 {
        text-align: right;
    }

    .rtl .subscribe-style-two .content-box .form-inner .form-group input[type='email'] {
        text-align: right;
    }

.subscribe-section .form-inner .form-group button[type='submit'] {
    position: inherit;
}

.subscribe-section .input i {
    left: 30px;
}

.contact-section .form-inner .form-group input[type='text'].datepicker-here {
    padding-left: 40px;
}
/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
    .subscribe-section .text-box {
        margin: 0px 0px 30px 0px !important;
    }

    .subscribe-section .form-inner {
        margin: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .subscribe-style-two .inner-container .bg-layer {
        display: none;
    }

    .subscribe-style-two {
        padding-bottom: 70px;
    }

        .subscribe-style-two.about-page {
            padding-bottom: 0px;
        }
}

@media only screen and (max-width: 599px) {
    .subscribe-style-two .inner-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .subscribe-style-two .content-box {
        max-width: 100%;
    }

        .subscribe-style-two .content-box h2 {
            font-size: 30px;
            line-height: 40px;
        }
}

@media only screen and (max-width: 499px) {
    .subscribe-section .inner-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .subscribe-section .form-inner .form-group {
        padding-right: 0px;
    }

        .subscribe-section .form-inner .form-group button[type='submit'] {
            position: relative;
            width: 100%;
            margin-top: 20px;
        }

    .subscribe-section h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .subscribe-style-two .content-box .form-inner .form-group {
        padding-right: 0px;
    }

        .subscribe-style-two .content-box .form-inner .form-group button[type='submit'] {
            position: relative;
            width: 100%;
            margin-top: 20px;
        }
}











































/* ============================================================
   responsive.css
   ============================================================ */

/* ═══════════════════════════════════════
   SEARCH BAR — MAIN WRAPPER
═══════════════════════════════════════ */
.booking-form {
    position: absolute;
    top: 70%;
    width: 100%;
    text-align: left;
    z-index: 2;
}


.mainSearch {
    border-radius: 100px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 15px;
    overflow: visible !important;
}

.button-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
}

    /* Dividers between fields */
    .button-grid > div:not(:first-child):not(.button-item) {
        border-left: 1px solid #e5e7eb;
    }

/* ═══════════════════════════════════════
   FIELD SIZING
═══════════════════════════════════════ */
.searchMenu-loc {
    flex: 2;
    min-width: 0;
    overflow: visible; /* must be visible for dropdown to show */
}

.autoComplete_wrapper > input {
    color: #051036;
    border: 1px solid #efefef !important;
}

.searchMenu-date {
    flex: 1.4;
    min-width: 0;
    cursor: pointer;
    padding: 4px 15px !important;
}

.searchMenu-nationality {
    flex: 1;
    min-width: 0;
    padding: 4px 15px !important;
}

.searchMenu-guests {
    flex: 1.4;
    min-width: 0;
    position: relative;
    cursor: pointer;
    padding: 4px 15px !important;
}

/* Search button — never shrinks, never wraps */
.button-item {
    flex: 0 0 auto;
    margin-left: 8px;
}

/* ═══════════════════════════════════════
   AUTOCOMPLETE INPUT
═══════════════════════════════════════ */


.autoComplete_wrapper {
    display: block;
    position: relative;
    width: 100%;
    padding-right: 8px;
}


    .autoComplete_wrapper > input {
        height: 44px;
        width: 100%;
        margin: 0;
        padding: 0 1rem 0 2.8rem;
        box-sizing: border-box;
        font-size: 15px;
        text-overflow: ellipsis;
        color: #051036;
        outline: none;
        border-radius: 30px;
        box-shadow: none !important;
        background-image: url(../images/search.svg);
        background-size: 1.1rem;
        background-position: left 0.8rem center;
        background-repeat: no-repeat;
        background-color: transparent;
    }

        .autoComplete_wrapper > input::placeholder {
            color: #9ca3af;
        }


    /* ── Dropdown list ── */
    .autoComplete_wrapper > ul {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        max-height: 300px;
        overflow-y: auto;
        margin: 0;
        padding: 6px 0;
        z-index: 9999;
        list-style: none;
        border-radius: 10px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.1); /* visible border */
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); /* visible shadow */
    }

        .autoComplete_wrapper > ul:empty,
        .autoComplete_wrapper > ul[hidden] {
            display: none;
        }

        .autoComplete_wrapper > ul p {
            padding: 8px 14px 6px;
            font-size: 12px;
            color: #9ca3af;
            margin: 0;
            border-bottom: 1px solid #f0f0f0;
            line-height: 1.4;
        }

            .autoComplete_wrapper > ul p strong {
                color: #336CFB;
            }

        .autoComplete_wrapper > ul > li {
            margin: 2px 6px;
            padding: 9px 10px;
            font-size: 14px;
            color: #212121;
            border-radius: 6px;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: background .15s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

            .autoComplete_wrapper > ul > li mark {
                background: transparent;
                color: #336CFB;
                font-weight: 700;
            }

            .autoComplete_wrapper > ul > li:hover,
            .autoComplete_wrapper > ul > li[aria-selected=true] {
                background-color: rgba(51, 108, 251, 0.07);
            }

/* ═══════════════════════════════════════
   DATE RANGE
═══════════════════════════════════════ */
.searchMenu-date h4, .searchMenu-guests h4 {
    font-size: 13px;
    font-weight: 600;
    color: #111;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.searchMenu-date input[name="daterange"] {
    border: none;
    outline: none;
    font-size: 14px;
    color: #555;
    background: transparent;
    cursor: pointer;
    width: 100%;
    padding: 0;
}

/* ═══════════════════════════════════════
   NATIONALITY
═══════════════════════════════════════ */
.searchMenu-nationality {
    flex: 1;
    min-width: 0;
    padding: 4px 15px !important;
    position: relative;
    cursor: pointer;
}



    .searchMenu-nationality h4 {
        font-size: 13px;
        font-weight: 600;
        color: #111;
        margin-bottom: 3px;
    }

.nat-placeholder {
    font-size: 14px;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

.nat-arrow {
    font-size: 11px;
    color: #9ca3af;
    transition: transform 0.2s;
}

.-is-dd-wrap-active .nat-arrow {
    transform: rotate(180deg);
}

/* Dropdown panel */
.searchMenu-nationality__field {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    z-index: 999;
    overflow: hidden;
}

    .searchMenu-nationality__field.-is-active {
        display: block;
    }

.nat-list {
    list-style: none;
    margin: 0;
    padding: 6px 0;
}

    .nat-list li {
        padding: 5px 16px;
        font-size: 14px;
        color: #333;
        cursor: pointer;
        transition: background 0.15s;
        white-space: nowrap;
    }

        .nat-list li:hover {
            background: rgba(51, 108, 251, 0.07);
            color: #336CFB;
        }

        .nat-list li.is-selected {
            color: #336CFB;
            font-weight: 600;
            background: rgba(51, 108, 251, 0.05);
        }

@media (max-width: 991px) {
    .searchMenu-nationality__field {
        width: 100%;
        left: 0;
        top: calc(100% + 8px);
    }
}

.searchMenu-nationality__field {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    z-index: 999;
    overflow: hidden;
    /* ADD THESE TWO */
    max-height: 260px;
    overflow-y: auto;
}

    .searchMenu-nationality__field::-webkit-scrollbar {
        width: 4px;
    }

    .searchMenu-nationality__field::-webkit-scrollbar-track {
        background: transparent;
    }

    .searchMenu-nationality__field::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 4px;
    }

        .searchMenu-nationality__field::-webkit-scrollbar-thumb:hover {
            background: #336CFB;
        }

/* ═══════════════════════════════════════
   GUEST DROPDOWN PANEL
═══════════════════════════════════════ */

.guest-placeholder {
    font-size: 14px;
    line-height: 16px !important;
}

.searchMenu-guests__field {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 400px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    z-index: 999;
}

    .searchMenu-guests__field.-is-active {
        display: block;
    }

    .searchMenu-guests__field .bg-white {
        padding: 20px 24px !important;
    }

    /* ── Each row (Room / Adult / Child) ── */
    .searchMenu-guests__field .row.y-gap-10 {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
        padding: 10px 0;
    }

        /* ── Left label column ── */
        .searchMenu-guests__field .row.y-gap-10 .col-auto:first-child {
            flex: 1;
            padding: 0 !important;
        }

        /* ── Right counter column ── */
        .searchMenu-guests__field .row.y-gap-10 .col-auto:last-child {
            flex-shrink: 0;
            padding: 0 !important;
        }





    /* ── Adult / Child label ── */
    .searchMenu-guests__field .text-15.lh-12.fw-500 {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #111;
        line-height: 1.3 !important;
        margin-bottom: 2px;
    }

    /* ── "12yrs & above" / "0-11years" subtitle ── */
    .searchMenu-guests__field .text-14.lh-12.text-light-1 {
        font-size: 12px !important;
        color: #9ca3af !important;
        line-height: 1.3 !important;
        margin-top: 2px !important;
    }

    /* ── Divider lines ── */
    .searchMenu-guests__field .border-top-light {
        border-top: 1px solid #f0f0f0;
        margin: 6px 0 !important;
    }

    /* ── Counter row ── */
    .searchMenu-guests__field .js-counter {
        display: flex;
        align-items: center;
        gap: 0;
    }

    /* ── Number display between buttons ── */
    .searchMenu-guests__field .flex-center {
        width: 40px;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        color: #111;
    }

    /* ── +/- Buttons — square style matching Image 2 ── */
    .searchMenu-guests__field .button.-outline-blue-1 {
        width: 38px;
        height: 38px;
        flex-shrink: 0;
        border-radius: 6px !important; /* square, not circle */
        border: 1.5px solid #336CFB !important;
        color: #336CFB;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
        padding: 0;
        font-size: 12px;
        line-height: 1;
        box-shadow: none !important;
    }

        .searchMenu-guests__field .button.-outline-blue-1:hover {
            background: #336CFB;
            color: #fff;
        }

        .searchMenu-guests__field .button.-outline-blue-1:focus {
            outline: none;
            box-shadow: none;
        }


/* ═══════════════════════════════════════
   SEARCH BUTTON
═══════════════════════════════════════ */
.mainSearch__submit {
    white-space: nowrap;
    border-radius: 100px;
    background: #233986;
    color: #fff;
    border: none;
    padding: 13px 28px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.2s;
    line-height: 1;
}

    .mainSearch__submit:hover {
        background: #1f55d4;
    }

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media (max-width: 1199px) {
    .searchMenu-date,
    .searchMenu-nationality {
        flex: 1.2;
    }

    .mainSearch__submit {
        padding: 13px 20px;
        font-size: 14px;
    }
}

@media (max-width: 991px) {

    .booking-form {
        top: 30px;
    }


    .mainSearch {
        border-radius: 16px;
        padding: 10px;
    }

    .button-grid {
        flex-direction: column;
        align-items: stretch;
    }

        .button-grid > div:not(:first-child):not(.button-item) {
            border-left: none;
            border-top: 1px solid #e5e7eb;
        }

    .searchMenu-loc,
    .searchMenu-date,
    .searchMenu-nationality,
    .searchMenu-guests {
        flex: unset;
        width: 100%;
        padding: 12px 16px !important;
    }

    .autoComplete_wrapper > input {
        padding-left: 2.8rem;
    }

    .searchMenu-guests__field {
        width: 100%;
        right: auto;
        left: 0;
    }

    .button-item {
        width: 100%;
        margin: 8px 0 0 0;
    }

    .mainSearch__submit {
        width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 1200px) {

    .main-menu,
    .sticky-header,
    .main-header.style-one .outer-container:before {
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
        padding: 10px;
    }

    .megamenu ul li:first-child {
        display: none;
    }
}



@media only screen and (min-width: 768px) {
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul,
    .main-menu .navigation > li > .megamenu {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}



@media only screen and (max-width: 991px) {

    .header-upper .upper-inner {
        display: block;
        text-align: center;
    }

        .header-upper .upper-inner .right-column {
            justify-content: center;
        }

    .header-upper {
        padding-bottom: 25px;
    }

        .header-upper .upper-inner .right-column .info-list li {
            margin-right: 30px;
        }

    .rtl .header-upper .upper-inner .right-column .info-list li {
        margin-left: 30px;
    }

    .main-footer .footer-widget {
        margin: 0px 0px 30px 0px;
    }

    .main-footer .widget-section {
        padding-bottom: 55px;
    }
}


@media only screen and (max-width: 767px) {

    .header-upper .upper-inner .right-column {
        display: block;
        text-align: center;
    }

        .header-upper .upper-inner .right-column .info-list {
            margin-right: 0px;
            justify-content: center;
            margin-bottom: 15px;
        }

    .rtl .header-upper .upper-inner .right-column .info-list {
        margin-left: 0px;
    }

    .header-upper .upper-inner .right-column .search-inner {
        width: 100%;
    }

    .sec-title h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .sidebar-page-container {
        padding: 70px 0px;
    }

    .form-inner .form-group {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 599px) {

    .header-top .top-inner {
        display: block;
        text-align: center;
    }

        .header-top .top-inner p {
            display: inline-block;
        }

        .header-top .top-inner .social-links {
            justify-content: center;
        }

    .footer-bottom .bottom-inner {
        display: block;
        text-align: center;
    }

    .footer-bottom .social-links {
        justify-content: center;
    }
}


@media only screen and (max-width: 499px) {

    .mobile-menu {
        width: 100%;
    }

    .header-upper .upper-inner .right-column .info-list {
        display: none;
    }

    .main-header .header-lower .outer-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-style-two .menu-right-content {
        display: none;
    }

    .header-style-two .header-lower .outer-box {
        padding: 0px;
    }

    .pagination li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}


.loader-wrap {
    display: none;
}
.preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: white;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: white;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.preloader__wrap {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    background-color: white;
    /* box-shadow: 0px 2px 24px 0px #00000014;
  -webkit-animation-name: preloaderWraper;
          animation-name: preloaderWraper;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease; */
}

/* .preloader__icon {
  position: absolute;
  -webkit-animation-name: preloader;
          animation-name: preloader;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
} */

.preloader__title {
    font-size: 25px;
    font-weight: 600;
    line-height: 68px;
    letter-spacing: 0em;
    margin-top: 16px;
}

.preloader.-is-hidden {
    opacity: 0;
    pointer-events: none;
}

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

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: none;
    }
}

@keyframes preloaderWraper {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: none;
    }
}

@-webkit-keyframes preloader {
    0% {
        transform: translateY(150%) scale(1);
    }

    50% {
        transform: translateY(0%) scale(1.2) rotate(20deg);
    }

    100% {
        transform: translateY(-150%) rotate(-20deg);
    }
}

@keyframes preloader {
    0% {
        transform: translateY(150%) scale(1);
    }

    50% {
        transform: translateY(0%) scale(1.2) rotate(20deg);
    }

    100% {
        transform: translateY(-150%) rotate(-20deg);
    }
}