@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
@import "./is-invalid.css";

:root {
    --azul-dark: #00345F;
    --azul1: #009BDD;
    --azul2: #027BE4;
    --deg1: #027BE4;
    --deg2: #06BFE2;
    --morado: #660EFF;
    --rosa: #DA0080;
    --azul-light: #E6F0FA;
    --gris: #E1E1E1;
}

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
}

h1 {
    font-size: 25pt;
    color: var(--azul-dark);
    margin: 0;
    font-weight: 900;
}

h2 {
    margin: 0;
    text-align: center;
    color: var(--azul-dark);
    font-size: 22pt;
}

.main-hero{
    align-items: start !important;
}

.main-hero h1{
    text-align: left !important;
    font-size: 35px;
}



h5.title-form{
    font-weight: bold !important;
}

.main-hero img{
    margin: auto;
    width: 68%;
}

.hero-img{
    display: flex;
    flex-direction: column;
}

.h3-light {
    color: var(--azul-dark);
    text-align: center;
    background: var(--azul-light);
    margin: 0;
    padding: 14pt 0;
}

.h3-dark {
    color: #fff;
    text-align: center;
    background: var(--azul-dark);
    margin: 0;
    padding: 14pt 0;
}

h4 {
    color: var(--azul2);
    font-size: 12pt;
    margin: 5px 0 10px;
}

h5 {
    font-size: 14pt;
    margin: 0;
}

p {
    font-size: 14pt;
    margin-top: 0;
}

button,
.btn {
    font-size: 14pt;
    padding: 7px;
    border: none;
    background: var(--rosa);
    color: #fff;
    border-radius: 5px;
    width: 250px;
    border: 1px solid var(--rosa);
    cursor: pointer;
    margin: auto;
}

.btn-morado {
    background: var(--morado);
    border: 1px solid var(--morado);
}
.btncompraenlinea{
    background-color: rgb(59, 230, 16) !important;
    color: white !important;
}
.btn-gris {
    background: var(--gris);
    border: 1px solid var(--gris);
    color: #808183;
}

.btn-blanco {
    background: #fff;
    color: var(--morado);
    border: 1px solid var(--morado);
}

.section {
    padding: 40px;
}

.grid2 {
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
}

.grid2 .widthAll {
    width: 100%;
}

.formulario {
    padding: 20px;
    box-shadow: 0px 0px 15px -7px #000;
    border-radius: 5px;
    text-align: center;
}

.formulario p {
    margin: 15px 0 0;
    font-size: 11pt;
}

.formulario input[type="text"],
.formulario select,
.formulario input[type="tel"],
.formulario input[type="email"] {
    width: -webkit-fill-available;
    font-size: 13pt;
    padding: 5px;
    border: 1px solid var(--azul2);
    border-radius: 5px;
    margin-top: 15px;
}

.formulario button {
    width: 100%;
}

.terminos {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    margin: 20px 0;
}

.terminos p {
    margin: 0;
    font-size: 9pt;
    text-align: left;
}

.bg-deg {
    background: linear-gradient(var(--deg1), var(--deg2));
    color: #fff;
    text-align: center;
}

.bg-light {
    background: var(--azul-light);
}

.bg-deg h2 {
    color: var(--azul-dark);
    margin-top: 0;
    font-size: 24px;
}

.grid3 {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
    justify-items: center;
    align-items: start;
    grid-gap: 25px 0px;
}

.grid4 {
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    grid-gap: 30px;
    align-items: start;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
}

.grid4 p,
.grid3 p {
    font-size: 10pt;
}

.pleca-img {
    display: flex;
    grid-gap: 15px;
    align-items: flex-start;
    justify-content: space-between;
}

