@font-face {
    font-family: GothaProBla;
    src: url("/landing_1/fonts/GothaProBla.otf");
}
@font-face {
    font-family: GothaProLight;
    src: url("/landing_1/fonts/GothaProLig.otf");
}
@font-face {
    font-family: GothaProBold;
    src: url("/landing_1/fonts/GothaProBol.otf");
}

body {
    padding:0px;
    text-align:left;
    margin:0px;
    line-height:1;
    font-weight: normal;
    color:#000;
    background-color:#fff;

}
* {
    outline: none;
    border: 0px;
}
a, a:visited, a:focus, a:active, a:hover {
    text-decoration:none;
}

ul {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    padding:0px;
    margin:0px;
    font-weight:normal;
}

h1 {
    color: #0070aa;
    font-size: 64px;
    font-family: GothaProBla;
    -webkit-text-stroke: 2px #fff;


}
    h1 span {
        display: block;
        color: #fff;
        font-size: 42px;
        margin-top: 8px;
        text-shadow: none;

    }
h2 {
    font-size: 64px;
    color: #005d91;
    font-family: GothaProBla;
    line-height: 78px;
}
h5 {
    font-family: GothaProBla;
    color: #000;
    font-size: 55px;
    line-height: 68px;
}
h6 {
    line-height: 38px;
    font-size: 30px;
    font-family: GothaProBla;
    color: #000;
}

.m15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.mtop10 {
    margin-top: 10px;
}

.mtop35 {
    margin-top: 35px;
}
.mtop45 {
    margin-top: 45px;
}
.mtop65 {
    margin-top: 65px;
}
.mleft60 {
    margin-left: 60px;
}
.mleft125 {
    margin-left: 125px;
}

.pleft70 {
    padding-left: 70px;
}
.text {
    font-family: 'Open Sans';
    color: #000;
    font-size: 22px;
    line-height: 32px;
    
}
.contact-item {
    display: inline-block;
    margin-left: 48px;
    padding-top: 15px;
}
    .contact-item a {
        font-size: 18px;
        font-family: 'Open Sans';
        color: #1d1d1d;
    }

    .contact-item:first-child a:before {
        content: '';
        width: 18px;
        height: 18px;
        display: inline-block;
        background-image: url(/landing_1/images/icon-phone.png);
        margin-right: 10px;
        vertical-align: bottom;
    }
    /*.contact-item:last-child a:before {
        content: '';
        width: 16px;
        height: 19px;
        display: inline-block;
        background-image: url(/landing_1/images/icon-marker.png);
        margin-right: 10px;
        vertical-align: bottom;
    }
    .contact-item:last-child {
        margin-right: -81px;
    }*/

.banner {
    background-size: cover;
    background-position: center center;
}
.banner-text {
    margin-top: 144px;
    
}
    .banner-text p {
        line-height: normal;
    }
.banner-image {
    margin: 80px 0 80px 58px;

}
.banner-text div p:first-child {
    font-size: 18px;
    color: #fff;
    font-family: 'Open Sans';
  
}
.banner-text img {
    margin: 2px 6px 0 0;
}
.banner-text div p:last-child {
    font-size: 18px;
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 600;
    margin-top: 5px;
}
.relative {
    position: relative;
}
.arrow1 {
    position: absolute;
    left: -160px;
    top: 340px;
}
.banner-text .shevron {
    margin-top: 15px;
    position: absolute;
}
.features {
    background-color: #f4f4f4;
    
}
.features-items {
    display: flex;
    justify-content: space-between;
}
.features-item {
    padding: 72px 0 76px 0;
    text-align: center;
}
    .features-item p {
        font-family: 'Open Sans';
        font-size: 18px;
        color: #647179;
        line-height: 26px;

    }



    .features-item_1 p {
        margin-top: 25px;
    }
    .features-item_2 p {
        margin-top: 20px;
    }
    .features-item_3 p {
        margin-top: 18px;
    }
    .features-item_4 p {
        margin-top: 15px;
    }
.teasers {
    padding: 72px 0 85px 0;
}
    .teasers h2:after {
        content: 'ЧТОБЫ ВЫ';
        font-size: 24px;
        color: #000;
        display: inline-block;
        width: 80px;
        margin-left: 34px;
        line-height: 28px;
    }
    .teasers .shevron {
        position: absolute;
        right: 25px;
    }
.teasers-items {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}
.teaser-item p {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-top: 25px;
}
.teaser-item img {
    max-width: 100%;
}
.teaser-item .relative img {
    position: absolute;
    right: -42px;
    top: -28px;

}
.shevron {
    cursor: pointer;
    z-index: 1;
}

