.fixed-style {

    padding: 0 !important;

    background-color: #00568f !important

}



.fixed-style .btn-demo {

    background-color: #e86746 !important;

    border-color: #e86746 !important

}



.fixed-style .btn-demo:hover {

    background-color: #df441c !important;

    border-color: #df441c !important

}



.fixed-style .logo img {

    height: 40px !important

}



.fixed-style .container {

    padding-top: 10px;

    padding-bottom: 10px

}



.header-container {

    padding: 1.2em 0 0;

    position: fixed;

    z-index: 1000;

    transition: all .3s

}



.header-container a:hover {

    text-decoration: none

}



@media (max-width:768px) {

    .header-container {

        padding: 0 !important;

        background-color: #00568f !important

    }



    .header-container .btn-demo {

        background-color: #e86746 !important;

        border-color: #e86746 !important

    }



    .header-container .btn-demo:hover {

        background-color: #df441c !important;

        border-color: #df441c !important

    }



    .header-container .logo img {

        height: 25px !important;

        -ms-flex-item-align: center;

        -ms-grid-row-align: center;

        align-self: center

    }



    .header-container .container {

        padding-top: 10px;

        padding-bottom: 10px

    }

}



.header-container .header {

    font-family: Roboto, sans-serif;

    padding: 16px 0;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-pack: justify;

    justify-content: space-between

}



@media (max-width:1199px) {

    .header-container .header {

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse

    }

}



@media (max-width:768px) {

    .header-container .header {

        padding: 4px 0

    }

}



.header-container .separator {

    margin-top: 12px;

    margin-bottom: 12px;

    height: 1px;

    background-color: hsla(0, 0%, 88%, .6);

    padding-right: 15px;

    margin-right: 1rem

}



@media (min-width:1295px) {

    .header-container .separator {

        margin-left: -5vw

    }

}



@media (max-width:768px) {

    .header-container .separator {

        display: none

    }

}



.header-container .nav {

    -ms-flex-pack: end;

    justify-content: flex-end

}



.header-container .nav .nav-item {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center

}



.header-container .semi-bold {

    font-weight: 600

}



.header-container .pr-7 {

    padding-right: 4em

}



.header-container .nav-link {

    font-weight: 300;

    color: #74b0d4;

    padding-right: 2px !important;

    transition: all .3s ease-in-out

}



.header-container .nav-link:hover {

    color: #fff;

    font-weight: 700

}



.header-container .nav-link:after {

    display: block;

    content: attr(title);

    font-weight: 700;

    height: 0;

    overflow: hidden;

    visibility: hidden

}



.header-container .logo {

    position: relative;

    display: -ms-flexbox;

    display: flex

}



.header-container .logo img {

    transition: all .3s;

    height: 40px

}



@media (min-width:1295px) {

    .header-container .logo {

        margin-left: -5vw

    }

}



.header-container .btn-demo,

.header-container .btn-rounded {

    cursor: pointer;

    border: 2px solid;

    border-radius: 20px;

    background: transparent;

    padding: 8px 32px

}



.header-container .uppercase {

    text-transform: uppercase

}



.header-container .btn-demo {

    border-color: hsla(0, 0%, 100%, .8);

    font-weight: 900;

    font-size: 15px;

    color: #fff !important;

    transition: all .3s ease-in-out

}



.header-container .btn-demo:hover {

    color: #fff;

    border-color: #e86746;

    background-color: #e86746

}



.header-container .btn-login {

    color: #fff !important;

    cursor: pointer;

    font-weight: 700;

    letter-spacing: -.15px

}



.header-container .btn-login img {

    height: 20px

}



.header-container .btn-login:hover {

    color: #ccc !important

}



.header-container .white-text {

    color: #fff

}



.header .nav-link.active {

    color: #00c9cb !important;

    font-weight: 700

}



.header .btn-demo {

    border-color: hsla(0, 0%, 100%, .8) !important;

    font-weight: 900;

    font-size: 15px;

    background: transparent !important;

    color: #fff !important;

    transition: all .3s ease-in-out

}



.fixed-style .sidebarIconToggle {

    width: 22px !important

}



.fixed-style .spinner {

    height: 3px !important

}



.fixed-style .diagonal.part-2,

.fixed-style .horizontal {

    margin-top: 3px !important

}



.fixed-style input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {

    margin-top: -9px !important

}



.hamburguer {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row;

    flex-direction: row;

    z-index: 10002

}



.hamburguer #sidebarMenu {

    position: absolute;

    z-index: 10000;

    height: 100vh;

    top: 0;

    left: 0;

    width: 100vw;

    background-color: rgba(0, 0, 0, .1);

    transform: translateX(-100vw);

    transition: transform .1s ease-in-out

}



@media (max-width:768px) {

    .hamburguer .sidebarIconToggle {

        height: 33px !important;

        width: 20px !important;

        margin-right: 0 !important

    }



    .hamburguer .spinner {

        height: 3px !important

    }



    .hamburguer .diagonal.part-2,

    .hamburguer .horizontal {

        margin-top: 3px !important

    }



    .hamburguer input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {

        margin-top: -9px !important

    }

}



.hamburguer .sidebarMenuInner {

    height: 100%;

    width: 75vw;

    background: #fff;

    z-index: 10001;

    box-shadow: 0 4px 5px 0 #ababab;

    margin: 0;

    padding: 0;

    border-top: 1px solid hsla(0, 0%, 100%, .1)

}



.hamburguer .sidebarMenuInner .logo {

    padding: 14px;

    border-bottom: 1px inset

}



.hamburguer .sidebarMenuInner li {

    list-style: none;

    padding: 20px;

    cursor: pointer;

    border-bottom: 1px solid #f5f5f5

}



.hamburguer .sidebarMenuInner li:focus {

    outline-color: #6a6a6a

}



.hamburguer .sidebarMenuInner li span {

    display: block;

    font-size: 14px

}



.hamburguer .sidebarMenuInner a {

    color: #00568f;

    cursor: pointer;

    text-decoration: none

}