.div-center {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.seguros {
    width: 85%;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
    align-items: start;
    margin: auto;
    justify-items: center;
    color: var(--azul-dark);
}

.seguros .pleca-img {
    background: var(--azul-light);
    padding: 10px;
    border-radius: 10px;
    text-align: left;
    align-items: center;
    width: 300px;
    justify-content: flex-start;
    cursor: pointer;
}

.seguros h6,
.seguros h4 {
    margin: 0;
}

.pleca-head {
    background: var(--azul-dark);
    color: #fff;
    padding: 10px 40px;
}

.pleca-head p {
    margin: 0;
    display: flex;
    align-items: center;
    grid-gap: 15px;
    font-weight: 700;
    cursor: pointer;
}

.pleca-head p:hover {
    color: var(--azul1);
}

.cotiza,
.compara,
.contrata {
    text-align: center;
    margin: 25px 40px;
}

.cotiza h1,
.compara h1,
.contrata h1 {
    color: var(--azul1);
}

.info-cotiza {
    display: grid;
    grid-template-columns: 55% 20% 20%;
    align-items: center;
    justify-content: space-between;
}

.info-cotizaP {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    background: var(--gris);
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}

.compara .info-cotizaP {
    width: 65%;
    margin: auto;
}

.info-cotizaP p {
    margin: 0;
    font-size: 10pt;
    color: var(--azul-dark);
}

.descuento {
    width: 70px;
    height: 70px;
    background: url(../img/seguro-auto/descuento.svg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -25px 0 -15px 85%;
}

.descuento span {
    text-align: center;
    font-size: 8px;
    color: #fff;
}

.descuento span strong {
    font-size: 14pt;
}

.aseguradora-cotiza {
    width: 75%;
    margin: 30px auto;
    padding: 10px;
    border: 1px solid var(--gris);
    border-radius: 10px;
}

.aseguradora-cotiza label {
    font-size: 10pt;
}

.aseguradora-cotiza h6 {
    font-size: 11pt;
    margin: 10px auto;
    font-weight: 400;
    background: var(--azul-light);
    padding: 5px;
    width: 75%;
    border-radius: 15px
}

.aseguradora-cotiza button {
    margin: 5px auto;
    font-size: 11pt;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.precio-real {
    font-size: 10pt;
    color: red;
    text-decoration: line-through;
    margin: 10px 0;
}

.precio-descuento {
    font-size: 25pt;
    margin: 10px 0;
}

.carousel-cotiza {
    width: 95%;
    margin: auto;
}

.owl-prev {
    position: absolute;
    z-index: 3;
    top: 40%;
    left: -50px;
}

.owl-next {
    position: absolute;
    z-index: 3;
    top: 40%;
    right: -50px;
}

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

.compara-cards {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    width: 70%;
    margin: auto;
    justify-content: space-between;
    text-align: center;
}

.compara-cards select {
    width: 84%;
    padding: 5px;
    font-size: 10pt;
    border: 1px solid var(--azul1);
    border-radius: 5px;
}

.compara-cards h3 {
    color: var(--azul-dark);
    font-size: 12pt;
    margin: 0;
}

.compara-cards h5 {
    color: var(--azul-dark);
    font-size: 16pt;
    margin: 0;
}

.compara-cards p {
    font-size: 10pt;
}

.btns-flotantes {
    position: fixed;
    bottom: 40px;
    background: #fff;
    width: 215px;
    padding-top: 20px;
}

.fin-card {
    height: 100px;
}

.pasos {
    display: flex;
    grid-gap: 20px;
    justify-content: center;
}

.pasos h6 {
    width: 45px;
    height: 45px;
    margin: 0;
    border-radius: 100%;
    border: 1px solid var(--gris);
    color: var(--gris);
    font-size: 20pt;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pasos .active {
    border: 1px solid var(--morado);
    background: var(--morado);
    color: #fff;
}

.contrata-sec {
    display: grid;
    grid-template-columns: 20% 55% 20%;
    justify-content: space-between;
    align-items: start;
    width: 80%;
    margin: auto;
}

.tarjeta-sec {
    grid-template-columns: 25% 50% 20%;
    width: 90%;
}

.dialogo {
    background: url(../img/seguro-auto/globo.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 10px 20px;
    font-size: 10pt;
    text-align: center;
    width: 200px;
    border-top: 1px solid #000;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    margin: 0 auto 30px;
}

@keyframes float {

    0%,
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px)
    }
}

.floating__0 {
    animation: 4s ease-in-out infinite float;
}

.contrata-sec input,
.contrata-sec select {
    padding: 5px;
    font-size: 12pt;
    border: 1px solid var(--azul1);
    border-radius: 5px;
    width: 100%;
}

#colonia {
    width: 300.48px;
}

.contrata-sec .grid2 {
    grid-gap: 15px;
    align-items: end;
}

.contrata-sec .grid2>div,
.contrata-sec .grid3>div {
    width: 100%;
}

.terminos {
    display: flex;
    grid-gap: 10px;
    font-size: 9pt;
    font-weight: 700;
    justify-content: center;
}

.candado {
    width: 15px;
    height: 15px;
    background: url(../img/seguro-auto/datos-protegidos.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.pleca-contrata {
    width: 90%;
    margin: auto;
    text-align: center;
    background: var(--azul-light);
    padding: 15px;
    border: 1px solid var(--azul1);
    border-radius: 12px;
}

.pleca-contrata label,
.pleca-contrata p {
    font-size: 10pt;
}

.pleca-contrata h4 {
    font-size: 20pt;
    margin: 0;
}

.contrata-sec .btn {
    width: 200px !important;
}

.contrata-sec .btn-morado {
    width: 120px !important;
}

#notarjeta {
    margin: 15px 0;
    width: 582.44px;
}

.movil {
    display: none;
}

.placeholder::placeholder {
    color: var(--rosa);
}

.w3-tooltip {
    position: relative;
}

.w3-text {
    display: none !important;
}

.w3-tag {
    background-color: var(--morado);
    color: #fff;
    display: inline-block;
    padding: 3px 8px;
    text-align: center;
    font-size: 10pt;
    font-weight: 600;
}

.span-text {
    display: none !important;
}

.span-tag {
    display: none;
}

#astrid-movil{
    display: none;
}

@media (max-width: 820px) {
    .main-hero{
        grid-gap: 0 !important;
        text-align: center !important;
    }
    .title-form{
        font-size: 25px;
    }
    .formulario .first-form{
        padding: 10px !important;
    }
    .hero-img h1{
        text-align: center !important;
    }
    .hero-img p{
        text-align: center !important;
        margin: 0 !important;
    }
    #astrid-desk{
        display: none !important;
    }
    #astrid-movil{
        display: block;
    }
    #form{
        margin: 0;
    }
    .movil {
        display: block;
    }

    .desk {
        display: none;
    }

    .main-hero {
        padding-top: 20px !important;
    }

    .span-text {
        display: none !important;
    }

    .span-tag {
        background-color: var(--morado);
        color: #fff;
        display: inline-block;
        padding: 3px 8px;
        text-align: center;
        font-size: 10pt;
        font-weight: 600;
    }

    h1 {
        font-size: 18pt;
    }

    h1,
    p {
        text-align: center;
    }

    h5,
    p {
        font-size: 12pt;
    }

    .section {
        padding: 20px;
    }

    .formulario {
        padding: 0px;
        box-shadow: none;
    }

    .grid2,
    .grid4,
    .grid3,
    .seguros {
        grid-template-columns: 100%;
        grid-gap: 20px;
    }

    .bg-deg h2,
    h2 {
        font-size: 18px;
    }

    .pleca-img p {
        text-align: left;
    }

    #img-margin {
        margin-top: 0px;
    }

    .w3-hide {
        display: none;
    }

    .w3-show {
        display: block;
    }

    .pleca-img {
        width: 100%;
    }

    .pleca-img h4 {
        display: flex;
        grid-gap: 10px;
    }

    .info-cotiza {
        grid-template-columns: 100%;
    }

    .cotiza,
    .compara,
    .contrata {
        margin: 0;
        padding: 25px;
    }

    .info-cotizaP {
        display: grid;
        width: -webkit-fill-available;
        grid-template-columns: 45% 45%;
        justify-items: center;
        justify-content: center;
    }

    .aseguradora-cotiza {
        width: 90%;
    }

    .owl-prev {
        left: -25px;
    }

    .owl-next {
        right: -25px;
    }

    .compara-cards {
        grid-template-columns: 48% 48%;
        width: 90%;
    }

    .compara-cards select {
        width: 100%;
    }

    .descuento {
        position: relative;
        margin: 0px 0 -15px 85%;
    }

    .precio-descuento {
        font-size: 20pt;
    }

    .btns-flotantes {
        width: 148px;
        position: inherit;
    }

    .contrata-sec {
        grid-template-columns: 100%;
        width: 95%;
    }

    .compara .info-cotizaP {
        width: 90%;
    }

    .aseguradora-cotiza .descuento {
        margin: -25px 0 -15px 65%;
    }

    .contrata-sec input,
    #notarjeta {
        width: 97%;
    }

    .contrata-sec select,
    #colonia {
        width: 100%;
    }

    .pleca-contrata {
        display: flex;
        grid-gap: 7px;
        align-items: center;
        position: fixed;
        bottom: 2%;
        width: 87%;
        margin: auto;
    }

    form {
        margin-bottom: 160px;
    }

    .contrata-sec .btn {
        width: 90% !important;
    }

    .btns-contrata {
        display: grid;
        grid-template-columns: 20% 70%;
        justify-items: center;
        justify-content: space-between;
    }

    .btns-contrata .movil {
        border-radius: 100%;
        width: 32px !important;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--azul2);
        border: 1px solid var(--azul2);
        color: #fff;
        font-weight: 900;
    }
}

.inversion {
    margin-top: 150px;
}

.inversion h2, .inversion h5, .inversion p{
    font-size: 22px;
}

.inversion h2{
    color: #fff !important;
}