.icons {
    padding: 70px 0 52px 0;
    background-color: #0f232f;
}
    .icons h2 {
        color: #fff;
        font-size: 55px;
    }

.text1 {
    color: #fff;
    font-size: 42px;
    font-family: GothaProLight;
    line-height: 60px;
}
    .text1 span {
        font-family: GothaProBla;
        color: #ed3135;
    }

.icon-item {
    text-align: center;
    margin-top: 44px;
}
.icon-item p {
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans';
    line-height: 26px;
    margin-top: 22px;
}

.icon-item_1 {
    margin-left: 145px;
}
.icon-item_2 {
    margin-left: 40px;
}
.icon-item_3 {
    margin-left: -40px;
}
.facts {
    padding: 70px 0 90px 0;
    background-color: #f4f4f4;
}
    .facts h2:after {
        content: '3 ФАКТА О НАС';
        font-size: 24px;
        color: #000;
        display: inline-block;
        width: 120px;
        margin-left: 34px;
        line-height: 28px;
    }

.fact-item {
    
}
    .fact-item span {
        color: #ee3438;
        font-size: 40px;
        font-family: GothaProBla;
        line-height: 38px;
        display: block;
        margin-top: 50px;
    }
    .fact-item p {
        font-family: 'Open Sans';
        font-size: 18px;
        color: #000;
        line-height: 25px;
        margin-top: 22px;
    }
.fact-item_2 {
    padding-left: 30px;
}

.fact-item_3 {
    padding-left: 30px;
}

.facts1 {
    padding: 75px 0 90px 0;
}

.facts-list ul {
    list-style: none;
    margin-top: 25px;
    text-align: left;
}
    .facts-list ul li {
        margin-bottom: 20px;
    }
        .facts-list ul li:before {
            content: '';
            display: inline-block;
            width: 14px;
            height: 13px;
            background-image: url(/landing_1/images/slash.png);
            margin: 4px 10px 0 0;
            vertical-align: top;
        }
        .facts-list ul li span {
            line-height: 25px;
            font-size: 18px;
            font-family: 'Open Sans';
            color: #000;
            display: inline-block;
           
        }
.facts-list img {
    max-width: 100%;
}

.facts1-text {
    font-size: 22px;
    color: #000;
    font-family: 'Open Sans';
    line-height: 32px;
    font-weight: 600;
    margin-top: 85px;
}
.btn-violet {
    padding: 30px 69px;
    color: #fff;
    border-radius: 4px;
    transition: background-color 0.4s ease;
    background-color: #005d91;
    font-size: 16px;
    font-family: GothaProBold;
    display: inline-block;
}
    .btn-violet:hover {
        background-color: #1f93d5;
    }

.text2 {
    font-size: 55px;
    color: #fff;
    font-family: GothaProBla;
    line-height: 78px;
    text-align: center;
}
    .text2 span {
        color: #ee3236;
    }

.icons-pbottom {
    padding-bottom: 85px;
}


.presentation {
    padding: 75px 0 55px 0;
}

.presentation-text {
    font-family: GothaProBla;
    color: #005d91;
    font-size: 55px;
    line-height: 68px;
    margin-bottom: 45px;
}
.presentation-text span {
    color: #000;
    display: block;
}


.video-item {
   /* position: relative;
    padding-bottom: 75%;  задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) 56.25%
    height: 0;
    overflow: hidden;*/
}

    .video-item iframe {
        /*position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 0;
        outline-width: 0;*/
        max-width: 100%;
    }



.teasers1 {
    background-color: #f4f4f4;
    padding: 35px 0 85px 0;
}
    .teasers1 .shevron {
        position: absolute;
        top: 50px;
        left: -65px;
    }


.office {
    padding: 85px 0 90px 0;
}

.office-info span {
    font-family: 'Open Sans';
    font-size: 18px;
    color: #647179;
}
.office-info span:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 13px;
    background-image: url(/landing_1/images/slash.png);
    margin: 4px 10px 0 0;
    vertical-align: top;
}
.office-info h5 {
    margin-top: 27px;
}
.office-info p {
    font-family: 'Open Sans';
    font-size: 22px;
    color: #000;
    margin: 24px 0 40px 0;
    line-height: 32px;
}
.office-info .btn-violet {
    padding: 30px 92px;
}
.office-map {
    padding-top: 15px;
    text-align: right;
}
    .office-map img {
        max-width: 100%;
    }