.hamburguer .sidebarMenuInner a.btn-cta,

.hamburguer .sidebarMenuInner a[target=_blank] {

    text-transform: uppercase;

    font-weight: 700

}



.hamburguer .sidebarMenuInner a.btn-cta {

    margin-right: 20px;

    margin-left: 20px;

    width: auto !important;

    display: block;

    text-align: center;

    box-shadow: none !important

}



.hamburguer input[type=checkbox]:checked ~ #sidebarMenu {

    transform: translateX(0)

}



.hamburguer input[type=checkbox] {

    transition: all .3s;

    box-sizing: border-box;

    display: none

}



.hamburguer .sidebarIconToggle {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center;

    transition: all .3s;

    box-sizing: border-box;

    cursor: pointer;

    position: relative;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-line-pack: center;

    align-content: center;

    margin-right: 18px;

    z-index: 99;

    height: 100%;

    width: 28px;

    margin-bottom: 0

}



.hamburguer .spinner {

    transition: all .3s;

    box-sizing: border-box;

    position: absolute;

    height: 4px;

    width: 100%;

    background-color: #fff

}



.hamburguer .horizontal {

    margin-top: 6px

}



.hamburguer .diagonal.part-1,

.hamburguer .diagonal.part-2,

.hamburguer .horizontal {

    transition: all .3s;

    box-sizing: border-box;

    position: relative;

    float: left

}



.hamburguer .diagonal.part-2 {

    margin-top: 6px

}



.hamburguer input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {

    transition: all .3s;

    box-sizing: border-box;

    opacity: 0

}



.hamburguer input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {

    transition: all .3s;

    box-sizing: border-box;

    transform: rotate(135deg);

    margin-top: 8px

}



.hamburguer input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {

    transition: all .3s;

    box-sizing: border-box;

    transform: rotate(-135deg);

    margin-top: -14px

}



.hero {

    background-image: url(../images/services/servicios_hero.png);

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding-bottom: 150px;

}



@media (max-width:992px) {



    .hero{

        background-image: url(../images/services/servicios_hero.png);

        padding-bottom: 150px;

    }

    .hero-content h1 {

        font-size: 30px !important;

        line-height: normal !important

    }



    .hero-content p {

        font-size: inherit !important;

        line-height: normal !important;

        text-align: center;

    }

}



.hero .hero-content {

    padding-top: 172px

}



.hero .img-hero{

    max-width: 70% !important;

    height: auto;

}



.hero .hero-content h1 {

    color: #fff;

    font-family: Asap, sans-serif;

    font-size: 35px;

    font-weight: 700;

    padding-bottom:1rem;

    padding-top:1rem;

}



.hero-content p {

    color: #fff;

    font-weight: 400;

    font-size: 22px;

}



.small-title-head {

    color: #fff;

    font-family: Roboto, sans-serif;

    font-size: 20px;

    font-weight: 400;

    line-height: 22px;

    text-transform: uppercase;

}







.hero .hero-content h2 span.semi-bold {

    font-weight: 600 !important

}

/*

.hero .hero-content h1 {

    line-height: 32px;

    font-size: 22px;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: hsla(0, 0%, 98%, .7)

}*/



@media (max-width:992px) {

    .hero .hero-content {

        width: 100%

    }



    .hero .hero-content h1 {

        font-size: 30px;

        line-height: normal;

    }

/*

    .hero .hero-content h1 {

        font-size: 15px;

        line-height: normal

    } */



    .hero .hero-content .my-5 {

        margin-top: 1.5rem !important

    }

}



@media (max-width:768px) {

    .hero .hero-content {

        padding-top: 80px

    }

    

    .small-title-head{

        text-align: center;

        line-height: 27px;

    }

    

    .hero-content button {

    margin-left: 30%;

    

    }

    

    .hero .hero-content h1 {

    text-align:center !important;

    }



    /*.hero .hero-content .row {

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse

    }*/



    .hero .hero-content .row div {

        margin-top: 1em

    }



    .hero .hero-content img {

        width: 100%;

        -ms-flex-item-align: center;

        -ms-grid-row-align: center;

        align-self: center;

    }

}



.hero .hero-content img#hero-iso {

    margin-right: 60px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

}



@media (max-width:992px) {

    .hero .hero-content img#hero-iso {

        height: 65px;

        width: auto;

        margin-bottom: 20px;

        margin-right: 47px

    }

}



@media (max-width:420px) {

    .hero .hero-content img#hero-iso {

        margin-right: 34px;

        margin-bottom: 30px

    }

    

    .hero .hero-content h2 {

        padding-right: 0 !important;

        font-size: 35px;

    }

    

    .hero .hero-content h1{

        margin-top: 1.5em;

    }

    

    .hero-content button {

        display: inline-block;

        text-align: center;

        justify-content:center !important;

        min-width: auto !important;

        width: 100%;

        margin-left: 0;

    }

    

    .contact-form-wrapper .cta-wrapper .btn-cta{

        margin-top: 2em;

    }

}



.hero .hero-content img#hero-bg {

    margin-top: -70px !important

}



.hero-content button {

    cursor: pointer;

    text-decoration: none;

    background: #E3583D;

    border: none;

    color: #fff ;

    padding: 10px 30px ;

    border-radius: 30px ;

    font-weight: 700;

    box-shadow: 0 5px 4.5px .5px rgba(0, 0, 0, .1);

    transition: all .6s;

    font-size: 20px;

    font-family: Roboto, sans-serif;

}



.hero-content button a {

    text-decoration: none;

    text-decoration-line: none;

    color: white !important;

}





.hero-content button:hover {

    text-decoration: none;

    cursor: pointer;

    border: none;

    background: #D83C27;

    border-color: #79BDC9;

    color: #fff !important;

    }



@media (max-width:420px) {

    .hero-content button {

        display: inline-block;

        text-align: center;

        width: 100%;

        min-width: auto !important

    }

}



.hero-content button {

    font-family: Roboto, sans-serif;

    font-weight: 300 !important

}