.flex-4{
    padding: 20px 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.benefits .flex-4 div{
    width: 22%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.benefits .flex-4 div h4{
    font-size: 22px !important;
}

.benefits .flex-4 div p{
    font-size: 18px !important;
}

.coverages .pleca-img{
    display: flex;
    align-items: center;
}

.astrid-coverage{
    width: 200px;
    height: 150px;
    height: max-content;
}

.astrid-coverage img{
    width: 250px !important;
    height: 200px !important;
    object-fit: contain;
}

.comparador4 {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    justify-content: start;
    align-items: start;
    grid-gap: 30px;
}

.comparador4 h2 {
    font-size: 22pt !important;
    font-weight: 900;
}

.comparador4>div {
    background: var(--gris);
    padding: 5px;
}

.comparador4 select {
    font-size: 9pt !important;
}

.comparador4 table {
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
    border-collapse: collapse;
    background: #fff;
}

.comparador4 th {
    background: var(--azul-c);
    color: #fff;
    padding: 3px;
    text-align: center;
    border: 1px solid var(--azul-c);
}

.comparador4 td {

    border: 1px solid #ddd;
    color: #111;
    padding: 4px;
}

.comparador4 table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.comparador4 .btns {
    width: 100%;
    font-size: 10pt;
    text-align: center;
    padding: 5px;
    margin-bottom: 8px;
    cursor: pointer;
}

.main-hero {
    padding-top: 100px;
}

/* Aqu� comienza lo de la NavBar */

#header .header-search .form-control, html #header.header-transparent .header-body:before {
    -webkit-perspective: 1000px;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.dropdown-menu
li
table
tr
td
a:hover, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
.list-account-options
a:hover {
    text-decoration: none
}

html {
    direction: ltr;
    overflow-x: hidden;
    box-shadow: none !important
}

    html.sticky-header-active #header.header-semi-transparent .header-body, html.sticky-header-active #header.header-semi-transparent-light .header-body, html.sticky-header-active #header.header-transparent .header-body {
        box-shadow: none;
        border-bottom: 0
    }

body {
    background-color: #fff;
    color: #777;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

    body a {
        outline: 0 !important
    }

li {
    line-height: 24px
}

@media (max-width: 479px) {
    body {
        font-size: 13px
    }
}

#header {
    position: relative;
    z-index: 100
}

    #header .header-body {
        background: #fff;
        border-bottom: 1px solid transparent;
        padding: 8px 0;
        -webkit-transition: min-height .3s ease;
        -moz-transition: min-height .3s ease;
        transition: min-height .3s ease;
        width: 100%;
        z-index: 1001;
        min-height: 100px
    }

    #header.header-no-min-height .header-body {
        min-height: 0 !important
    }

    #header .container {
        position: relative;
        width: 1230px !important
    }

    #header .header-container {
        position: relative;
        display: table
    }

    #header .header-top {
        background-color: #f4f4f4;
        border-bottom: 1px solid #ededed;
        margin-top: -13px;
        padding: 8px 0;
        position: relative;
        z-index: 4
    }

        #header .header-top::after {
            clear: both;
            content: "";
            display: table
        }

        #header .header-top p {
            font-size: .9em;
            margin: 0;
            padding: 0;
            line-height: 37px;
            float: left
        }

            #header .header-top p .fa, #header .header-top p .icons {
                position: relative;
                top: 1px
            }

        #header .header-top .header-search {
            float: right;
            margin-top: 2px;
            margin-left: 10px;
            margin-right: 0
        }

        #header .header-top .header-nav-top {
            float: left;
            margin-top: 0;
            margin-left: 0;
            margin-right: 10px
        }

        #header .header-top .header-social-icons {
            margin-top: 3px
        }

        #header .header-top.header-top-colored {
            margin-top: -13px;
            border-top: 5px solid #ccc;
            border-bottom: 0;
            color: #fff
        }

            #header .header-top.header-top-colored a, #header .header-top.header-top-colored p, #header .header-top.header-top-colored span {
                color: #fff
            }

            #header .header-top.header-top-colored .form-control {
                border: 0
            }

        #header .header-top.header-top-style-2 {
            background: #f6f6f6;
            margin-top: -16px
        }

        #header .header-top.header-top-style-3 {
            margin-top: -16px;
            margin-bottom: 10px
        }

        #header .header-top.header-top-style-4 {
            background: #e4e6ed;
            margin-top: -16px;
            margin-bottom: 10px;
            border-bottom: 0
        }

    #header .header-row {
        display: table-row;
        clear: both
    }

    #header .header-column {
        display: table-cell;
        vertical-align: middle
    }

        #header .header-column.header-column-valign-top, .ib {
            vertical-align: top
        }

        #header .header-column .row {
            margin: 0
        }

        #header .header-column .header-row {
            display: block;
            clear: right
        }

        #header .header-column .header-extra-info {
            list-style: none;
            margin: 24px 0 0;
            padding: 0;
            float: right
        }

            #header .header-column .header-extra-info li {
                display: inline-block;
                margin-left: 25px
            }

                #header .header-column .header-extra-info li .feature-box small {
                    position: relative;
                    top: -4px
                }

        #header .header-column.header-column-valign-bottom {
            vertical-align: bottom
        }

        #header .header-column.header-column-center {
            text-align: center
        }

            #header .header-column.header-column-center .header-logo {
                width: 100% !important;
                padding: 9px 0
            }

    #header .header-logo {
        float: left;
        position: relative
    }

        #header .header-logo img {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
            position: relative;
            margin: 15px 15px 15px 0;
            top: 0
        }

    #header .header-nav-top {
        float: right;
        margin-top: 10px;
        margin-left: 10px
    }

        #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
            color: #999;
            font-size: .9em;
            padding: 6px 10px;
            display: inline-block
        }

            #header .header-nav-top .nav > li > a .fa, #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span .fa, #header .header-nav-top .nav > li > span .icons {
                margin-right: 3px;
                position: relative;
                top: 1px
            }

            #header .header-nav-top .nav > li > a a:focus, #header .header-nav-top .nav > li > a:hover {
                background: #eee
            }

        #header .header-nav-top .nav > li.open > .dropdown-menu-toggle {
            border-radius: 4px 4px 0 0
        }

        #header .header-nav-top .dropdown-menu {
            border-color: #eee;
            margin-top: -2px;
            border-radius: 4px 0 4px 4px;
            padding: 0
        }

            #header .header-nav-top .dropdown-menu a {
                color: #999;
                padding: 6px 12px;
                font-size: .9em
            }

        #header .header-nav-top .flag {
            margin-right: 2px
        }

    #header .header-search {
        float: right;
        margin-top: 10px;
        margin-left: 10px
    }

        #header .header-search .form-control {
            border-radius: 20px;
            font-size: .9em;
            height: 34px;
            margin: 0;
            padding: 6px 12px;
            -webkit-transition: width .3s ease;
            -moz-transition: width .3s ease;
            transition: width .3s ease;
            perspective: 1000px;
            width: 170px
        }

        #header .header-search .btn-default {
            background: 0 0;
            border: 0;
            color: #ccc;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 3
        }

            #header .header-search .btn-default:hover {
                color: #000
            }

    #header .header-social-icons {
        float: right;
        margin: 15px 0 0 10px
    }

    #header .header-btn-collapse-nav {
        background: #ccc;
        color: #fff;
        display: none;
        float: right;
        margin: 12px 0 8px 15px
    }

    #header.header-narrow .header-body {
        min-height: 0
    }

    #header.header-narrow .header-logo img {
        margin: 12px 12px 12px 0
    }

    #header.header-narrow .header-nav-main {
        margin-bottom: 0
    }

    #header.header-no-border-bottom .header-body {
        padding-bottom: 0 !important;
        border-bottom: 0 !important
    }

html:not(.boxed) #header.header-full-width .header-container {
    width: 100%
}

html #header.header-transparent {
    min-height: 0 !important;
    width: 100%;
    position: absolute
}

    html #header.header-transparent .header-body {
        position: relative;
        top: 0;
        background: 0 0;
        border-top: 0;
        border-bottom: 0;
        box-shadow: none
    }

        html #header.header-transparent .header-body:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: #fff;
            opacity: 0;
            border-bottom: 1px solid #f1f1f1;
            -webkit-transition: opacity .3s ease;
            -moz-transition: opacity .3s ease;
            transition: opacity .3s ease;
            perspective: 1000px
        }