.buttons {
    background-color: #0f232e;
    padding: 90px 0;
}
.button-item {
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans';
    font-weight: 600;
    min-width: 273px;
    height: 85px;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 27px;
    margin: 0 31px 35px 0;
}
.buttons-items {
    display: flex;
    justify-content: space-between;
}

.button-fb {
    background-image: url(/landing_1/images/buttons/fb.png);
}
.button-inst {
    background-image: url(/landing_1/images/buttons/inst.png);
}
.button-yt {
    background-image: url(/landing_1/images/buttons/yt.png);
}
.button-android {
    background-image: url(/landing_1/images/buttons/android.png);
}
.button-ios {
    background-image: url(/landing_1/images/buttons/ios.png);
}
.button-rt {
    background-image: url(/landing_1/images/buttons/rt.png);
}
.button-rtusa {
    background-image: url(/landing_1/images/buttons/rtusa.png);
}
.button-play {
    background-image: url(/landing_1/images/buttons/play.png);
}

.buttons .btn-violet {
    padding: 30px 41px;
    margin-left: 50px;
}

.text-info {
    padding: 80px 0;
}
.text-info_text {
    margin: 40px 0 0 30px;
}
    .text-info_text p {
        font-family: 'Open Sans';
        font-size: 18px;
        line-height: 27px;
        color: #000;
        padding-left: 20px;
    }
    .text-info_text p:before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 13px;
        background-image: url(/landing_1/images/slash.png);
        margin: 4px 8px 0 0;
        position: absolute;
        top: 41px;
        left: 42px;
    }
    .text-info_text span {
        font-family: GothaProBla;
        font-size: 30px;
        line-height: 38px;
        color: #000;
        display: inline-block;
        margin-top: 30px;
    }

.text-info .shevron {
    position: absolute;
    right: 10px;
}
.text-info img {
    max-width: 100%;
}

.text-info1 {
    background-color: #f4f4f4;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 70px 0 85px 0;
}
.text-info1_text {
    font-size: 55px;
    color: #000;
    font-family: GothaProBla;
    line-height: 68px;
    margin-bottom: 34px;
}
    .text-info1_text span {
        color: #ef373b;
        display: block;
    }
    .text-info1 .btn-violet {
        padding: 30px 32px;
    }

.why {
    padding: 70px 0 80px 0;
}
    .why .shevron {
        position: absolute;
        right: 10px;

    }

    .why h2:after {
        content: 'МЫ - КОМАНДА СИЛЬНЫХ ПРОФЕССИОНАЛОВ МЕДИАОТРАСЛИ';
        font-size: 24px;
        color: #000;
        display: inline-block;
        width: 520px;
        margin-left: 34px;
        line-height: 28px;
    }
.why-item {
    text-align: center;
    margin-top: 45px;
    margin-left: 60px;
}
    .why-item span {
        display: block;
        font-family: 'Open Sans';
        font-weight: 600;
        color: #1b1b1b;
        margin: 24px 0 18px 0;
        font-size: 18px;
    }
    .why-item p {
        color: #50575b;
        font-family: 'Open Sans';
        line-height: 26px;
        font-size: 18px;
    }

.text-info2 {
    background-size: cover;
    background-position: center center;
    padding: 100px 0 107px 0;

}
.text-info2_text {
    font-family: GothaProBla;
    font-size: 55px;
    color: #fff;
}
    .text-info2_text span {
        display: block;
        color: transparent;
        -webkit-text-stroke: 2px #ee3337;
        font-size: 64px;
        line-height: 78px;
    }
    .text-info2_text small {
        font-family: 'Open Sans';
        font-size: 18px;
        color: #fff;
        display: block;
        margin-top: 40px;
    }

.services {
    padding: 80px 0 90px 0;
}
.services-text span {
    font-family: GothaProBla;
    font-size: 55px;
    color: #000;
}
.services-text p {
    font-family: 'Open Sans';
    font-size: 22px;
    line-height: 32px;
    margin-top: 25px;
}
.services .facts-list {
    margin-top: 32px;
}

.services .facts-list li span {
    color: #50575b;
}
.facts-list_ml {
    margin-left: 62px;
}
.services .facts-list {
    text-align: left;
}
.text-info3 {
    padding: 80px 0 85px 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
}

.text-info3_text span {
    font-size: 42px;
    line-height: 50px;
    font-family: GothaProBla;
    color: #000;
}
.text-info3_text p {
    line-height: 32px;
    font-size: 22px;
    font-family: 'Open Sans';
    color: #000;
    margin-top: 30px;
}