.hero-content button i,

.hero-content button img {

    margin-left: 12px

}



.hero-content button img {

    height: 20px

}



.hero-content button i.arrow-right-icon:before {

    font-size: 2em;

    content: "\02192"

}



.our-culture-wrapper {

    font-family: Asap, sans-serif;

    background: linear-gradient(180deg, #fff, #eef9fb)

}



.our-culture-wrapper .title {

    color: #00558f

}



@media (max-width:768px) {

    .our-culture-wrapper .title {

        font-size: 30px

    }

}



.our-culture-wrapper .description {

    font-size: 22px;

    color: #878787

}



@media (max-width:768px) {

    .our-culture-wrapper .description {

        font-size: 18px

    }

}



.aboutus-wrapper {

    text-align: center;

    padding-top: 80px;

    font-family: Asap, sans-serif;

    letter-spacing: 2px;

    font-size: 40px;

    line-height: 1em

}



@media (max-width:768px) {

    .aboutus-wrapper {

        font-size: 30px;

        letter-spacing: normal

    }

}



.aboutus-wrapper .title {

    color: #878787

}



.aboutus-wrapper .highlight {

    font-weight: 700

}



.aboutus-feat {

    text-align: left

}



@media (max-width:768px) {

    .aboutus-feat {

        margin-top: 26px

    }

}



.aboutus-feat p.small-title {

    font-family: Roboto, sans-serif;

    font-weight: 700 !important;

    text-transform: uppercase;

    color: #e86746;

    font-size: 18px

}



@media (max-width:768px) {

    .aboutus-feat p.small-title {

        font-size: 12px

    }

}



.aboutus-feat h2 {

    font-family: Asap, sans-serif;

    color: #00558f;

    font-size: 40px;

    font-weight: 400;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal

}



@media (max-width:768px) {

    .aboutus-feat h2 {

        font-size: 28px

    }

}



.aboutus-feat p {

    font-family: Roboto, sans-serif;

    color: #878787;

    font-weight: 300;

    font-size: 20px;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal

}



@media (max-width:768px) {

    .aboutus-feat p {

        font-size: 15px

    }

}



.aboutus-feat .btn-more-info {

    border-radius: 28px;

    border: 3px solid #69adae;

    background: #fff;

    color: #69adae;

    padding: 12px 36px;

    min-width: 255px;

    display: inline-block;

    text-align: center;

    margin-bottom: 16px;

    transition: all .3s ease-in-out;

    font-size: 1.1rem;

    font-weight: 500;

    letter-spacing: normal;

    line-height: normal

}



.aboutus-feat .btn-more-info img {

    height: 20px;

    margin-left: 6px

}



@media (max-width:768px) {

    .aboutus-feat .btn-more-info {

        display: block;

        width: 100%

    }

}



.aboutus-feat .btn-more-info:hover {

    text-decoration: none;

    border-color: #478383;

    color: #478383

}



@media (max-width:992px) {

    .aboutus-feat {

        padding-bottom: 40px

    }

}



.illustration {

    padding: 26px;

    background-color: #00558f;

    min-height: 380px

}



@media (max-width:768px) {

    .illustration {

        margin-top: 26px;

        min-height: 260px

    }

}



.divider-face-up {

    margin-top: 50px;

    margin-bottom: 60px;

    background-image: url(../images/curva-top.svg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 91px

}



@media (max-width:768px) {

    .divider-face-up {

        margin: 20px 0;

        background-size: contain;

        height: 30px

    }

}



.divider-face-down {

    margin-top: 50px;

    margin-bottom: 100px;

    background-image: url(../images/curva-bottom.svg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 91px

}



@media (max-width:768px) {

    .divider-face-down {

        margin: 20px 0;

        background-size: contain;

        height: 30px

    }

}



.btn-cta {

    cursor: pointer;

    border: 2px solid;

    background: #e86746 !important;

    border-color: #e86746 !important;

    color: #fff !important;

    padding: 12px 32px !important;

    border-radius: 30px !important;

    font-weight: 700;

    box-shadow: 0 5px 4.5px .5px rgba(0, 0, 0, .1);

    transition: all .6s

}



.btn-cta.loading {

    min-width: 100px !important;

    width: 0 !important

}



@media (max-width:420px) {

    .btn-cta {

        display: inline-block;

        text-align: center;

        width: 100%;

        min-width: auto !important

    }

}



.btn-cta span {

    font-family: Roboto, sans-serif;

    font-weight: 700 !important

}



.btn-cta i,

.btn-cta img {

    margin-left: 12px

}



.btn-cta img {

    height: 20px

}



.btn-cta:hover {

    text-decoration: none

}



.btn-cta i.arrow-right-icon:before {

    font-size: 2em;

    content: "\02192"

}



.why-join-wrapper {

    background-color: #ebf4f9

}



.why-join-wrapper h2 {

    font-family: Asap, sans-serif;

    color: #00558f;

    font-weight: 700;

    letter-spacing: 3px;

    margin-bottom: 1.2em

}



.why-join-wrapper .item {

    display: -ms-flexbox;

    display: flex;

    margin-top: 2.2em;

    padding-bottom: .6em

}



.why-join-wrapper .item img {

    margin-right: 1.2em

}



.why-join-wrapper .item .title {

    font-family: Asap, sans-serif;

    color: #00558f;

    margin-bottom: 0

}



.why-join-wrapper .item .description {

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: #878787

}



span#loader {

    display: none

}



.lds-ripple {

    display: inline-block;

    position: relative;

    width: 20px;

    height: 20px;

    left: -17px;

    top: -14px

}



@media (max-width:768px) {

    .lds-ripple {

        top: -38px

    }

}



.lds-ripple div {

    position: absolute;

    border: 4px solid #fff;

    opacity: 1;

    border-radius: 50%;

    animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite

}



.lds-ripple div:nth-child(2) {

    animation-delay: -.5s

}



@keyframes lds-ripple {

    0% {

        top: 28px;

        left: 28px;

        width: 0;

        height: 0;

        opacity: 1

    }



    to {

        top: -1px;

        left: -1px;

        width: 58px;

        height: 58px;

        opacity: 0

    }

}



.subscribe-wrapper {

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

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 7em 0 5em

}



.subscribe-wrapper h1 {

    color: #fff;

    font-family: Asap, sans-serif;

    margin-bottom: 32px

}



@media (max-width:768px) {

    .subscribe-wrapper h1 {

        font-size: 30px

    }

}



.subscribe-wrapper form#subscribe-form > * {

    margin-top: 1.2em

}



@media (max-width:768px) {

    .subscribe-wrapper form#subscribe-form > * {

        margin-top: 0

    }

}