html.sticky-header-enabled #header.header-transparent .header-body {
    position: fixed
}

html.sticky-header-active #header.header-transparent .header-body:before {
    opacity: 1
}

@media (max-width: 991px) {
    html.sticky-header-active #header.has-nav-bar .header-logo img {
        top: 86px;
        padding: 5px 8px;
        z-index: 1
    }
}

html #header.header-semi-transparent, html #header.header-semi-transparent-light {
    min-height: 0 !important;
    width: 100%;
    position: absolute
}

    html #header.header-semi-transparent .header-body, html #header.header-semi-transparent-light .header-body {
        position: relative;
        top: 0;
        background: 0 0;
        border-top: 0;
        border-bottom: 0;
        box-shadow: none
    }

        html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: #000;
            border-bottom: 0;
            opacity: .3;
            -webkit-transition: opacity .3s ease;
            -moz-transition: opacity .3s ease;
            transition: opacity .3s ease;
            -webkit-transform: translate3d(0,0,0);
            -webkit-backface-visibility: hidden;
            -webkit-perspective: 1000px;
            perspective: 1000px
        }

html.sticky-header-enabled #header.header-semi-transparent .header-body, html.sticky-header-enabled #header.header-semi-transparent-light .header-body {
    position: fixed
}

html.sticky-header-active #header.header-semi-transparent .header-body:before {
    opacity: .8
}

html #header.header-semi-transparent-light .header-body:before {
    opacity: .1;
    background: #fff
}

html.sticky-header-active
#header.header-semi-transparent-light
.header-body:before {
    border-bottom: 1px solid #f1f1f1;
    opacity: .9
}

html #header.header-transparent-bottom-border .header-body {
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

html.sticky-header-active #header .header-body {
    border-bottom-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0,0,0,0.1)
}

html:not(.sticky-header-active)
#header.header-transparent-sticky-deactive
.header-body:before {
    background: 0 0 !important
}