.services .shevron {
    position: absolute;
    right: 100px;

}
.slogan {
    padding: 62px 0 75px 0;
}
.slogan-text {
    text-align: center;
    font-size: 55px;
    font-family: GothaProBla;
    line-height: 70px;
}
.slogan-text span {
    color: #ed252b;
    display: block;
}
.contact-form1 {
    background-color: #0e222e;
    padding: 85px 0 90px 0;
}
.contact-form_text {
    font-family: GothaProBla;
    color: #fff;
    font-size: 55px;
    line-height: 70px;
    text-align: center;
    margin-bottom: 40px;
}
.contact-form1 input {
    width: 284px;
    height: 75px;
    background-image: url(/landing_1/images/input-bg.png);
    background-color: #0e222e;
    background-position: center center;
    color: #50575b;
    font-family: 'Open Sans';
    font-size: 18px;
    text-indent: 52px;
    margin-bottom: 40px;
}
.contact-form_message {
    background-image: url(/landing_1/images/input-bg1.png) !important;
    width: 100% !important;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 27px;
    text-indent: 150px !important;
}
.contact-form1 .btn-violet {
    padding: 30px 60px;
}
footer {
    padding: 20px 0;
    background-color: #fcfcfc;
}

.social-text {
    font-family: 'Open Sans';
    font-size: 18px;
    color: #000;
}