.subscribe-wrapper form#subscribe-form select.form-control:not([size]):not([multiple]) {

    height: 53px !important;

    font-size: 20px

}



.subscribe-wrapper form#subscribe-form .form-control {

    font-family: Roboto, sans-serif;

    font-size: 20px;

    padding: .575rem .75rem;

    color: #797979

}



@media (max-width:768px) {

    .subscribe-wrapper form#subscribe-form .form-control {

        margin-top: .8em

    }

}



.subscribe-wrapper .cta-wrapper {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center

}



.subscribe-wrapper .cta-wrapper .btn-cta {

    font-family: Roboto, sans-serif;

    margin-top: 1.2em !important;

    font-weight: 700;

    min-width: 320px

}



@media (max-width:768px) {

    .subscribe-wrapper .cta-wrapper .btn-cta {

        display: block;

        margin-top: .8em !important

    }

}



.subscribe-wrapper .failure-message,

.subscribe-wrapper .success-message {

    display: none;

    margin-bottom: 0;

    padding: 1rem;

    border-radius: 6px;

    color: #fff

}



@media (max-width:768px) {



    .subscribe-wrapper .failure-message,

    .subscribe-wrapper .success-message {

        margin-top: 1em !important

    }

}



.subscribe-wrapper .success-message {

    background-color: #4caf50

}



.subscribe-wrapper .failure-message {

    background: #ff4747

}



.browserupgrade {

    margin: .2em 0;

    background: #ccc;

    color: #000;

    padding: .2em 0

}



@media (max-width:768px) {



    .col,

    .col-1,

    .col-2,

    .col-3,

    .col-4,

    .col-5,

    .col-6,

    .col-7,

    .col-8,

    .col-9,

    .col-10,

    .col-11,

    .col-12,

    .col-auto,

    .col-lg,

    .col-lg-1,

    .col-lg-2,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-lg-auto,

    .col-md,

    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-md-auto,

    .col-sm,

    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .col-sm-auto,

    .col-xl,

    .col-xl-1,

    .col-xl-2,

    .col-xl-3,

    .col-xl-4,

    .col-xl-5,

    .col-xl-6,

    .col-xl-7,

    .col-xl-8,

    .col-xl-9,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12,

    .col-xl-auto {

        padding-right: 20px !important;

        padding-left: 20px !important

    }

}



@media (min-width:768px) and (max-width:1800px) {

    body {

        zoom: .85

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translate3d(0, 100%, 0)

    }



    to {

        opacity: 1;

        transform: translateZ(0)

    }

}