@media (min-width: 992px) {
    #header .header-nav-main {
        float: right;
        margin: 12px 0 0;
        min-height: 45px
    }

        #header .header-nav-main nav > ul > li > a {
            display: inline-block;
            border-radius: 4px;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            padding: 10px 13px;
            text-transform: uppercase
        }

            #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
                display: none
            }

            #header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
                border-color: #ccc transparent transparent;
                border-style: solid;
                border-width: 4px;
                content: " ";
                float: right;
                margin-top: 7px;
                margin-left: 4px
            }

        #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
            background: #ccc;
            color: #fff
        }

        #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
            top: -10000px;
            display: block;
            opacity: 0;
            left: auto;
            border-radius: 0 4px 4px;
            border: 0;
            border-top: 3px solid #ccc;
            box-shadow: 0 20px 45px rgba(0,0,0,0.08);
            margin: -3px 0 0;
            min-width: 200px;
            padding: 5px;
            text-align: left
        }

            #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
                border-bottom: 1px solid #f4f4f4;
                color: #777;
                font-size: .9em;
                font-weight: 400;
                padding: 8px 20px 8px 8px;
                position: relative;
                text-transform: none
            }

            #header
            .header-nav-main
            nav > ul > li.dropdown
            .dropdown-menu
            li.dropdown-submenu {
                position: relative
            }

                #header
                .header-nav-main
                nav > ul > li.dropdown
                .dropdown-menu
                li.dropdown-submenu > a
                .fa-caret-down {
                    display: none
                }

                #header
                .header-nav-main
                nav > ul > li.dropdown
                .dropdown-menu
                li.dropdown-submenu > a:after {
                    border-color: transparent transparent transparent #ccc;
                    border-style: solid;
                    border-width: 4px 0 4px 4px;
                    content: " ";
                    position: absolute;
                    top: 50%;
                    right: 10px;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

                #header
                .header-nav-main
                nav > ul > li.dropdown
                .dropdown-menu
                li.dropdown-submenu > .dropdown-menu {
                    left: 100%;
                    display: block;
                    margin-top: -8px;
                    margin-left: -1px;
                    border-radius: 4px;
                    opacity: 0
                }

                #header
                .header-nav-main
                nav > ul > li.dropdown
                .dropdown-menu
                li.dropdown-submenu:hover > .dropdown-menu {
                    top: 0;
                    opacity: 1
                }

            #header
            .header-nav-main
            nav > ul > li.dropdown
            .dropdown-menu
            li:last-child
            a {
                border-bottom: 0
            }

        #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a {
            padding-bottom: 15px
        }

        #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
            top: auto;
            display: block;
            opacity: 1
        }

        #header .header-nav-main nav > ul > li.dropdown-mega {
            position: static
        }

            #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
                border-radius: 4px;
                left: 15px;
                right: 15px;
                width: auto
            }

            #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
                padding: 20px 30px
            }

            #header
            .header-nav-main
            nav > ul > li.dropdown-mega
            .dropdown-mega-sub-title {
                color: #333;
                display: block;
                font-size: 1em;
                font-weight: 600;
                margin-top: 20px;
                padding-bottom: 5px;
                text-transform: uppercase
            }

                #header
                .header-nav-main
                nav > ul > li.dropdown-mega
                .dropdown-mega-sub-title:first-child {
                    margin-top: 0
                }

            #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {
                list-style: none;
                padding: 0;
                margin: 0
            }

                #header
                .header-nav-main
                nav > ul > li.dropdown-mega
                .dropdown-mega-sub-nav > li > a {
                    border: 0;
                    border-radius: 4px;
                    color: #777;
                    display: block;
                    font-size: .9em;
                    font-weight: 400;
                    margin: 0 0 0 -8px;
                    padding: 3px 8px;
                    text-shadow: none;
                    text-transform: none;
                    text-decoration: none
                }

        #header
        .header-nav-main.header-nav-main-square
        nav > ul > li.dropdown
        .dropdown-menu
        li.dropdown-submenu > .dropdown-menu, #header
        .header-nav-main.header-nav-main-square
        nav > ul > li.dropdown-mega
        .dropdown-mega-sub-nav > li > a, #header
        .header-nav-main.header-nav-main-square
        nav > ul > li.dropdown-mega > .dropdown-menu, #header .header-nav-main.header-nav-main-square nav > ul > li > a {
            border-radius: 0
        }

        #header
        .header-nav-main
        nav > ul > li.dropdown-mega
        .dropdown-mega-sub-nav > li:hover > a {
            background: #f4f4f4
        }

        #header
        .header-nav-main.header-nav-main-no-arrows
        nav > ul > li
        a.dropdown-toggle {
            padding-left: 16px !important;
            padding-right: 16px !important
        }

            #header
            .header-nav-main.header-nav-main-no-arrows
            nav > ul > li
            a.dropdown-toggle:after {
                display: none
            }

        #header .header-nav-main.header-nav-main-square {
            margin-bottom: -9px
        }

            #header
            .header-nav-main.header-nav-main-square
            nav > ul > li.dropdown
            .dropdown-menu {
                margin-top: -1px;
                border-radius: 0
            }

        #header .header-nav-main a > .thumb-info-preview {
            position: absolute;
            display: block;
            left: 100%;
            opacity: 0;
            border: 0;
            padding-left: 10px;
            background: 0 0;
            overflow: visible;
            margin-top: 15px;
            top: -10000px;
            -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
            -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
            transition: transform .2s ease-out,opacity .2s ease-out;
            transform: translate3d(-20px,0,0)
        }

            #header .header-nav-main a > .thumb-info-preview .thumb-info-wrapper {
                background: #fff;
                display: block;
                border-radius: 4px;
                border: 0;
                box-shadow: 0 20px 45px rgba(0,0,0,0.08);
                margin: 0;
                padding: 4px;
                text-align: left;
                width: 190px
            }

    #header
    .header-nav.header-nav-dark-dropdown
    nav > ul > li > a.dropdown-toggle:after, #header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after, #header
    .header-nav.header-nav-top-line
    nav > ul > li > a.dropdown-toggle:after {
        border-color: #444 transparent transparent
    }

    #header .header-nav-main a > .thumb-info-preview .thumb-info-image {
        transition: all 6s linear 0;
        width: 182px;
        height: 136px;
        min-height: 0
    }

    #header .header-nav-main a:hover > .thumb-info-preview {
        transform: translate3d(0,0,0);
        top: 0;
        opacity: 1;
        margin-top: -5px
    }

    #header .header-nav-main .dropdown-reverse a > .thumb-info-preview {
        transform: translate3d(20px,0,0);
        right: 100%;
        left: auto;
        padding-left: 0;
        margin-right: 10px
    }

    #header .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview {
        transform: translate3d(0,0,0)
    }

    #header .header-nav {
        display: block !important
    }

        #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li > a {
            background: 0 0;
            padding: 35px 13px;
            margin: 0
        }

        #header .header-nav.header-nav-stripe nav > ul > li > a {
            color: #444
        }

        #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
            color: #fff
        }

        #header .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a, #header .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header .header-nav.header-nav-top-line nav > ul > li:hover > a, #header .header-nav.header-nav-top-line nav > ul > li > a {
            background: 0 0;
            color: #444;
            padding: 35px 13px;
            margin: 0
        }

            #header .header-nav.header-nav-top-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-top-line nav > ul > li > a:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 3px;
                top: -2px;
                left: 0;
                opacity: 0
            }

            #header .header-nav.header-nav-top-line nav > ul > li.active > a:before, #header .header-nav.header-nav-top-line nav > ul > li:hover > a:before {
                opacity: 1
            }

        #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown li a {
            border-bottom-color: #2a2a2a
        }

        #header
        .header-nav.header-nav-dark-dropdown
        nav > ul > li.dropdown
        .dropdown-menu {
            background: #1e1e1e
        }

            #header
            .header-nav.header-nav-dark-dropdown
            nav > ul > li.dropdown
            .dropdown-menu > li > a:focus, #header
            .header-nav.header-nav-dark-dropdown
            nav > ul > li.dropdown
            .dropdown-menu > li > a:hover, #header
            .header-nav.header-nav-dark-dropdown
            nav > ul > li.dropdown.dropdown-mega
            .dropdown-mega-sub-nav > li:hover > a {
                background: #282828
            }

            #header
            .header-nav.header-nav-dark-dropdown
            nav > ul > li.dropdown
            .dropdown-menu > li > a {
                color: #969696
            }

        #header
        .header-nav.header-nav-dark-dropdown
        nav > ul > li.dropdown.dropdown-mega
        .dropdown-mega-sub-title {
            color: #ababab
        }

        #header .header-nav.header-nav-dark-dropdown .header-social-icons {
            margin-top: 27px
        }

        #header .header-nav.header-nav-center .header-nav-main {
            float: none;
            margin: 0
        }

            #header .header-nav.header-nav-center .header-nav-main > nav {
                width: 100%;
                text-align: center
            }

                #header .header-nav.header-nav-center .header-nav-main > nav > ul > li {
                    display: inline-block;
                    float: none;
                    text-align: left
                }

    #header .header-nav-main {
        display: block !important;
        height: auto !important
    }

    #header .header-nav-bar {
        background: #f4f4f4;
        padding: 0 10px 5px;
        margin-bottom: 0
    }

        #header .header-nav-bar .header-nav-main {
            float: left;
            margin-bottom: 0
        }

    #header.header-narrow
    .header-nav.header-nav-dark-dropdown
    nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a {
        padding: 20px 13px
    }

    #header.header-narrow .header-nav.header-nav-top-line nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-top-line nav > ul > li > a {
        padding: 22px 13px
    }

        #header.header-narrow
        .header-nav.header-nav-top-line
        nav > ul > li:hover > a.dropdown-toggle:after, #header.header-narrow
        .header-nav.header-nav-top-line
        nav > ul > li > a.dropdown-toggle:after {
            top: 22px
        }

    #header.header-flex.header-transparent-bottom-border
    .header-nav-main.header-nav-main-square
    nav > ul > li.dropdown
    .dropdown-menu {
        margin-top: 1px
    }

    html.ie9
    #header.header-flex.header-transparent-bottom-border
    .header-nav-main.header-nav-main-square
    nav > ul > li.dropdown
    .dropdown-menu, html.sticky-header-active
    #header.header-flex.header-transparent-bottom-border
    .header-nav-main.header-nav-main-square
    nav > ul > li.dropdown
    .dropdown-menu {
        margin-top: 0
    }

    html.sticky-header-active.ie9
    #header.header-flex.header-transparent-bottom-border
    .header-nav-main.header-nav-main-square
    nav > ul > li.dropdown
    .dropdown-menu {
        margin-top: -1px
    }

    #header .header-nav-main.header-nav-main-light nav > ul > li.active > a, #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 {
        background: #fff
    }

    #header .header-nav-main.header-nav-main-light nav > ul > li > a {
        color: #fff
    }

        #header
        .header-nav-main.header-nav-main-light
        nav > ul > li > a.dropdown-toggle:after {
            border-color: #fff transparent transparent
        }

    #header
    .header-nav-main.header-nav-main-light
    nav > ul > li.open > a.dropdown-toggle:after, #header
    .header-nav-main.header-nav-main-light
    nav > ul > li:hover > a.dropdown-toggle:after {
        border-color: #ccc transparent transparent
    }

    #header
    .header-nav-main.header-nav-main-light
    nav > ul > li.open > .dropdown-menu, #header
    .header-nav-main.header-nav-main-light
    nav > ul > li:hover > .dropdown-menu {
        border-top-color: #fff;
        box-shadow: 0 20px 25px rgba(0,0,0,0.05)
    }

        #header
        .header-nav-main.header-nav-main-light
        nav > ul > li.open > .dropdown-menu
        .dropdown-submenu:hover > .dropdown-menu, #header
        .header-nav-main.header-nav-main-light
        nav > ul > li:hover > .dropdown-menu
        .dropdown-submenu:hover > .dropdown-menu {
            border-top-color: #fff
        }

    #header
    .header-nav-main.header-nav-main-light
    nav > ul > li.active > a.dropdown-toggle:after {
        border-color: #ccc transparent transparent
    }

    #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus, #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover {
        background: #f5f5f5
    }

    #header
    .header-nav-main-effect-1
    nav > ul > li.dropdown
    .dropdown-mega-sub-nav
    li
    a, #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a {
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        transition: transform .2s ease-out;
        transform: translate3d(0,-5px,0)
    }

    #header
    .header-nav-main-effect-1
    nav > ul > li.dropdown:hover
    .dropdown-mega-sub-nav
    li
    a, #header
    .header-nav-main-effect-1
    nav > ul > li.dropdown:hover > .dropdown-menu
    li
    a {
        transform: translate3d(0,0,0)
    }

    #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        transition: transform .2s ease-out;
        transform: translate3d(0,-5px,0)
    }

    #header
    .header-nav-main-effect-1
    nav > ul > li.dropdown:hover > .dropdown-menu {
        transform: translate3d(0,0,0)
    }

    #header .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transform: translate3d(0,-5px,0);
        opacity: 0
    }

    #header
    .header-nav-main-effect-2
    nav > ul > li.dropdown:hover > .dropdown-menu {
        transform: translate3d(0,-1px,0);
        opacity: 1
    }

    #header .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out;
        transition: transform .2s ease-out;
        transform: translate3d(0,10px,0)
    }

    #header
    .header-nav-main-effect-3
    nav > ul > li.dropdown:hover > .dropdown-menu {
        transform: translate3d(0,0,0)
    }

    #header .header-nav-main-effect-4 nav > ul > li.dropdown .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transform: translate3d(-20px,0,0);
        opacity: 0
    }

    #header
    .header-nav-main-effect-4
    nav > ul > li.dropdown:hover > .dropdown-menu {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    #header
    .header-nav-main-effect-4
    nav > ul > li.dropdown.dropdown-reverse
    .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transform: translate3d(20px,0,0);
        left: auto;
        right: 100%;
        opacity: 0
    }

    #header
    .header-nav-main-effect-4
    nav > ul > li.dropdown.dropdown-reverse:hover > .dropdown-menu {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    #header
    .header-nav-main-sub-effect-1
    nav > ul > li.dropdown
    .dropdown-menu
    li.dropdown-submenu > .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transform: translate3d(-20px,0,0);
        opacity: 0
    }

    #header
    .header-nav-main-sub-effect-1
    nav > ul > li.dropdown
    .dropdown-menu
    li.dropdown-submenu:hover > .dropdown-menu {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    #header
    .header-nav-main-sub-effect-1
    nav > ul > li.dropdown.dropdown-reverse
    .dropdown-menu
    li.dropdown-submenu > .dropdown-menu {
        -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
        transition: transform .2s ease-out,opacity .2s ease-out;
        transform: translate3d(20px,0,0);
        left: auto;
        right: 100%;
        opacity: 0
    }

    #header
    .header-nav-main-sub-effect-1
    nav > ul > li.dropdown.dropdown-reverse
    .dropdown-menu
    li.dropdown-submenu:hover > .dropdown-menu {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@media (max-width: 991px) {
    #header .header-nav-main {
        background: 0 0;
        clear: both;
        float: none
    }

    #header .container {
        width: 100% !important
    }

    #header .header-nav-main nav {
        margin: 0 0 6px
    }

        #header .header-nav-main nav > ul li {
            border-bottom: 1px solid #e8e8e8;
            clear: both;
            display: block;
            float: none;
            margin: 0;
            padding: 0;
            position: relative
        }

            #header .header-nav-main nav > ul li a {
                font-size: 13px;
                font-style: normal;
                line-height: 20px;
                padding: 7px 8px;
                margin: 1px 0;
                border-radius: 4px
            }

                #header .header-nav-main nav > ul li a .fa-caret-down {
                    line-height: 35px;
                    min-height: 38px;
                    min-width: 30px;
                    position: absolute;
                    right: 5px;
                    text-align: center;
                    top: 0
                }

            #header .header-nav-main nav > ul li.dropdown .dropdown-menu {
                background: 0 0;
                padding: 0;
                margin: 0;
                font-size: 13px;
                box-shadow: none;
                border-radius: 0;
                border: 0;
                clear: both;
                display: none;
                float: none;
                position: static
            }

                #header
                .header-nav-main
                nav > ul
                li.dropdown
                .dropdown-menu
                li.dropdown-submenu.opened > .dropdown-menu, #header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
                    display: block;
                    margin-left: 20px
                }

            #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title {
                margin-top: 10px;
                display: block
            }

            #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav {
                margin: 0 0 0 20px;
                padding: 0;
                list-style: none
            }

                #header
                .header-nav-main
                nav > ul
                li.dropdown-mega
                .dropdown-mega-sub-nav > li > a {
                    display: block;
                    text-decoration: none
                }

            #header .header-nav-main nav > ul li:last-child {
                border-bottom: 0
            }

        #header .header-nav-main nav > ul > li > a {
            text-transform: uppercase;
            font-weight: 700;
            margin-top: 1px;
            margin-bottom: 1px
        }

        #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover {
            color: #fff
        }

        #header .header-nav-main nav .not-included {
            margin: 0
        }

    #header .header-nav-main a > .thumb-info-preview {
        display: none !important
    }

    #header .header-btn-collapse-nav {
        outline: 0;
        display: block;
        position: relative;
        z-index: 1
    }

    #header .header-nav-bar {
        margin: 0 auto
    }

        #header .header-nav-bar .header-btn-collapse-nav {
            margin-top: 14px
        }

    #header.header-semi-transparent .header-nav-main, #header.header-semi-transparent-light .header-nav-main, #header.header-transparent .header-nav-main {
        padding: 10px;
        margin-bottom: 10px;
        background: #fff;
        border-radius: 4px
    }

    html.sticky-header-enabled #header .header-nav-main {
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto
    }

        html.sticky-header-enabled #header .header-nav-main.collapsing {
            overflow: hidden
        }
}

