.ssc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.ssc::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.ssc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}




.my-custom-scrollbar {
    position: relative;
      
    height: 246px;
    overflow: auto;
}

.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.my-float {
    margin-top: 16px;
    
    color: white;
}
.effect-shine {
    color: darkred;
     
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 4px;
 
    position: relative;
   
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s linear infinite;
}

@media (max-width: 425px) {
    .effect-shine2 {
        color: #777;
        font-size: 38px;
        margin-top: 60%;
        -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
        -webkit-mask-size: 200%;
        animation: shine 2s linear infinite;
    }
}

@media (min-width: 426px) {
    .effect-shine2 {
        color: #777;
        font-size: 38px;
        margin-top: 30%;
        -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
        -webkit-mask-size: 200%;
        animation: shine 2s linear infinite;
    }
}

@media (min-width: 1200px) {
    .effect-shine2 {
        color: #777;
        font-size: 38px;
        margin-top: 5%;
        -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
        -webkit-mask-size: 200%;
        animation: shine 2s linear infinite;
    }
}

@keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}
 
.noel {
    background-image: linear-gradient(to right, #434343 0%, black 100%);
}
.lightrope {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
   
    z-index: 1;
    margin: -15px 0 0 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
}

    .lightrope li {
        position: relative;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        width: 12px;
        height: 28px;
        border-radius: 50%;
        margin: 20px;
        display: inline-block;
        background: #00f7a5;
        box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
        -webkit-animation-name: flash-1;
        animation-name: flash-1;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

        .lightrope li:nth-child(2n+1) {
            background: aqua;
            box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
            -webkit-animation-name: flash-2;
            animation-name: flash-2;
            -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
        }

        .lightrope li:nth-child(4n+2) {
            background: #f70094;
            box-shadow: 0px 4.6666666667px 24px 3px #f70094;
            -webkit-animation-name: flash-3;
            animation-name: flash-3;
            -webkit-animation-duration: 1.1s;
            animation-duration: 1.1s;
        }

        .lightrope li:nth-child(odd) {
            -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
        }

        .lightrope li:nth-child(3n+1) {
            -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s;
        }

        .lightrope li:before {
            content: "";
            position: absolute;
            background: #222;
            width: 10px;
            height: 9.3333333333px;
            border-radius: 3px;
            top: -4.6666666667px;
            left: 1px;
        }

        .lightrope li:after {
            content: "";
            top: -14px;
            left: 9px;
            position: absolute;
            width: 52px;
            height: 18.6666666667px;
            border-bottom: solid #222 2px;
            border-radius: 50%;
        }

        .lightrope li:last-child:after {
            content: none;
        }

        .lightrope li:first-child {
            margin-left: -40px;
        }

@-webkit-keyframes flash-1 {
    0%, 100% {
        background: #00f7a5;
        box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
    }
}

@keyframes flash-1 {
    0%, 100% {
        background: #00f7a5;
        box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
    }
}

@-webkit-keyframes flash-2 {
    0%, 100% {
        background: aqua;
        box-shadow: 0px 4.6666666667px 24px 3px aqua;
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
    }
}

@keyframes flash-2 {
    0%, 100% {
        background: aqua;
        box-shadow: 0px 4.6666666667px 24px 3px aqua;
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
    }
}

@-webkit-keyframes flash-3 {
    0%, 100% {
        background: #f70094;
        box-shadow: 0px 4.6666666667px 24px 3px #f70094;
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
    }
}

@keyframes flash-3 {
    0%, 100% {
        background: #f70094;
        box-shadow: 0px 4.6666666667px 24px 3px #f70094;
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
    }
}


.gfont {
    font-family: 'Goudy Bookletter 1911', serif !important; 
}

@media (min-width: 992px) {
    .pb-lg-55 {
        padding-bottom: 10rem !important;
    }
}
@media(min-width:768px ) {

 

    #header .header-logo img {
        height:190px !important;
    }

}
::-moz-selection {
        color: #FFF;
        background: #242E39;
    }

    ::selection {
        color: #FFF;
        background: #242E39;
    }

    :root {
        --primary: #242E39;
        --secondary: #45586d;
        --tertiary: #EF4343;
        --quaternary: #182027;
    }

    a {
        color: #242E39;
    }

        a:hover {
            color: #2e3b49;
        }

        a:focus {
            color: #2e3b49;
        }

        a:active {
            color: #1a2129;
        }

    html .text-color-primary,
    html .text-primary {
        color: #242E39 !important;
    }

    html .text-color-hover-primary:hover,
    html .text-hover-primary:hover {
        color: #242E39 !important;
    }

    html .text-color-secondary,
    html .text-secondary {
        color: #45586d !important;
    }

    html .text-color-hover-secondary:hover,
    html .text-hover-secondary:hover {
        color: #45586d !important;
    }

    html .text-color-tertiary,
    html .text-tertiary {
        color: #EF4343 !important;
    }

    html .text-color-hover-tertiary:hover,
    html .text-hover-tertiary:hover {
        color: #EF4343 !important;
    }

    html .text-color-quaternary,
    html .text-quaternary {
        color: #182027 !important;
    }

    html .text-color-hover-quaternary:hover,
    html .text-hover-quaternary:hover {
        color: #182027 !important;
    }

    html .text-color-dark,
    html .text-dark {
        color: #212529 !important;
    }

    html .text-color-hover-dark:hover,
    html .text-hover-dark:hover {
        color: #212529 !important;
    }

    html .text-color-light,
    html .text-light {
        color: #FFF !important;
    }

    html .text-color-hover-light:hover,
    html .text-hover-light:hover {
        color: #FFF !important;
    }

    html .svg-fill-color-primary {
        fill: #242E39 !important;
    }

        html .svg-fill-color-primary svg path,
        html .svg-fill-color-primary svg rect,
        html .svg-fill-color-primary svg line,
        html .svg-fill-color-primary svg polyline,
        html .svg-fill-color-primary svg polygon {
            fill: #242E39 !important;
        }

    html .svg-fill-color-hover-primary:hover {
        fill: #242E39 !important;
    }

    html .svg-fill-color-hover-primary svg:hover path,
    html .svg-fill-color-hover-primary svg:hover rect,
    html .svg-fill-color-hover-primary svg:hover line,
    html .svg-fill-color-hover-primary svg:hover polyline,
    html .svg-fill-color-hover-primary svg:hover polygon {
        fill: #242E39 !important;
    }

    html .svg-stroke-color-primary {
        stroke: #242E39 !important;
    }

        html .svg-stroke-color-primary svg path,
        html .svg-stroke-color-primary svg rect,
        html .svg-stroke-color-primary svg line,
        html .svg-stroke-color-primary svg polyline,
        html .svg-stroke-color-primary svg polygon {
            stroke: #242E39 !important;
        }

    html .svg-stroke-color-hover-primary:hover {
        stroke: #242E39 !important;
    }

    html .svg-stroke-color-hover-primary svg:hover path,
    html .svg-stroke-color-hover-primary svg:hover rect,
    html .svg-stroke-color-hover-primary svg:hover line,
    html .svg-stroke-color-hover-primary svg:hover polyline,
    html .svg-stroke-color-hover-primary svg:hover polygon {
        stroke: #242E39 !important;
    }

    html .svg-fill-color-secondary {
        fill: #45586d !important;
    }

        html .svg-fill-color-secondary svg path,
        html .svg-fill-color-secondary svg rect,
        html .svg-fill-color-secondary svg line,
        html .svg-fill-color-secondary svg polyline,
        html .svg-fill-color-secondary svg polygon {
            fill: #45586d !important;
        }

    html .svg-fill-color-hover-secondary:hover {
        fill: #45586d !important;
    }

    html .svg-fill-color-hover-secondary svg:hover path,
    html .svg-fill-color-hover-secondary svg:hover rect,
    html .svg-fill-color-hover-secondary svg:hover line,
    html .svg-fill-color-hover-secondary svg:hover polyline,
    html .svg-fill-color-hover-secondary svg:hover polygon {
        fill: #45586d !important;
    }

    html .svg-stroke-color-secondary {
        stroke: #45586d !important;
    }

        html .svg-stroke-color-secondary svg path,
        html .svg-stroke-color-secondary svg rect,
        html .svg-stroke-color-secondary svg line,
        html .svg-stroke-color-secondary svg polyline,
        html .svg-stroke-color-secondary svg polygon {
            stroke: #45586d !important;
        }

    html .svg-stroke-color-hover-secondary:hover {
        stroke: #45586d !important;
    }

    html .svg-stroke-color-hover-secondary svg:hover path,
    html .svg-stroke-color-hover-secondary svg:hover rect,
    html .svg-stroke-color-hover-secondary svg:hover line,
    html .svg-stroke-color-hover-secondary svg:hover polyline,
    html .svg-stroke-color-hover-secondary svg:hover polygon {
        stroke: #45586d !important;
    }

    html .svg-fill-color-tertiary {
        fill: #EF4343 !important;
    }

        html .svg-fill-color-tertiary svg path,
        html .svg-fill-color-tertiary svg rect,
        html .svg-fill-color-tertiary svg line,
        html .svg-fill-color-tertiary svg polyline,
        html .svg-fill-color-tertiary svg polygon {
            fill: #EF4343 !important;
        }

    html .svg-fill-color-hover-tertiary:hover {
        fill: #EF4343 !important;
    }

    html .svg-fill-color-hover-tertiary svg:hover path,
    html .svg-fill-color-hover-tertiary svg:hover rect,
    html .svg-fill-color-hover-tertiary svg:hover line,
    html .svg-fill-color-hover-tertiary svg:hover polyline,
    html .svg-fill-color-hover-tertiary svg:hover polygon {
        fill: #EF4343 !important;
    }

    html .svg-stroke-color-tertiary {
        stroke: #EF4343 !important;
    }

        html .svg-stroke-color-tertiary svg path,
        html .svg-stroke-color-tertiary svg rect,
        html .svg-stroke-color-tertiary svg line,
        html .svg-stroke-color-tertiary svg polyline,
        html .svg-stroke-color-tertiary svg polygon {
            stroke: #EF4343 !important;
        }

    html .svg-stroke-color-hover-tertiary:hover {
        stroke: #EF4343 !important;
    }

    html .svg-stroke-color-hover-tertiary svg:hover path,
    html .svg-stroke-color-hover-tertiary svg:hover rect,
    html .svg-stroke-color-hover-tertiary svg:hover line,
    html .svg-stroke-color-hover-tertiary svg:hover polyline,
    html .svg-stroke-color-hover-tertiary svg:hover polygon {
        stroke: #EF4343 !important;
    }

    html .svg-fill-color-quaternary {
        fill: #182027 !important;
    }

        html .svg-fill-color-quaternary svg path,
        html .svg-fill-color-quaternary svg rect,
        html .svg-fill-color-quaternary svg line,
        html .svg-fill-color-quaternary svg polyline,
        html .svg-fill-color-quaternary svg polygon {
            fill: #182027 !important;
        }

    html .svg-fill-color-hover-quaternary:hover {
        fill: #182027 !important;
    }

    html .svg-fill-color-hover-quaternary svg:hover path,
    html .svg-fill-color-hover-quaternary svg:hover rect,
    html .svg-fill-color-hover-quaternary svg:hover line,
    html .svg-fill-color-hover-quaternary svg:hover polyline,
    html .svg-fill-color-hover-quaternary svg:hover polygon {
        fill: #182027 !important;
    }

    html .svg-stroke-color-quaternary {
        stroke: #182027 !important;
    }

        html .svg-stroke-color-quaternary svg path,
        html .svg-stroke-color-quaternary svg rect,
        html .svg-stroke-color-quaternary svg line,
        html .svg-stroke-color-quaternary svg polyline,
        html .svg-stroke-color-quaternary svg polygon {
            stroke: #182027 !important;
        }

    html .svg-stroke-color-hover-quaternary:hover {
        stroke: #182027 !important;
    }

    html .svg-stroke-color-hover-quaternary svg:hover path,
    html .svg-stroke-color-hover-quaternary svg:hover rect,
    html .svg-stroke-color-hover-quaternary svg:hover line,
    html .svg-stroke-color-hover-quaternary svg:hover polyline,
    html .svg-stroke-color-hover-quaternary svg:hover polygon {
        stroke: #182027 !important;
    }

    html .svg-fill-color-dark {
        fill: #212529 !important;
    }

        html .svg-fill-color-dark svg path,
        html .svg-fill-color-dark svg rect,
        html .svg-fill-color-dark svg line,
        html .svg-fill-color-dark svg polyline,
        html .svg-fill-color-dark svg polygon {
            fill: #212529 !important;
        }

    html .svg-fill-color-hover-dark:hover {
        fill: #212529 !important;
    }

    html .svg-fill-color-hover-dark svg:hover path,
    html .svg-fill-color-hover-dark svg:hover rect,
    html .svg-fill-color-hover-dark svg:hover line,
    html .svg-fill-color-hover-dark svg:hover polyline,
    html .svg-fill-color-hover-dark svg:hover polygon {
        fill: #212529 !important;
    }

    html .svg-stroke-color-dark {
        stroke: #212529 !important;
    }

        html .svg-stroke-color-dark svg path,
        html .svg-stroke-color-dark svg rect,
        html .svg-stroke-color-dark svg line,
        html .svg-stroke-color-dark svg polyline,
        html .svg-stroke-color-dark svg polygon {
            stroke: #212529 !important;
        }

    html .svg-stroke-color-hover-dark:hover {
        stroke: #212529 !important;
    }

    html .svg-stroke-color-hover-dark svg:hover path,
    html .svg-stroke-color-hover-dark svg:hover rect,
    html .svg-stroke-color-hover-dark svg:hover line,
    html .svg-stroke-color-hover-dark svg:hover polyline,
    html .svg-stroke-color-hover-dark svg:hover polygon {
        stroke: #212529 !important;
    }

    html .svg-fill-color-light {
        fill: #FFF !important;
    }

        html .svg-fill-color-light svg path,
        html .svg-fill-color-light svg rect,
        html .svg-fill-color-light svg line,
        html .svg-fill-color-light svg polyline,
        html .svg-fill-color-light svg polygon {
            fill: #FFF !important;
        }

    html .svg-fill-color-hover-light:hover {
        fill: #FFF !important;
    }

    html .svg-fill-color-hover-light svg:hover path,
    html .svg-fill-color-hover-light svg:hover rect,
    html .svg-fill-color-hover-light svg:hover line,
    html .svg-fill-color-hover-light svg:hover polyline,
    html .svg-fill-color-hover-light svg:hover polygon {
        fill: #FFF !important;
    }

    html .svg-stroke-color-light {
        stroke: #FFF !important;
    }

        html .svg-stroke-color-light svg path,
        html .svg-stroke-color-light svg rect,
        html .svg-stroke-color-light svg line,
        html .svg-stroke-color-light svg polyline,
        html .svg-stroke-color-light svg polygon {
            stroke: #FFF !important;
        }

    html .svg-stroke-color-hover-light:hover {
        stroke: #FFF !important;
    }

    html .svg-stroke-color-hover-light svg:hover path,
    html .svg-stroke-color-hover-light svg:hover rect,
    html .svg-stroke-color-hover-light svg:hover line,
    html .svg-stroke-color-hover-light svg:hover polyline,
    html .svg-stroke-color-hover-light svg:hover polygon {
        stroke: #FFF !important;
    }

    .svg-animation-effect-1-hover:hover svg path,
    .svg-animation-effect-1-hover:hover svg polygon,
    .svg-animation-effect-1-hover:hover svg polyline,
    .svg-animation-effect-1-hover:hover svg rect {
        stroke: #242E39;
    }

    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg path,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polygon,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polyline,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg rect {
        stroke: #242E39;
    }

    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg path,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polygon,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polyline,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg rect {
        stroke: #45586d;
    }

    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg path,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polygon,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polyline,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg rect {
        stroke: #EF4343;
    }

    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg path,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polygon,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polyline,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg rect {
        stroke: #182027;
    }

    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect {
        stroke: #212529;
    }

    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline,
    .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect {
        stroke: #FFF;
    }

    .gradient-text-color {
        color: #242E39;
        background: linear-gradient(to bottom right, #242E39, #45586d);
        background-image: linear-gradient(to right, #242E39, #45586d);
    }

    html .bg-color-primary,
    html .bg-primary {
        background-color: #242E39 !important;
    }

    html .bg-color-hover-primary:hover,
    html .bg-hover-primary:hover {
        background-color: #242E39 !important;
    }

    html .bg-color-after-primary:after {
        background-color: #242E39 !important;
    }

    html .bg-color-hover-after-primary:after:hover {
        background-color: #242E39 !important;
    }

    html .bg-color-before-primary:before {
        background-color: #242E39 !important;
    }

    html .bg-color-hover-before-primary:before:hover {
        background-color: #242E39 !important;
    }

    html .bg-color-secondary,
    html .bg-secondary {
        background-color: #45586d !important;
    }

    html .bg-color-hover-secondary:hover,
    html .bg-hover-secondary:hover {
        background-color: #45586d !important;
    }

    html .bg-color-after-secondary:after {
        background-color: #45586d !important;
    }

    html .bg-color-hover-after-secondary:after:hover {
        background-color: #45586d !important;
    }

    html .bg-color-before-secondary:before {
        background-color: #45586d !important;
    }

    html .bg-color-hover-before-secondary:before:hover {
        background-color: #45586d !important;
    }

    html .bg-color-tertiary,
    html .bg-tertiary {
        background-color: #EF4343 !important;
    }

    html .bg-color-hover-tertiary:hover,
    html .bg-hover-tertiary:hover {
        background-color: #EF4343 !important;
    }

    html .bg-color-after-tertiary:after {
        background-color: #EF4343 !important;
    }

    html .bg-color-hover-after-tertiary:after:hover {
        background-color: #EF4343 !important;
    }

    html .bg-color-before-tertiary:before {
        background-color: #EF4343 !important;
    }

    html .bg-color-hover-before-tertiary:before:hover {
        background-color: #EF4343 !important;
    }

    html .bg-color-quaternary,
    html .bg-quaternary {
        background-color: #182027 !important;
    }

    html .bg-color-hover-quaternary:hover,
    html .bg-hover-quaternary:hover {
        background-color: #182027 !important;
    }

    html .bg-color-after-quaternary:after {
        background-color: #182027 !important;
    }

    html .bg-color-hover-after-quaternary:after:hover {
        background-color: #182027 !important;
    }

    html .bg-color-before-quaternary:before {
        background-color: #182027 !important;
    }

    html .bg-color-hover-before-quaternary:before:hover {
        background-color: #182027 !important;
    }

    html .bg-color-dark,
    html .bg-dark {
        background-color: #212529 !important;
    }

    html .bg-color-hover-dark:hover,
    html .bg-hover-dark:hover {
        background-color: #212529 !important;
    }

    html .bg-color-after-dark:after {
        background-color: #212529 !important;
    }

    html .bg-color-hover-after-dark:after:hover {
        background-color: #212529 !important;
    }

    html .bg-color-before-dark:before {
        background-color: #212529 !important;
    }

    html .bg-color-hover-before-dark:before:hover {
        background-color: #212529 !important;
    }

    html .bg-color-light,
    html .bg-light {
        background-color: #FFF !important;
    }

    html .bg-color-hover-light:hover,
    html .bg-hover-light:hover {
        background-color: #FFF !important;
    }

    html .bg-color-after-light:after {
        background-color: #FFF !important;
    }

    html .bg-color-hover-after-light:after:hover {
        background-color: #FFF !important;
    }

    html .bg-color-before-light:before {
        background-color: #FFF !important;
    }

    html .bg-color-hover-before-light:before:hover {
        background-color: #FFF !important;
    }

    .bg-gradient {
        background-color: #242E39 !important;
        background-image: linear-gradient(to right, #242E39 0%, #45586d 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242E39', endColorstr='#45586d', GradientType=1);
    }

    .bg-gradient-to-top {
        background-color: #242E39 !important;
        background-image: linear-gradient(to top, #242E39 0%, #45586d 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242E39', endColorstr='#45586d', GradientType=1);
    }

    .bg-gradient-to-bottom {
        background-color: #242E39 !important;
        background-image: linear-gradient(to bottom, #242E39 0%, #45586d 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242E39', endColorstr='#45586d', GradientType=1);
    }
    /* Color Transition */
    @-webkit-keyframes colorTransition {
        0% {
            background-color: #242E39;
        }

        33% {
            background-color: #45586d;
        }

        66% {
            background-color: #EF4343;
        }

        100% {
            background-color: #182027;
        }
    }

    @keyframes colorTransition {
        0% {
            background-color: #242E39;
        }

        33% {
            background-color: #45586d;
        }

        66% {
            background-color: #EF4343;
        }

        100% {
            background-color: #182027;
        }
    }

    html .border-color-primary {
        border-color: #242E39 !important;
    }

    html .border-color-hover-primary:hover {
        border-color: #242E39 !important;
    }

    html .border-color-secondary {
        border-color: #45586d !important;
    }

    html .border-color-hover-secondary:hover {
        border-color: #45586d !important;
    }

    html .border-color-tertiary {
        border-color: #EF4343 !important;
    }

    html .border-color-hover-tertiary:hover {
        border-color: #EF4343 !important;
    }

    html .border-color-quaternary {
        border-color: #182027 !important;
    }

    html .border-color-hover-quaternary:hover {
        border-color: #182027 !important;
    }

    html .border-color-dark {
        border-color: #212529 !important;
    }

    html .border-color-hover-dark:hover {
        border-color: #212529 !important;
    }

    html .border-color-light {
        border-color: #FFF !important;
    }

    html .border-color-hover-light:hover {
        border-color: #FFF !important;
    }

    .alternative-font {
        color: #242E39;
    }

    html .box-shadow-1-primary:before {
        box-shadow: 0 30px 90px #242E39 !important;
    }

    html .box-shadow-1-secondary:before {
        box-shadow: 0 30px 90px #45586d !important;
    }

    html .box-shadow-1-tertiary:before {
        box-shadow: 0 30px 90px #EF4343 !important;
    }

    html .box-shadow-1-quaternary:before {
        box-shadow: 0 30px 90px #182027 !important;
    }

    html .box-shadow-1-dark:before {
        box-shadow: 0 30px 90px #212529 !important;
    }

    html .box-shadow-1-light:before {
        box-shadow: 0 30px 90px #FFF !important;
    }

    html .blockquote-primary {
        border-color: #242E39 !important;
    }

    html .blockquote-secondary {
        border-color: #45586d !important;
    }

    html .blockquote-tertiary {
        border-color: #EF4343 !important;
    }

    html .blockquote-quaternary {
        border-color: #182027 !important;
    }

    html .blockquote-dark {
        border-color: #212529 !important;
    }

    html .blockquote-light {
        border-color: #FFF !important;
    }

    p.drop-caps:first-letter {
        color: #242E39;
    }

    p.drop-caps.drop-caps-style-2:first-letter {
        background-color: #242E39;
    }

    html .nav-color-primary nav > ul > li > a {
        color: #242E39 !important;
    }

    html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
        background-color: #242E39 !important;
    }

    html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
        border-top-color: #242E39 !important;
    }

    html .nav-color-secondary nav > ul > li > a {
        color: #45586d !important;
    }

    html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
        background-color: #45586d !important;
    }

    html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
        border-top-color: #45586d !important;
    }

    html .nav-color-tertiary nav > ul > li > a {
        color: #EF4343 !important;
    }

    html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
        background-color: #EF4343 !important;
    }

    html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
        border-top-color: #EF4343 !important;
    }

    html .nav-color-quaternary nav > ul > li > a {
        color: #182027 !important;
    }

    html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
        background-color: #182027 !important;
    }

    html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
        border-top-color: #182027 !important;
    }

    html .nav-color-dark nav > ul > li > a {
        color: #212529 !important;
    }

    html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
        background-color: #212529 !important;
    }

    html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
        border-top-color: #212529 !important;
    }

    html .nav-color-light nav > ul > li > a {
        color: #FFF !important;
    }

    html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
        background-color: #FFF !important;
    }

    html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
        border-top-color: #FFF !important;
    }

    .nav-pills > li.active > a,
    .nav-pills .nav-link.active {
        background-color: #242E39;
    }

        .nav-pills > li.active > a:hover,
        .nav-pills .nav-link.active:hover,
        .nav-pills > li.active > a:focus,
        .nav-pills .nav-link.active:focus {
            background-color: #242E39;
        }

    .nav-active-style-1 > li > a:hover,
    .nav-active-style-1 > li > a:focus,
    .nav-active-style-1 > li > a.active {
        border-bottom-color: #242E39;
    }

    html .nav-pills-primary a {
        color: #242E39;
    }

        html .nav-pills-primary a:hover {
            color: #2e3b49;
        }

        html .nav-pills-primary a:focus {
            color: #2e3b49;
        }

        html .nav-pills-primary a:active {
            color: #1a2129;
        }

    html .nav-pills-primary .nav-link.active,
    html .nav-pills-primary > li.active > a {
        background-color: #242E39;
    }

        html .nav-pills-primary .nav-link.active:hover,
        html .nav-pills-primary > li.active > a:hover,
        html .nav-pills-primary .nav-link.active:focus,
        html .nav-pills-primary > li.active > a:focus {
            background-color: #242E39;
        }

    html .nav-pills-secondary a {
        color: #45586d;
    }

        html .nav-pills-secondary a:hover {
            color: #4f657d;
        }

        html .nav-pills-secondary a:focus {
            color: #4f657d;
        }

        html .nav-pills-secondary a:active {
            color: #3b4b5d;
        }

    html .nav-pills-secondary .nav-link.active,
    html .nav-pills-secondary > li.active > a {
        background-color: #45586d;
    }

        html .nav-pills-secondary .nav-link.active:hover,
        html .nav-pills-secondary > li.active > a:hover,
        html .nav-pills-secondary .nav-link.active:focus,
        html .nav-pills-secondary > li.active > a:focus {
            background-color: #45586d;
        }

    html .nav-pills-tertiary a {
        color: #EF4343;
    }

        html .nav-pills-tertiary a:hover {
            color: #f15b5b;
        }

        html .nav-pills-tertiary a:focus {
            color: #f15b5b;
        }

        html .nav-pills-tertiary a:active {
            color: #ed2b2b;
        }

    html .nav-pills-tertiary .nav-link.active,
    html .nav-pills-tertiary > li.active > a {
        background-color: #EF4343;
    }

        html .nav-pills-tertiary .nav-link.active:hover,
        html .nav-pills-tertiary > li.active > a:hover,
        html .nav-pills-tertiary .nav-link.active:focus,
        html .nav-pills-tertiary > li.active > a:focus {
            background-color: #EF4343;
        }

    html .nav-pills-quaternary a {
        color: #182027;
    }

        html .nav-pills-quaternary a:hover {
            color: #222d37;
        }

        html .nav-pills-quaternary a:focus {
            color: #222d37;
        }

        html .nav-pills-quaternary a:active {
            color: #0e1317;
        }

    html .nav-pills-quaternary .nav-link.active,
    html .nav-pills-quaternary > li.active > a {
        background-color: #182027;
    }

        html .nav-pills-quaternary .nav-link.active:hover,
        html .nav-pills-quaternary > li.active > a:hover,
        html .nav-pills-quaternary .nav-link.active:focus,
        html .nav-pills-quaternary > li.active > a:focus {
            background-color: #182027;
        }

    html .nav-pills-dark a {
        color: #212529;
    }

        html .nav-pills-dark a:hover {
            color: #2c3237;
        }

        html .nav-pills-dark a:focus {
            color: #2c3237;
        }

        html .nav-pills-dark a:active {
            color: #16181b;
        }

    html .nav-pills-dark .nav-link.active,
    html .nav-pills-dark > li.active > a {
        background-color: #212529;
    }

        html .nav-pills-dark .nav-link.active:hover,
        html .nav-pills-dark > li.active > a:hover,
        html .nav-pills-dark .nav-link.active:focus,
        html .nav-pills-dark > li.active > a:focus {
            background-color: #212529;
        }

    html .nav-pills-light a {
        color: #FFF;
    }

        html .nav-pills-light a:hover {
            color: #ffffff;
        }

        html .nav-pills-light a:focus {
            color: #ffffff;
        }

        html .nav-pills-light a:active {
            color: #f2f2f2;
        }

    html .nav-pills-light .nav-link.active,
    html .nav-pills-light > li.active > a {
        background-color: #FFF;
    }

        html .nav-pills-light .nav-link.active:hover,
        html .nav-pills-light > li.active > a:hover,
        html .nav-pills-light .nav-link.active:focus,
        html .nav-pills-light > li.active > a:focus {
            background-color: #FFF;
        }

    .nav-link {
        color: #242E39;
    }

        .nav-link:hover {
            color: #2e3b49;
        }

        .nav-link:focus {
            color: #2e3b49;
        }

        .nav-link:active {
            color: #1a2129;
        }

    .section-scroll-dots-navigation-colored > ul > li.active > a:before {
        background: #242E39;
    }

    .sort-source-wrapper .nav > li.active > a {
        color: #242E39;
    }

        .sort-source-wrapper .nav > li.active > a:hover,
        .sort-source-wrapper .nav > li.active > a:focus {
            color: #242E39;
        }

    .sort-source.sort-source-style-2 > li.active > a:after {
        border-top-color: #242E39;
    }

    .sort-source.sort-source-style-3 > li.active > a {
        border-bottom-color: #242E39 !important;
        color: #242E39 !important;
    }

    html .badge-primary {
        background-color: #242E39;
    }

    html .badge-secondary {
        background-color: #45586d;
    }

    html .badge-tertiary {
        background-color: #EF4343;
    }

    html .badge-quaternary {
        background-color: #182027;
    }

    html .badge-dark {
        background-color: #212529;
    }

    html .badge-light {
        background-color: #FFF;
    }

    html .overlay-color-primary:not(.no-skin):before {
        background-color: #242E39 !important;
    }

    html .overlay-color-secondary:not(.no-skin):before {
        background-color: #45586d !important;
    }

    html .overlay-color-tertiary:not(.no-skin):before {
        background-color: #EF4343 !important;
    }

    html .overlay-color-quaternary:not(.no-skin):before {
        background-color: #182027 !important;
    }

    html .overlay-color-dark:not(.no-skin):before {
        background-color: #212529 !important;
    }

    html .overlay-color-light:not(.no-skin):before {
        background-color: #FFF !important;
    }

    .overlay-gradient:before {
        background-color: #EF4343 !important;
        background-image: linear-gradient(to right, #EF4343 0%, #182027 100%) !important;
    }

    .btn-link {
        color: #242E39;
    }

        .btn-link:hover {
            color: #2e3b49;
        }

        .btn-link:active {
            color: #1a2129;
        }

    html .btn-primary {
        background-color: #242E39;
        border-color: #242E39 #242E39 #10151a;
        color: #FFF;
        --color: #242E39;
        --hover: #334150;
        --disabled: #242E39;
        --active: #151b22;
    }

        html .btn-primary:hover,
        html .btn-primary.hover {
            border-color: #384758 #384758 #242E39;
            color: #FFF;
        }

            html .btn-primary:hover:not(.bg-transparent),
            html .btn-primary.hover:not(.bg-transparent) {
                background-color: #334150;
            }

        html .btn-primary:focus,
        html .btn-primary.focus {
            border-color: #10151a #10151a #000000;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

            html .btn-primary:focus:not(.bg-transparent),
            html .btn-primary.focus:not(.bg-transparent) {
                background-color: #151b22;
            }

        html .btn-primary.disabled,
        html .btn-primary:disabled {
            border-color: #242E39 #242E39 #10151a;
        }

            html .btn-primary.disabled:not(.bg-transparent),
            html .btn-primary:disabled:not(.bg-transparent) {
                background-color: #242E39;
            }

        html .btn-primary:active,
        html .btn-primary.active {
            border-color: #10151a #10151a #000000 !important;
        }

            html .btn-primary:active:not(.bg-transparent),
            html .btn-primary.active:not(.bg-transparent) {
                background-color: #151b22 !important;
                background-image: none !important;
            }

    html .btn-primary-scale-2 {
        background-color: #10151a;
        border-color: #10151a #10151a #000000;
        color: #FFF;
    }

        html .btn-primary-scale-2:hover,
        html .btn-primary-scale-2.hover {
            border-color: #242e39 #242e39 #10151a;
            color: #FFF;
        }

            html .btn-primary-scale-2:hover:not(.bg-transparent),
            html .btn-primary-scale-2.hover:not(.bg-transparent) {
                background-color: #1f2831;
            }

        html .btn-primary-scale-2:focus,
        html .btn-primary-scale-2.focus {
            border-color: #000000 #000000 #000000;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(16, 21, 26, 0.5);
        }

            html .btn-primary-scale-2:focus:not(.bg-transparent),
            html .btn-primary-scale-2.focus:not(.bg-transparent) {
                background-color: #010202;
            }

        html .btn-primary-scale-2.disabled,
        html .btn-primary-scale-2:disabled {
            border-color: #10151a #10151a #000000;
        }

            html .btn-primary-scale-2.disabled:not(.bg-transparent),
            html .btn-primary-scale-2:disabled:not(.bg-transparent) {
                background-color: #10151a;
            }

        html .btn-primary-scale-2:active,
        html .btn-primary-scale-2.active {
            border-color: #000000 #000000 #000000 !important;
        }

            html .btn-primary-scale-2:active:not(.bg-transparent),
            html .btn-primary-scale-2.active:not(.bg-transparent) {
                background-color: #010202 !important;
                background-image: none !important;
            }

    html .show > .btn-primary.dropdown-toggle,
    html .show > .btn-primary-scale-2.dropdown-toggle {
        background-color: #151b22 !important;
        background-image: none !important;
        border-color: #10151a #10151a #000000 !important;
    }

    html .btn-check:active + .btn-primary,
    html .btn-check:checked + .btn-primary,
    html .btn-check:focus + .btn-primary {
        background-color: #1a2129;
        border-color: #242E39 #242E39 #1a2129;
        color: #FFF;
    }

    html .btn-secondary {
        background-color: #45586d;
        border-color: #45586d #45586d #313f4e;
        color: #FFF;
        --color: #45586d;
        --hover: #546b84;
        --disabled: #45586d;
        --active: #364556;
    }

        html .btn-secondary:hover,
        html .btn-secondary.hover {
            border-color: #59718c #59718c #45586d;
            color: #FFF;
        }

            html .btn-secondary:hover:not(.bg-transparent),
            html .btn-secondary.hover:not(.bg-transparent) {
                background-color: #546b84;
            }

        html .btn-secondary:focus,
        html .btn-secondary.focus {
            border-color: #313f4e #313f4e #1d262f;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(69, 88, 109, 0.5);
        }

            html .btn-secondary:focus:not(.bg-transparent),
            html .btn-secondary.focus:not(.bg-transparent) {
                background-color: #364556;
            }

        html .btn-secondary.disabled,
        html .btn-secondary:disabled {
            border-color: #45586d #45586d #313f4e;
        }

            html .btn-secondary.disabled:not(.bg-transparent),
            html .btn-secondary:disabled:not(.bg-transparent) {
                background-color: #45586d;
            }

        html .btn-secondary:active,
        html .btn-secondary.active {
            border-color: #313f4e #313f4e #1d262f !important;
        }

            html .btn-secondary:active:not(.bg-transparent),
            html .btn-secondary.active:not(.bg-transparent) {
                background-color: #364556 !important;
                background-image: none !important;
            }

    html .btn-secondary-scale-2 {
        background-color: #313f4e;
        border-color: #313f4e #313f4e #1d262f;
        color: #FFF;
    }

        html .btn-secondary-scale-2:hover,
        html .btn-secondary-scale-2.hover {
            border-color: #45586d #45586d #313f4e;
            color: #FFF;
        }

            html .btn-secondary-scale-2:hover:not(.bg-transparent),
            html .btn-secondary-scale-2.hover:not(.bg-transparent) {
                background-color: #405265;
            }

        html .btn-secondary-scale-2:focus,
        html .btn-secondary-scale-2.focus {
            border-color: #1d262f #1d262f #0a0c0f;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(49, 63, 78, 0.5);
        }

            html .btn-secondary-scale-2:focus:not(.bg-transparent),
            html .btn-secondary-scale-2.focus:not(.bg-transparent) {
                background-color: #222c36;
            }

        html .btn-secondary-scale-2.disabled,
        html .btn-secondary-scale-2:disabled {
            border-color: #313f4e #313f4e #1d262f;
        }

            html .btn-secondary-scale-2.disabled:not(.bg-transparent),
            html .btn-secondary-scale-2:disabled:not(.bg-transparent) {
                background-color: #313f4e;
            }

        html .btn-secondary-scale-2:active,
        html .btn-secondary-scale-2.active {
            border-color: #1d262f #1d262f #0a0c0f !important;
        }

            html .btn-secondary-scale-2:active:not(.bg-transparent),
            html .btn-secondary-scale-2.active:not(.bg-transparent) {
                background-color: #222c36 !important;
                background-image: none !important;
            }

    html .show > .btn-secondary.dropdown-toggle,
    html .show > .btn-secondary-scale-2.dropdown-toggle {
        background-color: #364556 !important;
        background-image: none !important;
        border-color: #313f4e #313f4e #1d262f !important;
    }

    html .btn-check:active + .btn-secondary,
    html .btn-check:checked + .btn-secondary,
    html .btn-check:focus + .btn-secondary {
        background-color: #3b4b5d;
        border-color: #45586d #45586d #3b4b5d;
        color: #FFF;
    }

    html .btn-tertiary {
        background-color: #EF4343;
        border-color: #EF4343 #EF4343 #eb1414;
        color: #FFF;
        --color: #EF4343;
        --hover: #f26666;
        --disabled: #EF4343;
        --active: #ec2020;
    }

        html .btn-tertiary:hover,
        html .btn-tertiary.hover {
            border-color: #f37272 #f37272 #EF4343;
            color: #FFF;
        }

            html .btn-tertiary:hover:not(.bg-transparent),
            html .btn-tertiary.hover:not(.bg-transparent) {
                background-color: #f26666;
            }

        html .btn-tertiary:focus,
        html .btn-tertiary.focus {
            border-color: #eb1414 #eb1414 #bc1010;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(239, 67, 67, 0.5);
        }

            html .btn-tertiary:focus:not(.bg-transparent),
            html .btn-tertiary.focus:not(.bg-transparent) {
                background-color: #ec2020;
            }

        html .btn-tertiary.disabled,
        html .btn-tertiary:disabled {
            border-color: #EF4343 #EF4343 #eb1414;
        }

            html .btn-tertiary.disabled:not(.bg-transparent),
            html .btn-tertiary:disabled:not(.bg-transparent) {
                background-color: #EF4343;
            }

        html .btn-tertiary:active,
        html .btn-tertiary.active {
            border-color: #eb1414 #eb1414 #bc1010 !important;
        }

            html .btn-tertiary:active:not(.bg-transparent),
            html .btn-tertiary.active:not(.bg-transparent) {
                background-color: #ec2020 !important;
                background-image: none !important;
            }

    html .btn-tertiary-scale-2 {
        background-color: #eb1414;
        border-color: #eb1414 #eb1414 #bc1010;
        color: #FFF;
    }

        html .btn-tertiary-scale-2:hover,
        html .btn-tertiary-scale-2.hover {
            border-color: #ef4343 #ef4343 #eb1414;
            color: #FFF;
        }

            html .btn-tertiary-scale-2:hover:not(.bg-transparent),
            html .btn-tertiary-scale-2.hover:not(.bg-transparent) {
                background-color: #ee3737;
            }

        html .btn-tertiary-scale-2:focus,
        html .btn-tertiary-scale-2.focus {
            border-color: #bc1010 #bc1010 #8d0c0c;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(235, 20, 20, 0.5);
        }

            html .btn-tertiary-scale-2:focus:not(.bg-transparent),
            html .btn-tertiary-scale-2.focus:not(.bg-transparent) {
                background-color: #c81111;
            }

        html .btn-tertiary-scale-2.disabled,
        html .btn-tertiary-scale-2:disabled {
            border-color: #eb1414 #eb1414 #bc1010;
        }

            html .btn-tertiary-scale-2.disabled:not(.bg-transparent),
            html .btn-tertiary-scale-2:disabled:not(.bg-transparent) {
                background-color: #eb1414;
            }

        html .btn-tertiary-scale-2:active,
        html .btn-tertiary-scale-2.active {
            border-color: #bc1010 #bc1010 #8d0c0c !important;
        }

            html .btn-tertiary-scale-2:active:not(.bg-transparent),
            html .btn-tertiary-scale-2.active:not(.bg-transparent) {
                background-color: #c81111 !important;
                background-image: none !important;
            }

    html .show > .btn-tertiary.dropdown-toggle,
    html .show > .btn-tertiary-scale-2.dropdown-toggle {
        background-color: #ec2020 !important;
        background-image: none !important;
        border-color: #eb1414 #eb1414 #bc1010 !important;
    }

    html .btn-check:active + .btn-tertiary,
    html .btn-check:checked + .btn-tertiary,
    html .btn-check:focus + .btn-tertiary {
        background-color: #ed2b2b;
        border-color: #EF4343 #EF4343 #ed2b2b;
        color: #FFF;
    }

    html .btn-quaternary {
        background-color: #182027;
        border-color: #182027 #182027 #050607;
        color: #FFF;
        --color: #182027;
        --hover: #27333f;
        --disabled: #182027;
        --active: #090d0f;
    }

        html .btn-quaternary:hover,
        html .btn-quaternary.hover {
            border-color: #2b3a47 #2b3a47 #182027;
            color: #FFF;
        }

            html .btn-quaternary:hover:not(.bg-transparent),
            html .btn-quaternary.hover:not(.bg-transparent) {
                background-color: #27333f;
            }

        html .btn-quaternary:focus,
        html .btn-quaternary.focus {
            border-color: #050607 #050607 #000000;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(24, 32, 39, 0.5);
        }

            html .btn-quaternary:focus:not(.bg-transparent),
            html .btn-quaternary.focus:not(.bg-transparent) {
                background-color: #090d0f;
            }

        html .btn-quaternary.disabled,
        html .btn-quaternary:disabled {
            border-color: #182027 #182027 #050607;
        }

            html .btn-quaternary.disabled:not(.bg-transparent),
            html .btn-quaternary:disabled:not(.bg-transparent) {
                background-color: #182027;
            }

        html .btn-quaternary:active,
        html .btn-quaternary.active {
            border-color: #050607 #050607 #000000 !important;
        }

            html .btn-quaternary:active:not(.bg-transparent),
            html .btn-quaternary.active:not(.bg-transparent) {
                background-color: #090d0f !important;
                background-image: none !important;
            }

    html .btn-quaternary-scale-2 {
        background-color: #050607;
        border-color: #050607 #050607 #000000;
        color: #FFF;
    }

        html .btn-quaternary-scale-2:hover,
        html .btn-quaternary-scale-2.hover {
            border-color: #182027 #182027 #050607;
            color: #FFF;
        }

            html .btn-quaternary-scale-2:hover:not(.bg-transparent),
            html .btn-quaternary-scale-2.hover:not(.bg-transparent) {
                background-color: #131a1f;
            }

        html .btn-quaternary-scale-2:focus,
        html .btn-quaternary-scale-2.focus {
            border-color: #000000 #000000 #000000;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(5, 6, 7, 0.5);
        }

            html .btn-quaternary-scale-2:focus:not(.bg-transparent),
            html .btn-quaternary-scale-2.focus:not(.bg-transparent) {
                background-color: #000000;
            }

        html .btn-quaternary-scale-2.disabled,
        html .btn-quaternary-scale-2:disabled {
            border-color: #050607 #050607 #000000;
        }

            html .btn-quaternary-scale-2.disabled:not(.bg-transparent),
            html .btn-quaternary-scale-2:disabled:not(.bg-transparent) {
                background-color: #050607;
            }

        html .btn-quaternary-scale-2:active,
        html .btn-quaternary-scale-2.active {
            border-color: #000000 #000000 #000000 !important;
        }

            html .btn-quaternary-scale-2:active:not(.bg-transparent),
            html .btn-quaternary-scale-2.active:not(.bg-transparent) {
                background-color: #000000 !important;
                background-image: none !important;
            }

    html .show > .btn-quaternary.dropdown-toggle,
    html .show > .btn-quaternary-scale-2.dropdown-toggle {
        background-color: #090d0f !important;
        background-image: none !important;
        border-color: #050607 #050607 #000000 !important;
    }

    html .btn-check:active + .btn-quaternary,
    html .btn-check:checked + .btn-quaternary,
    html .btn-check:focus + .btn-quaternary {
        background-color: #0e1317;
        border-color: #182027 #182027 #0e1317;
        color: #FFF;
    }

    html .btn-dark {
        background-color: #212529;
        border-color: #212529 #212529 #0a0c0d;
        color: #FFF;
        --color: #212529;
        --hover: #32383e;
        --disabled: #212529;
        --active: #101214;
    }

        html .btn-dark:hover,
        html .btn-dark.hover {
            border-color: #383f45 #383f45 #212529;
            color: #FFF;
        }

            html .btn-dark:hover:not(.bg-transparent),
            html .btn-dark.hover:not(.bg-transparent) {
                background-color: #32383e;
            }

        html .btn-dark:focus,
        html .btn-dark.focus {
            border-color: #0a0c0d #0a0c0d #000000;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
        }

            html .btn-dark:focus:not(.bg-transparent),
            html .btn-dark.focus:not(.bg-transparent) {
                background-color: #101214;
            }

        html .btn-dark.disabled,
        html .btn-dark:disabled {
            border-color: #212529 #212529 #0a0c0d;
        }

            html .btn-dark.disabled:not(.bg-transparent),
            html .btn-dark:disabled:not(.bg-transparent) {
                background-color: #212529;
            }

        html .btn-dark:active,
        html .btn-dark.active {
            border-color: #0a0c0d #0a0c0d #000000 !important;
        }

            html .btn-dark:active:not(.bg-transparent),
            html .btn-dark.active:not(.bg-transparent) {
                background-color: #101214 !important;
                background-image: none !important;
            }

    html .btn-dark-scale-2 {
        background-color: #0a0c0d;
        border-color: #0a0c0d #0a0c0d #000000;
        color: #FFF;
    }

        html .btn-dark-scale-2:hover,
        html .btn-dark-scale-2.hover {
            border-color: #212529 #212529 #0a0c0d;
            color: #FFF;
        }

            html .btn-dark-scale-2:hover:not(.bg-transparent),
            html .btn-dark-scale-2.hover:not(.bg-transparent) {
                background-color: #1b1f22;
            }

        html .btn-dark-scale-2:focus,
        html .btn-dark-scale-2.focus {
            border-color: #000000 #000000 #000000;
            color: #FFF;
            box-shadow: 0 0 0 3px rgba(10, 11, 13, 0.5);
        }

            html .btn-dark-scale-2:focus:not(.bg-transparent),
            html .btn-dark-scale-2.focus:not(.bg-transparent) {
                background-color: #000000;
            }

        html .btn-dark-scale-2.disabled,
        html .btn-dark-scale-2:disabled {
            border-color: #0a0c0d #0a0c0d #000000;
        }

            html .btn-dark-scale-2.disabled:not(.bg-transparent),
            html .btn-dark-scale-2:disabled:not(.bg-transparent) {
                background-color: #0a0c0d;
            }

        html .btn-dark-scale-2:active,
        html .btn-dark-scale-2.active {
            border-color: #000000 #000000 #000000 !important;
        }

            html .btn-dark-scale-2:active:not(.bg-transparent),
            html .btn-dark-scale-2.active:not(.bg-transparent) {
                background-color: #000000 !important;
                background-image: none !important;
            }

    html .show > .btn-dark.dropdown-toggle,
    html .show > .btn-dark-scale-2.dropdown-toggle {
        background-color: #101214 !important;
        background-image: none !important;
        border-color: #0a0c0d #0a0c0d #000000 !important;
    }

    html .btn-check:active + .btn-dark,
    html .btn-check:checked + .btn-dark,
    html .btn-check:focus + .btn-dark {
        background-color: #16181b;
        border-color: #212529 #212529 #16181b;
        color: #FFF;
    }

    html .btn-light {
        background-color: #FFF;
        border-color: #FFF #FFF #e6e6e6;
        color: #777;
        --color: #FFF;
        --hover: #ffffff;
        --disabled: #FFF;
        --active: #ececec;
    }

        html .btn-light:hover,
        html .btn-light.hover {
            border-color: #ffffff #ffffff #FFF;
            color: #777;
        }

            html .btn-light:hover:not(.bg-transparent),
            html .btn-light.hover:not(.bg-transparent) {
                background-color: #ffffff;
            }

        html .btn-light:focus,
        html .btn-light.focus {
            border-color: #e6e6e6 #e6e6e6 #cccccc;
            color: #777;
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
        }

            html .btn-light:focus:not(.bg-transparent),
            html .btn-light.focus:not(.bg-transparent) {
                background-color: #ececec;
            }

        html .btn-light.disabled,
        html .btn-light:disabled {
            border-color: #FFF #FFF #e6e6e6;
        }

            html .btn-light.disabled:not(.bg-transparent),
            html .btn-light:disabled:not(.bg-transparent) {
                background-color: #FFF;
            }

        html .btn-light:active,
        html .btn-light.active {
            border-color: #e6e6e6 #e6e6e6 #cccccc !important;
        }

            html .btn-light:active:not(.bg-transparent),
            html .btn-light.active:not(.bg-transparent) {
                background-color: #ececec !important;
                background-image: none !important;
            }

    html .btn-light-scale-2 {
        background-color: #e6e6e6;
        border-color: #e6e6e6 #e6e6e6 #cccccc;
        color: #777;
    }

        html .btn-light-scale-2:hover,
        html .btn-light-scale-2.hover {
            border-color: #ffffff #ffffff #e6e6e6;
            color: #777;
        }

            html .btn-light-scale-2:hover:not(.bg-transparent),
            html .btn-light-scale-2.hover:not(.bg-transparent) {
                background-color: #f9f9f9;
            }

        html .btn-light-scale-2:focus,
        html .btn-light-scale-2.focus {
            border-color: #cccccc #cccccc #b3b3b3;
            color: #777;
            box-shadow: 0 0 0 3px rgba(230, 230, 230, 0.5);
        }

            html .btn-light-scale-2:focus:not(.bg-transparent),
            html .btn-light-scale-2.focus:not(.bg-transparent) {
                background-color: #d2d2d2;
            }

        html .btn-light-scale-2.disabled,
        html .btn-light-scale-2:disabled {
            border-color: #e6e6e6 #e6e6e6 #cccccc;
        }

            html .btn-light-scale-2.disabled:not(.bg-transparent),
            html .btn-light-scale-2:disabled:not(.bg-transparent) {
                background-color: #e6e6e6;
            }

        html .btn-light-scale-2:active,
        html .btn-light-scale-2.active {
            border-color: #cccccc #cccccc #b3b3b3 !important;
        }

            html .btn-light-scale-2:active:not(.bg-transparent),
            html .btn-light-scale-2.active:not(.bg-transparent) {
                background-color: #d2d2d2 !important;
                background-image: none !important;
            }

    html .show > .btn-light.dropdown-toggle,
    html .show > .btn-light-scale-2.dropdown-toggle {
        background-color: #ececec !important;
        background-image: none !important;
        border-color: #e6e6e6 #e6e6e6 #cccccc !important;
    }

    html .btn-check:active + .btn-light,
    html .btn-check:checked + .btn-light,
    html .btn-check:focus + .btn-light {
        background-color: #f2f2f2;
        border-color: #FFF #FFF #f2f2f2;
        color: #777;
    }

    html .btn-outline.btn-primary {
        color: #242E39;
        background-color: transparent;
        background-image: none;
        border-color: #242E39;
    }

        html .btn-outline.btn-primary:hover,
        html .btn-outline.btn-primary.hover {
            color: #FFF;
            background-color: #242E39;
            border-color: #242E39;
        }

        html .btn-outline.btn-primary:focus,
        html .btn-outline.btn-primary.focus {
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

        html .btn-outline.btn-primary.disabled,
        html .btn-outline.btn-primary:disabled {
            color: #242E39;
            background-color: transparent;
        }

        html .btn-outline.btn-primary:active,
        html .btn-outline.btn-primary.active {
            color: #FFF !important;
            background-color: #242E39 !important;
            border-color: #242E39 !important;
        }

    html .show > .btn-outline.btn-primary.dropdown-toggle {
        color: #FFF !important;
        background-color: #242E39 !important;
        border-color: #242E39 !important;
    }

    html .btn-outline.btn-secondary {
        color: #45586d;
        background-color: transparent;
        background-image: none;
        border-color: #45586d;
    }

        html .btn-outline.btn-secondary:hover,
        html .btn-outline.btn-secondary.hover {
            color: #FFF;
            background-color: #45586d;
            border-color: #45586d;
        }

        html .btn-outline.btn-secondary:focus,
        html .btn-outline.btn-secondary.focus {
            box-shadow: 0 0 0 3px rgba(69, 88, 109, 0.5);
        }

        html .btn-outline.btn-secondary.disabled,
        html .btn-outline.btn-secondary:disabled {
            color: #45586d;
            background-color: transparent;
        }

        html .btn-outline.btn-secondary:active,
        html .btn-outline.btn-secondary.active {
            color: #FFF !important;
            background-color: #45586d !important;
            border-color: #45586d !important;
        }

    html .show > .btn-outline.btn-secondary.dropdown-toggle {
        color: #FFF !important;
        background-color: #45586d !important;
        border-color: #45586d !important;
    }

    html .btn-outline.btn-tertiary {
        color: #EF4343;
        background-color: transparent;
        background-image: none;
        border-color: #EF4343;
    }

        html .btn-outline.btn-tertiary:hover,
        html .btn-outline.btn-tertiary.hover {
            color: #FFF;
            background-color: #EF4343;
            border-color: #EF4343;
        }

        html .btn-outline.btn-tertiary:focus,
        html .btn-outline.btn-tertiary.focus {
            box-shadow: 0 0 0 3px rgba(239, 67, 67, 0.5);
        }

        html .btn-outline.btn-tertiary.disabled,
        html .btn-outline.btn-tertiary:disabled {
            color: #EF4343;
            background-color: transparent;
        }

        html .btn-outline.btn-tertiary:active,
        html .btn-outline.btn-tertiary.active {
            color: #FFF !important;
            background-color: #EF4343 !important;
            border-color: #EF4343 !important;
        }

    html .show > .btn-outline.btn-tertiary.dropdown-toggle {
        color: #FFF !important;
        background-color: #EF4343 !important;
        border-color: #EF4343 !important;
    }

    html .btn-outline.btn-quaternary {
        color: #182027;
        background-color: transparent;
        background-image: none;
        border-color: #182027;
    }

        html .btn-outline.btn-quaternary:hover,
        html .btn-outline.btn-quaternary.hover {
            color: #FFF;
            background-color: #182027;
            border-color: #182027;
        }

        html .btn-outline.btn-quaternary:focus,
        html .btn-outline.btn-quaternary.focus {
            box-shadow: 0 0 0 3px rgba(24, 32, 39, 0.5);
        }

        html .btn-outline.btn-quaternary.disabled,
        html .btn-outline.btn-quaternary:disabled {
            color: #182027;
            background-color: transparent;
        }

        html .btn-outline.btn-quaternary:active,
        html .btn-outline.btn-quaternary.active {
            color: #FFF !important;
            background-color: #182027 !important;
            border-color: #182027 !important;
        }

    html .show > .btn-outline.btn-quaternary.dropdown-toggle {
        color: #FFF !important;
        background-color: #182027 !important;
        border-color: #182027 !important;
    }

    html .btn-outline.btn-dark {
        color: #212529;
        background-color: transparent;
        background-image: none;
        border-color: #212529;
    }

        html .btn-outline.btn-dark:hover,
        html .btn-outline.btn-dark.hover {
            color: #FFF;
            background-color: #212529;
            border-color: #212529;
        }

        html .btn-outline.btn-dark:focus,
        html .btn-outline.btn-dark.focus {
            box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
        }

        html .btn-outline.btn-dark.disabled,
        html .btn-outline.btn-dark:disabled {
            color: #212529;
            background-color: transparent;
        }

        html .btn-outline.btn-dark:active,
        html .btn-outline.btn-dark.active {
            color: #FFF !important;
            background-color: #212529 !important;
            border-color: #212529 !important;
        }

    html .show > .btn-outline.btn-dark.dropdown-toggle {
        color: #FFF !important;
        background-color: #212529 !important;
        border-color: #212529 !important;
    }

    html .btn-outline.btn-light {
        color: #FFF;
        background-color: transparent;
        background-image: none;
        border-color: #FFF;
    }

        html .btn-outline.btn-light:hover,
        html .btn-outline.btn-light.hover {
            color: #777;
            background-color: #FFF;
            border-color: #FFF;
        }

        html .btn-outline.btn-light:focus,
        html .btn-outline.btn-light.focus {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
        }

        html .btn-outline.btn-light.disabled,
        html .btn-outline.btn-light:disabled {
            color: #FFF;
            background-color: transparent;
        }

        html .btn-outline.btn-light:active,
        html .btn-outline.btn-light.active {
            color: #777 !important;
            background-color: #FFF !important;
            border-color: #FFF !important;
        }

    html .show > .btn-outline.btn-light.dropdown-toggle {
        color: #777 !important;
        background-color: #FFF !important;
        border-color: #FFF !important;
    }

    html .btn-with-arrow.btn-primary {
        background-color: transparent;
        border-color: transparent;
        color: #242E39;
    }

        html .btn-with-arrow.btn-primary:active {
            background-color: transparent !important;
            border-color: transparent !important;
            color: #242E39 !important;
        }

        html .btn-with-arrow.btn-primary span {
            background-color: #242E39;
            box-shadow: 2px 3px 18px -3px #242E39;
        }

        html .btn-with-arrow.btn-primary.btn-outline {
            border-color: #242E39 !important;
        }

            html .btn-with-arrow.btn-primary.btn-outline:hover span {
                background-color: #2e3b49 !important;
                box-shadow: none;
            }

    html .btn-with-arrow-solid.btn-primary span {
        background-color: #1a2129;
    }

    html .btn-with-arrow.btn-secondary {
        background-color: transparent;
        border-color: transparent;
        color: #45586d;
    }

        html .btn-with-arrow.btn-secondary:active {
            background-color: transparent !important;
            border-color: transparent !important;
            color: #45586d !important;
        }

        html .btn-with-arrow.btn-secondary span {
            background-color: #45586d;
            box-shadow: 2px 3px 18px -3px #45586d;
        }

        html .btn-with-arrow.btn-secondary.btn-outline {
            border-color: #45586d !important;
        }

            html .btn-with-arrow.btn-secondary.btn-outline:hover span {
                background-color: #4f657d !important;
                box-shadow: none;
            }

    html .btn-with-arrow-solid.btn-secondary span {
        background-color: #3b4b5d;
    }

    html .btn-with-arrow.btn-tertiary {
        background-color: transparent;
        border-color: transparent;
        color: #EF4343;
    }

        html .btn-with-arrow.btn-tertiary:active {
            background-color: transparent !important;
            border-color: transparent !important;
            color: #EF4343 !important;
        }

        html .btn-with-arrow.btn-tertiary span {
            background-color: #EF4343;
            box-shadow: 2px 3px 18px -3px #EF4343;
        }

        html .btn-with-arrow.btn-tertiary.btn-outline {
            border-color: #EF4343 !important;
        }

            html .btn-with-arrow.btn-tertiary.btn-outline:hover span {
                background-color: #f15b5b !important;
                box-shadow: none;
            }

    html .btn-with-arrow-solid.btn-tertiary span {
        background-color: #ed2b2b;
    }

    html .btn-with-arrow.btn-quaternary {
        background-color: transparent;
        border-color: transparent;
        color: #182027;
    }

        html .btn-with-arrow.btn-quaternary:active {
            background-color: transparent !important;
            border-color: transparent !important;
            color: #182027 !important;
        }

        html .btn-with-arrow.btn-quaternary span {
            background-color: #182027;
            box-shadow: 2px 3px 18px -3px #182027;
        }

        html .btn-with-arrow.btn-quaternary.btn-outline {
            border-color: #182027 !important;
        }

            html .btn-with-arrow.btn-quaternary.btn-outline:hover span {
                background-color: #222d37 !important;
                box-shadow: none;
            }

    html .btn-with-arrow-solid.btn-quaternary span {
        background-color: #0e1317;
    }

    html .btn-with-arrow.btn-dark {
        background-color: transparent;
        border-color: transparent;
        color: #212529;
    }

        html .btn-with-arrow.btn-dark:active {
            background-color: transparent !important;
            border-color: transparent !important;
            color: #212529 !important;
        }

        html .btn-with-arrow.btn-dark span {
            background-color: #212529;
            box-shadow: 2px 3px 18px -3px #212529;
        }

        html .btn-with-arrow.btn-dark.btn-outline {
            border-color: #212529 !important;
        }

            html .btn-with-arrow.btn-dark.btn-outline:hover span {
                background-color: #2c3237 !important;
                box-shadow: none;
            }

    html .btn-with-arrow-solid.btn-dark span {
        background-color: #16181b;
    }

    html .btn-with-arrow.btn-light {
        background-color: transparent;
        border-color: transparent;
        color: #FFF;
    }

        html .btn-with-arrow.btn-light:active {
            background-color: transparent !important;
            border-color: transparent !important;
            color: #FFF !important;
        }

        html .btn-with-arrow.btn-light span {
            background-color: #FFF;
            box-shadow: 2px 3px 18px -3px #FFF;
        }

        html .btn-with-arrow.btn-light.btn-outline {
            border-color: #FFF !important;
        }

            html .btn-with-arrow.btn-light.btn-outline:hover span {
                background-color: #ffffff !important;
                box-shadow: none;
            }

    html .btn-with-arrow-solid.btn-light span {
        background-color: #f2f2f2;
    }

    .btn-gradient:not(.btn-outline) {
        background: linear-gradient(135deg, #242E39 0%, #45586d 80%) !important;
        color: #FFF;
    }

        .btn-gradient:not(.btn-outline):hover,
        .btn-gradient:not(.btn-outline).hover {
            background: linear-gradient(135deg, #334150 0%, #546b84 80%) !important;
            color: #FFF;
        }

        .btn-gradient:not(.btn-outline):focus,
        .btn-gradient:not(.btn-outline).focus {
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

        .btn-gradient:not(.btn-outline).disabled,
        .btn-gradient:not(.btn-outline):disabled {
            background: linear-gradient(135deg, #242E39 0%, #45586d 80%) !important;
        }

        .btn-gradient:not(.btn-outline):active,
        .btn-gradient:not(.btn-outline).active {
            background: linear-gradient(135deg, #151b22 0%, #364556 80%) !important;
            color: #FFF !important;
        }

    .btn-gradient.btn-outline {
        -o-border-image: linear-gradient(135deg, #242E39 0%, #45586d 80%);
        border-image: linear-gradient(135deg, #242E39 0%, #45586d 80%);
        color: #242E39;
    }

        .btn-gradient.btn-outline:hover,
        .btn-gradient.btn-outline.hover {
            -o-border-image: linear-gradient(135deg, #334150 0%, #546b84 80%);
            border-image: linear-gradient(135deg, #334150 0%, #546b84 80%);
            color: #334150;
        }

        .btn-gradient.btn-outline:focus,
        .btn-gradient.btn-outline.focus {
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

        .btn-gradient.btn-outline.disabled,
        .btn-gradient.btn-outline:disabled {
            -o-border-image: linear-gradient(135deg, #242E39 0%, #45586d 80%);
            border-image: linear-gradient(135deg, #242E39 0%, #45586d 80%);
        }

        .btn-gradient.btn-outline:active,
        .btn-gradient.btn-outline.active {
            -o-border-image: linear-gradient(135deg, #151b22 0%, #364556 80%);
            border-image: linear-gradient(135deg, #151b22 0%, #364556 80%);
            color: #151b22;
        }

    .btn-gradient-primary:not(.btn-outline) {
        background: linear-gradient(135deg, #2c3846 0%, #202933 80%) !important;
        color: #FFF;
    }

        .btn-gradient-primary:not(.btn-outline):hover,
        .btn-gradient-primary:not(.btn-outline).hover {
            background: linear-gradient(135deg, #2a3642 0%, #334150 80%) !important;
            color: #FFF;
        }

        .btn-gradient-primary:not(.btn-outline):focus,
        .btn-gradient-primary:not(.btn-outline).focus {
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

        .btn-gradient-primary:not(.btn-outline).disabled,
        .btn-gradient-primary:not(.btn-outline):disabled {
            background: linear-gradient(135deg, #2c3846 80%, #202933 0%) !important;
        }

        .btn-gradient-primary:not(.btn-outline):active,
        .btn-gradient-primary:not(.btn-outline).active {
            background: linear-gradient(135deg, #2a3642 0%, #334150 80%) !important;
            color: #FFF !important;
        }

    .btn-gradient-primary.btn-outline {
        -o-border-image: linear-gradient(135deg, #242E39 0%, #344252 80%);
        border-image: linear-gradient(135deg, #242E39 0%, #344252 80%);
        color: #242E39;
    }

        .btn-gradient-primary.btn-outline:hover,
        .btn-gradient-primary.btn-outline.hover {
            -o-border-image: linear-gradient(135deg, #334150 0%, #334150 80%);
            border-image: linear-gradient(135deg, #334150 0%, #334150 80%);
            color: #334150;
        }

        .btn-gradient-primary.btn-outline:focus,
        .btn-gradient-primary.btn-outline.focus {
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

        .btn-gradient-primary.btn-outline.disabled,
        .btn-gradient-primary.btn-outline:disabled {
            -o-border-image: linear-gradient(135deg, #242E39 0%, #344252 80%);
            border-image: linear-gradient(135deg, #242E39 0%, #344252 80%);
        }

        .btn-gradient-primary.btn-outline:active,
        .btn-gradient-primary.btn-outline.active {
            -o-border-image: linear-gradient(135deg, #334150 0%, #334150 80%);
            border-image: linear-gradient(135deg, #334150 0%, #334150 80%);
            color: #334150;
        }

    .pagination > a,
    .pagination > a:hover,
    .pagination > a:focus,
    .pagination > li > a,
    .pagination > li > span,
    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #242E39;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus,
    .pagination .page-item.active .page-link {
        background-color: #242E39 !important;
        border-color: #242E39;
    }

    body.dark .pagination > li > a,
    body.dark .pagination > li > span,
    body.dark .pagination > li > a:hover,
    body.dark .pagination > li > span:hover,
    body.dark .pagination > li > a:focus,
    body.dark .pagination > li > span:focus {
        color: #242E39;
    }

    body.dark .pagination > .active > a,
    body.dark .pagination > .active > span,
    body.dark .pagination > .active > a:hover,
    body.dark .pagination > .active > span:hover,
    body.dark .pagination > .active > a:focus,
    body.dark .pagination > .active > span:focus {
        background-color: #242E39;
        border-color: #242E39;
    }

    .pagination > .active > a,
    body.dark .pagination > .active > a {
        background-color: #242E39;
        border-color: #242E39 #242E39 #10151a;
        color: #fff;
    }

        .pagination > .active > a:hover,
        body.dark .pagination > .active > a:hover,
        .pagination > .active > a.hover,
        body.dark .pagination > .active > a.hover {
            border-color: #384758 #384758 #242E39;
            color: #fff;
        }

            .pagination > .active > a:hover:not(.bg-transparent),
            body.dark .pagination > .active > a:hover:not(.bg-transparent),
            .pagination > .active > a.hover:not(.bg-transparent),
            body.dark .pagination > .active > a.hover:not(.bg-transparent) {
                background-color: #334150;
            }

        .pagination > .active > a:focus,
        body.dark .pagination > .active > a:focus,
        .pagination > .active > a.focus,
        body.dark .pagination > .active > a.focus {
            border-color: #10151a #10151a #000000;
            color: #fff;
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

            .pagination > .active > a:focus:not(.bg-transparent),
            body.dark .pagination > .active > a:focus:not(.bg-transparent),
            .pagination > .active > a.focus:not(.bg-transparent),
            body.dark .pagination > .active > a.focus:not(.bg-transparent) {
                background-color: #151b22;
            }

        .pagination > .active > a.disabled,
        body.dark .pagination > .active > a.disabled,
        .pagination > .active > a:disabled,
        body.dark .pagination > .active > a:disabled {
            border-color: #242E39 #242E39 #10151a;
        }

            .pagination > .active > a.disabled:not(.bg-transparent),
            body.dark .pagination > .active > a.disabled:not(.bg-transparent),
            .pagination > .active > a:disabled:not(.bg-transparent),
            body.dark .pagination > .active > a:disabled:not(.bg-transparent) {
                background-color: #242E39;
            }

        .pagination > .active > a:active,
        body.dark .pagination > .active > a:active,
        .pagination > .active > a.active,
        body.dark .pagination > .active > a.active {
            border-color: #10151a #10151a #000000 !important;
        }

            .pagination > .active > a:active:not(.bg-transparent),
            body.dark .pagination > .active > a:active:not(.bg-transparent),
            .pagination > .active > a.active:not(.bg-transparent),
            body.dark .pagination > .active > a.active:not(.bg-transparent) {
                background-color: #151b22 !important;
                background-image: none !important;
            }

    .custom-control-input:checked ~ .custom-control-label::before,
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #242E39;
    }

    .custom-checkbox-switch:checked {
        background-color: #242E39;
        border-color: #242E39;
    }

    html .alert-primary {
        background-color: #242E39;
        border-color: #1e2630;
        color: #FFF;
    }

        html .alert-primary .alert-link {
            color: #FFF;
        }

    html .alert-secondary {
        background-color: #45586d;
        border-color: #3f5064;
        color: #FFF;
    }

        html .alert-secondary .alert-link {
            color: #FFF;
        }

    html .alert-tertiary {
        background-color: #EF4343;
        border-color: #ee3535;
        color: #FFF;
    }

        html .alert-tertiary .alert-link {
            color: #FFF;
        }

    html .alert-quaternary {
        background-color: #182027;
        border-color: #12181e;
        color: #FFF;
    }

        html .alert-quaternary .alert-link {
            color: #FFF;
        }

    html .alert-dark {
        background-color: #212529;
        border-color: #1a1d21;
        color: #FFF;
    }

        html .alert-dark .alert-link {
            color: #FFF;
        }

    html .alert-light {
        background-color: #FFF;
        border-color: #f7f7f7;
        color: #777;
    }

        html .alert-light .alert-link {
            color: #777;
        }

    html .progress-bar-primary {
        background-color: #242E39;
    }

    html .progress-bar-secondary {
        background-color: #45586d;
    }

    html .progress-bar-tertiary {
        background-color: #EF4343;
    }

    html .progress-bar-quaternary {
        background-color: #182027;
    }

    html .progress-bar-dark {
        background-color: #212529;
    }

    html .progress-bar-light {
        background-color: #FFF;
    }

    html .word-rotator.loading-bar-primary .word-rotator-words::after {
        background-color: #242E39;
    }

    html .word-rotator.loading-bar-secondary .word-rotator-words::after {
        background-color: #45586d;
    }

    html .word-rotator.loading-bar-tertiary .word-rotator-words::after {
        background-color: #EF4343;
    }

    html .word-rotator.loading-bar-quaternary .word-rotator-words::after {
        background-color: #182027;
    }

    html .word-rotator.loading-bar-dark .word-rotator-words::after {
        background-color: #212529;
    }

    html .word-rotator.loading-bar-light .word-rotator-words::after {
        background-color: #FFF;
    }
    /* Mark */
    html .mark.mark-gradient.mark-gradient-primary::before {
        background: #242e39;
        background: linear-gradient(90deg, #242e39 0%, rgba(36, 46, 57, 0) 100%);
    }

    html .mark.mark-gradient.mark-gradient-secondary::before {
        background: #45586d;
        background: linear-gradient(90deg, #45586d 0%, rgba(69, 88, 109, 0) 100%);
    }

    html .mark.mark-gradient.mark-gradient-tertiary::before {
        background: #ef4343;
        background: linear-gradient(90deg, #ef4343 0%, rgba(239, 67, 67, 0) 100%);
    }

    html .mark.mark-gradient.mark-gradient-quaternary::before {
        background: #182027;
        background: linear-gradient(90deg, #182027 0%, rgba(24, 32, 39, 0) 100%);
    }

    html .mark.mark-gradient.mark-gradient-dark::before {
        background: #212529;
        background: linear-gradient(90deg, #212529 0%, rgba(33, 37, 41, 0) 100%);
    }

    html .mark.mark-gradient.mark-gradient-light::before {
        background: #ffffff;
        background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .process .process-step-circle {
        border-color: #242E39;
    }

    .process .process-step:hover .process-step-circle {
        background-color: #242E39;
    }

        .process .process-step:hover .process-step-circle .process-step-circle-content {
            color: #FFF !important;
        }

    .process.process-shapes .process-step-circle .process-step-circle-content,
    .process.process-shapes .process-step-circle:before,
    .process.process-shapes .process-step-circle:after {
        background-color: #242E39;
    }

    .process-connecting-line .connecting-line {
        background: #242E39;
    }

    html .rating-primary .filled-stars {
        color: #242E39;
    }

    html .rating-secondary .filled-stars {
        color: #45586d;
    }

    html .rating-tertiary .filled-stars {
        color: #EF4343;
    }

    html .rating-quaternary .filled-stars {
        color: #182027;
    }

    html .rating-dark .filled-stars {
        color: #212529;
    }

    html .rating-light .filled-stars {
        color: #FFF;
    }

    html section.section-primary {
        background-color: #242E39 !important;
        border-color: #1a2129 !important;
    }

        html section.section-primary h1,
        html section.section-primary h2,
        html section.section-primary h3,
        html section.section-primary h4,
        html section.section-primary h5,
        html section.section-primary h6 {
            color: #FFF;
        }

        html section.section-primary p {
            color: #e6e6e6;
        }

    html section.section-primary-scale-2 {
        background-color: #10151a !important;
        border-color: #06080a !important;
    }

        html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
            border-top-color: #10151a;
        }

    html section.section-secondary {
        background-color: #45586d !important;
        border-color: #3b4b5d !important;
    }

        html section.section-secondary h1,
        html section.section-secondary h2,
        html section.section-secondary h3,
        html section.section-secondary h4,
        html section.section-secondary h5,
        html section.section-secondary h6 {
            color: #FFF;
        }

        html section.section-secondary p {
            color: #e6e6e6;
        }

    html section.section-secondary-scale-2 {
        background-color: #313f4e !important;
        border-color: #27323e !important;
    }

        html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
            border-top-color: #313f4e;
        }

    html section.section-tertiary {
        background-color: #EF4343 !important;
        border-color: #ed2b2b !important;
    }

        html section.section-tertiary h1,
        html section.section-tertiary h2,
        html section.section-tertiary h3,
        html section.section-tertiary h4,
        html section.section-tertiary h5,
        html section.section-tertiary h6 {
            color: #FFF;
        }

        html section.section-tertiary p {
            color: #e6e6e6;
        }

    html section.section-tertiary-scale-2 {
        background-color: #eb1414 !important;
        border-color: #d31212 !important;
    }

        html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
            border-top-color: #eb1414;
        }

    html section.section-quaternary {
        background-color: #182027 !important;
        border-color: #0e1317 !important;
    }

        html section.section-quaternary h1,
        html section.section-quaternary h2,
        html section.section-quaternary h3,
        html section.section-quaternary h4,
        html section.section-quaternary h5,
        html section.section-quaternary h6 {
            color: #FFF;
        }

        html section.section-quaternary p {
            color: #e6e6e6;
        }

    html section.section-quaternary-scale-2 {
        background-color: #050607 !important;
        border-color: #000000 !important;
    }

        html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
            border-top-color: #050607;
        }

    html section.section-dark {
        background-color: #212529 !important;
        border-color: #16181b !important;
    }

        html section.section-dark h1,
        html section.section-dark h2,
        html section.section-dark h3,
        html section.section-dark h4,
        html section.section-dark h5,
        html section.section-dark h6 {
            color: #FFF;
        }

        html section.section-dark p {
            color: #e6e6e6;
        }

    html section.section-dark-scale-2 {
        background-color: #0a0c0d !important;
        border-color: #000000 !important;
    }

        html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
            border-top-color: #0a0c0d;
        }

    html section.section-light {
        background-color: #FFF !important;
        border-color: #f2f2f2 !important;
    }

        html section.section-light h1,
        html section.section-light h2,
        html section.section-light h3,
        html section.section-light h4,
        html section.section-light h5,
        html section.section-light h6 {
            color: #777;
        }

        html section.section-light p {
            color: #5e5e5e;
        }

    html section.section-light-scale-2 {
        background-color: #e6e6e6 !important;
        border-color: #d9d9d9 !important;
    }

        html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
            border-top-color: #e6e6e6;
        }

    section.section.section-background-half-primary-half-secondary {
        background: linear-gradient(to right, #242E39 50%, #45586d 50%);
    }

    section.section.section-overlay-opacity-gradient:before {
        background: linear-gradient(135deg, #242E39 0%, #45586d 80%);
    }

    html .bg-color-light-scale-1 {
        background-color: #f7f7f7 !important;
    }

    html .section.bg-color-light-scale-1,
    html .bg-color-light-scale-border-top-1 {
        border-top-color: #efefef !important;
    }

    html .bg-color-light-scale-2 {
        background-color: #e8e8e8 !important;
    }

    html .section.bg-color-light-scale-2,
    html .bg-color-light-scale-border-top-2 {
        border-top-color: #e0e0e0 !important;
    }

    html .bg-color-light-scale-3 {
        background-color: #e0e0e0 !important;
    }

    html .section.bg-color-light-scale-3,
    html .bg-color-light-scale-border-top-3 {
        border-top-color: #d8d8d8 !important;
    }

    html .bg-color-light-scale-4 {
        background-color: #d8d8d8 !important;
    }

    html .section.bg-color-light-scale-4,
    html .bg-color-light-scale-border-top-4 {
        border-top-color: #d1d1d1 !important;
    }

    html .bg-color-light-scale-5 {
        background-color: #d1d1d1 !important;
    }

    html .section.bg-color-light-scale-5,
    html .bg-color-light-scale-border-top-5 {
        border-top-color: #c9c9c9 !important;
    }

    html .bg-color-light-scale-6 {
        background-color: #c9c9c9 !important;
    }

    html .section.bg-color-light-scale-6,
    html .bg-color-light-scale-border-top-6 {
        border-top-color: #c1c1c1 !important;
    }

    html .bg-color-light-scale-7 {
        background-color: #c1c1c1 !important;
    }

    html .section.bg-color-light-scale-7,
    html .bg-color-light-scale-border-top-7 {
        border-top-color: #bababa !important;
    }

    html .bg-color-light-scale-8 {
        background-color: #bababa !important;
    }

    html .section.bg-color-light-scale-8,
    html .bg-color-light-scale-border-top-8 {
        border-top-color: #b2b2b2 !important;
    }

    html .bg-color-light-scale-9 {
        background-color: #b2b2b2 !important;
    }

    html .section.bg-color-light-scale-9,
    html .bg-color-light-scale-border-top-9 {
        border-top-color: #ababab !important;
    }

    html .bg-color-dark-scale-1 {
        background-color: #212529 !important;
    }

    html .section.bg-color-dark-scale-1,
    html .bg-color-dark-scale-border-top-1 {
        border-top-color: #1a1d21 !important;
    }

    html .bg-color-dark-scale-2 {
        background-color: #1c2023 !important;
    }

    html .section.bg-color-dark-scale-2,
    html .bg-color-dark-scale-border-top-2 {
        border-top-color: #16181b !important;
    }

    html .bg-color-dark-scale-3 {
        background-color: #181b1e !important;
    }

    html .section.bg-color-dark-scale-3,
    html .bg-color-dark-scale-border-top-3 {
        border-top-color: #111315 !important;
    }

    html .bg-color-dark-scale-4 {
        background-color: #131618 !important;
    }

    html .section.bg-color-dark-scale-4,
    html .bg-color-dark-scale-border-top-4 {
        border-top-color: #0d0e10 !important;
    }

    html .bg-color-dark-scale-5 {
        background-color: #0f1112 !important;
    }

    html .section.bg-color-dark-scale-5,
    html .bg-color-dark-scale-border-top-5 {
        border-top-color: #08090a !important;
    }

    html .bg-color-dark-scale-6 {
        background-color: #0a0c0d !important;
    }

    html .section.bg-color-dark-scale-6,
    html .bg-color-dark-scale-border-top-6 {
        border-top-color: #030404 !important;
    }

    html .bg-color-dark-scale-7 {
        background-color: #060607 !important;
    }

    html .section.bg-color-dark-scale-7,
    html .bg-color-dark-scale-border-top-7 {
        border-top-color: #000000 !important;
    }

    html .bg-color-dark-scale-8 {
        background-color: #010101 !important;
    }

    html .section.bg-color-dark-scale-8,
    html .bg-color-dark-scale-border-top-8 {
        border-top-color: #000000 !important;
    }

    html .bg-color-dark-scale-9 {
        background-color: #000000 !important;
    }

    html .section.bg-color-dark-scale-9,
    html .bg-color-dark-scale-border-top-9 {
        border-top-color: #000000 !important;
    }

    section.page-header .page-header-title-border {
        background-color: #242E39 !important;
    }

    section.page-header.custom-product {
        background-color: #1a2129;
        border-top-color: #202933;
    }

    html .page-header-color.page-header-primary {
        background-color: #242E39;
        border-bottom-color: #242E39;
        color: #FFF;
    }

        html .page-header-color.page-header-primary h1 {
            color: #FFF;
        }

            html .page-header-color.page-header-primary h1 span {
                color: #FFF;
            }

        html .page-header-color.page-header-primary a {
            color: #FFF;
        }

        html .page-header-color.page-header-primary .breadcrumb > .active {
            color: #FFF;
        }

    html .page-header-color.page-header-secondary {
        background-color: #45586d;
        border-bottom-color: #45586d;
        color: #FFF;
    }

        html .page-header-color.page-header-secondary h1 {
            color: #FFF;
        }

            html .page-header-color.page-header-secondary h1 span {
                color: #FFF;
            }

        html .page-header-color.page-header-secondary a {
            color: #FFF;
        }

        html .page-header-color.page-header-secondary .breadcrumb > .active {
            color: #FFF;
        }

    html .page-header-color.page-header-tertiary {
        background-color: #EF4343;
        border-bottom-color: #EF4343;
        color: #FFF;
    }

        html .page-header-color.page-header-tertiary h1 {
            color: #FFF;
        }

            html .page-header-color.page-header-tertiary h1 span {
                color: #FFF;
            }

        html .page-header-color.page-header-tertiary a {
            color: #FFF;
        }

        html .page-header-color.page-header-tertiary .breadcrumb > .active {
            color: #FFF;
        }

    html .page-header-color.page-header-quaternary {
        background-color: #182027;
        border-bottom-color: #182027;
        color: #FFF;
    }

        html .page-header-color.page-header-quaternary h1 {
            color: #FFF;
        }

            html .page-header-color.page-header-quaternary h1 span {
                color: #FFF;
            }

        html .page-header-color.page-header-quaternary a {
            color: #FFF;
        }

        html .page-header-color.page-header-quaternary .breadcrumb > .active {
            color: #FFF;
        }

    html .page-header-color.page-header-dark {
        background-color: #212529;
        border-bottom-color: #212529;
        color: #FFF;
    }

        html .page-header-color.page-header-dark h1 {
            color: #FFF;
        }

            html .page-header-color.page-header-dark h1 span {
                color: #FFF;
            }

        html .page-header-color.page-header-dark a {
            color: #FFF;
        }

        html .page-header-color.page-header-dark .breadcrumb > .active {
            color: #FFF;
        }

    html .page-header-color.page-header-light {
        background-color: #FFF;
        border-bottom-color: #FFF;
        color: #777;
    }

        html .page-header-color.page-header-light h1 {
            color: #777;
        }

            html .page-header-color.page-header-light h1 span {
                color: #777;
            }

        html .page-header-color.page-header-light a {
            color: #777;
        }

        html .page-header-color.page-header-light .breadcrumb > .active {
            color: #777;
        }

    html .toggle-primary .toggle label,
    html .toggle-primary .toggle .toggle-title {
        color: #242E39;
        border-left-color: #242E39;
        border-right-color: #242E39;
    }

    html .toggle-primary .toggle.active > label,
    html .toggle-primary .toggle.active > .toggle-title {
        background-color: #242E39;
        border-color: #242E39;
        color: #FFF;
    }

    html .toggle-primary.toggle-simple .toggle > label:after,
    html .toggle-primary.toggle-simple .toggle > .toggle-title:after {
        background-color: #242E39;
    }

    html .toggle-primary.toggle-minimal .toggle.active > label,
    html .toggle-primary.toggle-minimal .toggle.active > .toggle-title {
        color: #242E39;
    }

    html .toggle-secondary .toggle label,
    html .toggle-secondary .toggle .toggle-title {
        color: #45586d;
        border-left-color: #45586d;
        border-right-color: #45586d;
    }

    html .toggle-secondary .toggle.active > label,
    html .toggle-secondary .toggle.active > .toggle-title {
        background-color: #45586d;
        border-color: #45586d;
        color: #FFF;
    }

    html .toggle-secondary.toggle-simple .toggle > label:after,
    html .toggle-secondary.toggle-simple .toggle > .toggle-title:after {
        background-color: #45586d;
    }

    html .toggle-secondary.toggle-minimal .toggle.active > label,
    html .toggle-secondary.toggle-minimal .toggle.active > .toggle-title {
        color: #45586d;
    }

    html .toggle-tertiary .toggle label,
    html .toggle-tertiary .toggle .toggle-title {
        color: #EF4343;
        border-left-color: #EF4343;
        border-right-color: #EF4343;
    }

    html .toggle-tertiary .toggle.active > label,
    html .toggle-tertiary .toggle.active > .toggle-title {
        background-color: #EF4343;
        border-color: #EF4343;
        color: #FFF;
    }

    html .toggle-tertiary.toggle-simple .toggle > label:after,
    html .toggle-tertiary.toggle-simple .toggle > .toggle-title:after {
        background-color: #EF4343;
    }

    html .toggle-tertiary.toggle-minimal .toggle.active > label,
    html .toggle-tertiary.toggle-minimal .toggle.active > .toggle-title {
        color: #EF4343;
    }

    html .toggle-quaternary .toggle label,
    html .toggle-quaternary .toggle .toggle-title {
        color: #182027;
        border-left-color: #182027;
        border-right-color: #182027;
    }

    html .toggle-quaternary .toggle.active > label,
    html .toggle-quaternary .toggle.active > .toggle-title {
        background-color: #182027;
        border-color: #182027;
        color: #FFF;
    }

    html .toggle-quaternary.toggle-simple .toggle > label:after,
    html .toggle-quaternary.toggle-simple .toggle > .toggle-title:after {
        background-color: #182027;
    }

    html .toggle-quaternary.toggle-minimal .toggle.active > label,
    html .toggle-quaternary.toggle-minimal .toggle.active > .toggle-title {
        color: #182027;
    }

    html .toggle-dark .toggle label,
    html .toggle-dark .toggle .toggle-title {
        color: #212529;
        border-left-color: #212529;
        border-right-color: #212529;
    }

    html .toggle-dark .toggle.active > label,
    html .toggle-dark .toggle.active > .toggle-title {
        background-color: #212529;
        border-color: #212529;
        color: #FFF;
    }

    html .toggle-dark.toggle-simple .toggle > label:after,
    html .toggle-dark.toggle-simple .toggle > .toggle-title:after {
        background-color: #212529;
    }

    html .toggle-dark.toggle-minimal .toggle.active > label,
    html .toggle-dark.toggle-minimal .toggle.active > .toggle-title {
        color: #212529;
    }

    html .toggle-light .toggle label,
    html .toggle-light .toggle .toggle-title {
        color: #FFF;
        border-left-color: #FFF;
        border-right-color: #FFF;
    }

    html .toggle-light .toggle.active > label,
    html .toggle-light .toggle.active > .toggle-title {
        background-color: #FFF;
        border-color: #FFF;
        color: #777;
    }

    html .toggle-light.toggle-simple .toggle > label:after,
    html .toggle-light.toggle-simple .toggle > .toggle-title:after {
        background-color: #FFF;
    }

    html .toggle-light.toggle-minimal .toggle.active > label,
    html .toggle-light.toggle-minimal .toggle.active > .toggle-title {
        color: #FFF;
    }

    .thumb-info .thumb-info-type,
    .thumb-info .thumb-info-action-icon,
    .thumb-info-social-icons a,
    .thumbnail .zoom,
    .img-thumbnail .zoom,
    .thumb-info-ribbon {
        background-color: #242E39;
    }

    html .thumb-info .thumb-info-action-icon-primary {
        background-color: #242E39;
    }

        html .thumb-info .thumb-info-action-icon-primary i {
            color: #FFF;
        }

    html .thumb-info .thumb-info-action-icon-secondary {
        background-color: #45586d;
    }

        html .thumb-info .thumb-info-action-icon-secondary i {
            color: #FFF;
        }

    html .thumb-info .thumb-info-action-icon-tertiary {
        background-color: #EF4343;
    }

        html .thumb-info .thumb-info-action-icon-tertiary i {
            color: #FFF;
        }

    html .thumb-info .thumb-info-action-icon-quaternary {
        background-color: #182027;
    }

        html .thumb-info .thumb-info-action-icon-quaternary i {
            color: #FFF;
        }

    html .thumb-info .thumb-info-action-icon-dark {
        background-color: #212529;
    }

        html .thumb-info .thumb-info-action-icon-dark i {
            color: #FFF;
        }

    html .thumb-info .thumb-info-action-icon-light {
        background-color: #FFF;
    }

        html .thumb-info .thumb-info-action-icon-light i {
            color: #777;
        }

    .thumb-info-ribbon:before {
        border-right-color: #06080a;
        border-left-color: #06080a;
    }

    .thumb-info.thumb-info-block-primary .thumb-info-wrapper:before {
        background: rgba(36, 46, 57, 0.9);
    }

    .thumb-info-floating-caption-title .thumb-info-floating-caption-type {
        background-color: #242E39;
    }

    .inverted {
        background-color: #242E39;
    }

    html .inverted-primary {
        background-color: #242E39;
    }

    html .inverted-secondary {
        background-color: #45586d;
    }

    html .inverted-tertiary {
        background-color: #EF4343;
    }

    html .inverted-quaternary {
        background-color: #182027;
    }

    html .inverted-dark {
        background-color: #212529;
    }

    html .inverted-light {
        background-color: #FFF;
    }

    .owl-carousel .owl-dots .owl-dot.active span,
    .owl-carousel .owl-dots .owl-dot:hover span {
        background-color: #181f26;
    }

    .owl-carousel.show-nav-title .owl-nav button[class*="owl-"],
    .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover,
    .owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
        color: #242E39;
    }

    .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
        background-color: #242E39;
        border-color: #242E39 #242E39 #10151a;
        color: #FFF;
    }

        .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover,
        .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
            background-color: #334150;
            border-color: #384758 #384758 #242E39;
        }

        .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:active,
        .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].active {
            background-color: #151b22;
            background-image: none;
            border-color: #10151a #10151a #000000;
        }

    .owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] {
        background-color: rgba(36, 46, 57, 0.4);
    }

    .owl-carousel.nav-style-1 .owl-nav .owl-next,
    .owl-carousel.nav-style-1 .owl-nav .owl-prev {
        color: #242E39 !important;
    }

    .owl-carousel.nav-style-2 .owl-nav .owl-next:before,
    .owl-carousel.nav-style-2 .owl-nav .owl-prev:before,
    .owl-carousel.nav-style-2 .owl-nav .owl-next:after,
    .owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
        border-color: #242E39;
    }

    .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon,
    .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon {
        fill: #242E39;
        stroke: #242E39;
    }

    .owl-carousel.nav-arrows-1 .owl-nav .owl-prev,
    .owl-carousel.nav-arrows-1 .owl-nav .owl-next {
        color: #242E39;
    }

    .owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
        background: #242E39;
    }

    .owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after {
        background-image: linear-gradient(360deg, #242E39 0%, transparent 100%);
    }

    html body .tabs .nav-tabs .nav-link,
    html.dark body .tabs .nav-tabs .nav-link,
    html body .tabs .nav-tabs .nav-link:hover,
    html.dark body .tabs .nav-tabs .nav-link:hover,
    html body .tabs .nav-tabs .nav-link.active,
    html.dark body .tabs .nav-tabs .nav-link.active {
        color: #242E39;
    }

        html body .tabs .nav-tabs .nav-link:hover,
        html.dark body .tabs .nav-tabs .nav-link:hover,
        html body .tabs .nav-tabs .nav-link:focus,
        html.dark body .tabs .nav-tabs .nav-link:focus,
        html body .tabs .nav-tabs .nav-link.active,
        html.dark body .tabs .nav-tabs .nav-link.active,
        html body .tabs .nav-tabs.nav-justified .nav-link.active,
        html.dark body .tabs .nav-tabs.nav-justified .nav-link.active,
        html body .tabs .nav-tabs.nav-justified .nav-link:hover,
        html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
        html body .tabs .nav-tabs.nav-justified .nav-link:focus,
        html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
            border-top-color: #242E39;
        }

    html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
    html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
    html body .tabs.tabs-bottom .nav-tabs .nav-link.active,
    html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active,
    html body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover,
    html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover,
    html body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus,
    html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus {
        border-bottom-color: #242E39;
    }

    html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
    html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
    html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active,
    html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active,
    html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover,
    html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover,
    html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus,
    html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus {
        border-left-color: #242E39;
    }

    html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
    html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
    html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active,
    html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active,
    html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover,
    html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover,
    html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus,
    html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus {
        border-right-color: #242E39;
    }

    html body .tabs.tabs-simple .nav-tabs > li .nav-link.active,
    html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active,
    html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus,
    html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus,
    html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
    html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
    html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover,
    html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover {
        border-top-color: #242E39;
        color: #242E39;
    }

    html body .tabs-primary .nav-tabs li .nav-link,
    html.dark body .tabs-primary .nav-tabs li .nav-link,
    html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
    html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
    html body .tabs-primary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
    html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
        color: #242E39;
    }

        html body .tabs-primary .nav-tabs li .nav-link:hover,
        html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
        html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
        html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
            border-top-color: #242E39;
        }

        html body .tabs-primary .nav-tabs li .nav-link.active,
        html.dark body .tabs-primary .nav-tabs li .nav-link.active,
        html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active,
        html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active,
        html body .tabs-primary .nav-tabs li .nav-link.active:hover,
        html.dark body .tabs-primary .nav-tabs li .nav-link.active:hover,
        html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover,
        html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover,
        html body .tabs-primary .nav-tabs li .nav-link.active:focus,
        html.dark body .tabs-primary .nav-tabs li .nav-link.active:focus,
        html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus,
        html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus {
            border-top-color: #242E39;
            color: #242E39;
        }

    html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
        border-bottom-color: #242E39;
    }

    html body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover,
    html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover,
    html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active,
    html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active,
    html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
        color: #242E39 !important;
        border-bottom-color: #242E39;
    }

    html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
    html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
    html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active,
    html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active,
    html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus,
    html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus {
        border-left-color: #242E39;
    }

    html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
    html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
    html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active,
    html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active,
    html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus,
    html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus {
        border-right-color: #242E39;
    }

    html body .tabs-secondary .nav-tabs li .nav-link,
    html.dark body .tabs-secondary .nav-tabs li .nav-link,
    html body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
    html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
    html body .tabs-secondary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
    html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
        color: #45586d;
    }

        html body .tabs-secondary .nav-tabs li .nav-link:hover,
        html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
        html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
        html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
            border-top-color: #45586d;
        }

        html body .tabs-secondary .nav-tabs li .nav-link.active,
        html.dark body .tabs-secondary .nav-tabs li .nav-link.active,
        html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active,
        html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active,
        html body .tabs-secondary .nav-tabs li .nav-link.active:hover,
        html.dark body .tabs-secondary .nav-tabs li .nav-link.active:hover,
        html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover,
        html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover,
        html body .tabs-secondary .nav-tabs li .nav-link.active:focus,
        html.dark body .tabs-secondary .nav-tabs li .nav-link.active:focus,
        html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus,
        html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus {
            border-top-color: #45586d;
            color: #45586d;
        }

    html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
    html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active,
    html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
        border-bottom-color: #45586d;
    }

    html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover,
    html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active,
    html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
        color: #45586d !important;
        border-bottom-color: #45586d;
    }

    html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
    html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
    html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active,
    html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active,
    html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus,
    html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus {
        border-left-color: #45586d;
    }

    html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
    html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
    html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active,
    html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active,
    html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus,
    html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus {
        border-right-color: #45586d;
    }

    html body .tabs-tertiary .nav-tabs li .nav-link,
    html.dark body .tabs-tertiary .nav-tabs li .nav-link,
    html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
    html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
    html body .tabs-tertiary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
    html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
        color: #EF4343;
    }

        html body .tabs-tertiary .nav-tabs li .nav-link:hover,
        html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
        html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
        html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
            border-top-color: #EF4343;
        }

        html body .tabs-tertiary .nav-tabs li .nav-link.active,
        html.dark body .tabs-tertiary .nav-tabs li .nav-link.active,
        html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active,
        html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active,
        html body .tabs-tertiary .nav-tabs li .nav-link.active:hover,
        html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:hover,
        html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover,
        html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover,
        html body .tabs-tertiary .nav-tabs li .nav-link.active:focus,
        html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:focus,
        html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus,
        html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus {
            border-top-color: #EF4343;
            color: #EF4343;
        }

    html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
    html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active,
    html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
        border-bottom-color: #EF4343;
    }

    html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover,
    html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active,
    html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
        color: #EF4343 !important;
        border-bottom-color: #EF4343;
    }

    html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
    html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active,
    html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus {
        border-left-color: #EF4343;
    }

    html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
    html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active,
    html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus,
    html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus {
        border-right-color: #EF4343;
    }

    html body .tabs-quaternary .nav-tabs li .nav-link,
    html.dark body .tabs-quaternary .nav-tabs li .nav-link,
    html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
    html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
    html body .tabs-quaternary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
    html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
        color: #182027;
    }

        html body .tabs-quaternary .nav-tabs li .nav-link:hover,
        html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
        html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
        html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
            border-top-color: #182027;
        }

        html body .tabs-quaternary .nav-tabs li .nav-link.active,
        html.dark body .tabs-quaternary .nav-tabs li .nav-link.active,
        html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active,
        html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active,
        html body .tabs-quaternary .nav-tabs li .nav-link.active:hover,
        html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:hover,
        html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover,
        html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover,
        html body .tabs-quaternary .nav-tabs li .nav-link.active:focus,
        html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:focus,
        html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus,
        html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus {
            border-top-color: #182027;
            color: #182027;
        }

    html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
    html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active,
    html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
        border-bottom-color: #182027;
    }

    html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover,
    html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active,
    html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover,
    html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus,
    html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
        color: #182027 !important;
        border-bottom-color: #182027;
    }

    html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
    html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active,
    html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover,
    html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus {
        border-left-color: #182027;
    }

    html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
    html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active,
    html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover,
    html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus,
    html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus {
        border-right-color: #182027;
    }

    html body .tabs-dark .nav-tabs li .nav-link,
    html.dark body .tabs-dark .nav-tabs li .nav-link,
    html body .tabs-dark .nav-tabs.nav-justified li .nav-link,
    html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link,
    html body .tabs-dark .nav-tabs li .nav-link:hover,
    html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
    html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
        color: #212529;
    }

        html body .tabs-dark .nav-tabs li .nav-link:hover,
        html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
        html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
        html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
            border-top-color: #212529;
        }

        html body .tabs-dark .nav-tabs li .nav-link.active,
        html.dark body .tabs-dark .nav-tabs li .nav-link.active,
        html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active,
        html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active,
        html body .tabs-dark .nav-tabs li .nav-link.active:hover,
        html.dark body .tabs-dark .nav-tabs li .nav-link.active:hover,
        html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover,
        html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover,
        html body .tabs-dark .nav-tabs li .nav-link.active:focus,
        html.dark body .tabs-dark .nav-tabs li .nav-link.active:focus,
        html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus,
        html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus {
            border-top-color: #212529;
            color: #212529;
        }

    html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
    html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active,
    html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
        border-bottom-color: #212529;
    }

    html body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover,
    html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover,
    html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active,
    html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active,
    html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover,
    html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus,
    html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
        color: #212529 !important;
        border-bottom-color: #212529;
    }

    html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
    html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
    html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active,
    html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active,
    html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover,
    html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover,
    html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus,
    html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus {
        border-left-color: #212529;
    }

    html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
    html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
    html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active,
    html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active,
    html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover,
    html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover,
    html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus,
    html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus {
        border-right-color: #212529;
    }

    html body .tabs-light .nav-tabs li .nav-link,
    html.dark body .tabs-light .nav-tabs li .nav-link,
    html body .tabs-light .nav-tabs.nav-justified li .nav-link,
    html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link,
    html body .tabs-light .nav-tabs li .nav-link:hover,
    html.dark body .tabs-light .nav-tabs li .nav-link:hover,
    html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
        color: #FFF;
    }

        html body .tabs-light .nav-tabs li .nav-link:hover,
        html.dark body .tabs-light .nav-tabs li .nav-link:hover,
        html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
        html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
            border-top-color: #FFF;
        }

        html body .tabs-light .nav-tabs li .nav-link.active,
        html.dark body .tabs-light .nav-tabs li .nav-link.active,
        html body .tabs-light .nav-tabs.nav-justified li .nav-link.active,
        html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active,
        html body .tabs-light .nav-tabs li .nav-link.active:hover,
        html.dark body .tabs-light .nav-tabs li .nav-link.active:hover,
        html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover,
        html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover,
        html body .tabs-light .nav-tabs li .nav-link.active:focus,
        html.dark body .tabs-light .nav-tabs li .nav-link.active:focus,
        html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus,
        html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus {
            border-top-color: #FFF;
            color: #FFF;
        }

    html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
    html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
    html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active,
    html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active,
    html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover,
    html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus,
    html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
        border-bottom-color: #FFF;
    }

    html body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover,
    html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover,
    html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
    html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active,
    html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active,
    html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
    html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover,
    html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover,
    html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
    html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus,
    html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus,
    html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
    html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
        color: #FFF !important;
        border-bottom-color: #FFF;
    }

    html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
    html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
    html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active,
    html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active,
    html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover,
    html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover,
    html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus,
    html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus {
        border-left-color: #FFF;
    }

    html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
    html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
    html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active,
    html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active,
    html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover,
    html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover,
    html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus,
    html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus {
        border-right-color: #FFF;
    }

    html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active,
    html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:hover,
    html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:focus {
        border-right-color: #242E39;
        border-left-color: transparent;
    }

    html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active,
    html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:hover,
    html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:focus {
        border-right-color: transparent;
        border-left-color: #242E39;
    }

    .list.list-icons li > [class*="fa-"]:first-child,
    .list.list-icons li a:first-child > [class*="fa-"]:first-child,
    .list.list-icons li > .icons:first-child,
    .list.list-icons li a:first-child > .icons:first-child {
        color: #242E39;
        border-color: #242E39;
    }

    .list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
    .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
    .list.list-icons.list-icons-style-3 li > .icons:first-child,
    .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
        background-color: #242E39;
    }

    .list.list-ordened li:before {
        color: #242E39;
        border-color: #242E39;
    }

    .list.list-ordened.list-ordened-style-3 li:before {
        background-color: #242E39;
    }

    html .list-primary.list-icons li > [class*="fa-"]:first-child,
    html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child,
    html .list-primary.list-icons li > .icons:first-child,
    html .list-primary.list-icons li a:first-child > .icons:first-child {
        color: #242E39;
        border-color: #242E39;
    }

    html .list-primary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
    html .list-primary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
    html .list-primary.list-icons.list-icons-style-3 li > .icons:first-child,
    html .list-primary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
        background-color: #242E39;
        color: #FFF;
    }

    html .list-primary.list-ordened li:before {
        color: #242E39;
    }

    html .list-primary.list-ordened.list-ordened-style-3 li:before {
        background-color: #242E39;
        color: #FFF;
    }

    html .list-secondary.list-icons li > [class*="fa-"]:first-child,
    html .list-secondary.list-icons li a:first-child > [class*="fa-"]:first-child,
    html .list-secondary.list-icons li > .icons:first-child,
    html .list-secondary.list-icons li a:first-child > .icons:first-child {
        color: #45586d;
        border-color: #45586d;
    }

    html .list-secondary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
    html .list-secondary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
    html .list-secondary.list-icons.list-icons-style-3 li > .icons:first-child,
    html .list-secondary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
        background-color: #45586d;
        color: #FFF;
    }

    html .list-secondary.list-ordened li:before {
        color: #45586d;
    }

    html .list-secondary.list-ordened.list-ordened-style-3 li:before {
        background-color: #45586d;
        color: #FFF;
    }

    html .list-tertiary.list-icons li > [class*="fa-"]:first-child,
    html .list-tertiary.list-icons li a:first-child > [class*="fa-"]:first-child,
    html .list-tertiary.list-icons li > .icons:first-child,
    html .list-tertiary.list-icons li a:first-child > .icons:first-child {
        color: #EF4343;
        border-color: #EF4343;
    }

    html .list-tertiary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
    html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
    html .list-tertiary.list-icons.list-icons-style-3 li > .icons:first-child,
    html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
        background-color: #EF4343;
        color: #FFF;
    }

    html .list-tertiary.list-ordened li:before {
        color: #EF4343;
    }

    html .list-tertiary.list-ordened.list-ordened-style-3 li:before {
        background-color: #EF4343;
        color: #FFF;
    }

    html .list-quaternary.list-icons li > [class*="fa-"]:first-child,
    html .list-quaternary.list-icons li a:first-child > [class*="fa-"]:first-child,
    html .list-quaternary.list-icons li > .icons:first-child,
    html .list-quaternary.list-icons li a:first-child > .icons:first-child {
        color: #182027;
        border-color: #182027;
    }

    html .list-quaternary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
    html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
    html .list-quaternary.list-icons.list-icons-style-3 li > .icons:first-child,
    html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
        background-color: #182027;
        color: #FFF;
    }

    html .list-quaternary.list-ordened li:before {
        color: #182027;
    }

    html .list-quaternary.list-ordened.list-ordened-style-3 li:before {
        background-color: #182027;
        color: #FFF;
    }

    html .list-dark.list-icons li > [class*="fa-"]:first-child,
    html .list-dark.list-icons li a:first-child > [class*="fa-"]:first-child,
    html .list-dark.list-icons li > .icons:first-child,
    html .list-dark.list-icons li a:first-child > .icons:first-child {
        color: #212529;
        border-color: #212529;
    }

    html .list-dark.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
    html .list-dark.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
    html .list-dark.list-icons.list-icons-style-3 li > .icons:first-child,
    html .list-dark.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
        background-color: #212529;
        color: #FFF;
    }

    html .list-dark.list-ordened li:before {
        color: #212529;
    }

    html .list-dark.list-ordened.list-ordened-style-3 li:before {
        background-color: #212529;
        color: #FFF;
    }

    html .list-light.list-icons li > [class*="fa-"]:first-child,
    html .list-light.list-icons li a:first-child > [class*="fa-"]:first-child,
    html .list-light.list-icons li > .icons:first-child,
    html .list-light.list-icons li a:first-child > .icons:first-child {
        color: #FFF;
        border-color: #FFF;
    }

    html .list-light.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
    html .list-light.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
    html .list-light.list-icons.list-icons-style-3 li > .icons:first-child,
    html .list-light.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
        background-color: #FFF;
        color: #777;
    }

    html .list-light.list-ordened li:before {
        color: #FFF;
    }

    html .list-light.list-ordened.list-ordened-style-3 li:before {
        background-color: #FFF;
        color: #777;
    }

    html .highlight-primary {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #242E39 0);
    }

        html .highlight-primary.highlight-bg-opacity {
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(36, 46, 57, 0.2) 0);
        }

        html .highlight-primary.highlight-change-text-color {
            color: #FFF;
        }

    html .highlight-secondary {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #45586d 0);
    }

        html .highlight-secondary.highlight-bg-opacity {
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(69, 88, 109, 0.2) 0);
        }

        html .highlight-secondary.highlight-change-text-color {
            color: #FFF;
        }

    html .highlight-tertiary {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #EF4343 0);
    }

        html .highlight-tertiary.highlight-bg-opacity {
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(239, 67, 67, 0.2) 0);
        }

        html .highlight-tertiary.highlight-change-text-color {
            color: #FFF;
        }

    html .highlight-quaternary {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #182027 0);
    }

        html .highlight-quaternary.highlight-bg-opacity {
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(24, 32, 39, 0.2) 0);
        }

        html .highlight-quaternary.highlight-change-text-color {
            color: #FFF;
        }

    html .highlight-dark {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #212529 0);
    }

        html .highlight-dark.highlight-bg-opacity {
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(33, 37, 41, 0.2) 0);
        }

        html .highlight-dark.highlight-change-text-color {
            color: #FFF;
        }

    html .highlight-light {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #FFF 0);
    }

        html .highlight-light.highlight-bg-opacity {
            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 0);
        }

        html .highlight-light.highlight-change-text-color {
            color: #777;
        }

    .parallax blockquote i.fa-quote-left {
        color: #242E39;
    }

    section.video blockquote i.fa-quote-left {
        color: #242E39;
    }

    .accordion .card-header a {
        color: #242E39;
    }

    html .accordion.accordion-primary .card-header {
        background-color: #242E39 !important;
    }

        html .accordion.accordion-primary .card-header a {
            color: #FFF;
        }

    html .accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) {
        background-color: #242E39 !important;
        color: #FFF !important;
    }

    html .accordion-modern-status-primary.accordion-modern-status > .card:hover .card-header a.collapsed {
        color: #242E39 !important;
    }

    html .accordion.accordion-secondary .card-header {
        background-color: #45586d !important;
    }

        html .accordion.accordion-secondary .card-header a {
            color: #FFF;
        }

    html .accordion-modern-status-secondary.accordion-modern-status > .card .card-header a:not(.collapsed) {
        background-color: #45586d !important;
        color: #FFF !important;
    }

    html .accordion-modern-status-secondary.accordion-modern-status > .card:hover .card-header a.collapsed {
        color: #45586d !important;
    }

    html .accordion.accordion-tertiary .card-header {
        background-color: #EF4343 !important;
    }

        html .accordion.accordion-tertiary .card-header a {
            color: #FFF;
        }

    html .accordion-modern-status-tertiary.accordion-modern-status > .card .card-header a:not(.collapsed) {
        background-color: #EF4343 !important;
        color: #FFF !important;
    }

    html .accordion-modern-status-tertiary.accordion-modern-status > .card:hover .card-header a.collapsed {
        color: #EF4343 !important;
    }

    html .accordion.accordion-quaternary .card-header {
        background-color: #182027 !important;
    }

        html .accordion.accordion-quaternary .card-header a {
            color: #FFF;
        }

    html .accordion-modern-status-quaternary.accordion-modern-status > .card .card-header a:not(.collapsed) {
        background-color: #182027 !important;
        color: #FFF !important;
    }

    html .accordion-modern-status-quaternary.accordion-modern-status > .card:hover .card-header a.collapsed {
        color: #182027 !important;
    }

    html .accordion.accordion-dark .card-header {
        background-color: #212529 !important;
    }

        html .accordion.accordion-dark .card-header a {
            color: #FFF;
        }

    html .accordion-modern-status-dark.accordion-modern-status > .card .card-header a:not(.collapsed) {
        background-color: #212529 !important;
        color: #FFF !important;
    }

    html .accordion-modern-status-dark.accordion-modern-status > .card:hover .card-header a.collapsed {
        color: #212529 !important;
    }

    html .accordion.accordion-light .card-header {
        background-color: #FFF !important;
    }

        html .accordion.accordion-light .card-header a {
            color: #777;
        }

    html .accordion-modern-status-light.accordion-modern-status > .card .card-header a:not(.collapsed) {
        background-color: #FFF !important;
        color: #777 !important;
    }

    html .accordion-modern-status-light.accordion-modern-status > .card:hover .card-header a.collapsed {
        color: #FFF !important;
    }

    html .divider.divider-primary [class*="fa-"],
    html .divider.divider-primary .icons {
        color: #242E39;
    }

    html .divider.divider-primary.divider-small hr {
        background: #242E39;
    }

    html .divider.divider-secondary [class*="fa-"],
    html .divider.divider-secondary .icons {
        color: #45586d;
    }

    html .divider.divider-secondary.divider-small hr {
        background: #45586d;
    }

    html .divider.divider-tertiary [class*="fa-"],
    html .divider.divider-tertiary .icons {
        color: #EF4343;
    }

    html .divider.divider-tertiary.divider-small hr {
        background: #EF4343;
    }

    html .divider.divider-quaternary [class*="fa-"],
    html .divider.divider-quaternary .icons {
        color: #182027;
    }

    html .divider.divider-quaternary.divider-small hr {
        background: #182027;
    }

    html .divider.divider-dark [class*="fa-"],
    html .divider.divider-dark .icons {
        color: #212529;
    }

    html .divider.divider-dark.divider-small hr {
        background: #212529;
    }

    html .divider.divider-light [class*="fa-"],
    html .divider.divider-light .icons {
        color: #FFF;
    }

    html .divider.divider-light.divider-small hr {
        background: #FFF;
    }

    html .divider.divider-style-2.divider-primary [class*="fa-"],
    html .divider.divider-style-2.divider-primary .icons {
        background: #242E39;
        color: #FFF;
    }

    html .divider.divider-style-2.divider-secondary [class*="fa-"],
    html .divider.divider-style-2.divider-secondary .icons {
        background: #45586d;
        color: #FFF;
    }

    html .divider.divider-style-2.divider-tertiary [class*="fa-"],
    html .divider.divider-style-2.divider-tertiary .icons {
        background: #EF4343;
        color: #FFF;
    }

    html .divider.divider-style-2.divider-quaternary [class*="fa-"],
    html .divider.divider-style-2.divider-quaternary .icons {
        background: #182027;
        color: #FFF;
    }

    html .divider.divider-style-2.divider-dark [class*="fa-"],
    html .divider.divider-style-2.divider-dark .icons {
        background: #212529;
        color: #FFF;
    }

    html .divider.divider-style-2.divider-light [class*="fa-"],
    html .divider.divider-style-2.divider-light .icons {
        background: #FFF;
        color: #777;
    }

    html .divider.divider-style-3.divider-primary [class*="fa-"],
    html .divider.divider-style-3.divider-primary .icons {
        border-color: #242E39;
    }

    html .divider.divider-style-3.divider-secondary [class*="fa-"],
    html .divider.divider-style-3.divider-secondary .icons {
        border-color: #45586d;
    }

    html .divider.divider-style-3.divider-tertiary [class*="fa-"],
    html .divider.divider-style-3.divider-tertiary .icons {
        border-color: #EF4343;
    }

    html .divider.divider-style-3.divider-quaternary [class*="fa-"],
    html .divider.divider-style-3.divider-quaternary .icons {
        border-color: #182027;
    }

    html .divider.divider-style-3.divider-dark [class*="fa-"],
    html .divider.divider-style-3.divider-dark .icons {
        border-color: #212529;
    }

    html .divider.divider-style-3.divider-light [class*="fa-"],
    html .divider.divider-style-3.divider-light .icons {
        border-color: #FFF;
    }

    #header .tip {
        background: #242E39;
        color: #FFF;
    }

        #header .tip:before {
            border-right-color: #242E39;
            border-left-color: transparent;
        }

    html #header .tip-primary {
        background: #242E39 !important;
        color: #FFF !important;
    }

        html #header .tip-primary:before {
            border-right-color: #242E39 !important;
        }

    html #header .tip-secondary {
        background: #45586d !important;
        color: #FFF !important;
    }

        html #header .tip-secondary:before {
            border-right-color: #45586d !important;
        }

    html #header .tip-tertiary {
        background: #EF4343 !important;
        color: #FFF !important;
    }

        html #header .tip-tertiary:before {
            border-right-color: #EF4343 !important;
        }

    html #header .tip-quaternary {
        background: #182027 !important;
        color: #FFF !important;
    }

        html #header .tip-quaternary:before {
            border-right-color: #182027 !important;
        }

    html #header .tip-dark {
        background: #212529 !important;
        color: #FFF !important;
    }

        html #header .tip-dark:before {
            border-right-color: #212529 !important;
        }

    html #header .tip-light {
        background: #FFF !important;
        color: #777 !important;
    }

        html #header .tip-light:before {
            border-right-color: #FFF !important;
        }

    html[dir="rtl"] #header .tip:before {
        border-left-color: #242E39;
    }

    html[dir="rtl"] #header .tip.skin:before {
        border-left-color: #242E39;
    }

    html[dir="rtl"] #header .tip-primary:before {
        border-left-color: #242E39 !important;
        border-right-color: transparent !important;
    }

    html[dir="rtl"] #header .tip-secondary:before {
        border-left-color: #45586d !important;
        border-right-color: transparent !important;
    }

    html[dir="rtl"] #header .tip-tertiary:before {
        border-left-color: #EF4343 !important;
        border-right-color: transparent !important;
    }

    html[dir="rtl"] #header .tip-quaternary:before {
        border-left-color: #182027 !important;
        border-right-color: transparent !important;
    }

    html[dir="rtl"] #header .tip-dark:before {
        border-left-color: #212529 !important;
        border-right-color: transparent !important;
    }

    html[dir="rtl"] #header .tip-light:before {
        border-left-color: #FFF !important;
        border-right-color: transparent !important;
    }

    #header .header-btn-collapse-nav {
        background: #242E39;
    }

    @media (min-width: 992px) {
        #header .header-nav-main nav > ul > li > a {
            color: #242E39;
        }

        #header .header-nav-main nav > ul > li.open > a,
        #header .header-nav-main nav > ul > li:hover > a {
            background: #242E39;
        }

        #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
            border-top-color: #242E39;
        }

        #header .header-nav-main nav > ul > li.dropdown.open > a:before,
        #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
            border-bottom-color: #242E39;
        }

        #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
            border-top-color: #242E39;
        }

            #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a {
                color: #242E39;
            }

        #header .header-nav-main nav > ul:not(:hover) > li > a.active {
            background-color: #242E39;
            color: #FFF;
        }

        #header .header-nav.header-nav-stripe nav > ul > li:hover > a,
        #header .header-nav.header-nav-stripe nav > ul > li.open > a {
            background-color: #242E39;
        }

        #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
            background-color: #242E39;
        }

        #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active {
            color: #242E39;
        }

        #header .header-nav.header-nav-links nav > ul li:hover > a {
            color: #242E39;
        }

        #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
            color: #242E39;
        }

        #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
            background: #242E39 !important;
        }

        #header .header-nav.header-nav-line nav > ul li:hover > a {
            color: #242E39;
        }

            #header .header-nav.header-nav-line nav > ul li:hover > a:before {
                background: #242E39;
            }

        #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
            color: #242E39;
        }

            #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
                background: #242E39;
            }

        #header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a,
        #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a {
            color: #242E39;
        }

        #header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active {
            color: #242E39;
        }

        html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
        html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
            border-left-color: #242E39;
        }

        html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
        html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
            border-right-color: #242E39;
        }
    }

    @media (min-width: 992px) {
        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
            background-color: #242E39;
        }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
                color: #FFF;
                border-bottom-color: #1e2630;
            }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a {
                background: #2a3642;
            }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before,
        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before {
            border-bottom-color: #242E39;
            background: #242E39;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title {
            color: #FFF;
            opacity: 0.7;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
            background: #242E39;
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
            background: #242E39;
            color: #FFF;
        }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus,
        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover {
            color: #242E39;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover:before {
                background-color: #242E39;
            }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
            color: #242E39;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before {
                background: #242E39;
            }

        html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
            color: #242E39;
        }

            html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active:before {
                background-color: #242E39;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a {
            color: #242E39;
        }

            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus,
            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover {
                color: #242E39;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
            color: #242E39;
        }

        html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
            color: #242E39;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu {
            background-color: #45586d;
        }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
                color: #FFF;
                border-bottom-color: #3f5064;
            }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a {
                background: #4b6076;
            }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before,
        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before {
            border-bottom-color: #45586d;
            background: #45586d;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title {
            color: #FFF;
            opacity: 0.7;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
            background: #45586d;
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active {
            background: #45586d;
            color: #FFF;
        }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus,
        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover {
            color: #45586d;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover:before {
                background-color: #45586d;
            }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
            color: #45586d;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before {
                background: #45586d;
            }

        html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active {
            color: #45586d;
        }

            html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active:before {
                background-color: #45586d;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a {
            color: #45586d;
        }

            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus,
            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover {
                color: #45586d;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
            color: #45586d;
        }

        html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active {
            color: #45586d;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu {
            background-color: #EF4343;
        }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
                color: #FFF;
                border-bottom-color: #ee3535;
            }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a {
                background: #f05151;
            }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before,
        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before {
            border-bottom-color: #EF4343;
            background: #EF4343;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title {
            color: #FFF;
            opacity: 0.7;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
            background: #EF4343;
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active {
            background: #EF4343;
            color: #FFF;
        }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus,
        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover {
            color: #EF4343;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover:before {
                background-color: #EF4343;
            }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
            color: #EF4343;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before {
                background: #EF4343;
            }

        html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active {
            color: #EF4343;
        }

            html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active:before {
                background-color: #EF4343;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a {
            color: #EF4343;
        }

            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus,
            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover {
                color: #EF4343;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
            color: #EF4343;
        }

        html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active {
            color: #EF4343;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu {
            background-color: #182027;
        }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
                color: #FFF;
                border-bottom-color: #12181e;
            }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a {
                background: #1e2830;
            }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before,
        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before {
            border-bottom-color: #182027;
            background: #182027;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title {
            color: #FFF;
            opacity: 0.7;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
            background: #182027;
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active {
            background: #182027;
            color: #FFF;
        }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus,
        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover {
            color: #182027;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover:before {
                background-color: #182027;
            }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
            color: #182027;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before {
                background: #182027;
            }

        html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active {
            color: #182027;
        }

            html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active:before {
                background-color: #182027;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a {
            color: #182027;
        }

            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus,
            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover {
                color: #182027;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
            color: #182027;
        }

        html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active {
            color: #182027;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu {
            background-color: #212529;
        }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
                color: #FFF;
                border-bottom-color: #1a1d21;
            }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a {
                background: #282d31;
            }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before,
        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before {
            border-bottom-color: #212529;
            background: #212529;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title {
            color: #FFF;
            opacity: 0.7;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
            background: #212529;
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
            color: #FFF;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active {
            background: #212529;
            color: #FFF;
        }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus,
        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover {
            color: #212529;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover:before {
                background-color: #212529;
            }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
            color: #212529;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before {
                background: #212529;
            }

        html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active {
            color: #212529;
        }

            html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active:before {
                background-color: #212529;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a {
            color: #212529;
        }

            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus,
            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover {
                color: #212529;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
            color: #212529;
        }

        html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active {
            color: #212529;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu {
            background-color: #FFF;
        }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {
                color: #777;
                border-bottom-color: #f7f7f7;
            }

            html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a {
                background: #ffffff;
            }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before,
        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before {
            border-bottom-color: #FFF;
            background: #FFF;
        }

        html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title {
            color: #777;
            opacity: 0.7;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
            background: #FFF;
            color: #777;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {
            color: #777;
        }

        html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active {
            background: #FFF;
            color: #777;
        }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus,
        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover {
            color: #FFF;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover:before {
                background-color: #FFF;
            }

        html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
            color: #FFF;
        }

            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before,
            html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before {
                background: #FFF;
            }

        html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active {
            color: #FFF;
        }

            html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active:before {
                background-color: #FFF;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a {
            color: #FFF;
        }

            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus,
            html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover {
                color: #FFF;
            }

        html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
            color: #FFF;
        }

        html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active {
            color: #FFF;
        }
    }

    @media (min-width: 992px) {
        html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:hover > a,
        html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a {
            color: #242E39 !important;
        }

        html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li > a.active,
        html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active {
            color: #242E39 !important;
        }
    }

    @media (max-width: 991px) {
        #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
            color: #242E39;
        }

            #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active {
                color: #242E39;
            }

            #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
                background: #242E39;
            }

                #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus,
                #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
                    background: #242E39;
                }

        #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
            background: #242E39;
        }

            #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus,
            #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover {
                background: #242E39;
            }

        html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
            color: #242E39 !important;
        }

        html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb {
            background-color: #242E39;
        }

        html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active {
            color: #242E39 !important;
        }

        html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a {
            color: #242E39 !important;
        }
    }

    @media (max-width: 991px) {
        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
            color: #242E39;
        }

            html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active {
                background: #242E39 !important;
                color: #FFF !important;
            }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
            color: #45586d;
        }

            html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a.active {
                background: #45586d !important;
                color: #FFF !important;
            }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
            color: #EF4343;
        }

            html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a.active {
                background: #EF4343 !important;
                color: #FFF !important;
            }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
            color: #182027;
        }

            html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a.active {
                background: #182027 !important;
                color: #FFF !important;
            }
    }

    html #header .header-top.header-top-primary {
        background: #242E39;
        border-top-color: #1a2129;
    }

        html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
            background: #2e3b49;
        }

            html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
            html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
            html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
            html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
                background: #2e3b49;
            }

        html #header .header-top.header-top-primary .dropdown-menu {
            background: #2e3b49;
            border-color: #2e3b49;
        }

            html #header .header-top.header-top-primary .dropdown-menu a:hover,
            html #header .header-top.header-top-primary .dropdown-menu a:focus {
                background: #384758 !important;
            }

    html #header .header-top.header-top-secondary {
        background: #45586d;
        border-top-color: #3b4b5d;
    }

        html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a {
            background: #4f657d;
        }

            html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover,
            html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover,
            html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus,
            html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus {
                background: #4f657d;
            }

        html #header .header-top.header-top-secondary .dropdown-menu {
            background: #4f657d;
            border-color: #4f657d;
        }

            html #header .header-top.header-top-secondary .dropdown-menu a:hover,
            html #header .header-top.header-top-secondary .dropdown-menu a:focus {
                background: #59718c !important;
            }

    html #header .header-top.header-top-tertiary {
        background: #EF4343;
        border-top-color: #ed2b2b;
    }

        html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a {
            background: #f15b5b;
        }

            html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover,
            html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover,
            html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus,
            html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus {
                background: #f15b5b;
            }

        html #header .header-top.header-top-tertiary .dropdown-menu {
            background: #f15b5b;
            border-color: #f15b5b;
        }

            html #header .header-top.header-top-tertiary .dropdown-menu a:hover,
            html #header .header-top.header-top-tertiary .dropdown-menu a:focus {
                background: #f37272 !important;
            }

    html #header .header-top.header-top-quaternary {
        background: #182027;
        border-top-color: #0e1317;
    }

        html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a {
            background: #222d37;
        }

            html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover,
            html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover,
            html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus,
            html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus {
                background: #222d37;
            }

        html #header .header-top.header-top-quaternary .dropdown-menu {
            background: #222d37;
            border-color: #222d37;
        }

            html #header .header-top.header-top-quaternary .dropdown-menu a:hover,
            html #header .header-top.header-top-quaternary .dropdown-menu a:focus {
                background: #2b3a47 !important;
            }

    html #header .header-top.header-top-dark {
        background: #212529;
        border-top-color: #16181b;
    }

        html #header .header-top.header-top-dark .header-nav-top ul > li.open > a {
            background: #2c3237;
        }

            html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover,
            html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover,
            html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus,
            html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus {
                background: #2c3237;
            }

        html #header .header-top.header-top-dark .dropdown-menu {
            background: #2c3237;
            border-color: #2c3237;
        }

            html #header .header-top.header-top-dark .dropdown-menu a:hover,
            html #header .header-top.header-top-dark .dropdown-menu a:focus {
                background: #383f45 !important;
            }

    html #header .header-top.header-top-light {
        background: #FFF;
        border-top-color: #f2f2f2;
    }

        html #header .header-top.header-top-light .header-nav-top ul > li.open > a {
            background: #ffffff;
        }

            html #header .header-top.header-top-light .header-nav-top ul > li > a:hover,
            html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover,
            html #header .header-top.header-top-light .header-nav-top ul > li > a:focus,
            html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus {
                background: #ffffff;
            }

        html #header .header-top.header-top-light .dropdown-menu {
            background: #ffffff;
            border-color: #ffffff;
        }

            html #header .header-top.header-top-light .dropdown-menu a:hover,
            html #header .header-top.header-top-light .dropdown-menu a:focus {
                background: #ffffff !important;
            }

    @media (min-width: 992px) {
        html #header .header-nav-bar-primary {
            background: #242E39 !important;
            color: #FFF !important;
        }

        html #header .header-nav-bar-secondary {
            background: #45586d !important;
            color: #FFF !important;
        }

        html #header .header-nav-bar-tertiary {
            background: #EF4343 !important;
            color: #FFF !important;
        }

        html #header .header-nav-bar-quaternary {
            background: #182027 !important;
            color: #FFF !important;
        }

        html #header .header-nav-bar-dark {
            background: #212529 !important;
            color: #FFF !important;
        }

        html #header .header-nav-bar-light {
            background: #FFF !important;
            color: #777 !important;
        }
    }

    @media (min-width: 992px) {
        #header .header-nav-main.header-nav-main-light nav > ul > li.open > a,
        #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
            color: #242E39;
        }

        #header .header-nav-main.header-nav-main-light nav > ul > li > a.active {
            color: #242E39;
        }
    }

    #header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
        border-bottom-color: #242E39;
    }

    .testimonial blockquote {
        background: #2e3b49;
    }

    .testimonial .testimonial-arrow-down {
        border-top-color: #2e3b49;
    }

    html .testimonial-primary blockquote {
        background: #2e3b49;
    }

    html .testimonial-primary .testimonial-arrow-down {
        border-top-color: #2e3b49;
    }

    html .testimonial-primary.testimonial-style-7 {
        background: #2e3b49;
    }

    html .testimonial-quotes-primary blockquote:before,
    html .testimonial-quotes-primary blockquote:after {
        color: #242E39 !important;
    }

    html .testimonial-secondary blockquote {
        background: #4f657d;
    }

    html .testimonial-secondary .testimonial-arrow-down {
        border-top-color: #4f657d;
    }

    html .testimonial-secondary.testimonial-style-7 {
        background: #4f657d;
    }

    html .testimonial-quotes-secondary blockquote:before,
    html .testimonial-quotes-secondary blockquote:after {
        color: #242E39 !important;
    }

    html .testimonial-tertiary blockquote {
        background: #f15b5b;
    }

    html .testimonial-tertiary .testimonial-arrow-down {
        border-top-color: #f15b5b;
    }

    html .testimonial-tertiary.testimonial-style-7 {
        background: #f15b5b;
    }

    html .testimonial-quotes-tertiary blockquote:before,
    html .testimonial-quotes-tertiary blockquote:after {
        color: #242E39 !important;
    }

    html .testimonial-quaternary blockquote {
        background: #222d37;
    }

    html .testimonial-quaternary .testimonial-arrow-down {
        border-top-color: #222d37;
    }

    html .testimonial-quaternary.testimonial-style-7 {
        background: #222d37;
    }

    html .testimonial-quotes-quaternary blockquote:before,
    html .testimonial-quotes-quaternary blockquote:after {
        color: #242E39 !important;
    }

    html .testimonial-dark blockquote {
        background: #2c3237;
    }

    html .testimonial-dark .testimonial-arrow-down {
        border-top-color: #2c3237;
    }

    html .testimonial-dark.testimonial-style-7 {
        background: #2c3237;
    }

    html .testimonial-quotes-dark blockquote:before,
    html .testimonial-quotes-dark blockquote:after {
        color: #242E39 !important;
    }

    html .testimonial-light blockquote {
        background: #ffffff;
    }

    html .testimonial-light .testimonial-arrow-down {
        border-top-color: #ffffff;
    }

    html .testimonial-light.testimonial-style-7 {
        background: #ffffff;
    }

    html .testimonial-quotes-light blockquote:before,
    html .testimonial-quotes-light blockquote:after {
        color: #242E39 !important;
    }

    .circular-bar.only-icon [class*="fa-"],
    .circular-bar.only-icon .icons {
        color: #242E39;
    }

    .form-control.bg-primary,
    .form-control.bg-color-primary {
        color: #FFF;
        border-color: #242E39;
    }

        .form-control.bg-primary::-webkit-input-placeholder,
        .form-control.bg-color-primary::-webkit-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-primary::-moz-placeholder,
        .form-control.bg-color-primary::-moz-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-primary:-ms-input-placeholder,
        .form-control.bg-color-primary:-ms-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-primary:-moz-placeholder,
        .form-control.bg-color-primary:-moz-placeholder {
            color: #e6e6e6;
        }

    .form-control .testimonial-primary blockquote {
        background: #2e3b49;
    }

    .form-control .testimonial-primary .testimonial-arrow-down {
        border-top-color: #2e3b49;
    }

    .form-control .testimonial-primary.testimonial-style-7 {
        background: #2e3b49;
    }

    .form-control .testimonial-quotes-primary blockquote:before,
    .form-control .testimonial-quotes-primary blockquote:after {
        color: #242E39 !important;
    }

    .form-control.bg-secondary,
    .form-control.bg-color-secondary {
        color: #FFF;
        border-color: #45586d;
    }

        .form-control.bg-secondary::-webkit-input-placeholder,
        .form-control.bg-color-secondary::-webkit-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-secondary::-moz-placeholder,
        .form-control.bg-color-secondary::-moz-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-secondary:-ms-input-placeholder,
        .form-control.bg-color-secondary:-ms-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-secondary:-moz-placeholder,
        .form-control.bg-color-secondary:-moz-placeholder {
            color: #e6e6e6;
        }

    .form-control .testimonial-secondary blockquote {
        background: #4f657d;
    }

    .form-control .testimonial-secondary .testimonial-arrow-down {
        border-top-color: #4f657d;
    }

    .form-control .testimonial-secondary.testimonial-style-7 {
        background: #4f657d;
    }

    .form-control .testimonial-quotes-secondary blockquote:before,
    .form-control .testimonial-quotes-secondary blockquote:after {
        color: #242E39 !important;
    }

    .form-control.bg-tertiary,
    .form-control.bg-color-tertiary {
        color: #FFF;
        border-color: #EF4343;
    }

        .form-control.bg-tertiary::-webkit-input-placeholder,
        .form-control.bg-color-tertiary::-webkit-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-tertiary::-moz-placeholder,
        .form-control.bg-color-tertiary::-moz-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-tertiary:-ms-input-placeholder,
        .form-control.bg-color-tertiary:-ms-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-tertiary:-moz-placeholder,
        .form-control.bg-color-tertiary:-moz-placeholder {
            color: #e6e6e6;
        }

    .form-control .testimonial-tertiary blockquote {
        background: #f15b5b;
    }

    .form-control .testimonial-tertiary .testimonial-arrow-down {
        border-top-color: #f15b5b;
    }

    .form-control .testimonial-tertiary.testimonial-style-7 {
        background: #f15b5b;
    }

    .form-control .testimonial-quotes-tertiary blockquote:before,
    .form-control .testimonial-quotes-tertiary blockquote:after {
        color: #242E39 !important;
    }

    .form-control.bg-quaternary,
    .form-control.bg-color-quaternary {
        color: #FFF;
        border-color: #182027;
    }

        .form-control.bg-quaternary::-webkit-input-placeholder,
        .form-control.bg-color-quaternary::-webkit-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-quaternary::-moz-placeholder,
        .form-control.bg-color-quaternary::-moz-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-quaternary:-ms-input-placeholder,
        .form-control.bg-color-quaternary:-ms-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-quaternary:-moz-placeholder,
        .form-control.bg-color-quaternary:-moz-placeholder {
            color: #e6e6e6;
        }

    .form-control .testimonial-quaternary blockquote {
        background: #222d37;
    }

    .form-control .testimonial-quaternary .testimonial-arrow-down {
        border-top-color: #222d37;
    }

    .form-control .testimonial-quaternary.testimonial-style-7 {
        background: #222d37;
    }

    .form-control .testimonial-quotes-quaternary blockquote:before,
    .form-control .testimonial-quotes-quaternary blockquote:after {
        color: #242E39 !important;
    }

    .form-control.bg-dark,
    .form-control.bg-color-dark {
        color: #FFF;
        border-color: #212529;
    }

        .form-control.bg-dark::-webkit-input-placeholder,
        .form-control.bg-color-dark::-webkit-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-dark::-moz-placeholder,
        .form-control.bg-color-dark::-moz-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-dark:-ms-input-placeholder,
        .form-control.bg-color-dark:-ms-input-placeholder {
            color: #e6e6e6;
        }

        .form-control.bg-dark:-moz-placeholder,
        .form-control.bg-color-dark:-moz-placeholder {
            color: #e6e6e6;
        }

    .form-control .testimonial-dark blockquote {
        background: #2c3237;
    }

    .form-control .testimonial-dark .testimonial-arrow-down {
        border-top-color: #2c3237;
    }

    .form-control .testimonial-dark.testimonial-style-7 {
        background: #2c3237;
    }

    .form-control .testimonial-quotes-dark blockquote:before,
    .form-control .testimonial-quotes-dark blockquote:after {
        color: #242E39 !important;
    }

    .form-control.bg-light,
    .form-control.bg-color-light {
        color: #777;
        border-color: #FFF;
    }

        .form-control.bg-light::-webkit-input-placeholder,
        .form-control.bg-color-light::-webkit-input-placeholder {
            color: #5e5e5e;
        }

        .form-control.bg-light::-moz-placeholder,
        .form-control.bg-color-light::-moz-placeholder {
            color: #5e5e5e;
        }

        .form-control.bg-light:-ms-input-placeholder,
        .form-control.bg-color-light:-ms-input-placeholder {
            color: #5e5e5e;
        }

        .form-control.bg-light:-moz-placeholder,
        .form-control.bg-color-light:-moz-placeholder {
            color: #5e5e5e;
        }

    .form-control .testimonial-light blockquote {
        background: #ffffff;
    }

    .form-control .testimonial-light .testimonial-arrow-down {
        border-top-color: #ffffff;
    }

    .form-control .testimonial-light.testimonial-style-7 {
        background: #ffffff;
    }

    .form-control .testimonial-quotes-light blockquote:before,
    .form-control .testimonial-quotes-light blockquote:after {
        color: #242E39 !important;
    }

    .form-range::-webkit-slider-thumb {
        background-color: #242E39;
    }

        .form-range::-webkit-slider-thumb:active {
            background-color: rgba(36, 46, 57, 0.25);
        }

    .form-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(36, 46, 57, 0.25);
    }

    .form-switch .form-check-input:checked {
        background-color: #242E39;
        border-color: #242E39 !important;
    }

    html .counters .counter-primary [class*="fa-"],
    html .counters .counter-primary .icons,
    html .counters .counter-primary strong {
        color: #242E39;
    }

    html .counters .counter-secondary [class*="fa-"],
    html .counters .counter-secondary .icons,
    html .counters .counter-secondary strong {
        color: #45586d;
    }

    html .counters .counter-tertiary [class*="fa-"],
    html .counters .counter-tertiary .icons,
    html .counters .counter-tertiary strong {
        color: #EF4343;
    }

    html .counters .counter-quaternary [class*="fa-"],
    html .counters .counter-quaternary .icons,
    html .counters .counter-quaternary strong {
        color: #182027;
    }

    html .counters .counter-dark [class*="fa-"],
    html .counters .counter-dark .icons,
    html .counters .counter-dark strong {
        color: #212529;
    }

    html .counters .counter-light [class*="fa-"],
    html .counters .counter-light .icons,
    html .counters .counter-light strong {
        color: #FFF;
    }

    html .countdown.countdown-primary > span > span {
        color: #242E39;
    }

    html .countdown.countdown-secondary > span > span {
        color: #45586d;
    }

    html .countdown.countdown-tertiary > span > span {
        color: #EF4343;
    }

    html .countdown.countdown-quaternary > span > span {
        color: #182027;
    }

    html .countdown.countdown-dark > span > span {
        color: #212529;
    }

    html .countdown.countdown-light > span > span {
        color: #FFF;
    }

    html .image-hotspot-primary strong {
        color: #FFF !important;
    }

    html .image-hotspot-primary .circle {
        background: #242E39 !important;
    }

    html .image-hotspot-primary .ring {
        border-color: rgba(36, 46, 57, 0.9);
    }

    html .image-hotspot-secondary strong {
        color: #FFF !important;
    }

    html .image-hotspot-secondary .circle {
        background: #45586d !important;
    }

    html .image-hotspot-secondary .ring {
        border-color: rgba(69, 88, 109, 0.9);
    }

    html .image-hotspot-tertiary strong {
        color: #FFF !important;
    }

    html .image-hotspot-tertiary .circle {
        background: #EF4343 !important;
    }

    html .image-hotspot-tertiary .ring {
        border-color: rgba(239, 67, 67, 0.9);
    }

    html .image-hotspot-quaternary strong {
        color: #FFF !important;
    }

    html .image-hotspot-quaternary .circle {
        background: #182027 !important;
    }

    html .image-hotspot-quaternary .ring {
        border-color: rgba(24, 32, 39, 0.9);
    }

    html .image-hotspot-dark strong {
        color: #FFF !important;
    }

    html .image-hotspot-dark .circle {
        background: #212529 !important;
    }

    html .image-hotspot-dark .ring {
        border-color: rgba(33, 37, 41, 0.9);
    }

    html .image-hotspot-light strong {
        color: #777 !important;
    }

    html .image-hotspot-light .circle {
        background: #FFF !important;
    }

    html .image-hotspot-light .ring {
        border-color: rgba(255, 255, 255, 0.9);
    }

    .icon-featured {
        background-color: #242E39;
    }

    html .featured-box-primary .icon-featured {
        background-color: #242E39;
    }

    html .featured-box-primary h4 {
        color: #242E39;
    }

    html .featured-box-primary .box-content {
        border-top-color: #242E39;
    }

    html .featured-box-primary .box-content-border-bottom {
        border-bottom-color: #242E39;
    }

    html .featured-box-secondary .icon-featured {
        background-color: #45586d;
    }

    html .featured-box-secondary h4 {
        color: #45586d;
    }

    html .featured-box-secondary .box-content {
        border-top-color: #45586d;
    }

    html .featured-box-secondary .box-content-border-bottom {
        border-bottom-color: #45586d;
    }

    html .featured-box-tertiary .icon-featured {
        background-color: #EF4343;
    }

    html .featured-box-tertiary h4 {
        color: #EF4343;
    }

    html .featured-box-tertiary .box-content {
        border-top-color: #EF4343;
    }

    html .featured-box-tertiary .box-content-border-bottom {
        border-bottom-color: #EF4343;
    }

    html .featured-box-quaternary .icon-featured {
        background-color: #182027;
    }

    html .featured-box-quaternary h4 {
        color: #182027;
    }

    html .featured-box-quaternary .box-content {
        border-top-color: #182027;
    }

    html .featured-box-quaternary .box-content-border-bottom {
        border-bottom-color: #182027;
    }

    html .featured-box-dark .icon-featured {
        background-color: #212529;
    }

    html .featured-box-dark h4 {
        color: #212529;
    }

    html .featured-box-dark .box-content {
        border-top-color: #212529;
    }

    html .featured-box-dark .box-content-border-bottom {
        border-bottom-color: #212529;
    }

    html .featured-box-light .icon-featured {
        background-color: #FFF;
    }

    html .featured-box-light h4 {
        color: #FFF;
    }

    html .featured-box-light .box-content {
        border-top-color: #FFF;
    }

    html .featured-box-light .box-content-border-bottom {
        border-bottom-color: #FFF;
    }

    html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
        border-color: #242E39;
        color: #242E39;
    }

    html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured {
        border-color: #45586d;
        color: #45586d;
    }

    html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured {
        border-color: #EF4343;
        color: #EF4343;
    }

    html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured {
        border-color: #182027;
        color: #182027;
    }

    html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured {
        border-color: #212529;
        color: #212529;
    }

    html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured {
        border-color: #FFF;
        color: #FFF;
    }

    html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
        border-color: #242E39;
        color: #242E39;
    }

    html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured {
        border-color: #45586d;
        color: #45586d;
    }

    html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured {
        border-color: #EF4343;
        color: #EF4343;
    }

    html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured {
        border-color: #182027;
        color: #182027;
    }

    html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured {
        border-color: #212529;
        color: #212529;
    }

    html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured {
        border-color: #FFF;
        color: #FFF;
    }

    html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured {
        color: #242E39;
    }

    html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured {
        color: #45586d;
    }

    html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured {
        color: #EF4343;
    }

    html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured {
        color: #182027;
    }

    html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured {
        color: #212529;
    }

    html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured {
        color: #FFF;
    }

    html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured {
        color: #242E39;
    }

    html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured {
        color: #45586d;
    }

    html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured {
        color: #EF4343;
    }

    html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured {
        color: #182027;
    }

    html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured {
        color: #212529;
    }

    html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured {
        color: #FFF;
    }

    html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {
        color: #242E39;
    }

    html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured {
        color: #45586d;
    }

    html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured {
        color: #EF4343;
    }

    html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured {
        color: #182027;
    }

    html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured {
        color: #212529;
    }

    html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured {
        color: #FFF;
    }

    .featured-boxes-modern-style-primary .featured-box {
        background: #242E39;
        background: linear-gradient(135deg, #242E39 0%, #182027 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242E39', endColorstr='#182027', GradientType=1);
    }

    .featured-boxes-modern-style-secondary .featured-box {
        background: #45586d;
        background: linear-gradient(135deg, #45586d 0%, #182027 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45586d', endColorstr='#182027', GradientType=1);
    }

    .featured-boxes-modern-style-tertiary .featured-box {
        background: #EF4343;
        background: linear-gradient(135deg, #EF4343 0%, #182027 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF4343', endColorstr='#182027', GradientType=1);
    }

    html .featured-box-effect-2.featured-box-primary .icon-featured:after {
        box-shadow: 0 0 0 3px #242E39;
    }

    html .featured-box-effect-2.featured-box-secondary .icon-featured:after {
        box-shadow: 0 0 0 3px #45586d;
    }

    html .featured-box-effect-2.featured-box-tertiary .icon-featured:after {
        box-shadow: 0 0 0 3px #EF4343;
    }

    html .featured-box-effect-2.featured-box-quaternary .icon-featured:after {
        box-shadow: 0 0 0 3px #182027;
    }

    html .featured-box-effect-2.featured-box-dark .icon-featured:after {
        box-shadow: 0 0 0 3px #212529;
    }

    html .featured-box-effect-2.featured-box-light .icon-featured:after {
        box-shadow: 0 0 0 3px #FFF;
    }

    html .featured-box-effect-3.featured-box-primary .icon-featured:after {
        box-shadow: 0 0 0 10px #242E39;
    }

    html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
        background: #242E39 !important;
    }

    html .featured-box-effect-3.featured-box-secondary .icon-featured:after {
        box-shadow: 0 0 0 10px #45586d;
    }

    html .featured-box-effect-3.featured-box-secondary:hover .icon-featured {
        background: #45586d !important;
    }

    html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
        box-shadow: 0 0 0 10px #EF4343;
    }

    html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
        background: #EF4343 !important;
    }

    html .featured-box-effect-3.featured-box-quaternary .icon-featured:after {
        box-shadow: 0 0 0 10px #182027;
    }

    html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured {
        background: #182027 !important;
    }

    html .featured-box-effect-3.featured-box-dark .icon-featured:after {
        box-shadow: 0 0 0 10px #212529;
    }

    html .featured-box-effect-3.featured-box-dark:hover .icon-featured {
        background: #212529 !important;
    }

    html .featured-box-effect-3.featured-box-light .icon-featured:after {
        box-shadow: 0 0 0 10px #FFF;
    }

    html .featured-box-effect-3.featured-box-light:hover .icon-featured {
        background: #FFF !important;
    }

    .feature-box .feature-box-icon {
        background-color: #242E39;
    }

    html .feature-box-primary .feature-box-icon {
        background-color: #242E39;
    }

    html .feature-box-secondary .feature-box-icon {
        background-color: #45586d;
    }

    html .feature-box-tertiary .feature-box-icon {
        background-color: #EF4343;
    }

    html .feature-box-quaternary .feature-box-icon {
        background-color: #182027;
    }

    html .feature-box-dark .feature-box-icon {
        background-color: #212529;
    }

    html .feature-box-light .feature-box-icon {
        background-color: #FFF;
    }

    .feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"],
    .feature-box.feature-box-style-2 .feature-box-icon .icons {
        color: #242E39;
    }

    html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*="fa-"],
    html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
        color: #242E39;
    }

    html .feature-box-secondary.feature-box-style-2 .feature-box-icon [class*="fa-"],
    html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons {
        color: #45586d;
    }

    html .feature-box-tertiary.feature-box-style-2 .feature-box-icon [class*="fa-"],
    html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons {
        color: #EF4343;
    }

    html .feature-box-quaternary.feature-box-style-2 .feature-box-icon [class*="fa-"],
    html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons {
        color: #182027;
    }

    html .feature-box-dark.feature-box-style-2 .feature-box-icon [class*="fa-"],
    html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons {
        color: #212529;
    }

    html .feature-box-light.feature-box-style-2 .feature-box-icon [class*="fa-"],
    html .feature-box-light.feature-box-style-2 .feature-box-icon .icons {
        color: #FFF;
    }

    .feature-box.feature-box-style-3 .feature-box-icon {
        border-color: #242E39;
    }

        .feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"],
        .feature-box.feature-box-style-3 .feature-box-icon .icons {
            color: #242E39;
        }

    html .feature-box-primary.feature-box-style-3 .feature-box-icon {
        border-color: #242E39;
    }

        html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*="fa-"],
        html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
            color: #242E39;
        }

    html .feature-box-secondary.feature-box-style-3 .feature-box-icon {
        border-color: #45586d;
    }

        html .feature-box-secondary.feature-box-style-3 .feature-box-icon [class*="fa-"],
        html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons {
            color: #45586d;
        }

    html .feature-box-tertiary.feature-box-style-3 .feature-box-icon {
        border-color: #EF4343;
    }

        html .feature-box-tertiary.feature-box-style-3 .feature-box-icon [class*="fa-"],
        html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons {
            color: #EF4343;
        }

    html .feature-box-quaternary.feature-box-style-3 .feature-box-icon {
        border-color: #182027;
    }

        html .feature-box-quaternary.feature-box-style-3 .feature-box-icon [class*="fa-"],
        html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons {
            color: #182027;
        }

    html .feature-box-dark.feature-box-style-3 .feature-box-icon {
        border-color: #212529;
    }

        html .feature-box-dark.feature-box-style-3 .feature-box-icon [class*="fa-"],
        html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons {
            color: #212529;
        }

    html .feature-box-light.feature-box-style-3 .feature-box-icon {
        border-color: #FFF;
    }

        html .feature-box-light.feature-box-style-3 .feature-box-icon [class*="fa-"],
        html .feature-box-light.feature-box-style-3 .feature-box-icon .icons {
            color: #FFF;
        }

    .feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"],
    .feature-box.feature-box-style-4 .feature-box-icon .icons {
        color: #242E39;
    }

    html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*="fa-"],
    html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons {
        color: #242E39;
    }

    html .feature-box-secondary.feature-box-style-4 .feature-box-icon [class*="fa-"],
    html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons {
        color: #45586d;
    }

    html .feature-box-tertiary.feature-box-style-4 .feature-box-icon [class*="fa-"],
    html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons {
        color: #EF4343;
    }

    html .feature-box-quaternary.feature-box-style-4 .feature-box-icon [class*="fa-"],
    html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons {
        color: #182027;
    }

    html .feature-box-dark.feature-box-style-4 .feature-box-icon [class*="fa-"],
    html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons {
        color: #212529;
    }

    html .feature-box-light.feature-box-style-4 .feature-box-icon [class*="fa-"],
    html .feature-box-light.feature-box-style-4 .feature-box-icon .icons {
        color: #FFF;
    }

    .feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"],
    .feature-box.feature-box-style-5 .feature-box-icon .icons {
        color: #242E39;
    }

    html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*="fa-"],
    html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons {
        color: #242E39;
    }

    html .feature-box-secondary.feature-box-style-5 .feature-box-icon [class*="fa-"],
    html .feature-box-secondary.feature-box-style-5 .feature-box-icon .icons {
        color: #45586d;
    }

    html .feature-box-tertiary.feature-box-style-5 .feature-box-icon [class*="fa-"],
    html .feature-box-tertiary.feature-box-style-5 .feature-box-icon .icons {
        color: #EF4343;
    }

    html .feature-box-quaternary.feature-box-style-5 .feature-box-icon [class*="fa-"],
    html .feature-box-quaternary.feature-box-style-5 .feature-box-icon .icons {
        color: #182027;
    }

    html .feature-box-dark.feature-box-style-5 .feature-box-icon [class*="fa-"],
    html .feature-box-dark.feature-box-style-5 .feature-box-icon .icons {
        color: #212529;
    }

    html .feature-box-light.feature-box-style-5 .feature-box-icon [class*="fa-"],
    html .feature-box-light.feature-box-style-5 .feature-box-icon .icons {
        color: #FFF;
    }

    html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*="fa-"],
    html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons {
        color: #242E39;
    }

    html .feature-box-secondary.feature-box-style-6 .feature-box-icon [class*="fa-"],
    html .feature-box-secondary.feature-box-style-6 .feature-box-icon .icons {
        color: #45586d;
    }

    html .feature-box-tertiary.feature-box-style-6 .feature-box-icon [class*="fa-"],
    html .feature-box-tertiary.feature-box-style-6 .feature-box-icon .icons {
        color: #EF4343;
    }

    html .feature-box-quaternary.feature-box-style-6 .feature-box-icon [class*="fa-"],
    html .feature-box-quaternary.feature-box-style-6 .feature-box-icon .icons {
        color: #182027;
    }

    html .feature-box-dark.feature-box-style-6 .feature-box-icon [class*="fa-"],
    html .feature-box-dark.feature-box-style-6 .feature-box-icon .icons {
        color: #212529;
    }

    html .feature-box-light.feature-box-style-6 .feature-box-icon [class*="fa-"],
    html .feature-box-light.feature-box-style-6 .feature-box-icon .icons {
        color: #FFF;
    }

    html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) {
        background-color: #10151a;
    }

    html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) {
        background-color: #1a2129;
    }

    html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {
        background-color: #242E39;
    }

    html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {
        background-color: #2e3b49;
    }

    html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) {
        background-color: #384758;
    }

    html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(6) {
        background-color: #425468;
    }

    html .featured-boxes-full .featured-box-full-primary {
        background-color: #242E39;
        color: #FFF;
    }

    html .featured-boxes-full .featured-box-full-secondary {
        background-color: #45586d;
        color: #FFF;
    }

    html .featured-boxes-full .featured-box-full-tertiary {
        background-color: #EF4343;
        color: #FFF;
    }

    html .featured-boxes-full .featured-box-full-quaternary {
        background-color: #182027;
        color: #FFF;
    }

    html .featured-boxes-full .featured-box-full-dark {
        background-color: #212529;
        color: #FFF;
    }

    html .featured-boxes-full .featured-box-full-light {
        background-color: #FFF;
        color: #777;
    }

    .pricing-table .most-popular {
        border-color: #242E39;
    }

        .pricing-table .most-popular h3 {
            background-color: #242E39;
        }

    .pricing-table.princig-table-flat .plan h3 {
        background-color: #242E39;
    }

        .pricing-table.princig-table-flat .plan h3 span {
            background: #242E39;
        }

    html .call-to-action.featured.featured-primary {
        border-top-color: #242E39;
    }

    html .call-to-action.call-to-action-primary {
        background: #242E39;
    }

    html .call-to-action.with-full-borders-primary {
        border-color: #242E39;
    }

    html .call-to-action.call-to-action-primary {
        background: #242E39;
    }

        html .call-to-action.call-to-action-primary h3,
        html .call-to-action.call-to-action-primary p {
            color: #FFF;
        }

    html .call-to-action.featured.featured-secondary {
        border-top-color: #45586d;
    }

    html .call-to-action.call-to-action-secondary {
        background: #45586d;
    }

    html .call-to-action.with-full-borders-secondary {
        border-color: #45586d;
    }

    html .call-to-action.call-to-action-secondary {
        background: #45586d;
    }

        html .call-to-action.call-to-action-secondary h3,
        html .call-to-action.call-to-action-secondary p {
            color: #FFF;
        }

    html .call-to-action.featured.featured-tertiary {
        border-top-color: #EF4343;
    }

    html .call-to-action.call-to-action-tertiary {
        background: #EF4343;
    }

    html .call-to-action.with-full-borders-tertiary {
        border-color: #EF4343;
    }

    html .call-to-action.call-to-action-tertiary {
        background: #EF4343;
    }

        html .call-to-action.call-to-action-tertiary h3,
        html .call-to-action.call-to-action-tertiary p {
            color: #FFF;
        }

    html .call-to-action.featured.featured-quaternary {
        border-top-color: #182027;
    }

    html .call-to-action.call-to-action-quaternary {
        background: #182027;
    }

    html .call-to-action.with-full-borders-quaternary {
        border-color: #182027;
    }

    html .call-to-action.call-to-action-quaternary {
        background: #182027;
    }

        html .call-to-action.call-to-action-quaternary h3,
        html .call-to-action.call-to-action-quaternary p {
            color: #FFF;
        }

    html .call-to-action.featured.featured-dark {
        border-top-color: #212529;
    }

    html .call-to-action.call-to-action-dark {
        background: #212529;
    }

    html .call-to-action.with-full-borders-dark {
        border-color: #212529;
    }

    html .call-to-action.call-to-action-dark {
        background: #212529;
    }

        html .call-to-action.call-to-action-dark h3,
        html .call-to-action.call-to-action-dark p {
            color: #FFF;
        }

    html .call-to-action.featured.featured-light {
        border-top-color: #FFF;
    }

    html .call-to-action.call-to-action-light {
        background: #FFF;
    }

    html .call-to-action.with-full-borders-light {
        border-color: #FFF;
    }

    html .call-to-action.call-to-action-light {
        background: #FFF;
    }

        html .call-to-action.call-to-action-light h3,
        html .call-to-action.call-to-action-light p {
            color: #777;
        }

    section.timeline .timeline-box.left:before,
    section.timeline .timeline-box.right:before {
        background: #242E39;
        box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #242E39;
    }

    ul.history li .featured-box .box-content {
        border-top-color: #242E39;
    }

    .portfolio-list .portfolio-item.portfolio-item-new:after {
        background: linear-gradient(135deg, #242E39 0%, #45586d 80%);
    }

    .recent-posts .date .month,
    article.post .post-date .month {
        background-color: #242E39;
    }

    .recent-posts .date .day,
    article.post .post-date .day {
        color: #242E39;
    }

    .slider .tp-bannertimer {
        background-color: #242E39;
    }

    .home-concept strong {
        color: #242E39;
    }

    html .home-intro-primary {
        background: #242E39;
    }

    html .home-intro-secondary {
        background: #45586d;
    }

    html .home-intro-tertiary {
        background: #EF4343;
    }

    html .home-intro-quaternary {
        background: #182027;
    }

    html .home-intro-dark {
        background: #212529;
    }

    html .home-intro-light {
        background: #FFF;
    }

    html .slide-overlay-primary .slotholder:after {
        background-color: #242E39 !important;
    }

    html .slider-container .tp-caption-overlay-primary {
        background: #242E39;
    }

    html .slider-container .tp-caption-overlay-opacity-primary {
        background: rgba(36, 46, 57, 0.4);
    }

    html .tp-bullets.bullets-color-primary .tp-bullet:hover,
    html .tp-bullets.bullets-color-primary .tp-bullet.selected {
        background: #242E39;
    }

    html .slide-overlay-secondary .slotholder:after {
        background-color: #45586d !important;
    }

    html .slider-container .tp-caption-overlay-secondary {
        background: #45586d;
    }

    html .slider-container .tp-caption-overlay-opacity-secondary {
        background: rgba(69, 88, 109, 0.4);
    }

    html .tp-bullets.bullets-color-secondary .tp-bullet:hover,
    html .tp-bullets.bullets-color-secondary .tp-bullet.selected {
        background: #45586d;
    }

    html .slide-overlay-tertiary .slotholder:after {
        background-color: #EF4343 !important;
    }

    html .slider-container .tp-caption-overlay-tertiary {
        background: #EF4343;
    }

    html .slider-container .tp-caption-overlay-opacity-tertiary {
        background: rgba(239, 67, 67, 0.4);
    }

    html .tp-bullets.bullets-color-tertiary .tp-bullet:hover,
    html .tp-bullets.bullets-color-tertiary .tp-bullet.selected {
        background: #EF4343;
    }

    html .slide-overlay-quaternary .slotholder:after {
        background-color: #182027 !important;
    }

    html .slider-container .tp-caption-overlay-quaternary {
        background: #182027;
    }

    html .slider-container .tp-caption-overlay-opacity-quaternary {
        background: rgba(24, 32, 39, 0.4);
    }

    html .tp-bullets.bullets-color-quaternary .tp-bullet:hover,
    html .tp-bullets.bullets-color-quaternary .tp-bullet.selected {
        background: #182027;
    }

    html .slide-overlay-dark .slotholder:after {
        background-color: #212529 !important;
    }

    html .slider-container .tp-caption-overlay-dark {
        background: #212529;
    }

    html .slider-container .tp-caption-overlay-opacity-dark {
        background: rgba(33, 37, 41, 0.4);
    }

    html .tp-bullets.bullets-color-dark .tp-bullet:hover,
    html .tp-bullets.bullets-color-dark .tp-bullet.selected {
        background: #212529;
    }

    html .slide-overlay-light .slotholder:after {
        background-color: #FFF !important;
    }

    html .slider-container .tp-caption-overlay-light {
        background: #FFF;
    }

    html .slider-container .tp-caption-overlay-opacity-light {
        background: rgba(255, 255, 255, 0.4);
    }

    html .tp-bullets.bullets-color-light .tp-bullet:hover,
    html .tp-bullets.bullets-color-light .tp-bullet.selected {
        background: #FFF;
    }

    html .slide-overlay.slide-overlay-gradient .slotholder:after {
        background-color: #EF4343 !important;
        background-image: linear-gradient(to right, #EF4343 0%, #182027 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF4343', endColorstr='#182027', GradientType=1);
    }

    .cd-product-viewer-handle .handle {
        background: #242E39;
    }

    .tparrows.tparrows-carousel.tp-leftarrow,
    .tparrows.tparrows-carousel.tp-rightarrow {
        background-color: #242E39;
        border-color: #242E39 #242E39 #10151a;
        color: #fff;
    }

        .tparrows.tparrows-carousel.tp-leftarrow:hover,
        .tparrows.tparrows-carousel.tp-rightarrow:hover,
        .tparrows.tparrows-carousel.tp-leftarrow.hover,
        .tparrows.tparrows-carousel.tp-rightarrow.hover {
            border-color: #384758 #384758 #242E39;
            color: #fff;
        }

            .tparrows.tparrows-carousel.tp-leftarrow:hover:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow:hover:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-leftarrow.hover:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow.hover:not(.bg-transparent) {
                background-color: #334150;
            }

        .tparrows.tparrows-carousel.tp-leftarrow:focus,
        .tparrows.tparrows-carousel.tp-rightarrow:focus,
        .tparrows.tparrows-carousel.tp-leftarrow.focus,
        .tparrows.tparrows-carousel.tp-rightarrow.focus {
            border-color: #10151a #10151a #000000;
            color: #fff;
            box-shadow: 0 0 0 3px rgba(36, 46, 57, 0.5);
        }

            .tparrows.tparrows-carousel.tp-leftarrow:focus:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow:focus:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-leftarrow.focus:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow.focus:not(.bg-transparent) {
                background-color: #151b22;
            }

        .tparrows.tparrows-carousel.tp-leftarrow.disabled,
        .tparrows.tparrows-carousel.tp-rightarrow.disabled,
        .tparrows.tparrows-carousel.tp-leftarrow:disabled,
        .tparrows.tparrows-carousel.tp-rightarrow:disabled {
            border-color: #242E39 #242E39 #10151a;
        }

            .tparrows.tparrows-carousel.tp-leftarrow.disabled:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow.disabled:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-leftarrow:disabled:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow:disabled:not(.bg-transparent) {
                background-color: #242E39;
            }

        .tparrows.tparrows-carousel.tp-leftarrow:active,
        .tparrows.tparrows-carousel.tp-rightarrow:active,
        .tparrows.tparrows-carousel.tp-leftarrow.active,
        .tparrows.tparrows-carousel.tp-rightarrow.active {
            border-color: #10151a #10151a #000000 !important;
        }

            .tparrows.tparrows-carousel.tp-leftarrow:active:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow:active:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-leftarrow.active:not(.bg-transparent),
            .tparrows.tparrows-carousel.tp-rightarrow.active:not(.bg-transparent) {
                background-color: #151b22 !important;
                background-image: none !important;
            }

    .tparrows.arrows-primary:before {
        color: #242E39;
    }

    .shop .products .product .onsale {
        background-color: #242E39;
        border-bottom-color: #141a20;
    }

    .shop .cart-totals tr.total .amount {
        color: #242E39;
    }

    .shop .products .product .quick-view {
        background: rgba(36, 46, 57, 0.7);
    }

    .shop .products .product:hover .quick-view:hover {
        background: #242E39;
    }

    .product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover {
        color: #FFF;
        background: #242E39;
    }

    .product .product-thumb-info .countdown-offer-wrapper {
        background: #242E39;
    }

    .dropdown-menu.dropdown-menu-arrow-centered a:focus,
    .dropdown-menu.dropdown-menu-arrow-centered a:active {
        background-color: #242E39;
    }

    #footer .footer-ribbon {
        background: #242E39;
    }

        #footer .footer-ribbon:before {
            border-right-color: #06080a;
            border-left-color: #06080a;
        }

    #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active {
        color: #242E39 !important;
    }

        #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active:before {
            background: #242E39 !important;
        }

    #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a {
        color: #242E39 !important;
    }

        #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a:before {
            background: #242E39 !important;
        }

    .scrollable.colored-slider .scrollable-slider {
        background: #242E39;
    }

    .sample-icon-list .sample-icon a:hover {
        background-color: #242E39;
    }

    .cursor-inner {
        background-color: #242E39;
    }

        .cursor-inner.cursor-inner-plus:before {
            color: #242E39;
        }

    .cursor-outer {
        border-color: #242E39;
    }

    .cssload-thecube .cssload-cube:before {
        background-color: #242E39;
    }

    .cssload-cube-progress {
        border-color: #242E39;
    }

    .cssload-cube-progress-inner {
        background-color: #242E39;
    }

    .cssload-float-rings-inner.cssload-one {
        border-bottom-color: #242E39;
    }

    .cssload-float-rings-inner.cssload-two {
        border-right-color: #242E39;
    }

    .cssload-float-rings-inner.cssload-three {
        border-top-color: #242E39;
    }

    .cssload-float-bars-loading,
    .cssload-float-bars-loading:after,
    .cssload-float-bars-loading:before {
        background: #242E39;
    }

    .cssload-speeding-wheel {
        border-top-color: #242E39;
        border-bottom-color: #242E39;
    }

    .cssload-zenith {
        box-shadow: 3px 3px 1px #242E39;
    }

    .cssload-spinning-square-loading {
        background: #242E39;
    }

        .cssload-spinning-square-loading:before {
            background: #45586d;
        }

        .cssload-spinning-square-loading:after {
            background: #FFF;
        }

    .cssload-pulse-loader {
        background: #242E39;
    }

    .map-rounded-pin {
        background: #242E39;
    }

    html.boxed .body {
        border-top-color: #242E39;
    }

    .portfolio-grid-item .thumb-info .thumb-info-wrapper:after,
    .portfolio-vertical-item .thumb-info .thumb-info-wrapper:after,
    .horizontal-scroll-item .thumb-info .thumb-info-wrapper:after,
    .portfolio-detail-image-item .thumb-info .thumb-info-wrapper:after,
    .portfolio-item .thumb-info .thumb-info-wrapper:after {
        background: rgba(24, 32, 39, 0.5) !important;
    }

    .portfolio-parallax:not(.portfolio-parallax-demo-2):hover:before {
        background: rgba(24, 32, 39, 0.5) !important;
    }

    .custom-thumb-info-photographers .thumb-info-wrapper:before {
        box-shadow: 0 50px 190px 110px #182027;
    }

    .custom-thumb-info-photographers .thumb-info-wrapper:after {
        background: rgba(24, 32, 39, 0.5) !important;
    }

    .portfolio-detail-item .sub-item-description:before {
        box-shadow: 0 50px 130px 110px #182027;
    }

    .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::before {
        box-shadow: 0 50px 190px 110px #182027;
    }

    .tparrows {
        background: rgba(24, 32, 39, 0.5) !important;
    }

        .tparrows:hover {
            background: #182027 !important;
        }

        .tparrows.arrows-transparent-header-photography-1 {
            background: transparent !important;
        }

            .tparrows.arrows-transparent-header-photography-1:hover {
                background: transparent !important;
            }

    #photographyLightbox .mfp-close {
        background: #182027 !important;
    }

    html.photography-demo-2.sticky-header-enabled.sticky-header-active #header .header-body {
        background: #242E39;
    }

    html.photography-demo-2 #header.solid-header .header-body {
        background: #242E39;
    }

    html.photography-demo-2 .list.list-icons.list-icons-style-2 li > .fa:first-child,
    html.photography-demo-2 .list.list-icons.list-icons-style-2 li a:first-child > .fa:first-child,
    html.photography-demo-2 .list.list-icons.list-icons-style-2 li > .icons:first-child,
    html.photography-demo-2 .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child {
        color: #242E39;
    }

    html.photography-demo-2 .portfolio-parallax-demo-2:before {
        background: transparent linear-gradient(to top, #182027 0px, transparent 100%) repeat scroll 0 0;
    }

    html.photography-demo-2 .portfolio-vertical-item .thumb-info .thumb-info-wrapper:before,
    html.photography-demo-2 .horizontal-scroll-item .thumb-info .thumb-info-wrapper:before,
    html.photography-demo-2 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper:before,
    html.photography-demo-2 .portfolio-grid-item .thumb-info .thumb-info-wrapper:before {
        box-shadow: 0 50px 190px 110px #182027;
    }

    html.photography-demo-3 #main:hover .portfolio-parallax:before {
        background: rgba(24, 32, 39, 0.5) !important;
    }

    html.photography-demo-3 .list.list-icons.list-icons-style-2 li > .fa:first-child,
    html.photography-demo-3 .list.list-icons.list-icons-style-2 li a:first-child > .fa:first-child,
    html.photography-demo-3 .list.list-icons.list-icons-style-2 li > .icons:first-child,
    html.photography-demo-3 .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child {
        color: #242E39;
    }


    .col-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths,
    .col-xl-5ths {
        position: relative;
        min-height: 1px;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .col-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
@media only screen and (max-width: 767px) and (min-width: 425px) {
    .col-5ths {
        flex: 0 0 20%;
        max-width: 33%;
        position: absolute !important;
        height: 9rem !important;
        
    }

    .thumb-info-background {
        height: 30% !important;
    }
}
@media only screen and (max-width: 424px) and (min-width: 375px) {
    .col-5ths {
        flex: 0 0 20%;
        max-width: 30%;
        position: absolute !important;
        height: 7rem !important;
        
    }

    .thumb-info-background {
        height: 30% !important;
    }
}
.resim {
    height: 150px !important;
    width: 100% !important;
}
@media (min-width: 1800px) {
    .resim {
        min-height: 200px !important;
        width: 100% !important;
    }
}
@media only screen and (max-width: 375px) and (min-width: 320px) {
    .resim{
        height:75px !important;
    }
    .col-5ths {
        flex: 0 0 20%;
        max-width: 33%;
        position: absolute !important;
        height: 6rem !important;
    }

    .thumb-info-background {
        height: 30% !important;
    }
}
    @media (min-width: 576px) {
        .col-sm-5ths {
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 768px) {
        .col-md-5ths {
            flex: 0 0 20%;
            max-width: 20%;
           
        }
    }

    @media (min-width: 992px) {
        .col-lg-5ths {
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 1200px) {
        .col-xl-5ths {
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    .alternative-font {
        font-family: "PT Sans", sans-serif;
        font-size: inherit;
    }

    .default-font {
        font-family: "Poppins", Arial, sans-serif;
        font-size: inherit;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: "PT Sans", sans-serif;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.2em;
    }

    h4 {
        font-size: 1em;
    }

    h5 {
        font-size: 0.9em;
    }

    h6 {
        font-size: 0.8em;
    }

    .custom-font-size-1 {
        font-size: 1.8em;
        line-height: 1;
    }

    .custom-font-size-2 {
        font-size: 3em;
        line-height: 1;
    }

    .custom-border-radius {
        border-radius: 30px !important;
    }

    .custom-carousel-arrows-style .owl-nav button.owl-prev, .custom-carousel-arrows-style .owl-nav button.owl-next {
        height: 80px;
        top: 50%;
        border-radius: 0;
        transform: translateY(-50%);
    }

        .custom-carousel-arrows-style .owl-nav button.owl-prev::before, .custom-carousel-arrows-style .owl-nav button.owl-next::before {
            font-family: simple-line-icons;
            content: "\e605";
        }

        .custom-carousel-arrows-style .owl-nav button.owl-next::before {
            content: "\e606";
        }

    .custom-carousel-dots-style {
        margin: 30px 0;
    }

        .custom-carousel-dots-style .owl-dots button.owl-dot span {
            background: transparent;
            border: 2px solid #192830;
            opacity: 0.5;
        }

        .custom-carousel-dots-style .owl-dots button.owl-dot.active span {
            opacity: 1;
        }

        .custom-carousel-dots-style.custom-carousel-dots-style-inside {
            position: relative;
        }

            .custom-carousel-dots-style.custom-carousel-dots-style-inside .owl-dots {
                position: absolute;
                bottom: 10px;
                right: 10px;
            }

    .owl-carousel.rounded-nav .owl-nav button[class*="owl-"],
    .owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:hover {
        border-radius: 100% !important;
    }

    .list.list-icons-style-2 li > .fa:first-child,
    .list.list-icons-style-2 li a:first-child > .fa:first-child,
    .list.list-icons-style-2 li > .icons:first-child,
    .list.list-icons-style-2 li a:first-child > .icons:first-child {
        border-width: 2px !important;
    }

    .form .form-control {
        border: 1px solid #dde4e6;
        border-radius: 2px;
        height: 45px;
        padding: 10px 12px;
    }

        .form .form-control::-webkit-input-placeholder {
            text-transform: uppercase;
        }

        .form .form-control::-moz-placeholder {
            text-transform: uppercase;
        }

        .form .form-control:-ms-input-placeholder {
            text-transform: uppercase;
        }

        .form .form-control:-moz-placeholder {
            text-transform: uppercase;
        }

    .form textarea.form-control {
        height: auto;
    }

    .form input[type="submit"] {
        border-radius: 25px;
        padding: 11px 21px;
        border-width: 2px;
        font-size: 1em;
    }

    #header .header-body {
        border-top: 0;
    }

    #header .header-nav-main nav > ul > li:hover > a {
        color: #adb3c2 !important;
    }

        #header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after {
            border-color: #adb3c2 transparent transparent transparent !important;
        }

    #header .header-nav-main nav > ul > li a {
        background: none !important;
    }

        #header .header-nav-main nav > ul > li a:focus, #header .header-nav-main nav > ul > li a:active {
            color: #adb3c2 !important;
        }

        #header .header-nav-main nav > ul > li a.active {
            background: transparent;
            color: #adb3c2 !important;
        }

            #header .header-nav-main nav > ul > li a.active.dropdown-toggle:after {
                border-color: #adb3c2 transparent transparent transparent !important;
            }

    #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 {
        background-color: #182027;
        border-top: none !important;
        box-shadow: none !important;
    }

        #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li:last-child > a {
            border-bottom: none !important;
        }

        #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a {
            border-bottom: none;
            color: #777;
        }

            #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a:hover {
                background: none !important;
            }

            #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a > i {
                float: right;
            }

    #header .header-btn-collapse-nav {
        border-radius: 50%;
        height: 34px;
        width: 34px;
        padding: 0;
    }

    html:not(.boxed) #header.header-full-width .header-container {
        padding-right: 27px;
        padding-left: 27px;
    }

    html.sticky-header-active #header .header-body {
        box-shadow: none;
    }

    @media (min-width: 991px) {
        #header .header-nav-main nav > ul > li > a {
            background: transparent !important;
            transition: color 0.3s ease;
        }

        #header .header-nav-main nav > ul > li.active > a {
            background: transparent;
            color: #adb3c2 !important;
        }

        #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
            content: "\f105";
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            border: none;
            margin: 0;
        }

        #header .header-nav-main nav > ul > li.dropdown:hover > a:before, #header .header-nav-main nav > ul > li.dropdown.open > a:before {
            display: none !important;
        }

        #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 {
            padding: 7px 17px !important;
            margin-top: -2px !important;
            border-radius: 0 !important;
        }

            #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li.dropdown-submenu a i:nth-child(1) {
                display: block;
            }

            #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a {
                padding: 6px 0px 6px 0px !important;
                border-bottom: 0 !important;
                color: #999 !important;
            }

                #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a:hover {
                    color: #FFF !important;
                }

                #header .header-nav-main nav > ul > li ul.custom-dropdown-menu-style-1 li > a > i {
                    margin-top: 3px;
                }
    }

    @media (max-width: 767px) {
        #header.header-narrow .header-logo img {
            height: auto !important;
            max-width: 160px;
        }
    }

    #main {
        min-height: calc( 100vh - 167px);
    }

    .slider-container {
        background: transparent !important;
    }

        .slider-container:hover .arrows-side-header-1.tp-leftarrow {
            left: -0px !important;
        }

        .slider-container:hover .arrows-side-header-1.tp-rightarrow {
            left: 100% !important;
        }

        .slider-container .hermes .tp-bullet {
            box-shadow: 0 0 0 2px #242E39 inset;
        }

            .slider-container .hermes .tp-bullet:after {
                background-color: #242E39;
                box-shadow: 0 0 1px #242E39;
            }

    .tp-caption-photo-label {
        color: #fff;
        font-family: "PT Sans", sans-serif;
        font-size: 1.8em;
        font-weight: 300;
        letter-spacing: -1px;
        padding-bottom: 10px;
        text-shadow: none;
    }

    .arrows-portfolio-detail-1 {
        width: 30px;
        height: 80px;
        border-radius: 0 !important;
    }

        .arrows-portfolio-detail-1:before {
            line-height: 80px;
        }

    .arrows-transparent-header-photography-1 {
        width: 30px;
        height: 55px;
        background: transparent;
        opacity: 0.5;
    }

        .arrows-transparent-header-photography-1:before {
            line-height: 55px;
            font-weight: bold;
        }

        .arrows-transparent-header-photography-1:hover {
            background: transparent;
            opacity: 1;
        }

    .arrows-side-header-1 {
        width: 30px;
        height: 55px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 0 !important;
    }

        .arrows-side-header-1:before {
            line-height: 55px;
            font-weight: bold;
        }

        .arrows-side-header-1:hover {
            background: #FFF;
        }

            .arrows-side-header-1:hover:before {
                color: #000;
            }

        .arrows-side-header-1.tp-leftarrow {
            left: -30px !important;
            transition: ease left 300ms;
        }

        .arrows-side-header-1.tp-rightarrow {
            left: 110% !important;
            transition: ease left 300ms;
        }

    .social-icons li {
        box-shadow: none;
        margin: 0 1px 0px 0;
    }

        .social-icons li a {
            border: 2px solid #333;
            width: 34px;
            height: 34px;
            line-height: 31px;
        }

    .thumb-info,
    .thumb-info .thumb-info-wrapper,
    .thumb-info .thumb-info-wrapper:after,
    .thumb-info .thumb-info-wrapper > img,
    .thumb-info .thumb-info-wrapper > .thumb-info-background {
        border-radius: 0;
    }

    .portfolio-stripes .owl-item .portfolio-item {
        width: calc(100% + 2px);
    }

        .portfolio-stripes .owl-item .portfolio-item .thumb-info {
            border: none;
        }

            .portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .background-image {
                transform: scale(1.1);
            }

            .portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
                background: none;
            }

            .portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
                opacity: 1;
                width: 30%;
            }

                .portfolio-stripes .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
                    transform: translate3d(-50%, -50%, 0) rotate(90deg);
                }

            .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
                height: calc(100vh - 81px);
            }

                .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::before {
                    content: '';
                    display: block;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    box-shadow: 0 50px 190px 110px #182027;
                    z-index: 1;
                }

                .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper::after {
                    background: rgba(10, 12, 36, 0.5);
                }

                .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .background-image {
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-size: cover;
                    width: 100%;
                    height: 100%;
                    transition: ease all 0.3s;
                }

                .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
                    opacity: 0;
                    position: absolute;
                    width: 10%;
                    top: 50%;
                    left: 50%;
                    z-index: 2;
                    transform: translate3d(-50%, -50%, 0);
                    transition: ease all 0.3s;
                }

                    .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        top: 50%;
                        left: 50%;
                        border-top: 1px solid #FFF;
                        transform: translate3d(-50%, -50%, 0);
                    }

                    .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        transform: translate3d(-50%, -50%, 0) rotate(0deg);
                    }

                .portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title {
                    background: none;
                    bottom: 5.5%;
                    left: 5%;
                    padding: 0;
                    font-size: 2em;
                    line-height: 1;
                    text-shadow: none;
                }

    .thumb-info-icons.position-style-1 {
        position: absolute;
        bottom: 5%;
        right: 5%;
        z-index: 2;
    }

    .thumb-info-icons.position-style-2 {
        position: absolute;
        top: -15px;
        left: 50%;
        z-index: 3;
        transform: translateX(-51%);
    }

    .thumb-info-icons.position-style-3 {
        position: absolute;
        bottom: 7%;
        right: 2%;
    }

    .thumb-info-icons .thumb-info-icon {
        display: inline-block;
        padding: 5px 11px;
        border-radius: 20px;
        transition: ease all 0.3s;
    }

        .thumb-info-icons .thumb-info-icon.love {
            margin-left: 0.2em;
        }

        .thumb-info-icons .thumb-info-icon i {
            margin-left: 8px;
        }

    #portfolioDetailLoadMoreWrapper li {
        list-style: none;
        max-height: 318px;
        overflow: hidden;
    }

    .portfolioDetail-load-more-loader, .portfolioInfiniteScroll-load-more-loader {
        display: none;
        min-height: 132px;
    }

    .portfolio-detail-item {
        position: relative;
        display: inline-block;
        text-align: center;
        max-width: 360px;
        width: 100%;
        height: 283px;
        min-height: 283px;
        margin: 35px 15px 15px 15px;
        cursor: pointer;
        box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.3);
        transition: box-shadow 0.3s ease;
        z-index: 0;
    }

        .portfolio-detail-item:hover {
            box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.7);
        }

            .portfolio-detail-item:hover .thumb-info-icons .thumb-info-icon {
                background-color: #ef4545 !important;
            }

        .portfolio-detail-item a {
            text-decoration: none !important;
        }

        .portfolio-detail-item .owl-carousel {
            margin-bottom: 0;
            position: relative;
            width: 100%;
            max-width: 360px;
            min-height: 283px;
        }

            .portfolio-detail-item .owl-carousel .item-image-wrapper {
                box-shadow: none;
            }

            .portfolio-detail-item .owl-carousel .item-image {
                margin-top: 0;
            }

            .portfolio-detail-item .owl-carousel .owl-item {
                width: 100%;
                max-width: 360px;
            }

                .portfolio-detail-item .owl-carousel .owl-item > div {
                    position: relative;
                    width: 100%;
                    max-width: 360px;
                    min-height: 283px;
                }

            .portfolio-detail-item .owl-carousel .owl-nav button.owl-prev,
            .portfolio-detail-item .owl-carousel .owl-nav button.owl-next {
                border: 0 none;
                color: #FFF;
                height: 50px;
                line-height: 38px;
                margin-top: -4px;
                border-radius: 0;
                transition: all 0.3s ease;
            }

                .portfolio-detail-item .owl-carousel .owl-nav button.owl-prev:before,
                .portfolio-detail-item .owl-carousel .owl-nav button.owl-next:before {
                    font-family: simple-line-icons;
                    content: "\e605";
                    font-size: 11px;
                }

                .portfolio-detail-item .owl-carousel .owl-nav button.owl-next::before {
                    font-family: simple-line-icons;
                    content: "\e606";
                }

            .portfolio-detail-item .owl-carousel.show-nav-hover .owl-nav button.owl-prev {
                left: 0;
            }

            .portfolio-detail-item .owl-carousel.show-nav-hover .owl-nav button.owl-next {
                right: 0;
            }

        .portfolio-detail-item .sub-item-description {
            display: block;
            left: 0;
            top: 0;
            padding: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 3;
            overflow: hidden;
            transition: all 0.3s ease;
        }

            .portfolio-detail-item .sub-item-description:before {
                content: '';
                display: block;
                position: absolute;
                bottom: -10%;
                left: 0;
                width: 100%;
                box-shadow: 0 50px 130px 110px #182027;
                z-index: 1;
                opacity: 0;
                transition: all 0.3s ease;
            }

            .portfolio-detail-item .sub-item-description h5 {
                transition: all 0.3s ease;
                color: #FFF;
                position: absolute;
                z-index: 2;
                bottom: -100%;
                width: 100%;
                text-align: center;
                left: 0;
                padding-bottom: 25px;
            }

        .portfolio-detail-item:hover .sub-item-description h5 {
            bottom: 0;
        }

        .portfolio-detail-item:hover .sub-item-description:before {
            opacity: 1;
        }

        .portfolio-detail-item .item-image-wrapper {
            background: transparent;
            width: 100%;
            display: inline-block;
            border: none;
            box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.3s ease;
        }

            .portfolio-detail-item .item-image-wrapper .fa-spin {
                background: transparent none repeat scroll 0 0;
                color: #ccc;
                font-size: 25px;
                left: 50%;
                margin: -13px;
                position: absolute;
                top: 50%;
                z-index: -2;
            }

        .portfolio-detail-item a:hover .item-image-wrapper {
            box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
        }

        .portfolio-detail-item .item-image {
            min-height: 283px;
            max-width: 360px;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-size: cover;
            z-index: -1;
        }

        .portfolio-detail-item .item-description {
            display: block;
            padding: 15px 0;
        }

        .portfolio-detail-item h5 {
            padding: 0;
            margin: 0;
            font-size: 14px;
        }

        .portfolio-detail-item p {
            padding: 0;
            margin: 0;
            font-size: 12px;
        }

    @media (max-width: 767px) {
        .portfolio-detail-item {
            margin-left: 0;
            margin-right: 0;
        }
    }

    #portfolioDetailLoadMore {
        margin: 50px 0px 30px 0px;
        padding: 13px 30px;
        outline: none;
    }

    #porfolioDetailsAjaxBoxContent .slider-container .hermes .tp-bullet {
        box-shadow: 0 0 0 2px #FFF inset;
    }

        #porfolioDetailsAjaxBoxContent .slider-container .hermes .tp-bullet:after {
            background-color: #FFF;
            box-shadow: 0 0 1px #FFF;
        }

    .portfolio-parallax {
        height: 40vh;
    }

        .portfolio-parallax:before {
            content: '';
            display: block;
            position: absolute;
            background: rgba(10, 12, 36, 0);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: ease all 300ms;
        }

        .portfolio-parallax:hover:before {
            background: rgba(10, 12, 36, 0.5);
        }

        .portfolio-parallax:hover .thumb-info-plus {
            opacity: 1;
            width: 8%;
        }

            .portfolio-parallax:hover .thumb-info-plus::after {
                transform: translate3d(-50%, -50%, 0) rotate(90deg);
            }

        .portfolio-parallax.hidden-plus:before {
            content: none;
        }

        .portfolio-parallax.hidden-plus .thumb-info-plus {
            display: none;
        }

        .portfolio-parallax h2 {
            position: absolute;
            bottom: 7%;
            left: 1%;
            padding: 0;
            font-size: 2em;
            line-height: 1;
            margin: 0;
        }

        .portfolio-parallax .thumb-info-plus {
            opacity: 0;
            position: absolute;
            width: 2%;
            top: 50%;
            left: 50%;
            z-index: 2;
            transform: translate3d(-50%, -50%, 0);
            transition: ease all 0.3s;
        }

            .portfolio-parallax .thumb-info-plus::before, .portfolio-parallax .thumb-info-plus::after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                top: 50%;
                left: 50%;
                border-top: 1px solid #FFF;
                transform: translate3d(-50%, -50%, 0);
            }

            .portfolio-parallax .thumb-info-plus::after {
                transform: translate3d(-50%, -50%, 0) rotate(0deg);
            }

    @media (max-width: 991px) {
        .portfolio-parallax {
            height: 30vh;
        }

            .portfolio-parallax:hover .thumb-info-plus {
                width: 20%;
            }
    }

    @media (max-width: 767px) {
        .portfolio-parallax {
            height: 25vh;
        }
    }

    #portfolioGrid {
        margin: 0.5vw;
    }

        #portfolioGrid li {
            list-style: none;
        }

        #portfolioGrid.portfolioGridFullNoMargins {
            margin: 0;
        }

            #portfolioGrid.portfolioGridFullNoMargins .portfolio-grid-item {
                padding: 0;
            }

    .portfolio-grid-item {
        padding: 0.5vw;
    }

        .portfolio-grid-item .thumb-info {
            border: none;
        }

            .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-background {
                transform: scale(1.1);
            }

            .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
                opacity: 1;
                transform: translate3d(-50%, 50%, 0px);
            }

                .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
                    opacity: 1;
                    transform: translate3d(0, 0, 0);
                }

            .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
                opacity: 1;
                width: 30%;
            }

                .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
                    transform: translate3d(-50%, -50%, 0) rotate(90deg);
                }

            .portfolio-grid-item .thumb-info .thumb-info-wrapper {
                background-size: cover;
                width: 100%;
            }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
                    height: 33.5vw;
                }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
                    height: 16.25vw;
                }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
                    height: 12.25vw;
                }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
                    height: 19.25vw;
                }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper:after {
                    background: rgba(10, 12, 36, 0.5);
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-background {
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-size: cover;
                    background-position: center;
                    width: 100%;
                    height: 100%;
                    transition: ease all 0.3s;
                }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title {
                    width: 90%;
                    background: transparent;
                    bottom: 50%;
                    left: 50%;
                    right: auto;
                    opacity: 0;
                    text-transform: none;
                    margin: 0;
                    line-height: 1.4;
                    font-size: 30px;
                    font-weight: 300 !important;
                    text-shadow: none;
                    letter-spacing: -1px;
                    transition: all 0.3s ease;
                    transform: translate3d(-50%, 40%, 0px);
                }

                    .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
                        display: block;
                        opacity: 0;
                        text-transform: none;
                        font-size: 16px;
                        transform: translate3d(0, -40%, 0px);
                        transition: all 0.3s ease 0.3s;
                    }

                .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
                    opacity: 0;
                    position: absolute;
                    width: 10%;
                    top: 50%;
                    left: 50%;
                    z-index: 2;
                    transform: translate3d(-50%, -50%, 0);
                    transition: ease all 0.3s;
                }

                    .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        top: 50%;
                        left: 50%;
                        border-top: 1px solid #FFF;
                        transform: translate3d(-50%, -50%, 0);
                    }

                    .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        transform: translate3d(-50%, -50%, 0) rotate(0deg);
                    }

    @media (max-width: 991px) {
        #portfolioGrid {
            margin: 1.5vw;
        }

        .portfolio-grid-item {
            padding: 1.5vw;
        }

            .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1 {
                height: 47.5vw;
            }

            .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2 {
                height: 22.25vw;
            }

            .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3 {
                height: 20.25vw;
            }

            .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
                height: 30.25vw;
            }
    }

    @media (max-width: 767px) {
        #portfolioGrid:not(.portfolioGridFullNoMargins) {
            margin: 0vw;
        }

            #portfolioGrid:not(.portfolioGridFullNoMargins) li:last-child .portfolio-grid-item {
                padding: 4.5vw 4.5vw 4.5vw 4.5vw;
            }

        .portfolio-grid-item {
            padding: 4.5vw 4.5vw 0vw 4.5vw;
        }

            .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
                height: 50vw;
            }
    }

    @media (max-width: 576px) {
        .portfolio-grid-item {
            padding: 4.5vw 4.5vw 0vw 4.5vw;
        }

            .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-1, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-2, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-3, .portfolio-grid-item .thumb-info .thumb-info-wrapper.size-4 {
                height: 70vw;
            }
    }

    #portfolioVertical {
        margin: 0;
        padding: 0;
        margin-top: 25px;
    }

        #portfolioVertical li {
            list-style: none;
            margin-bottom: 25px;
        }

    @media (max-width: 767px) {
        #portfolioVertical {
            margin-top: 15px;
        }

            #portfolioVertical li {
                margin-bottom: 15px;
            }
    }

    .portfolio-vertical-item, .horizontal-scroll-item, .portfolio-detail-image-item {
        transition: ease box-shadow 300ms;
    }

        .portfolio-vertical-item:hover, .horizontal-scroll-item:hover, .portfolio-detail-image-item:hover {
            box-shadow: 0px 0px 59px -16px rgba(0, 0, 0, 0.4);
        }

        .portfolio-vertical-item .thumb-info, .horizontal-scroll-item .thumb-info, .portfolio-detail-image-item .thumb-info {
            border: none;
            transform: none;
        }

            .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
                opacity: 1;
                transform: translate3d(-50%, 50%, 0px);
            }

                .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title span {
                    opacity: 1;
                    transform: translate3d(0, 0, 0);
                }

            .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
                opacity: 1;
                width: 30%;
            }

                .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
                    transform: translate3d(-50%, -50%, 0) rotate(90deg);
                }

                .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size, .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size, .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus.alternative-size {
                    width: 21%;
                }

            .portfolio-vertical-item .thumb-info .thumb-info-wrapper, .horizontal-scroll-item .thumb-info .thumb-info-wrapper, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper {
                transform: none;
            }

                .portfolio-vertical-item .thumb-info .thumb-info-wrapper:after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper:after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper:after {
                    background: rgba(10, 12, 36, 0.5);
                }

                .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title {
                    width: 90%;
                    background: transparent;
                    bottom: 50%;
                    left: 50%;
                    right: auto;
                    opacity: 0;
                    text-transform: none;
                    margin: 0;
                    line-height: 1.4;
                    font-size: 30px;
                    font-weight: 300 !important;
                    text-shadow: none;
                    letter-spacing: -1px;
                    transition: all 0.3s ease;
                    transform: translate3d(-50%, 40%, 0);
                }

                    .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title span, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title span, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title span {
                        display: block;
                        opacity: 1;
                        text-transform: none;
                        font-size: 16px;
                        transform: translate3d(0, -40%, 0);
                        transition: all 0.3s ease 0.3s;
                    }

                .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
                    opacity: 0;
                    position: absolute;
                    width: 10%;
                    top: 50%;
                    left: 50%;
                    z-index: 2;
                    transform: translate3d(-50%, -50%, 0);
                    transition: ease all 0.3s;
                }

                    .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        top: 50%;
                        left: 50%;
                        border-top: 1px solid #FFF;
                        transform: translate3d(-50%, -50%, 0);
                    }

                    .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after, .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        transform: translate3d(-50%, -50%, 0) rotate(0deg);
                    }

    #horizontalScrollBox {
        position: relative;
        width: 100%;
        height: calc( 100vh - 183px);
        overflow-y: hidden;
        overflow-x: scroll;
    }

        #horizontalScrollBox::-webkit-scrollbar {
            height: 10px;
        }

        #horizontalScrollBox::-webkit-scrollbar-track {
            background: #e2e2e2;
            border-radius: 10px;
            margin: 18px;
        }

        #horizontalScrollBox::-webkit-scrollbar-thumb {
            background: #888888;
            border-radius: 10px;
        }

        #horizontalScrollBox .content {
            display: flex;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

            #horizontalScrollBox .content .horizontal-scroll-item-wrapper {
                display: inline-flex;
                flex: 0 0 auto;
                margin: 20px 0px 20px 20px;
                width: auto;
            }

                #horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
                    margin: 20px 0px 20px 0px;
                }

                #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus {
                    opacity: 1;
                    width: 30%;
                }

                    #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-plus::after {
                        transform: translate3d(-50%, -50%, 0) rotate(90deg);
                    }

                #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
                    width: auto;
                    height: calc( 100vh - 223px);
                }

                #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
                    opacity: 0;
                    position: absolute;
                    width: 10%;
                    top: 50%;
                    left: 50%;
                    z-index: 2;
                    transform: translate3d(-50%, -50%, 0);
                    transition: ease all 0.3s;
                }

                    #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::before, #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        content: '';
                        display: block;
                        position: absolute;
                        width: 100%;
                        top: 50%;
                        left: 50%;
                        border-top: 1px solid #FFF;
                        transform: translate3d(-50%, -50%, 0);
                    }

                    #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus::after {
                        transform: translate3d(-50%, -50%, 0) rotate(0deg);
                    }

        #horizontalScrollBox .custom-portfolio-navigation {
            position: fixed;
            width: 100vw;
            top: 47%;
            z-index: 10;
            transform: translateY(-50%);
        }

            #horizontalScrollBox .custom-portfolio-navigation .prev, #horizontalScrollBox .custom-portfolio-navigation .next {
                position: absolute;
                width: 30px;
                height: 80px;
                top: -40px;
                left: 0;
                color: #FFF;
                background-color: #242E39;
                cursor: pointer;
            }

                #horizontalScrollBox .custom-portfolio-navigation .prev::before, #horizontalScrollBox .custom-portfolio-navigation .next::before {
                    position: relative;
                    content: "\e605";
                    font-family: simple-line-icons;
                    top: 27px;
                    left: 5px;
                }

                #horizontalScrollBox .custom-portfolio-navigation .prev:hover, #horizontalScrollBox .custom-portfolio-navigation .next:hover {
                    background-color: #252f3a;
                }

                #horizontalScrollBox .custom-portfolio-navigation .prev.disable-button, #horizontalScrollBox .custom-portfolio-navigation .next.disable-button {
                    opacity: 0.5;
                }

            #horizontalScrollBox .custom-portfolio-navigation .next {
                left: auto;
                right: 0;
            }

                #horizontalScrollBox .custom-portfolio-navigation .next::before {
                    content: "\e606";
                    left: 9px;
                }

    @media (max-width: 991px) {
        #horizontalScrollBox {
            height: auto !important;
            overflow: visible !important;
        }

            #horizontalScrollBox::-webkit-scrollbar {
                width: 0;
            }

            #horizontalScrollBox .content {
                position: static;
                width: 100% !important;
                flex-direction: column;
            }

                #horizontalScrollBox .content .horizontal-scroll-item-wrapper {
                    margin: 20px 20px 0px 20px;
                }

                    #horizontalScrollBox .content .horizontal-scroll-item-wrapper:first-child {
                        margin: 20px 20px 0px 20px;
                    }

                    #horizontalScrollBox .content .horizontal-scroll-item-wrapper:last-child {
                        margin: 20px;
                    }

                    #horizontalScrollBox .content .horizontal-scroll-item-wrapper .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
                        width: 100%;
                        height: auto;
                    }

            #horizontalScrollBox .custom-portfolio-navigation {
                display: none;
            }
    }

    .portfolio-list .portfolio-item {
        margin-bottom: 25px;
    }

    .mfp-wrap.photography-portfolio-gallery {
        opacity: 0;
        transition: ease opacity 300ms;
    }

    #photographyLightbox {
        position: absolute;
        width: 100vw;
        height: 100vh;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

        #photographyLightbox .mfp-close {
            background-color: #242E39;
            color: #FFF;
            top: 0;
            right: 0;
            opacity: 1;
        }

            #photographyLightbox .mfp-close:hover {
                opacity: 0.7;
            }

        #photographyLightbox .thumb-gallery {
            position: absolute;
            width: 100vw;
            height: 95vh;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
        }

        #photographyLightbox .owl-carousel .owl-item > div {
            position: relative;
            height: 95vh;
        }

            #photographyLightbox .owl-carousel .owl-item > div .img-thumbnail {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 100%;
                padding: 0;
                border: none;
                background: transparent;
                text-align: center;
                transform: translate3d(-50%, -50%, 0);
            }

        #photographyLightbox .owl-carousel .owl-item img {
            display: inline-block !important;
            width: auto;
            max-width: 95vw;
            max-height: 90vh;
            box-shadow: 0px 0px 40px -10px #000;
        }

        #photographyLightbox .owl-carousel .owl-nav button.owl-prev,
        #photographyLightbox .owl-carousel .owl-nav button.owl-next {
            border: 0 none;
            border-radius: 0;
            color: #FFF;
            height: 80px;
            line-height: 68px;
            margin-top: -20px;
            transition: all 0.3s ease;
        }

            #photographyLightbox .owl-carousel .owl-nav button.owl-prev:before,
            #photographyLightbox .owl-carousel .owl-nav button.owl-next:before {
                font-family: simple-line-icons;
                content: "\e605";
                font-size: 11px;
            }

            #photographyLightbox .owl-carousel .owl-nav button.owl-next::before {
                font-family: simple-line-icons;
                content: "\e606";
            }

        #photographyLightbox #thumbGalleryThumbs {
            width: 98%;
            height: 13vh;
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

            #photographyLightbox #thumbGalleryThumbs:hover .owl-stage-outer, #photographyLightbox #thumbGalleryThumbs.show-thumbs .owl-stage-outer {
                opacity: 1;
                transform: translateY(0);
            }

            #photographyLightbox #thumbGalleryThumbs.boxed-thumbs:hover .owl-stage-outer {
                opacity: 1;
                transform: translateY(0);
            }

            #photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div {
                height: 20vh;
            }

                #photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item > div .img-thumbnail {
                    height: 5.3vw;
                    overflow: hidden;
                    border: none;
                    box-shadow: none;
                }

            #photographyLightbox #thumbGalleryThumbs.boxed-thumbs .owl-item img {
                width: auto;
                height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate3d(-50%, -50%, 0);
            }

            #photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs:hover .owl-stage-outer {
                opacity: 1;
                transform: translateY(-32%);
            }

            #photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item.active-thumb {
                opacity: 0.5;
            }

            #photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div {
                height: 20vh;
            }

                #photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item > div .img-thumbnail {
                    border: none;
                    box-shadow: none;
                    overflow: visible;
                }

            #photographyLightbox #thumbGalleryThumbs.full-proportion-thumbs .owl-item img {
                max-height: 20vh;
                box-shadow: none;
                height: auto;
                width: 100%;
            }

            #photographyLightbox #thumbGalleryThumbs .owl-stage-outer {
                opacity: 0;
                transform: translateY(100%);
                transition: ease all 300ms;
            }

            #photographyLightbox #thumbGalleryThumbs .owl-stage {
                margin: 0 auto;
            }

            #photographyLightbox #thumbGalleryThumbs .owl-item.active-thumb {
                opacity: 0.5;
            }

            #photographyLightbox #thumbGalleryThumbs .owl-item > div {
                height: 20vh;
            }

                #photographyLightbox #thumbGalleryThumbs .owl-item > div .img-thumbnail {
                    height: 5.3vw;
                    box-shadow: 0px 0px 50px -10px #000;
                    overflow: hidden;
                }

            #photographyLightbox #thumbGalleryThumbs .owl-item img {
                width: 100%;
                height: auto;
                max-height: none;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate3d(-50%, -50%, 0);
            }

    @media (max-width: 991px) {
        #photographyLightbox .thumb-gallery {
            transform: translate3d(-50%, -50%, 0);
        }

        #photographyLightbox .owl-carousel .owl-item img {
            box-shadow: 0px 0px 20px #000;
            max-width: 89vw;
        }

        #photographyLightbox #thumbGalleryThumbs .owl-item img {
            box-shadow: none;
        }

        #photographyLightbox #thumbGalleryThumbs .owl-stage-outer {
            display: none;
        }
    }

    @media (max-width: 767px) {
        #photographyLightbox .owl-carousel .owl-item img {
            max-width: 80vw;
        }
    }

    #portfolioSliderWithThumbs {
        margin-top: 0;
    }

        #portfolioSliderWithThumbs #thumbGalleryDetail {
            height: 600px;
        }

            #portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav {
                margin-top: 0;
            }

                #portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-prev,
                #portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next {
                    border: 0 none;
                    border-radius: 0;
                    color: #FFF;
                    height: 80px;
                    line-height: 68px;
                    margin-top: -20px;
                    transition: all 0.3s ease;
                }

                    #portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-prev:before,
                    #portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next:before {
                        font-family: simple-line-icons;
                        content: "\e605";
                        font-size: 11px;
                    }

                    #portfolioSliderWithThumbs #thumbGalleryDetail .owl-nav button.owl-next::before {
                        font-family: simple-line-icons;
                        content: "\e606";
                    }

            #portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
                background-size: cover !important;
                width: 100%;
                height: 600px;
            }

        #portfolioSliderWithThumbs #thumbGalleryThumbs {
            height: 80px;
        }

            #portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item.active-thumb {
                opacity: 0.5;
            }

            #portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
                background-size: cover !important;
                width: 100%;
                height: 80px;
            }

    @media (max-width: 1200px) {
        #portfolioSliderWithThumbs #thumbGalleryDetail {
            height: 520px;
        }

            #portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
                height: 520px;
            }

        #portfolioSliderWithThumbs #thumbGalleryThumbs {
            height: 75px;
        }

            #portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
                height: 75px;
            }
    }

    @media (max-width: 991px) {
        #portfolioSliderWithThumbs #thumbGalleryDetail {
            height: 390px;
        }

            #portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
                height: 390px;
            }

        #portfolioSliderWithThumbs #thumbGalleryThumbs {
            height: 65px;
        }

            #portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
                height: 65px;
            }
    }

    @media (max-width: 767px) {
        #portfolioSliderWithThumbs #thumbGalleryDetail {
            height: 50vw;
        }

            #portfolioSliderWithThumbs #thumbGalleryDetail .owl-item > div {
                height: 50vw;
            }

        #portfolioSliderWithThumbs #thumbGalleryThumbs {
            height: 17vw;
        }

            #portfolioSliderWithThumbs #thumbGalleryThumbs .owl-item > div {
                height: 17vw;
            }
    }

    section.section-title {
        padding: 60px 0;
        margin: 0;
    }

    section.photographers {
        background: #ecf2f4;
        border-top: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

        section.photographers .owl-carousel {
            padding: 0px;
            margin: 0;
        }

            section.photographers .owl-carousel .owl-nav {
                margin: 0;
            }

    .custom-thumb-info-photographers {
        background: #ecf2f4;
        border: none;
        position: relative;
    }

        .custom-thumb-info-photographers .thumb-info-wrapper {
            transform: none;
            margin: 0 !important;
        }

            .custom-thumb-info-photographers .thumb-info-wrapper > a {
                display: block;
            }

            .custom-thumb-info-photographers .thumb-info-wrapper:before {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                box-shadow: 0 50px 190px 110px #182027;
                opacity: 0;
                z-index: 1;
            }

            .custom-thumb-info-photographers .thumb-info-wrapper:after {
                background: rgba(24, 32, 39, 0.5) !important;
            }

        .custom-thumb-info-photographers .thumb-info-action {
            height: 100% !important;
            margin: 0 !important;
            top: 50% !important;
            transform: translate3d(0, -50%, 0) !important;
        }

        .custom-thumb-info-photographers .social-icons {
            bottom: 0;
            left: 0;
            opacity: 1;
            position: absolute;
            width: 100%;
            opacity: 0;
            text-align: center;
            z-index: 3;
            transform: translateY(50px);
            transition: all 0.3s ease 0.2s;
        }

            .custom-thumb-info-photographers .social-icons li:hover.social-icons-facebook a {
                background: #3b5a9a;
            }

            .custom-thumb-info-photographers .social-icons li:hover.social-icons-twitter a {
                background: #1aa9e1;
            }

            .custom-thumb-info-photographers .social-icons li:hover.social-icons-instagram a {
                background: #7c4a3a;
            }

            .custom-thumb-info-photographers .social-icons li a {
                background: transparent !important;
                width: 40px;
                height: 40px;
                border-color: #fff;
                color: #fff !important;
                line-height: 36px;
            }

            .custom-thumb-info-photographers .social-icons li.social-icons-facebook a i {
                margin-left: -3px;
            }

            .custom-thumb-info-photographers .social-icons li.social-icons-instagram a i {
                margin-left: -1px;
            }

        .custom-thumb-info-photographers:hover .thumb-info-action {
            display: block !important;
        }

        .custom-thumb-info-photographers:hover .thumb-info-wrapper:before {
            opacity: 1;
        }

        .custom-thumb-info-photographers:hover .thumb-info-title {
            background: none;
        }

            .custom-thumb-info-photographers:hover .thumb-info-title > span {
                opacity: 1;
                transform: translateY(0);
            }

        .custom-thumb-info-photographers:hover .social-icons {
            opacity: 1;
            transform: translateY(-15px);
        }

        .custom-thumb-info-photographers .thumb-info-title {
            background: none;
            text-transform: none;
            bottom: 50%;
            left: 5%;
            width: 90%;
            font-weight: 400;
            text-shadow: none;
            font-size: 24px;
            transform: translate3d(0, 50%, 0);
        }

            .custom-thumb-info-photographers .thumb-info-title > span {
                display: block;
                font-weight: 100;
                opacity: 0;
                font-size: 16px;
                padding-top: 2px;
                transform: translateY(-35%);
                transition: all 0.3s ease 0.1s;
            }

    section.our-services {
        background: #FFF;
        border: none;
        margin: 0;
        padding: 60px 0;
    }

        section.our-services .feature-box:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
        }

        section.our-services .feature-box.hidden-vertical-line:after {
            content: none;
        }

        section.our-services .feature-box .feature-box-icon {
            position: relative;
            background: transparent;
            min-width: 100px;
            min-height: 100px;
            border: 2px solid #000;
            border-radius: 100%;
            padding: 5px;
            overflow: hidden;
            z-index: 1;
        }

            section.our-services .feature-box .feature-box-icon:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border: 6px solid #FFF;
                border-radius: 100%;
                z-index: 1;
            }

            section.our-services .feature-box .feature-box-icon img {
                position: absolute;
                width: 113%;
                top: 50%;
                left: 50%;
                z-index: 0;
                transform: translate3d(-50%, -50%, 0);
            }

    section.why-choose-us {
        border: none;
        margin: 0;
    }

        section.why-choose-us .feature-box .feature-box-icon {
            float: none;
            margin: 0;
        }

        section.why-choose-us .feature-box .feature-box-info {
            padding: 0;
        }

        section.why-choose-us .feature-box p {
            color: #b8b5b1;
        }

    section.our-clients {
        background: #FFF;
        border: 0;
        margin: 0;
        padding: 60px 0;
    }

        section.our-clients .content-grid .content-grid-item {
            padding: 0;
        }

            section.our-clients .content-grid .content-grid-item:before, section.our-clients .content-grid .content-grid-item:after {
                content: none;
            }

    .award-item {
        display: inline-table;
        margin: 0 15px;
    }

        .award-item img.border-rounded {
            border-radius: 100%;
        }

        .award-item p {
            max-width: 100%;
            margin: 15px auto 10px;
        }

    .blog-bg {
        background: #ecf2f4;
    }

    section.our-blog {
        padding: 60px 0;
        margin: 0;
    }

    #ourBlog {
        margin-top: 60px;
    }

        #ourBlog li {
            list-style: none;
        }

    .our-blog-item {
        position: relative;
        transition: ease box-shadow 300ms;
    }

        .our-blog-item:hover:not(.blog-post) {
            box-shadow: 0px 0px 49px -21px rgba(0, 0, 0, 0.3);
        }

            .our-blog-item:hover:not(.blog-post) .image-wrapper img {
                transform: scale(1.1);
            }

        .our-blog-item.blog-post .post-infos {
            padding: 75px;
        }

            .our-blog-item.blog-post .post-infos .testimonial blockquote {
                background: transparent;
                padding: 0px 0 10px 80px;
            }

                .our-blog-item.blog-post .post-infos .testimonial blockquote:before {
                    color: #333;
                    top: -13px;
                }

                .our-blog-item.blog-post .post-infos .testimonial blockquote:after {
                    content: none;
                }

                .our-blog-item.blog-post .post-infos .testimonial blockquote p {
                    font-family: "PT Sans", sans-serif;
                    color: #777;
                    font-style: normal;
                    line-height: 1.5;
                    font-size: 1.1em;
                    font-weight: 100;
                }

        .our-blog-item.blog-post .author-info {
            padding: 75px;
        }

            .our-blog-item.blog-post .author-info:after {
                content: '';
                display: block;
                clear: both;
            }

            .our-blog-item.blog-post .author-info img.border-rounded {
                border-radius: 100%;
            }

            .our-blog-item.blog-post .author-info .designation {
                color: #b1b6be;
            }

            .our-blog-item.blog-post .author-info p {
                color: #c3c7ce;
            }

        .our-blog-item .image-wrapper {
            display: block;
            overflow: hidden;
        }

            .our-blog-item .image-wrapper img {
                transition: ease transform 300ms;
            }

        .our-blog-item .category {
            position: absolute;
            top: 15px;
            right: 15px;
            color: #fff;
            padding: 5px 25px;
            border-radius: 20px;
        }

        .our-blog-item .post-infos {
            position: relative;
            background: #FFF;
            padding: 25px;
        }

            .our-blog-item .post-infos .share {
                position: absolute;
                bottom: calc(100% - 22px);
                right: 15px;
                border-radius: 50px;
                width: 43px;
                height: 43px;
                overflow: hidden;
                z-index: 1;
                transition: ease height 300ms;
            }

                .our-blog-item .post-infos .share:hover {
                    height: 176px;
                }

                .our-blog-item .post-infos .share .share-icons {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    text-align: center;
                }

                    .our-blog-item .post-infos .share .share-icons i {
                        display: block;
                        color: #FFF;
                        padding: 15px;
                        opacity: 0.5;
                        transition: ease opacity 300ms;
                    }

                        .our-blog-item .post-infos .share .share-icons i.fa-share-alt {
                            opacity: 1;
                        }

                        .our-blog-item .post-infos .share .share-icons i:hover {
                            opacity: 1;
                        }

            .our-blog-item .post-infos .post-date {
                color: #646974;
            }

            .our-blog-item .post-infos h1 {
                line-height: 1.2;
                margin-bottom: 10px;
            }

    @media (max-width: 991px) {
        .our-blog-item.blog-post .author-info img {
            display: block;
        }
    }

    @media (max-width: 767px) {
        .our-blog-item.blog-post .post-infos, .our-blog-item.blog-post .author-info {
            padding: 25px;
        }
    }

    .post-comments {
        margin: 45px 0;
    }

        .post-comments ul.comments li {
            padding: 15px 0 15px 115px;
            border-top: 1px solid #dde5e7;
        }

            .post-comments ul.comments li:first-child {
                border-top: none;
            }

            .post-comments ul.comments li ul li:first-child {
                border-top: 1px solid #dde5e7;
            }

            .post-comments ul.comments li .img-thumbnail {
                background: transparent;
                width: 100px;
                height: 100px;
                border: 1px solid #000;
                border-radius: 100%;
                overflow: hidden;
                z-index: 1;
            }

                .post-comments ul.comments li .img-thumbnail:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    border: 6px solid #FFF;
                    border-radius: 100%;
                    z-index: 1;
                }

                .post-comments ul.comments li .img-thumbnail img {
                    position: absolute;
                    width: 100%;
                    height: auto;
                    top: 50%;
                    left: 50%;
                    z-index: 0;
                    transform: translate3d(-50%, -50%, 0);
                }

            .post-comments ul.comments li a {
                text-decoration: none;
                border-radius: 25px;
                padding: 3px 21px;
                border-width: 2px;
                font-weight: bold;
                font-size: 0.9em;
            }

        .post-comments ul.comments .comment-block {
            background: none;
        }

            .post-comments ul.comments .comment-block .comment-by {
                text-transform: uppercase;
                color: #313946;
            }

            .post-comments ul.comments .comment-block p {
                color: #262d3d;
            }

    @media (max-width: 575px) {
        .post-comments ul.comments li {
            padding: 0 0 0 10px;
        }
    }

    .leave-comment {
        padding: 60px 0;
    }

    @media (max-width: 991px) {
        .leave-comment input[type="email"] {
            margin-top: 15px;
        }
    }

    #photographyPagination {
        margin: 60px 0;
    }

        #photographyPagination ul {
            padding: 0;
            text-align: center;
        }

            #photographyPagination ul li {
                display: inline-block;
                list-style: none;
            }

                #photographyPagination ul li a {
                    border-radius: 25px;
                    padding: 8px 13px;
                    border-width: 2px;
                    font-weight: bold;
                    text-transform: uppercase;
                    letter-spacing: -1px;
                    font-size: 0.9em;
                }

                #photographyPagination ul li.prev a i {
                    margin-right: 5px;
                }

                #photographyPagination ul li.next a i {
                    margin-left: 5px;
                }

    @media (max-width: 767px) {
        #ourBlog .isotope-item {
            text-align: left;
        }

        #ourBlog .our-blog-item .post-infos .share {
            width: 42px;
        }
    }

    section.contact-details {
        border: none;
        margin: 0;
    }

        section.contact-details .feature-box {
            padding: 20px 10px;
            text-align: center;
        }

            section.contact-details .feature-box .feature-box-icon {
                float: none;
                margin: 0;
            }

                section.contact-details .feature-box .feature-box-icon [class*="fa-"], section.contact-details .feature-box .feature-box-icon .icons {
                    color: #FFF;
                    opacity: 0.5;
                }

            section.contact-details .feature-box .feature-box-info {
                padding: 0;
            }

            section.contact-details .feature-box p, section.contact-details .feature-box a {
                color: #b8b5b1;
            }

    #footer.light.narrow {
        border: 0;
        padding: 0;
        margin: 0;
    }

        #footer.light.narrow .footer-copyright {
            border: 0;
            margin: 0;
            padding: 30px 0;
            background: #E8EDF0;
        }

            #footer.light.narrow .footer-copyright p {
                color: #777;
                font-family: "PT Sans", sans-serif;
                font-size: 13px;
            }

    /*
* Demo Photography 3
*/
    html.photography-demo-3.safari .body {
        overflow: inherit;
    }

    @media (min-width: 992px) {
        html.photography-demo-3.side-header .main .container,
        html.photography-demo-3.side-header #footer .container {
            max-width: 1140px;
        }
    }

    html.photography-demo-3.side-header #main {
        position: relative;
        z-index: 999;
    }

    @media (min-width: 992px) and (max-width: 1200px) {
        html.photography-demo-3 .sticky-wrapper {
            z-index: 1000 !important;
        }

        html.photography-demo-3.side-header #header.side-header {
            z-index: 1000 !important;
        }
    }

    html.photography-demo-3 h1, html.photography-demo-3 h2, html.photography-demo-3 h3, html.photography-demo-3 h4, html.photography-demo-3 h5, html.photography-demo-3 h6, html.photography-demo-3 a, html.photography-demo-3 p, html.photography-demo-3 span {
        font-family: "PT Sans", sans-serif;
    }

    html.photography-demo-3 #main {
        transition: ease opacity 300ms;
    }

    @media (min-width: 992px) {
        html.photography-demo-3 #main {
            height: 100vh;
            min-height: 100vh;
        }
    }

    html.photography-demo-3 #main.no-height {
        height: auto;
    }

    html.photography-demo-3 #main.calc-height {
        height: calc(100vh - 86px);
        min-height: 0;
    }

    @media (max-width: 991px) {
        html.photography-demo-3 #main.calc-height {
            height: auto !important;
        }
    }

    @media (max-width: 767px) {
        html.photography-demo-3 #main {
            height: calc(100vh - 80px);
            min-height: calc(100vh - 80px);
        }
    }

    html.photography-demo-3 .tp-caption-photo-label {
        font-size: 18px !important;
        text-transform: uppercase !important;
        padding-bottom: 0;
        text-shadow: none;
    }

    html.photography-demo-3 .tp-caption-main-custom {
        text-transform: uppercase !important;
        font-size: 3em !important;
    }

    html.photography-demo-3 .tp-caption-sub-custom {
        text-transform: uppercase !important;
        font-size: 22px !important;
        margin-top: -30px !important;
        opacity: 0.5 !important;
    }

    html.photography-demo-3 .tparrows:hover {
        background: #FFF !important;
    }

    html.photography-demo-3 .list.list-icons.list-icons-style-2 li > .fa:first-child,
    html.photography-demo-3 .list.list-icons.list-icons-style-2 li > .icons:first-child, html.photography-demo-3 .list.list-icons.list-icons-style-2 li a:first-child > .fa:first-child,
    html.photography-demo-3 .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child {
        border-color: transparent;
        background: transparent;
    }

    html.photography-demo-3 .owl-carousel .owl-nav button.owl-prev, html.photography-demo-3 .owl-carousel .owl-nav button.owl-next {
        height: 55px !important;
        line-height: 25px !important;
        opacity: 0.7;
    }

        html.photography-demo-3 .owl-carousel .owl-nav button.owl-prev:before, html.photography-demo-3 .owl-carousel .owl-nav button.owl-next:before {
            font-weight: bold;
        }

        html.photography-demo-3 .owl-carousel .owl-nav button.owl-prev:hover, html.photography-demo-3 .owl-carousel .owl-nav button.owl-next:hover {
            background-color: #FFF !important;
            color: #000 !important;
            opacity: 1;
        }

    html.photography-demo-3 .custom-portfolio-navigation .prev, html.photography-demo-3 .custom-portfolio-navigation .next {
        height: 55px !important;
        line-height: 25px !important;
        opacity: 0.7;
    }

        html.photography-demo-3 .custom-portfolio-navigation .prev:before, html.photography-demo-3 .custom-portfolio-navigation .next:before {
            top: 16px !important;
            font-weight: bold !important;
            font-size: 11px;
            left: 10px !important;
        }

        html.photography-demo-3 .custom-portfolio-navigation .prev:hover, html.photography-demo-3 .custom-portfolio-navigation .next:hover {
            background-color: #FFF !important;
            color: #000 !important;
            opacity: 1;
        }

    html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-stage:hover .thumb-info .thumb-info-wrapper:after {
        opacity: 1;
    }

    html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper:after {
        opacity: 0;
    }

    html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(0);
    }

    html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper {
        height: 100vh;
    }

        html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper:before {
            content: none;
        }

        html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title {
            width: 100%;
            max-width: 100%;
            left: 0;
            right: 0;
            background: #FFF;
            bottom: 0;
            font-size: 19px;
            padding: 20px;
            letter-spacing: 0;
            line-height: 1.3;
            text-shadow: none;
            text-transform: uppercase;
            transform: translateY(100%);
            transition: ease transform 300ms;
        }

            html.photography-demo-3 .portfolio-stripes.portfolio-stripes-style-3 .owl-item .portfolio-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-subtitle {
                display: block;
                text-transform: none;
                font-size: 13px;
                color: #9C9C9C;
            }

    html.photography-demo-3 .portfolio-vertical-item:hover, html.photography-demo-3 .horizontal-scroll-item:hover, html.photography-demo-3 .portfolio-detail-image-item:hover, html.photography-demo-3 .portfolio-grid-item:hover {
        box-shadow: none !important;
    }

    html.photography-demo-3 .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper:after, html.photography-demo-3 .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper:after {
        opacity: 0 !important;
    }

    html.photography-demo-3 .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper:before, html.photography-demo-3 .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper:before, html.photography-demo-3 .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper:before, html.photography-demo-3 .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper:before {
        bottom: -41px;
    }

    html.photography-demo-3 .portfolio-vertical-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .horizontal-scroll-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-detail-image-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-grid-item .thumb-info:hover .thumb-info-wrapper .thumb-info-title {
        bottom: 0;
        left: 0;
    }

    html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper:after, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper:after {
        opacity: 0;
    }

    html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-plus, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-plus, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-plus, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-plus {
        display: none;
    }

    html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title {
        font-size: 19px;
        color: #1e1e1e;
        background: #FFF;
        left: 0;
        bottom: -50%;
        letter-spacing: 0;
        line-height: 1.3;
        /*text-align: left !important;*/
        text-shadow: none;
        padding: 20px;
        text-transform: uppercase;
        width: 100%;
        max-width: none;
        opacity: 1;
        font-weight: 700 !important;
        transform: none;
    }

        html.photography-demo-3 .portfolio-vertical-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title, html.photography-demo-3 .horizontal-scroll-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title, html.photography-demo-3 .portfolio-detail-image-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title, html.photography-demo-3 .portfolio-grid-item .thumb-info .thumb-info-wrapper .thumb-info-title .thumb-info-sub-title {
            display: block;
            opacity: 1;
            color: #9C9C9C;
            font-size: 13px;
            text-transform: none;
            transform: none;
        }

    html.photography-demo-3 #portfolioVertical:hover li .thumb-info-wrapper:after, html.photography-demo-3 #horizontalScrollBox .content:hover li .thumb-info-wrapper:after, html.photography-demo-3 .portfolio-list:hover li .thumb-info-wrapper:after, html.photography-demo-3 #portfolioGrid:hover li .thumb-info-wrapper:after {
        opacity: 1;
    }

    html.photography-demo-3 .portfolio-detail-item {
        box-shadow: none !important;
    }

        html.photography-demo-3 .portfolio-detail-item:hover .item-image-wrapper:after {
            opacity: 0 !important;
        }

        html.photography-demo-3 .portfolio-detail-item .item-image-wrapper {
            position: relative;
            min-height: 283px;
            max-width: 360px;
            overflow: hidden;
            box-shadow: none;
        }

            html.photography-demo-3 .portfolio-detail-item .item-image-wrapper:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(36, 46, 57, 0.5);
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 2;
                transition: ease opacity 300ms;
            }

        html.photography-demo-3 .portfolio-detail-item .sub-item-description {
            background: #fff none repeat scroll 0 0;
            bottom: -100%;
            height: auto;
            padding: 25px 0 0;
            text-align: left;
            top: auto;
        }

            html.photography-demo-3 .portfolio-detail-item .sub-item-description:before {
                content: none;
            }

            html.photography-demo-3 .portfolio-detail-item .sub-item-description h5 {
                bottom: 0;
                color: #1e1e1e;
                font-size: 14px;
                font-weight: 700 !important;
                letter-spacing: 0;
                position: relative;
            }

        html.photography-demo-3 .portfolio-detail-item:hover .sub-item-description {
            bottom: 0;
        }

    html.photography-demo-3 .thumb-info-icons.position-style-2 {
        z-index: 4;
    }

    html.photography-demo-3 #portfolioDetailLoadMoreWrapper:hover li .item-image-wrapper:after {
        opacity: 1;
    }

    html.photography-demo-3 .portfolio-parallax-demo-3 {
        overflow: hidden;
    }

        html.photography-demo-3 .portfolio-parallax-demo-3:hover:before {
            opacity: 0 !important;
        }

        html.photography-demo-3 .portfolio-parallax-demo-3:hover .thumb-info-title {
            bottom: 0;
            left: 0;
            right: 0;
        }

        html.photography-demo-3 .portfolio-parallax-demo-3:before {
            opacity: 0;
            background: rgba(10, 12, 36, 0.5);
        }

        html.photography-demo-3 .portfolio-parallax-demo-3 .thumb-info-title {
            font-size: 19px;
            color: #1e1e1e;
            background: #FFF;
            left: 0;
            right: 0;
            bottom: -80%;
            letter-spacing: 0;
            line-height: 1.3;
            text-align: left !important;
            text-shadow: none;
            padding: 20px;
            text-transform: uppercase;
            width: 100%;
            max-width: none;
            opacity: 1;
            transform: none;
            transition: ease bottom 300ms;
        }

            html.photography-demo-3 .portfolio-parallax-demo-3 .thumb-info-title .thumb-info-sub-title {
                display: block;
                opacity: 1;
                color: #9C9C9C;
                font-size: 13px;
                text-transform: none;
                transform: none;
            }

    html.photography-demo-3 #main:hover .portfolio-parallax-demo-3:before {
        opacity: 1;
    }

    html.photography-demo-3 #horizontalScrollBox {
        height: calc(100vh - 100px);
    }

        html.photography-demo-3 #horizontalScrollBox .custom-portfolio-navigation {
            width: calc(100vw - 255px);
        }

        html.photography-demo-3 #horizontalScrollBox .content li .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
            height: calc(100vh - 146px);
        }

    @media (max-width: 991px) {
        html.photography-demo-3 #horizontalScrollBox .content li .horizontal-scroll-item .thumb-info .thumb-info-wrapper img {
            height: auto !important;
        }
    }

    html.photography-demo-3 .section-title h1 {
        text-transform: uppercase !important;
    }

    html.photography-demo-3 .form .form-control {
        font-size: 13px;
        height: 40px;
    }

    html.photography-demo-3 .form textarea.form-control {
        height: auto;
    }

    html.photography-demo-3 .form input[type="submit"] {
        border-radius: 25px;
        border-width: 0;
        font-size: 13px;
        padding: 10px 20px;
    }

    html.photography-demo-3 .blog-bg {
        background: #FFF;
    }

    html.photography-demo-3 .our-blog-item:hover:not(.blog-post) {
        box-shadow: none;
    }


.res2 {
    height: 150px !important;
    width: 100% !important;
}

@media (min-width: 1800px) {
    .res2 {
        min-height: 200px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 375px) and (min-width: 320px) {
    .res2 {
        width: 82% !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 425px) {
    .res2 {
        min-height: 200px !important;
        width: 82% !important;
    }
}

 


.minislider  .owl-stage{
    display: flex !important;
    align-items: center !important;
}