.fadeInUp {

    animation-name: fadeInUp

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



.fadeIn {

    animation-name: fadeIn

}



.scroll-animations .animated {

    visibility: hidden

}



.scroll-animations .visible {

    visibility: visible

}



.animated {

    animation-duration: 1s;

    animation-fill-mode: both

}



.animated.infinite {

    animation-iteration-count: infinite

}



.animated.delay-500ms {

    animation-delay: .2s

}



.animated.delay-1s {

    animation-delay: 1s

}



.animated.delay-2s {

    animation-delay: 2s

}



.animated.delay-3s {

    animation-delay: 3s

}



.animated.delay-4s {

    animation-delay: 4s

}



.animated.delay-5s {

    animation-delay: 5s

}



.animated.fast {

    animation-duration: .8s

}



.animated.faster {

    animation-duration: .5s

}



.animated.slow {

    animation-duration: 2s

}



.animated.slower {

    animation-duration: 3s

}



.hero {

    background-image: url(../images/services/servicios_hero.png) !important

}



.hero-content h1 {

    font-size: 52px !important

}



@media (max-width:992px) {

    .hero-content h1 {

        font-size: 30px !important;

        line-height: normal !important

    }

}



.hero-content p {

    color: #fff !important;

    font-weight: 400 !important

}



@media (max-width:992px) {

    .hero-content p {

        font-size: inherit !important;

        line-height: normal !important

    }

}



.aboutus-wrapper {

    background-color: #fcfcfc

}



.aboutus-wrapper .right-img {

    padding-left: 3em;

    text-align: left

}



@media (max-width:768px) {

    .aboutus-wrapper .right-img {

        padding: 0 !important;

        text-align: center

    }

}



.aboutus-wrapper .left-img {

    text-align: right;

    padding-right: 3em

}



@media (max-width:768px) {

    .aboutus-wrapper .left-img {

        padding: 0 !important;

        text-align: center

    }

}



.aboutus-wrapper .aboutus-feat h2 {

    font-size: 30px !important

}



@media (max-width:768px) {

    .aboutus-wrapper .aboutus-feat {

        text-align: center !important

    }

}



.jobs-wrapper h2 {

    font-family: Asap, sans-serif;

    color: #6e7174

}



.jobs-wrapper .cta-wrapper {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center

}



.jobs-wrapper .cta-wrapper .btn-cta {

    margin-top: 1.2em !important;

    font-size: 18px;

    padding: 8px 32px !important;

    font-family: Roboto, sans-serif

}



@media (max-width:768px) {

    .jobs-wrapper .cta-wrapper .btn-cta {

        display: block;

        padding: 12px 0 !important;

        margin-top: .8em !important

    }

}



@media (max-width:768px) {

    .jobs-wrapper {

        padding-right: 20px;

        padding-left: 20px

    }



    .jobs-wrapper h2 {

        font-size: 30px

    }

}



.subscribe-wrapper {

    background-image: url(../images/culture/bg-enviar-cv.png);

    background-color: #ebf4f9

}





.languajes {

    position: absolute;

    display:inline;

    float: right;    

    margin-top:1em;

    right: 3em;

}



.languajes p {

    font-family: Roboto, sans-serif;

    color: white;

    font-size: 18px;

}



.languajes p b {

    color: white;

    font-weight: normal;

    text-decoration: none;

}



@media (max-width:925px) {

.languajes {

    position: absolute;

    display:block;

    float: center;    

    margin-top:1%;

    margin-right: 30%;

}

}





/*Services */





.fonts p {

    font-size: 18px;

    color: #878787;

    padding-top: 1em;

}





@media (max-width:768px) {

    .fonts p {

        font-size: 16px;

        padding-left: 1em;

        padding-right: 1em;

    }

    

    .fonts div h2 {

    font-size: 24px;

}

}



.navy {

    color: #024c88 !important;

}



.plan-text {

 font-weight: 500;

 font-style: normal;

}



.plan-text a {

 text-decoration: none;

 color: #48BDCA;

font-weight: 700;

}



.small-title-head-orange {

    color: #FF5739;

    font-family: Roboto, sans-serif;

    font-size: 16px;

    font-weight: 400;

    text-transform: uppercase;

}



@media (max-width:420px) {



    .small-title-head-orange {

    font-size: 13px; 

    }

}



.logo-caso-de-exito {

    width: 14em;

}







.img-items {

    max-width: 4rem;

}





@media (max-width:992px) {



   .img-items{

    width: 70%;

}

    .text-items {

        text-align: center;

        padding: 2em 1em 1em 1em;

    }

}





.title-blue{

    color: #00558f;

    font-size: 1.7rem;

}



@media (max-width:420px) {

.title-blue{

    font-size: 1.3rem;

    }

}





/*INICIA FORM */



.contact-form-wrapper {

    background-image: url(../images/form-background-home-white.png);

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    margin-top: 4em;

}



/*Título form EN ingles*/

.contact-form-wrapper .title {

    font-family: Asap, sans-serif;

    font-size: 27px;

    font-weight: bold;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    text-align: center;

    color: #fff;

}



.contact-form-wrapper .title strong {

    font-size: 20px;

    font-weight: normal;

}

/*Fin título EN*/



@media (max-width:768px) {

    .contact-form-wrapper .title {

        font-size: 24px;

        letter-spacing: normal;

    }

    

    .contact-form-wrapper .title strong {

        font-size: 20px;

        letter-spacing: normal;

        line-height: 18px;

    }

}



.contact-form-wrapper form#contact-form > * {

    margin-top: 1.2em

}



@media (max-width:768px) {

    .contact-form-wrapper form#contact-form > * {

        margin-top: 0em;

    }

    

    .contact-form-wrapper .cta-wrapper .btn-cta {

        margin-top: 2em !important;

    }

    

}



.contact-form-wrapper form#contact-form select.form-control:not([size]):not([multiple]) {

    height: 53px !important;

    font-size: 20px

}



.contact-form-wrapper form#contact-form .form-control {

    font-family: Roboto, sans-serif;

    font-size: 20px;

    padding: .575rem .75rem;

    color: #797979

}



@media (max-width:768px) {

    .contact-form-wrapper form#contact-form .form-control {

        margin-top: .8em

    }

}



.contact-form-wrapper .cta-wrapper {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center

}



.contact-form-wrapper .cta-wrapper .btn-cta {

    min-width: 320px

}



@media (max-width:768px) {

    .contact-form-wrapper .cta-wrapper .btn-cta {

        display: block;

        margin-top: 0.8em;

    }

}



.contact-form-wrapper .failure-message,

.contact-form-wrapper .success-message {

    display: none;

    margin-bottom: 0;

    padding: 1rem;

    border-radius: 6px;

    color: #fff

}



@media (max-width:768px) {



    .contact-form-wrapper .failure-message,

    .contact-form-wrapper .success-message {

        margin-top: 1em !important

    }

}



.contact-form-wrapper .success-message {

    background-color: #4caf50

}



.contact-form-wrapper .failure-message {

    background: #ff4747

}



.btn-cta {

    cursor: pointer;

    border: 2px solid;

    background: #e86746 !important;

    border-color: #e86746 !important;

    color: #fff !important;

    padding: 12px 32px !important;

    border-radius: 30px !important;

    font-weight: 700;

    box-shadow: 0 5px 4.5px .5px rgba(0, 0, 0, .1);

    transition: all .6s

}



.btn-cta.loading {

    min-width: 100px !important;

    width: 0 !important

}



@media (max-width:420px) {

    .btn-cta {

        display: inline-block;

        text-align: center;

        width: 100%;

        min-width: auto !important

    }

}



.btn-cta span {

    font-family: Roboto, sans-serif;

    font-weight: 700 !important

}



.btn-cta i,

.btn-cta img {

    margin-left: 12px

}



.btn-cta img {

    height: 20px

}



.btn-cta:hover {

    text-decoration: none

}



.btn-cta i.arrow-right-icon:before {

    font-size: 2em;

    content: "\02192"

}





/*TERMINA FORM*/



.new-btn-cta-hero {

    cursor: pointer;

    border: 2px solid;

    background: #e86746 !important;

    border-color: #e86746 !important;

    color: #fff !important;

    padding: 12px 32px !important;

    border-radius: 30px !important;

    font-weight: 700;

    box-shadow: 0 5px 4.5px .5px rgba(0, 0, 0, .1);

    transition: all .6s;

    font-family: Asap, sans-serif;

    margin-top: 4em !important;

}



.new-btn-cta-hero.loading {

    min-width: 100px !important;

    width: 0 !important

}



@media (max-width:420px) {

    .new-btn-cta-hero {

        display: inline-block;

        text-align: center;

        width: 100%;

        min-width: auto !important

    }

}