@media (min-width: 992px) {
    html
    #header.header-semi-transparent
    .header-nav-main
    nav > ul > li:not(.active) > a, html:not(.sticky-header-active)
    #header.header-semi-transparent-light
    .header-nav-main
    nav > ul > li:not(.active) > a, html:not(.sticky-header-active)
    #header.header-transparent
    .header-nav-main
    nav > ul > li:not(.active) > a {
        color: #fff
    }

        html
        #header.header-semi-transparent
        .header-nav-main
        nav > ul > li:not(.active) > a.dropdown-toggle:after, html:not(.sticky-header-active)
        #header.header-semi-transparent-light
        .header-nav-main
        nav > ul > li:not(.active) > a.dropdown-toggle:after, html:not(.sticky-header-active)
        #header.header-transparent
        .header-nav-main
        nav > ul > li:not(.active) > a.dropdown-toggle:after {
            border-color: #fff transparent transparent
        }

    html:not(.ie) #header.header-flex .header-container {
        display: flex;
        height: 100%
    }

    html:not(.ie) #header.header-flex .header-row {
        display: flex;
        flex-flow: row wrap;
        flex: 1
    }

    html:not(.ie) #header.header-flex .header-column {
        display: flex;
        flex-flow: column
    }

        html:not(.ie) #header.header-flex .header-column:nth-child(1) {
            flex: 1
        }

        html:not(.ie) #header.header-flex .header-column:nth-child(2) {
            flex: 8;
            align-items: flex-end
        }

    html:not(.ie) #header.header-flex .header-logo {
        display: flex;
        flex-basis: 100%;
        align-items: center
    }

    html.ie #header.header-flex .header-top {
        margin-bottom: -10px !important;
        margin-top: -4px !important
    }

    html.ie #header.header-flex .header-body {
        padding: 0
    }

    html.ie #header.header-flex .header-container {
        height: 100%
    }

    html.ie #header.header-flex .header-row {
        display: table;
        width: 100%;
        height: 100%
    }

    html.ie #header.header-flex .header-logo {
        margin: 8px 0 !important
    }

    html.ie #header.header-flex .header-nav {
        height: 100%;
        margin: 0
    }

    html.ie #header.header-flex .header-nav-main {
        margin: 0
    }

        html.ie #header.header-flex .header-nav-main nav > ul > li > a {
            margin-bottom: -1px
        }

    html.ie9 #header.header-flex .header-nav-main nav > ul > li:hover > a, html.ie9 #header.header-flex .header-nav-main nav > ul > li > a {
        position: relative
    }

        html.ie9
        #header.header-flex
        .header-nav-main
        nav > ul > li:hover > a.dropdown-toggle, html.ie9
        #header.header-flex
        .header-nav-main
        nav > ul > li > a.dropdown-toggle {
            padding-right: 25px
        }

            html.ie9
            #header.header-flex
            .header-nav-main
            nav > ul > li:hover > a.dropdown-toggle:after, html.ie9
            #header.header-flex
            .header-nav-main
            nav > ul > li > a.dropdown-toggle:after {
                position: absolute;
                top: 50% !important;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%)
            }

    html #header.header-flex .header-top {
        margin-bottom: -2px
    }

    html #header.header-flex .header-body {
        padding: 8px 0 0
    }

    html #header.header-flex:not(.header-transparent-bottom-border) .header-body {
        border-bottom: 0 !important
    }

    html #header.header-flex .header-logo {
        margin: 0 0 8px
    }

    html #header.header-flex .header-nav-main, html #header.header-flex .header-nav-main nav, html #header.header-flex .header-nav-main nav > ul, html #header.header-flex .header-nav-main nav > ul > li {
        height: 100% !important
    }

    html
    #header.header-flex
    .header-nav.header-nav-dark-dropdown
    nav > ul > li > a, html #header.header-flex .header-nav.header-nav-stripe nav > ul > li > a, html #header.header-flex .header-nav.header-nav-top-line nav > ul > li > a {
        display: flex;
        align-items: center;
        height: 100%
    }

        html
        #header.header-flex
        .header-nav.header-nav-dark-dropdown
        nav > ul > li > a.dropdown-toggle, html
        #header.header-flex
        .header-nav.header-nav-stripe
        nav > ul > li > a.dropdown-toggle, html
        #header.header-flex
        .header-nav.header-nav-top-line
        nav > ul > li > a.dropdown-toggle {
            height: calc(100% + 1px)
        }

    html
    #header.header-flex
    .header-nav-main-effect-1
    nav > ul > li.dropdown:hover > .dropdown-menu, html
    #header.header-flex
    .header-nav-main-effect-2
    nav > ul > li.dropdown:hover > .dropdown-menu, html
    #header.header-flex
    .header-nav-main-effect-3
    nav > ul > li.dropdown:hover > .dropdown-menu {
        top: calc(100% + 1px)
    }

    html #header.header-flex .header-nav {
        margin-top: -9px;
        display: flex !important;
        align-items: center;
        justify-content: flex-end
    }

        html #header.header-flex .header-nav .header-social-icons {
            margin: 0 0 0 10px;
            order: 2
        }

            html #header.header-flex .header-nav .header-social-icons li {
                margin: -1px 1px 0 0
            }

    html #header.header-flex .header-nav-main {
        margin: 0 !important
    }

        html
        #header.header-flex
        .header-nav-main
        nav > ul > li > a.dropdown-toggle:after {
            margin-top: 3px
        }

        html #header.header-flex .header-nav-main.header-nav-main-square {
            margin-bottom: 0
        }

    html
    #header.header-flex.header-semi-transparent
    .header-nav.header-nav-top-line
    nav > ul > li:hover, html
    #header.header-flex.header-semi-transparent
    .header-nav.header-nav-top-line
    nav > ul > li > a:before, html
    #header.header-flex.header-semi-transparent-light
    .header-nav.header-nav-top-line
    nav > ul > li:hover, html
    #header.header-flex.header-semi-transparent-light
    .header-nav.header-nav-top-line
    nav > ul > li > a:before {
        top: 0
    }

    html.boxed #header.header-flex .header-nav.header-nav-dark-dropdown, html.boxed #header.header-flex .header-nav.header-nav-stripe {
        margin-top: -12px
    }

    html.boxed.ie9 #header.header-flex .header-nav.header-nav-dark-dropdown, html.boxed.ie9 #header.header-flex .header-nav.header-nav-stripe {
        margin-top: 0 !important
    }
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.dropdown-menu, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.dropdown-menu
a, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin
.dropdown-menu, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin
.dropdown-menu
a {
    transform: translate3d(0,0,0)
}