.social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
}
    .social a {
        margin-left: 27px;
    }
    
    
    .capcha-container {
        text-align: center;
        margin-bottom: 5px;
    }
    .g-recaptcha {
        display: inline-block;
        margin-left: 60px;
    }

    @media screen and (max-width: 1400px) {
        .features-item_2 {
            background-image: none;
            padding-right: 0px;
            padding-left: 0px;
        }
        .features-item {
            margin-left: 0px;
        }

        .features-items {
            justify-content: space-between;
        }
        .features-item_2 p {
            color: #647179;
            font-weight: normal;
        }
        .icon-item_1, .icon-item_2, .icon-item_3 {
            margin-left: 0px;
        }
        .buttons-items {
            flex-wrap: wrap;
            justify-content: center;
        }
        .buttons .btn-violet {
            margin-left: 0px;
         }
        .button-item {
            margin-right: 0px;
        }
        .text-info_text {
            margin-top: 0px;
        }
            .text-info_text p {
                padding-left: 0px;
            }
            .text-info_text p:before {
                display: none;
                
            }


        .text-info1_text {
            background-color: #fff;
            padding: 20px;
            opacity: 0.8;
            line-height: 36px;
            font-size: 26px;
        }
        .why h2:after {
            margin-left: 0px;
        }
        .facts-list ul li::before {
            display: block;
        }
        .contact-form1 .mleft125, .contact-form1 .mleft60, .contact-form_message {
            margin-left: 0px;
        }
        .g-recaptcha {
            margin-left: 0px;
        }
    }

    @media screen and (max-width: 1200px) {
        .banner-image {
            margin-left: 0px;
        }

            .banner-image img {
                max-width: 100%;
            }

        h1 {
            font-size: 36px;
        }

            h1 span {
                font-size: 26px;
            }

        .contact-item:last-child {
            margin-right: 0px;
        }
        .facts1 .pleft70 {
            padding-left: 0px;
        }

        .text-info3_text {
            padding: 20px;
            background-color: #fff;
            opacity: 0.8;
        }



    }

    @media screen and (max-width: 992px) {
        .top-bar {
            text-align: center;
        }

        .contact-item {
            display: block;
            text-align: center;
            margin: 5px 0;
        }

        .banner-image {
            display: none;
        }
        .arrow1 {
            display: none;
        }

        .banner-text {
            margin: 60px 0;
        }
        .teasers {
            padding: 45px 0;
        }
        h2 {
            font-size: 32px !important;
            text-align: center;
            line-height: 48px;
        }
            h2:after {
                display: block !important;
                margin-left: 0px !important;
                width: auto !important;
            }
        .teaser-item .relative img {
            display: none;
        }
        .text1 {
            text-align: center;
            font-size: 26px;
            line-height: 34px;
        }
            .text1 span {
                display: block;
            }
        .fact-item_2, .fact-item_3 {
            padding-left: 0px;
        }
        .fact-item span {
            margin-top: 40px;
            font-size: 32px;
        }
        .facts-list ul li span {
            display: block;
        }
        .text2 {
            font-size: 32px;
            line-height: 48px;
        }
        .facts, .facts1, .icons, .presentation, .teasers1, .office, .buttons,
        .text-info, .text-info1, .why, .text-info2, .services, .text-info3, .slogan, .contact-form1 {
            padding: 45px 0;
        }
        .presentation-text {
            font-size: 32px;
            line-height: 48px;
        }
        .teasers1 .teasers-items {
            margin-top: 0px;
        }
        .office-info {
            text-align: center;
        }
            .office-info p {
                margin-top: 10px;    
            }
        .office-map {
            text-align: center;
        }
        h5 {
            font-size: 32px;
            line-height: 36px;
        }
        .text-info {
            text-align: center;
        }
        .text-info_text {
            margin-top: 15px;
        }
            .text-info_text span {
                font-size: 26px;
            }
        .why-item {
            margin-left: 0px;
        }
        .text-info2_text, .text-info2_text span {
            font-size: 32px;
        }
        .facts-list_ml {
            margin-left: 0px;
        }
        .services .facts-list {
            margin-top: 0px;
        }
        .services-text span {
            font-size: 32px;
        }
        .text-info3_text span {
            font-size: 32px;
        }
        .teasers1 .shevron {
            top: -42px;
            left: 20px;
        }
        .services .shevron {
            right: 0px;
        }
        .slogan-text {
            font-size: 32px;
            line-height: 36px;
        }
        .contact-form_text {
            font-size: 32px;
        }
        .contact-form1 input {
            width: 100%;
            background-image: none;
            background-color: #fff;
            margin-bottom: 20px;
        }
        .contact-form_message {
            text-indent: 52px !important;
        }

    }

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

        h6 {
            font-size: 26px;
        }
        .features-items {
            flex-direction: column;
        }
        .features-item {
            padding: 10px 0;
        }
        .teasers-items {
            flex-direction: column;
            text-align: center;
        }
        .teaser-item p {
            margin: 10px 0 25px 0;
        }
        .teasers .shevron {
            top: 45px;
        }

        .icon-item {
            margin-top: 25px;
        }
        .facts-list {
            text-align: center;
        }
            .facts-list ul {
                margin: 25px auto 0;
                display: inline-block;
            }
            .facts-list .mtop65 {
                margin: 15px 0;
            }

        .facts1-text {
            margin-top: 25px;
        }
        .facts1 .mtop35 {
            text-align: center;
        }
        .text2 span {
            display: block;
        }
        .presentation-text {
            font-size: 26px;
            line-height: 32px;
        }
        .button-item {
            margin-bottom: 15px;
        }
        .text-info_text span {
            font-size: 20px;
            line-height: 26px;
        }
        .why-item {
            margin-top: 25px;
        }
        .text-info2_text, .text-info2_text span {
            font-size: 30px;
        }
        .text-info3 {
            background-size: cover;
        }
        .text-info3_text span {
            font-size: 26px;
            line-height: 34px;
        }
        .video-item iframe {
            height: 350px;
        }
        .contact-form_text {
            font-size: 26px;
            margin-bottom: 10px;
        }
        

    }
    @media screen and (max-width: 360px) {
        .video-item iframe {
            height: 180px;
        }
    }
    
    .user-message {
        margin-bottom: 15px;
        padding: 10px 0;
        background-color: #b6f2d9;
        font-size: 20px;
        display: none;
    }
    
.teasers-en h2:after {
    content: 'IF YOU WANT TO';
    width: 140px;
}
.facts-en h2:after {
    content: '3 FACTS TO KNOW';
    width: 140px;
}
.why-en h2:after {
    content: 'WE ARE A STRONG TEAM OF MEDIA PROFESSIONALS';
    width: 350px;
}


.contact-item span {
  font-size: 18px;
  font-family: 'Open Sans';
  color: #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
  cursor: pointer;
}

.overlay {
  position: fixed;
  background-color: #ccc;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 100000;
  opacity: 0.5;
  display: none;
}

.page {
    padding: 100px 0;
}

.page-text {
    margin-top: 45px;
    font-family: 'Open Sans';
    font-size: 18px;
    color: #000;
    line-height: 25px;    
}
.page-text p {
    font-family: 'Open Sans';
    font-size: 18px;
    color: #000;
    line-height: 25px;
    margin-bottom: 15px;
}

.footer-links {

}
.footer-links a {
    font-family: 'Open Sans';
    font-size: 16px;
    border-bottom: 1px solid #428bca;
    margin-bottom: 10px;
    display: inline-block;
}