.new-btn-cta-hero span {

    font-family: Roboto, sans-serif;

    font-weight: 700 !important

}



.new-btn-cta-hero i,

.new-btn-cta-hero img {

    margin-left: 12px

}



.new-btn-cta-hero img {

    height: 20px

}



.new-btn-cta-hero:hover {

    text-decoration: none

}



.new-btn-cta-hero i.arrow-right-icon:before {

    font-size: 2em;

    content: "\02192"

}





/* Botón casos de éxito */

.new-btn-cta-success-cases {

    cursor: pointer;

    border: 2px solid;

    background: white;

    border-color: #48BDCA;

    color: #48BDCA;

    padding: 12px 32px;

    border-radius: 30px;

    font-weight: 700;

    box-shadow: 0 5px 4.5px .5px rgba(0, 0, 0, .1);

    transition: all .6s;

    font-family: Asap, sans-serif;

    margin-top: 2em !important;

}



.new-btn-cta-success-cases.loading {

    min-width: 100px !important;

    width: 0 !important

}



@media (max-width:420px) {

    .new-btn-cta-success-cases {

        display: inline-block;

        text-align: center;

        width: 70%;

        min-width: auto !important

    }

    

    }

}



.new-btn-cta-success-cases span {

    font-family: Roboto, sans-serif;

    font-weight: 700 !important

}



.new-btn-cta-success-cases i,

.new-btn-cta-success-cases img {

    margin-left: 12px

}



.new-btn-cta-success-cases img {

    height: 20px

}



.new-btn-cta-success-cases:hover {

    text-decoration: none;

    background: #48BDCA;

    color: white;

}



.new-btn-cta-success-cases i.arrow-right-icon:before {

    font-size: 2em;

    content: "\02192"

}

/* FIN Botón casos de éxito */



/* Botones */



.title-boxes {

    color: #878787;

    font-family: Asap, sans-serif;

    font-size: 35px;

    font-weight: normal;

    text-align: center;

    margin-top: 2em;

    margin-bottom: 2em;

}



.container-boxes {

    background-color: white;

    margin-bottom: 2rem;

}



.boxes {

    padding-left: 5%;

    padding-right:5%;

}



.boxes h3 {

  font-family: Asap, sans-serif;

  font-size: 18px;

  font-weight: 400;

  text-decoration: none;

  color: #878787;

}



.boxes button {

  display: block;

  width: 90%;

  padding: 15px;

  border: 2px solid white;

  margin-bottom: 5%;

  margin-left: 2%;

  box-sizing: border-box; 

  text-align: center;

  background: white;

  border-radius: 16px;

  align-content: center;

  height: 300px;

  border: 1px solid lightgray;

  

  -webkit-transition-duration: 0.4s; /* Safari */

  transition-duration: 0.4s;

    

}



.boxes button a {

    text-decoration: none !important;

    color: #878787;

}

/*

.button:hover {

  background-color: #4CAF50; 

  color: white;

}

*/

 /*

.boxes button:nth-of-type(even) {

  background: white;

} */



.boxes button:hover {

  

  

  -webkit-box-shadow: 10px 10px 18px -11px rgba(44,77,134,0.2);

  -moz-box-shadow: 10px 10px 18px -11px rgba(44,77,134,0.2);

  box-shadow: 10px 10px 18px -11px rgba(44,77,134,0.2);

}



@media screen and (min-width: 800px) {

    .boxes {

        display: flex;

        justify-content: center;

    }



}



.boxes button img {

    max-width: 150px;

    height: auto;

    display: block;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 1em;

    

}



.boxes button .redlink {

    max-width: inherit !important;

    max-height: 60px;

}



/* Quote */



.back-quote {

    background-image: url(../images/success-cases/artear/quote_artear_emblue.png);

    background-position: top;

    background-repeat: no-repeat;

    background-size: contain;

    padding-top: 3em;

    padding-bottom: 3em;

}



.back-quote p {

    font-size: 28px;

    color: #fff;

    padding-top: 1em;

    font-family: Roboto, sans-serif; 

}



@media (max-width:992px) {

    .back-quote {

    background-size: cover !important;

    background-position: right;

    padding-top: 2em;

    padding-bottom: 2em;

    padding-left: 2em;

    padding-right: 2em;

}



.back-quote p {

    font-size: 22px;

    color: #fff;

    font-family: Roboto, sans-serif; 

}



.signature-quote {

    font-size: 14px;

    text-align: center !important;

}

    

}



.signature-quote {

    font-size: 18px;

    color: #878787;

    text-align: center;

}



/* Vídeo nueva propuesta de valor */



.video-container {

    position: relative;

    padding-bottom: 56.2%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

    background-color: transparent;

    cursor: pointer;

    border-radius: 24px;

}



.video-container embed,

.video-container iframe,

.video-container object {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: none;

    visibility: hidden

}



.video-container:before {

    content: "\f04b";

    font-family: Font Awesome\ 5 Free;

    font-size: 34px;

    margin-top: 7px;

    margin-left: 3px;

    position: absolute;

    top: 50%;

    left: 50%;

    color: #fff;

    z-index: 2;

    cursor: pointer;

    visibility: visible;

    transform: translate3d(-50%, -50%, 0) scale(1);

    -moz-transform: translate3d(-50%, -50%, 0);

    -webkit-transform: translate3d(-50%, -50%, 0);

    transition: transform .2s, opacity .2s;

    -moz-transition: transform .2s, opacity .2s;

    -webkit-transition: transform .2s, opacity .2s

}



.video-container:hover:before {

    color: #fff;

    transform: translate3d(-50%, -50%, 0) scale(.8);

    -moz-transform: translate3d(-50%, -50%, 0) scale(.8);

    -webkit-transform: translate3d(-50%, -50%, 0) scale(.8)

}

.btn-prueba-emblue{

    height: auto;

    padding-bottom: 6rem;

}