@media (max-width: 991px) {
    #header .header-column, #header .header-column .header-row, #header .header-container, #header .header-row {
        display: block
    }

    #header.header-mobile-nav-only .header-logo {
        float: none
    }

    #header.header-mobile-nav-only .header-nav {
        margin-top: -35px
    }

    html.sticky-header-negative.sticky-header-active #header .header-logo {
        padding-top: 7px
    }
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin
.dropdown-menu {
    width: 40%;
    right: 15px;
    left: auto;
    border-radius: 6px 0 6px 6px
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin
.fa-user {
    margin-right: 5px
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin
.dropdown-mega-sub-title {
    margin-bottom: 10px;
    display: block
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin
.log-in-info, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin
.sign-up-info {
    text-align: center;
    display: block
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.signin
.signin-form {
    display: block
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.signin
.recover-form, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.signin
.signup-form, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.signup
.signin-form {
    display: none
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.signup
.signup-form {
    display: block
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.recover
.signin-form, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.recover
.signup-form, #header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.signup
.recover-form {
    display: none
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.recover
.recover-form {
    display: block
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
.user-avatar
.img-thumbnail {
    float: left;
    margin-right: 15px
}

    #header
    .header-nav-main
    nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
    .user-avatar
    .img-thumbnail
    img {
        max-width: 55px
    }

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
.user-avatar
strong {
    display: block;
    padding-top: 7px
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
.user-avatar
span {
    display: block;
    font-size: 12px
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
.user-avatar
p {
    margin: 0 0 0 25px;
    text-align: left
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
.list-account-options {
    list-style: none;
    margin: 6px 0 0;
    padding: 0
}

@media (max-width: 991px) {
    #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin {
        margin-right: 0
    }

        #header
        .header-nav-main
        nav > ul > li.dropdown-mega.dropdown-mega-signin
        .dropdown-toggle {
            display: none
        }

        #header
        .header-nav-main
        nav > ul > li.dropdown-mega.dropdown-mega-signin
        .dropdown-menu {
            display: block !important;
            margin: 0 !important;
            padding: 0 10px;
            width: 100%;
            right: 0
        }

            #header
            .header-nav-main
            nav > ul > li.dropdown-mega.dropdown-mega-signin
            .dropdown-menu
            .dropdown-mega-sub-title {
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;
                padding-top: 5px;
                padding-bottom: 0
            }

        #header
        .header-nav-main
        nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
        .dropdown-toggle {
            display: none
        }

        #header
        .header-nav-main
        nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
        .dropdown-mega-content {
            margin: 15px 0 !important
        }

        #header
        .header-nav-main
        nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
        .list-account-options {
            margin: 15px 0 0 !important
        }

            #header
            .header-nav-main
            nav > ul > li.dropdown-mega.dropdown-mega-signin.logged
            .list-account-options > li > a {
                line-height: 35px
            }
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.dropdown-menu {
    width: 40%;
    right: 15px;
    left: auto;
    border-radius: 6px 0 6px 6px
}

    #header
    .header-nav-main
    nav > ul > li.dropdown-mega.dropdown-mega-shop
    .dropdown-menu
    li
    table {
        width: 100%;
        margin-top: 0
    }

        #header
        .header-nav-main
        nav > ul > li.dropdown-mega.dropdown-mega-shop
        .dropdown-menu
        li
        table
        tr
        td
        a {
            background-color: transparent !important;
            color: #333;
            padding: 0;
            margin: 0;
            display: block
        }

            #header
            .header-nav-main
            nav > ul > li.dropdown-mega.dropdown-mega-shop
            .dropdown-menu
            li
            table
            tr
            td
            a.remove {
                float: right
            }

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.fa-shopping-cart {
    margin-right: 5px
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.product-thumbnail {
    width: 120px
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.product-actions {
    text-align: right;
    width: 80px
}

#header
.header-nav-main
nav > ul > li.dropdown-mega.dropdown-mega-shop
.actions-continue {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    clear: both
}

    #header
    .header-nav-main
    nav > ul > li.dropdown-mega.dropdown-mega-shop
    .actions-continue
    .btn {
        margin-bottom: 10px
    }

@media (max-width: 991px) {
    #header
    .header-nav-main
    nav > ul > li.dropdown-mega.dropdown-mega-shop
    .dropdown-menu {
        margin: 15px 0;
        padding: 0 15px;
        width: 100%
    }
}

html.side-header #header {
    min-height: 0 !important
}

@media (min-width: 992px) {
    html.side-header #header .header-column, html.side-header #header .header-nav-main nav > ul > li > a, html.side-header #header .header-nav-top .nav > li > a, html.side-header #header .header-nav-top .nav > li > span {
        display: block
    }

    html.side-header #footer .container, html.side-header .main .container {
        padding: 0 35px;
        width: auto !important;
        max-width: 1210px
    }

    html.side-header body > .body {
        margin: 0 0 0 255px;
        width: auto;
        overflow-x: hidden;
        overflow-y: visible
    }

        html.side-header
        body > .body
        .forcefullwidth_wrapper_tp_banner
        .rev_slider_wrapper {
            width: 100% !important;
            left: auto !important
        }

    html.side-header #header {
        background: #fff;
        position: fixed;
        box-shadow: 0 0 18px rgba(0,0,0,0.07);
        top: 0;
        left: 0;
        width: 255px;
        height: 100%
    }

        html.side-header #header .header-body {
            border-top: 0
        }

        html.side-header #header .header-container {
            margin-left: 0;
            margin-right: 0;
            padding-left: 20px;
            padding-right: 20px;
            width: 100%
        }

        html.side-header #header .header-search {
            margin: 5px 0 10px;
            float: none
        }

            html.side-header #header .header-search .input-group, html.side-header #header .header-search .input-group .form-control {
                width: 100%
            }

        html.side-header #header .header-nav-top {
            margin: 0;
            float: none
        }

        html.side-header #header .header-logo {
            margin: 0;
            float: none;
            text-align: center;
            width: auto !important;
            height: auto !important;
            padding: 10px 0
        }

        html.side-header #header .header-column .header-row {
            clear: both
        }

        html.side-header #header .header-nav-main {
            float: none
        }

            html.side-header
            #header
            .header-nav-main
            nav > ul > li.dropdown > a.dropdown-toggle:after {
                content: "";
                border-color: transparent transparent transparent #ccc
            }

            html.side-header #header .header-nav-main nav > ul > li.dropdown.open > a, html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > a {
                padding-bottom: 10px
            }

            html.side-header
            #header
            .header-nav-main
            nav > ul > li.dropdown.open > .dropdown-menu, html.side-header
            #header
            .header-nav-main
            nav > ul > li.dropdown:hover > .dropdown-menu {
                top: 3px;
                left: 100%;
                border-top: 0;
                border-left: 5px solid #ccc;
                margin-left: -5px
            }

            html.side-header
            #header
            .header-nav-main
            nav > ul > li.dropdown
            li.dropdown-submenu:hover > .dropdown-menu {
                margin-top: -5px;
                border-top: 0
            }

            html.side-header #header .header-nav-main nav > ul > li.dropdown-mega {
                position: relative
            }

                html.side-header
                #header
                .header-nav-main
                nav > ul > li.dropdown-mega
                .dropdown-menu {
                    min-width: 720px
                }

            html.side-header
            #header
            .header-nav-main
            nav > ul > li.dropdown-reverse
            .dropdown-menu
            li
            a {
                padding-right: 8px;
                padding-left: 20px
            }

            html.side-header
            #header
            .header-nav-main
            nav > ul > li.dropdown-reverse
            .dropdown-menu
            li.dropdown-submenu > a:after {
                border-width: 4px 4px 4px 0
            }

        html.side-header #header .nav-pills > li {
            float: none;
            margin: 0 0 1px
        }

        html.side-header #header .header-social-icons {
            float: none;
            text-align: center;
            margin-top: 25px
        }

    html.side-header-right body > .body {
        margin: 0 255px 0 0
    }

    html.side-header-right #header {
        left: auto;
        right: 0
    }

        html.side-header-right
        #header
        .header-nav-main
        nav > ul > li.dropdown > a.dropdown-toggle {
            padding-right: 5px;
            padding-left: 5px
        }

            html.side-header-right
            #header
            .header-nav-main
            nav > ul > li.dropdown > a.dropdown-toggle:after {
                float: left;
                margin-right: 9px;
                margin-top: 6px
            }

        html.side-header-right
        #header
        .header-nav-main
        nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-right
        #header
        .header-nav-main
        nav > ul > li.dropdown:hover > .dropdown-menu {
            right: 100%;
            left: auto;
            border-right: 5px solid #ccc;
            border-left: 0;
            margin-left: 0;
            margin-right: -5px;
            border-radius: 4px 0 0 4px
        }

        html.side-header-right
        #header
        .header-nav-main
        nav > ul > li.dropdown
        .dropdown-menu
        li.dropdown-submenu > a:after {
            left: 10px;
            right: initial
        }

    html.side-header-semi-transparent body > .body {
        margin: 0
    }

    html.side-header-semi-transparent #header {
        background: rgba(0,0,0,0.3)
    }

        html.side-header-semi-transparent #header .header-body {
            background: 0 0 !important
        }
}

.page-header, .page-header h1 {
    border-bottom: 5px solid #ccc
}

@media (max-height: 768px) {
    html.side-header
    #header
    .header-nav-main
    nav > ul > li.dropdown.open > .dropdown-menu, html.side-header
    #header
    .header-nav-main
    nav > ul > li.dropdown:hover > .dropdown-menu {
        bottom: 0;
        top: auto
    }
}

@media(max-width: 1000px){
    .benefits .flex-4{
        flex-wrap: wrap;
        gap: 20px;
        row-gap: 20px;
    }

    .benefits .flex-4 div{
        width: 48% !important;
    }

    .coverages{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}