header {position:relative;height:90px;padding:0 2rem;display:flex;align-items:center;}
header section {flex-basis:45%;display:flex;align-items:center;}
header section a {color:#7b7b7b;display:flex;align-items:center;margin-left:1rem;font-size:14px;}
header section a img {filter: invert(43%) sepia(8%) saturate(0%) hue-rotate(163deg) brightness(109%) contrast(98%);margin-right:.5rem;}
nav {display:flex;}
nav a {color:#363636;margin-right:2rem;}
.langs {position:absolute;right:2rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.container {width:95%;max-width:1170px;margin:auto;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.banner {position:relative;height:calc(100vh - 90px);}
.banner.banner-only-video {position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;height:auto;overflow:visible;}
.banner.banner-only-video .swiper-wrapper {height:auto !important;width:100vw !important;transform:none !important;}
.banner.banner-only-video .swiper-slide {flex:0 0 100vw !important;width:100vw !important;height:auto;display:block;align-items:unset;margin-right:0 !important;padding:0;}
.banner .swiper-slide {height:calc(100vh - 90px);display:flex;align-items:center;}
.banner .swiper-slide article {flex-basis:45%;padding:0 4rem;}
.banner .swiper-slide strong {font-size:3.5rem;font-weight:400;}
.banner .swiper-slide p {margin:1rem 0;}
.banner .swiper-slide figure {flex-basis:55%;height:100%;}
.banner .swiper-slide video,
.banner .swiper-slide img {width:100%;height:100%;}
.banner.banner-only-video figure {width:100vw !important;min-width:100vw !important;flex-basis:unset !important;height:450px;margin:0;box-sizing:border-box;padding:0;margin-left:calc((100vw - 100%) / -2);}
.banner.banner-only-video video {display:block;width:100%;height:100%;object-fit:cover;}
.banner .swiper-stuffs {position:absolute;z-index:50;display:flex;align-items:center;padding:2rem 1rem .5rem 1rem;background:#fff;color:#333;left:45%;right:40%;bottom:0;}
.banner .swiper-button-next, .banner .swiper-pagination, .banner .swiper-button-prev {position:relative;}
.banner .swiper-button-next {transform:scale(60%);color:#333;}
.banner .swiper-button-prev {transform:scale(60%);color:#333;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.about {position:relative;z-index:10;background:#fff;max-width:600px;height:200px;overflow:hidden;margin:4rem auto;text-align:center;transition:.4s;}
.about strong {display:block;font-size:1.5rem;margin:1rem 0;}
.about p {margin-bottom:.5rem;font-size:14px;}
.read-more {position:absolute;width:100%;background:#fff;bottom:0;display:flex;justify-content:center;align-items:center;transition:.4s;cursor:pointer;}
.read-more img {margin-left:1rem;transition:.4s;}
.read-more:before {content:'';position:absolute;z-index:5;width:50vw;top:-30px;height:30px;background:linear-gradient(0deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);}
.opened {height:450px;}
.opened img {transform:rotate(180deg);}
.opened:before {content:unset;}

/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.mision-vision {display:flex;justify-content:space-between;align-items:flex-start;padding:4rem 0;}
.mision-vision section {width:45%;}
.switcher-header {display:flex;}
.switcher-header span {width:50%;text-align:center;border-bottom:1px solid #ddd;color:#ddd;padding:.5rem;font-size:1.25rem;cursor:pointer;transition:.4s;}
.switcher-header .span-active, .switcher-header span:hover {border-bottom:1px solid #2d2e87;color:#2d2e87;}
.mision-vision article {padding:1rem;}
.mision-vision article p {display:none;}
.mision-vision article .p-active {display:block;}
.mision-vision figure {position:relative;width:40%;}
.mision-vision figure:before {content:'';position:absolute;z-index:1;top:-2rem;left:-2rem;bottom:2rem;right:2rem;background:#2d2e87;}
.mision-vision img {position:relative;z-index:2;width:100%;max-height:350px;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.technologies {padding:2rem 0;display:flex;justify-content:space-between;align-items:flex-start;}
.technologies section {width:45%;color:#363636;padding:2rem;}
.technologies img {display:inline;}
.technologies strong {display:block;font-weight:300;font-size:1.5rem;margin:1rem 0;}
.technologies p {font-size:14px;}
.technologies section:last-of-type {text-align:right;}
.technologies section:last-of-type p {text-align:left;}
.technologies hr {width:1px;min-height:600px;background:#2d2e87;border:none;outline:none;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.services {position:relative;display:flex;justify-content:center;}
.services .swiper-slide {min-height:500px;}
.services .swiper-slide img {min-height:500px;}
.services .swiper-slide article {position:absolute;top:0;left:0;max-width:400px;padding:1rem;background:rgba(45, 46, 135, 0.9);color:#fff;}
.services .swiper-slide strong {display:block;font-size:1.5rem;margin:1rem 0;}
.services .swiper-slide p {font-weight:300;}
.services .swiper-button-prev, .services .swiper-button-next {position:absolute;background:#fff;padding:2rem;top:60%;color:#333;}
.services .swiper-button-prev {left:0;right:unset;}
.services .swiper-button-next {right:0;left:unset;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.contact {padding:4rem 0;display:flex;align-items:center;}
.contact article {flex-basis:50%;}
.contact a {display:flex;align-items:center;color:#363636;margin-bottom:.5rem;}
.contact span {width:30px;height:30px;display:flex;justify-content:center;align-items:center;margin-right:.5rem;}
.contact img {filter:invert(19%) sepia(10%) saturate(0%) hue-rotate(219deg) brightness(100%) contrast(95%);max-height:24px;}
.contact iframe {width:100%;min-height:200px;}
.contact section {flex-basis:50%;padding:0 4rem;}
.contact form {display:flex;flex-direction:column;}
.contact input {padding:.5rem;color:#868181;border:none;border-bottom:1px solid #868181;margin-bottom:.5rem;}
.contact textarea {padding:.5rem;color:#868181;border:none;border-bottom:1px solid #868181;resize:none;}
.contact .form-button {padding:.75rem 0;margin-top:1rem;background:#2d2e87;color:#fff;border:1px solid #2d2e87;text-align:center;cursor:pointer;transition:.4s;}
.contact .form-button:hover {background:#fff;color:#2d2e87;}
.contact a:hover {color:#000;}
.form-result {text-align:center;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
footer {padding:1rem 0;display:flex;justify-content:center;align-items:center;background:#2d2e87;}
footer a {color:#fff;margin:0 3rem;font-size:14px;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
@media only screen and (max-width:768px) {
    header {padding:0 1rem;justify-content:space-between;}
    header section > *:not(img) {display:none;}
    .langs {display:none;}
    nav {position:absolute;top:90px;z-index:50000;right:-100vw;width:100vw;background:#fff;flex-direction:column;align-items:center;transition:.4s;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
    nav a {margin:1rem 0;padding:0 1rem;}
    .nav-opened {right:0;}
    .menu-button {display:flex;flex-direction:column;padding:1rem;cursor:pointer;}
    .menu-button div {width:30px;height:3px;background:#333;border-radius:1rem;transition:.4s;}
    .menu-button div:nth-child(2) {margin:3px 0;}
    .change .bar1 {transform:rotate(-45deg) translate(-6px, 2px);}
    .change .bar2 {opacity:0;}
    .change .bar3 {transform:rotate(45deg) translate(-6px, -2px);}
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */

    .banner .swiper-slide {position:relative;}
    .banner .swiper-slide article {background:rgba(255,255,255,.75);padding:1rem;position:absolute;bottom:5rem;left:0;max-width:75vw;}
    .banner .swiper-slide strong {font-size:1.25rem;}
    .banner .swiper-slide p {margin:.5rem 0;font-size:14px;}
    .banner .swiper-slide figure {flex-basis:100%;}

    .banner .swiper-stuffs {left:unset;right:0;}
    .banner .swiper-button-next, .banner .swiper-pagination, .banner .swiper-button-prev {position:relative;}
    .banner .swiper-button-next {transform:scale(60%);color:#333;}
    .banner .swiper-pagination {margin:0 1rem;}
    .banner .swiper-button-prev {transform:scale(60%);color:#333;}
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
    .about {flex-direction:column;padding:1rem 0;}
    .about article {padding:1rem;}
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
    .mision-vision {flex-direction:column-reverse;}
    .mision-vision section {width:unset;}
    .mision-vision figure {width:unset;}
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
    .technologies {flex-direction:column;}
    .technologies section {width:unset;}
    .technologies hr {width:100%;height:1px;min-height:unset;}
    .technologies section:last-of-type {text-align:left;}
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
    .contact {flex-direction:column;padding:1rem;}
    .contact strong {font-size:1rem;}
    .contact section {padding:1rem 0;}
    /* ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
    footer {flex-direction:column;align-items:center;}
    footer a {margin:.5rem 0;}
}