.video-container:after {

    content: "";

    position: absolute;

    margin-top: 6px;

    height: 90px;

    width: 90px;

    border: none;

    border-radius: 100px;

    background-color: hsla(0, 0%, 100%, .2);

    cursor: pointer;

    top: 50%;

    left: 50%;

    visibility: visible;

    transform: translate3d(-50%, -50%, 0) scale(1);

    -moz-transform: translate3d(-50%, -50%, 0);

    -webkit-transform: translate3d(-50%, -50%, 0);

    transition: background-color .2s, transform .2s, opacity 1.2s;

    -moz-transition: background-color .2s, transform .2s, opacity .2s;

    -webkit-transition: background-color .2s, transform .2s, opacity 1.2s

}



.video-container:hover:after {

    transform: translate3d(-50%, -50%, 0) scale(.9);

    -moz-transform: translate3d(-50%, -50%, 0) scale(.9);

    -webkit-transform: translate3d(-50%, -50%, 0) scale(.9)

}



.video-container.reveal:after,

.video-container.reveal:before {

    opacity: 0;

    visibility: hidden;

    transition: visibility .4s, opacity .4s;

    -moz-transition: visibility .4s, opacity .4s;

    -webkit-transition: visibility .4s, opacity .4s

}



.video-container:before {

    font-weight: 900

}



.video-container:after {

    background-color: rgba(32, 36, 45, .7)

}



.video-container:hover:after {

    background-color: #00c9cb !important

}



span#loader {

    display: none

}







/* Tablas de planes */





@media (min-width:1295px) {

    .our-plans-wrapper .subtitle {

        padding: 0 160px

    }

}

@media (max-width:1040px) {

    .our-plans-wrapper .plan-card .header {

    min-height: 150px !important;

    background-size: cover !important;

    background-position: top;

    font-size: 35px !important;

    }

    .our-plans-wrapper .plan-card .header .bg {

     justify-content:center;

    -ms-flex-align: center;

    padding-top: 0px !important;

    }

}





@media (max-width:768px) {

    .our-plans-wrapper .title {

        font-size: 30px;

    }

    

    .our-plans-wrapper .subtitle {

        font-size: 18px

    }

    

    .our-plans-wrapper .plan-card .header {

    min-height: 200px !important;

    background-size: cover !important;

    background-position: top;

    font-size: 45px !important;

    padding: 32px;

    }

    

    .our-plans-wrapper .plan-card .content hr {

    display: none;

    }

}







