@charset "utf-8";

@font-face {
    font-family: "CirceLight";
    src: url("../fonts/CirceLight.eot");
    src: url("../fonts/CirceLight.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceLight.woff") format("woff"),
         url("../fonts/CirceLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "CirceRegular";
    src: url("../fonts/CirceRegular.eot");
    src: url("../fonts/CirceRegular.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceRegular.woff") format("woff"),
         url("../fonts/CirceRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "CirceBold";
    src: url("../fonts/CirceBold.eot");
    src: url("../fonts/CirceBold.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceBold.woff") format("woff"),
         url("../fonts/CirceBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "CirceExtraBold";
    src: url("../fonts/CirceExtraBold.eot");
    src: url("../fonts/CirceExtraBold.eot?#iefix")format("embedded-opentype"),
         url("../fonts/CirceExtraBold.woff") format("woff"),
         url("../fonts/CirceExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "FuturaBookBold";
    src: url("../fonts/FuturaBookBold.eot");
    src: url("../fonts/FuturaBookBold.eot?#iefix")format("embedded-opentype"),
         url("../fonts/FuturaBookBold.woff") format("woff"),
         url("../fonts/FuturaBookBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "OpenSansBold";
    src: url("../fonts/OpenSansBold.eot");
    src: url("../fonts/OpenSansBold.eot?#iefix")format("embedded-opentype"),
         url("../fonts/OpenSansBold.woff") format("woff"),
         url("../fonts/OpenSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*--- Style ---*/
    *, *:after, *:before {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        outline: none !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    html, body {
        color: #000000;
        font-size: 16px;
        min-width: 320px;
        background: #ffffff;
        font-family: "CirceRegular";
    }
    img {
        width: auto;
        max-width: 100%;
        display: block;
    }
    a {
        color: inherit;
        cursor: pointer;
    }
    a:hover {
        text-decoration: none;
    }
    .main_content {
        position: relative;
        max-width: 1920px;
        margin: 0 auto;
    }
    .d_flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .align_center {
        -ms-flex-align: center;
        align-items: center;
    }
    .align_end {
        -ms-flex-align: end;
        align-items: flex-end;
    }
/*--- Header ---*/
    .header {
        width: 87.5%;
        margin: 0 auto;
        position: absolute;
        top: 40px; left: 0; right: 0;
        font-size: 18px;
        color: #ffffff;
        z-index: 10;
    }
    .logo {
        margin: 0 auto 0 0;
    }
    .menu__close,
    .menu_open {
        display: none;
    }
    .menu__list {
        list-style: none;
    }
    .menu__list li {
        margin: 0 40px 0 0;
    }
    .menu__list li:last-child {
        margin: 0;
    }
    .menu__list a,
    .languages a {
        text-decoration: none;
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
    }
    .menu__list a:hover,
    .menu__list a.active,
    .languages a:hover,
    .languages a.active {
        color: #1b2748;
    }
    .languages {
        margin: 0 0 0 52px;
    }
    .languages span {
        height: 25px;
        border-right: 1px dotted #302312;
        margin: 0 12px;
    }
/*--- Main ---*/
    .main {
        height: 100vh;
        position: relative;
        background: #895f4e;
        overflow: hidden;
        color: #ffffff;
        z-index: 1;
    }
    .main:before {
        content: "";
        position: absolute;
        top: -10px; left: -10px; right: -10px; bottom: -10px;
        background: url('../images/main/bg.jpg') center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        z-index: -1;
    }
    [data-aos="blur"].aos-animate:before {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .main__title {
        width: 87.5%;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        top: 41.1%; left: 0; right: 0;
        font-family: "FuturaBookBold";
        font-size: 50px;
    }
    .main__bottom {
        width: 87.5%;
        position: absolute;
        left: 0; right: 0; bottom: 10.6%;
        margin: 0 auto;
    }
    .main__bottom h1 {
        width: 480px;
        margin: 0 auto 0 0;
        line-height: 1.175;
        text-transform: uppercase;
        font-family: "CirceExtraBold";
        font-weight: normal;
        font-size: 70px;
    }
    .main__bottom a {
        width: 43px;
        height: 43px;
        margin: 0 0 22px 10px;
        border: 2px solid #ffffff;
        text-decoration: none;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        font-size: 18px;
    }
    .main__bottom a:hover {
        background: #ffffff;
        color: #1b2748;
    }
/*--- Access ---*/
    .access {
        line-height: 1.48;
        font-size: 25px;
        color: #ffffff;
    }
    .access__title {
        width: 50%;
        color: #1b2748;
        font-size: 48px;
        font-weight: normal;
        font-family: "OpenSansBold";
        text-transform: uppercase;
        line-height: 1.25;
        padding: 0 6.25%;
    }
    .access__title span {
        color: #ff6a00;
    }
    .access__text {
        width: 50%;
        padding: 238px 6.25%;
        background: url('../images/access/img.jpg') center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    .access__text:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #000000;
        position: absolute;
        top: 0; left: 0;
        z-index: -1;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
    [data-aos="black"].aos-animate:before {
        opacity: 0;
        visibility: hidden;
    }
    .access__text p {
        margin: 0 0 36px 0;
    }
    .access__text p:last-child {
        margin: 0;
    }
    .access__text p span {
        font-family: "CirceLight";
    }
    .access__text p strong {
        font-family: "CirceBold";
        font-weight: normal;
    }
/*--- No_borders ---*/
    .no_borders {
        background: #ecebeb;
        padding: 110px 0 160px 0;
    }
    .title {
        margin: 0 auto;
        color: #575757;
        font-size: 25px;
        font-family: "CirceLight";
        text-align: center;
        max-width: 1220px;
        line-height: 1.44;
        padding: 0 15px;
    }
    .title h2 {
        color: #1b2748;
        font-size: 52px;
        font-weight: normal;
        font-family: "OpenSansBold";
        text-transform: uppercase;
        text-align: center;
        line-height: 1.25;
    }
    .title h2 span {
        color: #ff6a00;
    }
    .title p {
        margin: 24px 0 0 0;
    }
    .no_borders__list {
        width: 941px;
        position: relative;
        margin: 27px auto 0 auto;
        font-family: "FuturaBookBold";
    }
    .no_borders__star {
        -webkit-transform: rotate(-360deg) scale(0);
        transform: rotate(-360deg) scale(0);
        -webkit-transition: all 1s;
        transition: all 1s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        position: relative;
    }
    [data-aos="rotate"].aos-animate {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    .no_borders__star span {
        color: #ff6a00;
        font-size: 80px;
        position: absolute;
        top: 37.63%; left: 0; right: 0;
        text-align: center;
    }
    .no_borders__list p {
        color: #1b2748;
        font-size: 40px;
        text-transform: uppercase;
        line-height: 0.825;
        position: absolute;
    }
    .no_borders__item1 {
        top: 7.15%;
        left: -16.37%;
    }
    .no_borders__item2 {
        top: 7.15%;
        right: -16.37%;
    }
    .no_borders__item3 {
        top: 53.22%;
        left: -19.24%;
    }
    .no_borders__item4 {
        top: 53.22%;
        right: -22.43%;
    }
    .no_borders__item5 {
        left: 14.25%;
        bottom: 8.7%;
    }
    .no_borders__item6 {
        right: 2.34%;
        bottom: 8.7%;
    }
    .no_borders__item7 {
        left: 0;
        right: 0;
        bottom: -5.12%;
        text-align: center;
    }
/*--- Cases ---*/
    .cases {
        color: #ffffff;
        font-size: 26px;
        font-family: "CirceLight";
    }
    .cases__item {
        width: 33.333333%;
        position: relative;
    }
    .cases__item:after {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(0,0,0,.76);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .cases__item:hover:after {
        opacity: 1;
        visibility: visible;
    }
    .cases__info {
        overflow: hidden;
        position: absolute;
        left: 0; right: 0; bottom: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 38px;
        height: 90px;
        z-index: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .cases__item:hover .cases__info {
        height: 100%;
        padding: 50px 38px;
    }
    .cases__title {
        width: 100%;
        font-size: 52px;
        font-family: "OpenSansBold";
        margin: auto 0 0 0;
    }
    .cases__line {
        width: 0;
        height: 1px;
        background: #ffffff;
        margin: 30px 0 0 0;
    }
    .cases__item:hover .cases__line {
        width: 100%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .cases__text {
        opacity: 0;
        visibility: hidden;
        padding: 27px 0 0 0;
        width: 100%;
    }
    .cases__item:hover .cases__text {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .cases__text p {
        line-height: 1.5;
    }
    .cases__text a {
        width: 220px;
        height: 50px;
        margin: 32px 0 0 0;
        text-decoration: none;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #ffffff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .cases__text a:hover {
        background: #ffffff;
        color: #000000;
    }
/*--- Trusted ---*/
    .trusted {
        padding: 125px 0 112px 0;
    }
    .trusted__list {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 90px auto 0 auto;
        max-width: 1340px;
        padding: 0 15px;
    }
    .trusted__list img {
        margin: 13px 22px;
    }
/*--- Contacts ---*/
    .contacts {
        background: #ecebeb;
        padding: 121px 0;
    }
    .contacts__block {
        max-width: 500px;
        text-align: center;
        margin: 50px auto 0 auto;
        font-family: "CirceLight";
        font-size: 30px;
        color: #303030;
    }
    .contacts__block a {
        text-decoration: none;
    }
    .contacts__block p {
        margin: 0 0 10px 0;
    }
    .contacts__block p a {
        font-family: "CirceRegular";
    }
    .contacts__social {
        margin: 48px 0 0 0;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .contacts__social a {
        width: 43px;
        height: 43px;
        margin: 0 5px;
        border: 2px solid #000000;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        font-size: 18px;
    }
    .contacts__social a:hover {
        background: #000000;
        color: #ffffff;
    }
/*--- Footer ---*/
    .footer {
        background: #20232c;
        text-align: center;
        color: #a09f9f;
        font-size: 20px;
        padding: 20px 0;
    }
/*--- Up ---*/
    .up {
        position: fixed;
        right: 4.8%;
        bottom: 80px;
        width: 53px;
        height: 53px;
        -ms-flex-pack: center;
        justify-content: center;
        color: #ffffff;
        font-size: 29px;
        background: #ff6a00;
        padding: 0 0 6px 0;
        cursor: pointer;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .up:hover {
        background: #b94f04;
    }
    .up.active {
        opacity: 1;
        visibility: visible;
    }