.our-plans-wrapper {

    background: linear-gradient(180deg, #fff, #d8e9f3);

}



.our-plans-wrapper .title {

    color: #00558f;

    font-family: Asap, sans-serif

}







.our-plans-wrapper .subtitle {

    color: #878787;

    font-family: Roboto, sans-serif;

    font-size: 22px

}







.our-plans-wrapper .plan-card {

    margin-top: 2rem;

    border-radius: 24px;

    background: #fff;

    box-shadow: 0 6px 4px 1px #cbd9e0;

    text-align: center;

}



.our-plans-wrapper .plan-card.small .header {

   /*background: url(../images/plans/header_free.png) top no-repeat;

  background-size: contain;*/

    padding-top: 2em; 

}



.our-plans-wrapper .plan-card.small .header .bg {

   

}



.our-plans-wrapper .plan-card.pro .header {

  /*background: url(../images/plans/header-max.png) top no-repeat;

  background-size: contain;*/

    padding-top: 2em; 

}



.our-plans-wrapper .plan-card.pro .header .bg {

    

}



.our-plans-wrapper .plan-card.enterprise .header {

    /*background: url(../images/plans/header_enterprise.png) top no-repeat;

  background-size: contain;*/

    padding-top: 2em; 

}



.our-plans-wrapper .plan-card.enterprise .header .bg {

    

}





.our-plans-wrapper .plan-card.huge .header {

    background: url(../images/plans/2020/pro_rocket-background.png) top no-repeat;

  background-size:contain !important;

    padding-top: 4em;    

}

@media (max-width:720px) {

.our-plans-wrapper .plan-card.huge .header {

    padding-top: 2em;    

}

}





.our-plans-wrapper .plan-card.huge .header .bg {

    

}



.no-padding-col {

    padding-left: 0px !important;

}



@media (min-width:920px) {

.not-cool {

    margin-top: 50px !important;

}

}



.our-plans-wrapper .plan-card .header {

    border-radius: 16px 16px 0 0;

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

    font-size: 24px;

    font-weight: 700;

    padding: 15px 20px;

    line-height: normal;

    color: #223047;

    text-transform: uppercase !important;

    min-height: 100px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

}



.our-plans-wrapper .plan-card .header img {

    height: 40px;

    display: block;

    margin-left: auto;

    margin-right: auto

}



.our-plans-wrapper .plan-card .header .bg {

    width: 100%;

    -ms-flex-positive: 1;

    flex-grow: 1;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    padding-top: 5px;

}







.our-plans-wrapper .plan-card .content {

    font-size: 20px;

    padding: 10px 10px 10px

}



.our-plans-wrapper .plan-card .content .item {

    font-family: Roboto, sans-serif

}



.our-plans-wrapper .plan-card .content .item .description {

    margin: 0;

    color: #878787;

    font-weight: 300

}



.our-plans-wrapper .plan-card .content .item .price {

    color: #63CED3;

    font-weight: 700;

    margin-bottom: 0

}



.our-plans-wrapper .plan-card .content hr {

    margin-top: .6rem !important;

    margin-bottom: .6rem !important;

    border-top: 2px solid hsla(0, 0%, 90%, .8) !important

}



.our-plans-wrapper .plan-card .cta {

    padding: 0 40px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

}



.our-plans-wrapper .plan-card .cta .btn-cta {

    padding: 10px 20px ;

    font-size: 18px ;

    font-weight: 700;

    margin-top: 2rem;

    margin-bottom: 2rem;

    box-shadow: none !important;

    cursor: pointer;

    border: none;

    background-color: #2C4D86;

    color: #fff;

}



.our-plans-wrapper .plan-card .cta .huge {

    padding: 13px 23px !important;

    font-size: 18px !important;

    background-color: #E3583D;

}



.our-plans-wrapper .plan-card .huge:hover {

    background-color: #CE4532 !important;

    color: white;

}



.our-plans-wrapper .plan-card .huge-btn {

    padding: 0 20px !important;

}



.our-plans-wrapper .plan-card .content .item ul {

  /*list-style:url(../images/plans/2020/check.png);

  list-style-position:outside;*/

  font-size:14px;

  color: gray;

  text-align: left;

  margin-top:2em;

  padding-right:15px;

  padding-left: 10px;

}



.our-plans-wrapper .plan-card .content .item li {

  margin-top:1em;

  list-style-type:none;

  background-image:url(../images/plans/2020/check.png);

  background-position:left;

  background-repeat: no-repeat;

  list-style-position: outside;

  padding-left:2em;

}



@media (max-width:768px) {

    .our-plans-wrapper .plan-card .cta .btn-cta {

        padding: 12px 24px !important

    }

}



.our-plans-wrapper .plan-card .cta .btn-cta:hover {

    background-color: #4D8BCE;

    color: white;

}



.our-plans-wrapper .legend {

    padding-bottom: 3rem !important;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    font-size: 18px;

    color: #878787

}



.our-plans-wrapper .legend strong {

    color: #00558f;

    font-weight: 700

}



@media (max-width:768px) {

    .our-plans-wrapper .legend {

        padding: 16px;

        font-size: 12px

    }



.btn-cta {

 color: white;

 

}

}



.cta-new {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    align-content: center !important;

    }



.cta {

position: relative;

}



.btn-cta {

    cursor: pointer;

    border: 2px solid;

    background: #e86746;

    border-color: #e86746;

    color: #fff;

    padding: 12px 32px;

    border-radius: 30px;

    font-size: 20px;

    font-weight: 700;

    box-shadow: 0 5px 4.5px .5px rgba(0, 0, 0, .1);

    transition: all .6s;

    position: relative;

    font-family:  Asap, sans-serif;

}



.btn-cta.loading {

    min-width: 100px !important;

    width: 0 !important

}



@media (max-width:420px) {

    .btn-cta {

        display: inline-block;

        text-align: center;

        width: 100%;

        min-width: auto !important

    }

}

.prueba-emblue{

    padding-bottom: 2rem !important;

}



.btn-cta span {

    font-family: Roboto, sans-serif;

    font-weight: 700 !important

}



.btn-cta i,

.btn-cta img {

    margin-left: 12px

}



.btn-cta img {

    height: 20px

}



.btn-cta:hover {

    text-decoration: none;

    color: white;

}



.btn-cta i.arrow-right-icon:before {

    font-size: 2em;

    content: "\02192"

}



.plan-card .content .item .description {

    margin: 0;

    color: #878787;

    font-weight: 300;

    padding: 0 24px;

    font-size: 14px;

}



.plan-card .content .item .price-giant {

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

    color: #02426c;

    font-weight: normal;

    margin-bottom: 0;

    font-size: 50px;

}



.plan-card .content .item .price-giant b {

    color: #989898;

    font-weight: normal;

    padding-bottom: 15px;

    font-size: 14px;

}



.plan-card .content .item .envios {

    color: #E3583D;

    font-weight: 700;

    margin-bottom: 0;

    padding-top: 5px;

    font-size: 25px;

}



.our-plans-wrapper .plan-card .content .subtitle-plans {

    color: #2C4D86;

    font-weight: 700;

    margin-bottom: 0;

    padding-top: 15px;

    font-size: 15px;

}



.plan-card .content .free-space {

    margin-top: 18px;

}



.plan-card .content .item .separador-planes {

    padding-top: 15px;

    padding-bottom: 15px;

    margin-left: 20px !important;

    margin-right: 20px !important;

    border-top: 2px solid hsla(0, 0%, 90%, .8) !important;

}





/* DIVIDERS */



.divider-face-up {

    margin-top: 50px;

    margin-bottom: 60px;

    background-image: url(../images/curva-top.svg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 91px

}



@media (max-width:768px) {

    .divider-face-up {

        margin: 20px 0;

        background-size: contain;

        height: 30px

    }

}



.divider-face-down {

    margin-top: 0px;

    margin-bottom: 0px;

    background-image: url(../images/curva-bottom.svg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 91px

}



@media (max-width:768px) {

    .divider-face-down {

        margin: 20px 0;

        background-size: contain;

        height: 30px

    }

}



/*Img Artear */



@media (max-width:768px) {

    .splash {

        max-width: 300px;

    }
}

@media (min-width: 700px) {

    .brandSwiper-mobi, 
    #sidebarMenu{
      display: none;
    }
  }
  
    /* Menu */
  
  #sidebarMenu {
      height: 100vh;
      position: fixed;
      background-color: #fff;
      width: 70vw;
      padding: 2em 0;
      top: 0;
      z-index: 9999;
      left: -75vw;
      transition: left .5s;
    }
    #sidebarMenu.active {
      left: 0;
    }
    #sidebarMenu img{
      width: 40vw;
      padding: 0 1em 2em;
    }
    .sidebar-items-container{
      display: grid;
    }
    .sidebar-items-container > div, .sidebar-items-container > a{
      padding: 3vw 5vw;
      border-bottom: solid 1px #f1f1f1;
      color: #00568f;
    }
    .sidebar-items-container summary{
      display: grid;
      grid-template-columns: 3fr 1fr;
      align-items: center;
    }
    .sidebar-items-container summary::marker, summary::-webkit-details-marker  {
      display: none!important;
      content: ''!important;
    }
    .sidebar-items-container details p{
      display: grid;
      padding: 0.5em 1em;
    }
    .sidebar-items-container details p a{
      color: #00568f;
    }
    a.work-with-us{
      display: inline-block;
      margin:5vw 2vw!important;
    }
    svg.control-icon{
      fill: #00568f;
      vertical-align: bottom;
    }