/* made by Dmitry Konoval */
/**********************************************************************/
/**********************************************************************/
/********** default **********/
@media screen and (max-width: 600px){
    .parent-container_pht{
        width: calc(80%)!important;
        margin-left: 10%;
        float: none!important;
    }
}
@media screen {
    .parent-container_pht a span{
        display: block;
        background: rgba(0,0,0,0.7);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: left;
        color: white;
        text-transform: uppercase;
        padding: 15px 113px 15px 15px;
        font-weight: bold;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .parent-container_pht:hover a span{
        background: rgba(0,0,0,0.2);
    }
    .parent-container_pht a:first-of-type{
        display: block;
        width: 100%;
        height: 100%;
    }
    .parent-container_pht{
        width: calc(100% / 4);
        float: left;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .parent-container_pht a{
        display: none;
    }
    .hp_block_1_bblist ul{
        margin-top: 20px;
        display: block;
    }
    .hp_block_1_bblist ul li{
        font-weight: 500;
        font-size: 20px;
        display: block;
        margin: 3px 0;
    }
    * {
        margin: 0;
        padding: 0;

    }

    div {
        position: relative;
    }

    .owl-item {
        float: left
    }

    .owl-stage-outer {
        overflow: hidden
    }

    .debug {
        height: 50px;
        width: 100px;
        position: fixed;
        background: white;
        line-height: 50px;
        font-weight: bold;
        top: 200px;
        color: black;
        text-align: center;
    }

    .table {
        display: table;
        width: 100%;
        height: 100%;
    }

    .table_cell {
        display: table-cell;
        vertical-align: middle;
    }

    /*      general     */
    .clearfix {
        *zoom: 1;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

    ul {
        list-style: none;
    }

    /*      general     */
    body {
        background: inherit;
        font-family: "museo", OpenSans;
        font-size: 17px;
        color: inherit;
        width: 100vw;
        overflow-x: hidden;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: inherit;
        color: inherit;
    }

    .container {
        margin: 0 auto;
        position: relative;
    }

    img {

    }

    .messengers {
        display: none;
    }

    *::-webkit-input-placeholder {
        color: #666;
        opacity: 1;
    }

    *:-moz-placeholder {
        color: #666;
        opacity: 1;
    }

    *::-moz-placeholder {
        color: #666;
        opacity: 1;
    }

    *:-ms-input-placeholder {
        color: #666;
        opacity: 1;
    }

    body input:focus:required:invalid,
    body textarea:focus:required:invalid {

    }

    body input:required:valid,
    body textarea:required:valid {

    }

    .float {
        float: left;
    }

    .trans {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .round {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .demosect {
        padding: 50px 0;
    }
}

/********** default **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** preloader **********/
@media screen {
    .preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99999;
        background: url(../img/hp_block_2_portfolio/lines_bg);
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;

    }

    .prl_min {
        width: 100%;
        height: 100%;
        background: url(../img/tech_icons/favicon.png) no-repeat center center;
        animation: rrotate 2s ease-in-out infinite;
        -webkit-animation: rrotate 2s ease-in-out infinite;
    }

    @keyframes rrotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    @-webkit-keyframes rrotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
}

/********** preloader **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** general **********/
@media screen {
    .programm .prrow .col i{
        display: block;
        font-size: 60px;
        margin-bottom: 10px;
    }
    .programm .prrow .col span{
        display: block;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
    }
    .programm .prrow .col{
        text-align: center;
    }
    /*header, main, footer {*/
        /*opacity: 0;*/
        /*-webkit-transition: all 0.2s ease-in-out;*/
        /*-moz-transition: all 0.2s ease-in-out;*/
        /*-ms-transition: all 0.2s ease-in-out;*/
        /*-o-transition: all 0.2s ease-in-out;*/
        /*transition: all 0.2s ease-in-out;*/
    /*}*/
    .ulwhoweare li{
        margin-bottom: 40px;
        font-size: 20px;
        text-align: center;
    }
    .ulwhoweare li i{
        display: block;
        text-align: center;
        font-size: 60px;
        margin-bottom: 20px;
    }
    .visble {
        opacity: 1;
    }

    .hp_button {
        background: url(../img/general/button) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        border: none;
        padding: 22px 35px 20px;
        cursor: pointer;
        font-size: 15px;
        font-weight: 900;
        color: white;
        text-transform: uppercase;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border-bottom: 4px solid #f65906;
        -webkit-box-shadow: 0px 10px 9px 0px rgba(27, 27, 37, 0.66);
        -moz-box-shadow: 0px 10px 9px 0px rgba(27, 27, 37, 0.66);
        box-shadow: 0px 10px 9px 0px rgba(27, 27, 37, 0.66);
        position: relative;
        opacity: 0.9;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    .hp_button:hover {
        opacity: 1;
    }

    .hp_button:active {
        top: 2px;
        border-bottom: 2px solid #f65906;
        margin-top: 2px;
        -webkit-box-shadow: 0px 5px 4px 0px rgba(27, 27, 37, 0.66);
        -moz-box-shadow: 0px 5px 4px 0px rgba(27, 27, 37, 0.66);
        box-shadow: 0px 5px 4px 0px rgba(27, 27, 37, 0.66);
    }

    .readarrow {
        position: relative;
        font-size: 20px;
        font-weight: 500;
        color: #353443;
        display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .readarrow:hover {
        color: black;
    }

    .readarrow:after {
        content: '';
        display: block;
        height: 13px;
        width: 19px;
        background: url(../img/icons/download-arrow.png) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        position: absolute;
        right: -25px;
        top: 8px;
    }

    .pagination .col:first-of-type {
        font-size: 16px;
        font-weight: 500;
        color: #72717f;
    }

    .pagination .col ul li a {
        display: block;
        font-weight: 500;
        color: #353443;
        padding: 0 15px;
        font-size: 20px;
    }

    /*.pagination .col ul li:first-of-type,*/
    /*.pagination .col ul li:last-of-type {*/
        /*position: relative;*/
        /*top: -2px;*/
    /*}*/

    /*.pagination .col ul li:first-of-type a,*/
    /*.pagination .col ul li:last-of-type a {*/
        /*font-size: 15px;*/
    /*}*/

    /*.pagination .col ul li:last-of-type a {*/
        /*padding-right: 0;*/
    /*}*/

    .pagination .col ul li {
        display: inline-block;
    }

    .pagination .col ul li:last-of-type a img {
        margin-left: 10px;
    }

    .pagination .col ul li:first-of-type a img {
        margin-right: 10px;
    }
    .hhmodel .modal-header{
        border-bottom: 0;
    }
    .hhmodel .modal-content{
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 24px;
    }
    .hh_close{
        background: transparent;
        border: none!important;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 10;
    }
    .hh_header h5{
        text-align: center;
        font-size: 29px;
        color: rgb(52, 51, 67);
        line-height: 1.313;
        display: block;
        margin-top: 15px;
        width: 100%;
        font-weight: 500;

    }

    .hh_mfooter{
        text-align: center;
        margin-top: 40px;
        margin-bottom: 15px;
    }
    .hh_mbody input{
        display: block;
        background-color: rgb(241, 241, 245);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        width: 100%;
        border: none;
        text-align: center;
        margin-bottom: 15px;
        margin-top: -5px;
        padding: 14px;
        outline: none;
    }
    .mmtt_bot222{
        display: block;
        background-color: rgb(241, 241, 245);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 100%;
        border: none;
        text-align: center;
        margin-bottom: 15px;
        margin-top: -5px;
        padding: 14px;
        resize: none;
    }
    .hh_mbody label{
        display: block;
        font-size: 20px;
        color: rgb(52, 51, 67);
        line-height: 2.1;
        text-align: center;

    }

}

/********** general **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** navigation **********/
@media screen {

    .mainlogo {
        height: 40px;
        margin-right: 100px;
    }

    .hp_navbar {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-box-shadow: 0px 4px 21px 0px black;
        -moz-box-shadow: 0px 4px 21px 0px black;
        box-shadow: 0px 4px 21px 0px black;
    }
    .hp_block_8-5{
        margin-bottom: 80px;
    }
.hp_block_8-5 h3{
    font-size: 48px;
    font-weight: 900;
    color: #353443;
    margin-bottom: 40px;
    
}
    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, .6);
    }

    .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, .75);
    }

    .navbar-dark .navbar-nav  > .nav-link.active {
        color: rgba(255, 255, 255, .9);
    }

    header nav ul li a {
        font-size: 20px;
        font-weight: 700;
    }

    header nav ul li:last-of-type {
        margin-right: 0;
    }

    header nav ul li {
        margin-right: 65px;
    }

    .nav_phone {
        font-size: 30px;
        font-weight: 500;
        color: white;
    }

    .navbar-dark .navbar-toggler {
        border: none;
    }

    .navbar_bg, .navbar_bg2 {
        background: rgba(52, 51, 67, 0.98);
    }

    .navbar-toggler {
        padding: 0;
    }

}

/********** navigation **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_1 top_block **********/
@media screen {

    .hp_block_1 {
        background: url("../img/hp_block1/bg.jpg") no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        overflow: hidden;
    }

    .hp_block_1_name {
        font-size: 120px;
        font-weight: 900;
        background: linear-gradient(to right, #ff971e, #ffd545);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 250px;
    }

    .hp_block_1_subname {
        font-size: 48px;
        font-weight: 900;
        color: white;
        line-height: 1.25;
        margin-bottom: 30px;
    }

    .hp_block_1_bottom {
        margin: 90px 0 -105px 0;
    }

    .hp_block_1_bottom_item {
        display: inline-block;
    }

    .hp_block_1_bottom_item > div {
        display: inline-block;
    }

    .hp_block_1_bottom_item_big {
        font-size: 220px;
        font-weight: 900;
        color: white;
        margin-right: 20px;
    }

    .hp_block_1_bottom_item_little {
        font-size: 30px;
        font-weight: 700;
        color: white;
        margin-right: 20px;
    }

    .hp_block_1_bottom_item > div:last-of-type .hp_block_1_bottom_item_little {
        margin-right: 0;
    }

    .complete_spin {
        animation: completespin 1s ease-in-out;
        -webkit-animation: completespin 1s ease-in-out;
        position: relative;
    }

    @keyframes completespin {
        0% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
        50% {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }
    @-webkit-keyframes completespin {
        0% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
        50% {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
        }
        100% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }
    .getgift {
        position: fixed;
        bottom: 0;
        left: 20px;
        animation: getgift 1s 1s infinite;
        -webkit-animation: getgift 20s 0s infinite;
        margin-bottom: -80px;
    }

    @-webkit-keyframes getgift {
        2% {
            transform: translate(10px, -5px) rotate(-0.5deg);
        }
        4% {
            transform: translate(4px, 1px) rotate(0.5deg);
        }
        6% {
            transform: translate(10px, 9px) rotate(2.5deg);
        }
        8% {
            transform: translate(7px, 7px) rotate(3.5deg);
        }
        10% {
            transform: translate(10px, 0px) rotate(0.5deg);
        }
        12% {
            transform: translate(-3px, -4px) rotate(0.5deg);
        }
        14% {
            transform: translate(-4px, -2px) rotate(-0.5deg);
        }
        16% {
            transform: translate(8px, 7px) rotate(3.5deg);
        }
        18% {
            transform: translate(-8px, -3px) rotate(0.5deg);
        }
        20% {
            transform: translate(2px, -7px) rotate(-2.5deg);
        }
        22% {
            transform: translate(6px, 1px) rotate(-1.5deg);
        }
        24% {
            transform: translate(1px, 1px) rotate(-2.5deg);
        }
        26% {
            transform: translate(-1px, 10px) rotate(2.5deg);
        }
        28% {
            transform: translate(10px, -1px) rotate(3.5deg);
        }
        30% {
            transform: translate(-8px, -2px) rotate(2.5deg);
        }
        32% {
            transform: translate(7px, 0px) rotate(3.5deg);
        }
        34% {
            transform: translate(-1px, -3px) rotate(-1.5deg);
        }
        36% {
            transform: translate(-5px, 8px) rotate(1.5deg);
        }
        38% {
            transform: translate(8px, 5px) rotate(3.5deg);
        }
        40% {
            transform: translate(10px, 2px) rotate(-1.5deg);
        }
        42% {
            transform: translate(0px, -1px) rotate(-2.5deg);
        }
        44% {
            transform: translate(-3px, -6px) rotate(0.5deg);
        }
        46% {
            transform: translate(0px, -6px) rotate(-2.5deg);
        }
        48% {
            transform: translate(6px, 6px) rotate(-2.5deg);
        }
        50% {
            transform: translate(-3px, 9px) rotate(-0.5deg);
        }
        52% {
            transform: translate(7px, -3px) rotate(1.5deg);
        }
        54% {
            transform: translate(7px, 0px) rotate(1.5deg);
        }
        56% {
            transform: translate(3px, -7px) rotate(0.5deg);
        }
        58% {
            transform: translate(2px, -3px) rotate(-2.5deg);
        }
        60% {
            transform: translate(5px, 2px) rotate(-2.5deg);
        }
        62% {
            transform: translate(-2px, 10px) rotate(-0.5deg);
        }
        64% {
            transform: translate(8px, -2px) rotate(3.5deg);
        }
        66% {
            transform: translate(8px, -3px) rotate(1.5deg);
        }
        68% {
            transform: translate(4px, 5px) rotate(2.5deg);
        }
        70% {
            transform: translate(0px, -7px) rotate(2.5deg);
        }
        72% {
            transform: translate(5px, -7px) rotate(1.5deg);
        }
        74% {
            transform: translate(-4px, -2px) rotate(-2.5deg);
        }
        76% {
            transform: translate(-8px, -2px) rotate(1.5deg);
        }
        78% {
            transform: translate(2px, -5px) rotate(0.5deg);
        }
        80% {
            transform: translate(-2px, -3px) rotate(0.5deg);
        }
        82% {
            transform: translate(-4px, -1px) rotate(-0.5deg);
        }
        84% {
            transform: translate(-4px, 8px) rotate(0.5deg);
        }
        86% {
            transform: translate(3px, 5px) rotate(-0.5deg);
        }
        88% {
            transform: translate(6px, -4px) rotate(3.5deg);
        }
        90% {
            transform: translate(-8px, 3px) rotate(-0.5deg);
        }
        92% {
            transform: translate(-5px, 3px) rotate(-2.5deg);
        }
        94% {
            transform: translate(10px, 2px) rotate(1.5deg);
        }
        96% {
            transform: translate(-8px, 6px) rotate(-2.5deg);
        }
        98% {
            transform: translate(10px, 9px) rotate(1.5deg);
        }
        0%, 100% {
            transform: translate(0, 0) rotate(0);
        }
    }
    @keyframes getgift {
        2% {
            transform: translate(10px, -5px) rotate(-0.5deg);
        }
        4% {
            transform: translate(4px, 1px) rotate(0.5deg);
        }
        6% {
            transform: translate(10px, 9px) rotate(2.5deg);
        }
        8% {
            transform: translate(7px, 7px) rotate(3.5deg);
        }
        10% {
            transform: translate(10px, 0px) rotate(0.5deg);
        }
        12% {
            transform: translate(-3px, -4px) rotate(0.5deg);
        }
        14% {
            transform: translate(-4px, -2px) rotate(-0.5deg);
        }
        16% {
            transform: translate(8px, 7px) rotate(3.5deg);
        }
        18% {
            transform: translate(-8px, -3px) rotate(0.5deg);
        }
        20% {
            transform: translate(2px, -7px) rotate(-2.5deg);
        }
        22% {
            transform: translate(6px, 1px) rotate(-1.5deg);
        }
        24% {
            transform: translate(1px, 1px) rotate(-2.5deg);
        }
        26% {
            transform: translate(-1px, 10px) rotate(2.5deg);
        }
        28% {
            transform: translate(10px, -1px) rotate(3.5deg);
        }
        30% {
            transform: translate(-8px, -2px) rotate(2.5deg);
        }
        32% {
            transform: translate(7px, 0px) rotate(3.5deg);
        }
        34% {
            transform: translate(-1px, -3px) rotate(-1.5deg);
        }
        36% {
            transform: translate(-5px, 8px) rotate(1.5deg);
        }
        38% {
            transform: translate(8px, 5px) rotate(3.5deg);
        }
        40% {
            transform: translate(10px, 2px) rotate(-1.5deg);
        }
        42% {
            transform: translate(0px, -1px) rotate(-2.5deg);
        }
        44% {
            transform: translate(-3px, -6px) rotate(0.5deg);
        }
        46% {
            transform: translate(0px, -6px) rotate(-2.5deg);
        }
        48% {
            transform: translate(6px, 6px) rotate(-2.5deg);
        }
        50% {
            transform: translate(-3px, 9px) rotate(-0.5deg);
        }
        52% {
            transform: translate(7px, -3px) rotate(1.5deg);
        }
        54% {
            transform: translate(7px, 0px) rotate(1.5deg);
        }
        56% {
            transform: translate(3px, -7px) rotate(0.5deg);
        }
        58% {
            transform: translate(2px, -3px) rotate(-2.5deg);
        }
        60% {
            transform: translate(5px, 2px) rotate(-2.5deg);
        }
        62% {
            transform: translate(-2px, 10px) rotate(-0.5deg);
        }
        64% {
            transform: translate(8px, -2px) rotate(3.5deg);
        }
        66% {
            transform: translate(8px, -3px) rotate(1.5deg);
        }
        68% {
            transform: translate(4px, 5px) rotate(2.5deg);
        }
        70% {
            transform: translate(0px, -7px) rotate(2.5deg);
        }
        72% {
            transform: translate(5px, -7px) rotate(1.5deg);
        }
        74% {
            transform: translate(-4px, -2px) rotate(-2.5deg);
        }
        76% {
            transform: translate(-8px, -2px) rotate(1.5deg);
        }
        78% {
            transform: translate(2px, -5px) rotate(0.5deg);
        }
        80% {
            transform: translate(-2px, -3px) rotate(0.5deg);
        }
        82% {
            transform: translate(-4px, -1px) rotate(-0.5deg);
        }
        84% {
            transform: translate(-4px, 8px) rotate(0.5deg);
        }
        86% {
            transform: translate(3px, 5px) rotate(-0.5deg);
        }
        88% {
            transform: translate(6px, -4px) rotate(3.5deg);
        }
        90% {
            transform: translate(-8px, 3px) rotate(-0.5deg);
        }
        92% {
            transform: translate(-5px, 3px) rotate(-2.5deg);
        }
        94% {
            transform: translate(10px, 2px) rotate(1.5deg);
        }
        96% {
            transform: translate(-8px, 6px) rotate(-2.5deg);
        }
        98% {
            transform: translate(10px, 9px) rotate(1.5deg);
        }
        0%, 100% {
            transform: translate(0, 0) rotate(0);
        }
    }
}

/********** hp_block_1 top_block **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_2 portfolio **********/
@media screen {

    .hp_block_2 {
        background: url(../img/hp_block_2_portfolio/lines_bg);
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 155px 0;
    }

    .hp_block_2 h3 {
        font-size: 48px;
        font-weight: 900;
        color: #353443;
        margin-bottom: 40px;
    }

    .hp_block_2_port_slider_wrapper {
        border: 26px solid transparent;
        border-image: linear-gradient(to left, #ff0000, #0000ff) 0 0 0 100%;
    }

    .hp_block_2_button {
        text-align: center;
        margin-top: 50px;
    }

    .hp_block_2_port_slider_wrapper:before {
        content: '';
        display: block;
        position: absolute;
        width: 26px;
        background: linear-gradient(to right, #ff971e, #ff981e);
        left: -26px;
        top: -26px;
        height: calc(100% + 52px);
    }

    .hp_block_2_port_slider_wrapper:after {
        content: '';
        display: block;
        position: absolute;
        width: 26px;
        background: linear-gradient(to right, #ffd444, #ffd545);
        right: -26px;
        top: -26px;
        height: calc(100% + 52px);
    }

    .hp_block_2_port_slider_wrapper_inner:before {
        content: '';
        display: block;
        position: absolute;
        height: 26px;
        background: linear-gradient(to right, #ff981e, #ffd444);
        left: 0;
        top: -26px;
        width: 100%;
    }

    .hp_block_2_port_slider_wrapper_inner:after {
        content: '';
        display: block;
        position: absolute;
        height: 26px;
        background: linear-gradient(to right, #ff981e, #ffd444);
        left: 0;
        bottom: -26px;
        width: 100%;
    }

    .hp_block_2_port_slider_wrapper_inner {
        padding: 50px 110px;
    }

    .hp_block_2_port_slider_wrapper_inner_slide_image {
        height: 600px;
        width: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        margin-bottom: 55px;
    }

    .hp_block_2_port_slider_wrapper_inner_slide_name {
        font-size: 36px;
        height: 110px;
        color: rgb(53, 52, 67);
        line-height: 1;

    }

    .owl-nav.disabled {
        display: none;
    }

    .itemscount {
        font-size: 36px;
        color: rgb(176, 175, 186);
        line-height: 1;
        position: absolute;
        right: 30px;
        bottom: 15px;

    }

    .itemscount_count {
        font-size: 60px;
        font-weight: 900;
        margin-right: 8px;
    }

    .owpr {
        text-align: right;
        width: 260px;
        position: absolute;
        left: -310px;
        top: 290px;
        cursor: pointer;
        z-index: 100
    }

    .ownx {
        text-align: left;
        width: 260px;
        position: absolute;
        right: -310px;
        top: 290px;
        cursor: pointer;
        z-index: 100
    }

    .o_text {
        font-size: 18px;
        color: rgb(53, 52, 67);
        line-height: 1.444;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .owl-dots {
        display: none;
    }

}

/********** hp_block_2 portfolio **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_3 whoweare **********/
@media screen {
    .whoweare_letters img {
        background: url(../img/hp_block_3_whoweare/bg.jpg) no-repeat center center;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .hp_block_3 {
        padding-bottom: 120px;
    }

    .hp_block_3 .col-lg-5 p {
        margin-bottom: 20px;
        font-size: 20px;
        color: rgb(53, 52, 67);
        line-height: 1.4;
        font-family: 'Source Sans Pro';
    }
}

/********** hp_block_3 whoweare **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_4 programm **********/
@media screen {
    .hp_block_4 {
        background: url(../img/hp_block_4_programm/bg.jpg) no-repeat center bottom;
        padding-bottom: 250px;
        -webkit-background-size: cover;
        background-size: cover;
        color: white;
    }

    .hp_block_4 h3 {
        font-weight: 900;
        font-size: 48px;
        color: white;
        line-height: 0.875;
        margin: 130px 0;
    }

    .hp_block_4 h4 {
        font-weight: 900;
        font-size: 48px;
    }

    .hp_block_4 .col-lg-4 {
        font-size: 24px;
        line-height: 1;
        font-weight: 500;

    }

}

/********** hp_block_4 programm **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_5 artist **********/
@media screen {
    .hp_block_5 {
        padding-bottom: 470px;
        background: url(../img/hp_block_5_artist/Home.jpg) no-repeat center bottom;
    }

    .hp_block_5 h3 {
        font-weight: 900;
        font-size: 36px;
        color: #353443;
        margin: 170px 0 65px;
    }

    .hp_block_5 .arli li {
        color: #353443;
    }

    .img5col {
        display: none;
    }

}

/********** hp_block_5 artist **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_6 add_services **********/
@media screen {
    .hp_block_6 {
        background: url(../img/hp_block_6_add_services/bg.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 140px;
    }

    .hp_block_6 h3 {
        color: white;
        font-size: 36px;
        font-weight: 900;
        margin: 90px 0 30px;
    }

    .hp_block_6_button {
        margin: 40px 0px 75px;
        text-align: center;
    }

    .imrow .add_ser_top_imt {
        height: 200px;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .add_ser_top_txt {
        font-size: 16px;
        color: rgb(53, 50, 61);
        line-height: 1.375;
        background: white;
        height: calc(100% - 200px);
        min-height: 115px;
        padding: 18px 15px;
    }

    .imrow.r1 .col-lg-3:nth-child(even) .add_ser_top_txt,
    .imrow.r2 .col-lg-3:nth-child(odd) .add_ser_top_txt {
        background: #e8e7ee;
    }
}

/********** hp_block_6 add_services **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_7 corporate **********/
@media screen {
    .hp_block_7 {
        margin-bottom: 120px;
    }

    .hp_block_7 h3 {
        font-size: 48px;
        font-weight: 900;
        color: rgb(53, 52, 67);
        line-height: 0.875;
        margin-bottom: 35px;
    }

    .corp_item_img {
        -webkit-background-size: cover;
        background-size: cover;
        height: 300px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_item_text.inbg {
        background: #737284;
    }

    .corp_item_text {
        font-size: 24px;
        font-weight: 500;
        height: 135px;
        color: white;
        background: #575360;
        padding: 30px 20px;
        line-height: 1.25;
    }

    .corporate_images_row {
        margin-bottom: 65px;
    }

    .corporate_bot_row .arli li {
        color: #353443;
    }

    .corporate_bot_row h5 {
        font-size: 18px;
        font-weight: 700;
        color: #353443;
        margin-bottom: 15px;
    }

    .corporate_bot_row h4 {
        font-size: 24px;
        font-weight: 700;
        color: #353443;
        margin-bottom: 20px;
    }

    .corporate_bot_row_mtext {
        font-family: 'Source Sans Pro';
        font-size: 17px;
        color: #353443;
        margin-bottom: 15px;
    }

}

/********** hp_block_7 corporate **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_8 celebrations **********/
@media screen {
    .hp_block_8 {
        background: url("../img/hp_block_8_celebrations/bg") no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .hp_block_8 h3 {
        font-size: 48px;
        color: rgb(255, 255, 255);
        line-height: 0.875;
        padding: 70px 0 50px;
        font-weight: 900;
    }

    .arli li {
        font-family: 'Source Sans Pro';
        font-size: 17px;
        color: white;
        margin-bottom: 12px;
        position: relative;
        text-indent: -23px;
        margin-left: 23px;
    }

    .arli li:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 14px;
        background: url("../img/icons/li_yellow.png");
        position: relative;
        top: 1px;
        margin-right: 10px;
    }

    .hp_block_8 .hp_block_8_button {
        margin: 20px 0 70px;
    }

}

/********** hp_block_8 celebrations **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_9 blog **********/
@media screen {
    .hp_block_9 {
        margin-bottom: 120px;
    }

    .blog_left_text_link_header h3 {
        color: #353443;
        font-size: 48px;
        font-weight: 900;
        display: block;
        margin-bottom: 45px;
    }

    .blog_left_text p {
        color: #353443;
        font-size: 17px;
        font-family: 'Source Sans Pro';
    }

    .blog_left_text_link {
        margin-top: 20px;
    }

    .blog_mini_item_img {
        height: 300px;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        margin-bottom: 25px;
    }

    .blog_mini_item_bottom_top {
        text-align: center;
    }

    .blog_mini_item_bottom_top > div:first-of-type {
        font-size: 42px;
        font-weight: 500;
        color: #353443;
        margin-top: -7px;
    }

    .blog_mini_item_bottom_top > div:last-of-type {
        font-size: 20px;
        font-weight: 500;
        color: #353443;
        margin-top: -20px;
    }

    .blog_mini_item_bottom_bot {
        font-size: 20px;
        font-weight: 500;
        color: #353443;
    }

    .bottom_arrowb {
        margin-top: -20px;
        margin-left: -7px;
    }

}

/********** hp_block_9 blog **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** hp_block_10 contacts **********/
@media screen {
    .hp_block_10 {
        height:430px;
        background: url(../img/hp_block_3_whoweare/bg.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        background-attachment: fixed;
    }

    ymaps > ymaps > ymaps > ymaps > ymaps.ymaps-2-1-68-controls-pane > ymaps.ymaps-2-1-68-controls__toolbar > ymaps.ymaps-2-1-68-controls__toolbar_left > ymaps.ymaps-2-1-68-controls__control_toolbar.ymaps-2-1-68-user-selection-none,
    ymaps > ymaps > ymaps > ymaps > ymaps.ymaps-2-1-68-controls-pane > ymaps.ymaps-2-1-68-controls__toolbar > ymaps.ymaps-2-1-68-controls__toolbar_left > ymaps:nth-child(2),
    ymaps > ymaps > ymaps > ymaps > ymaps.ymaps-2-1-68-controls-pane > ymaps.ymaps-2-1-68-controls__toolbar > ymaps.ymaps-2-1-68-controls__toolbar_left > ymaps:nth-child(3),
    ymaps > ymaps > ymaps > ymaps > ymaps.ymaps-2-1-68-controls-pane > ymaps.ymaps-2-1-68-controls__toolbar > ymaps.ymaps-2-1-68-controls__toolbar_right {
        display: none !important;
    }

    .conts_inner {
        border: 5px solid #f5f5f5;
        padding: 20px 0 10px;
        background: white;
        top: 25px;
        z-index: 100;
        text-align: center;
    }

    .conts_inner h3 {
        font-size: 36px;
        color: rgb(53, 52, 67);
        line-height: 1.167;
        font-weight: 900;
        margin-bottom: 30px;
        display: block;
    }

    .conts_inner li:last-of-type {
        margin-bottom: 0;
    }

    .conts_inner li {
        position: relative;
        margin-bottom: 20px;
    }

    .conts_inner li img {
        display: inline;
    }

    .conts_inner li span {
        display: inline;
        padding-left: 10px;
        font-size: 18px;
        color: #353443;
    }

}

/********** hp_block_10 contacts **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** blog **********/
@media screen {
    .bloglistpage {
        color: #353443;
        padding-bottom: 100px;
    }

    .bloglistpage h1 {
        padding: 50px 0;
        font-size: 62px;
        color: rgb(52, 51, 67);
        line-height: 0.677;
        text-align: center;
        font-weight: 900;
        margin-top: 120px;
    }

    .blog_header {
        margin-bottom: 120px;
        font-size: 17px;
        font-family: 'Source Sans Pro';

    }

    .blog_header ul li span {
        width: calc(100% - 40px);
        top: -7px;
        left: 20px;
        position: relative;
        display: block;
    }

    .blog_header ul li {
        position: relative;
        margin-bottom: 22px;
    }

    .blog_header ul li:before {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #ffd545;
        position: absolute;
    }

    .bh_button .button {
        padding-right: 80px;
        padding-left: 80px;
    }

    .bh_button {
        text-align: center;
    }

    .blog_mini_item {
        margin-bottom: 80px;
    }

    .blog_mini_item_que_header {
        font-size: 25px;
        font-weight: 500;
        color: #353443;
        margin-bottom: 50px;

    }

    .blog_mini_item_que_header span {
        position: relative;
        top: 1px;
        margin-left: 10px;
    }

    .blog_mini_item_que_date {
        font-size: 24px;
        color: #737284;
        margin-bottom: 4px;
    }

    .blog_mini_item_que_text {
        font-size: 20px;
        color: #353443;
        margin-bottom: 65px;
    }

    .blog_mini_item_que_link img {
        position: relative;
        top: -2px;
        margin-left: 14px;
    }

    .blog_mini_item_que_link {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        color: #737284;
        margin-bottom: 50px;
    }

    .blogitempage {
        color: #353443;
        padding-bottom: 50px;
        padding-top: 160px;
    }

    .otherart {
        text-align: center;
        font-size: 40px;
        color: rgb(53, 52, 67);
        line-height: 1.05;
        font-weight: 900;
        margin-bottom: 35px;
    }

    .blog_item_top .col-lg-3 h4 {
        font-weight: 700;
        font-size: 20px;
        color: rgb(52, 51, 67);
        line-height: 2.1;
    }

    .blog_item_top_item_top {
        font-size: 15px;
        color: rgb(148, 147, 152);
        line-height: 1.6;
    }

    .blog_item_top_item_mid {
        font-size: 16px;
        color: rgb(52, 51, 67);
        line-height: 1.5;
        font-weight: 500;
    }

    .blog_item_top_item {
        margin-bottom: 20px;
    }

    .blog_item_top_general_img img {
        max-width: 100%;
        width: 100%;
    }

    .blog_item_top_general_date {
        font-size: 18px;
        color: rgb(148, 147, 152);
        line-height: 1.333;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .blog_item_top_general_name {
        font-size: 32px;
        color: rgb(52, 51, 67);
        line-height: 1.313;
        margin-bottom: 20px;
        font-weight: 500;
    }

    .blog_item_top_general_img {
        margin-bottom: 25px;
    }
    .blog_item_top_general_text{
        margin-bottom: 80px;
        font-size: 16px;
        font-family: 'Source Sans Pro';
    }


    .blog_item_top_general_text h1{
        font-family: "museo", OpenSans;
    }
    .blog_item_top_general_text h2,
    .blog_item_top_general_text h3,
    .blog_item_top_general_text h4,
    .blog_item_top_general_text h5{
        font-size: 20px;
        font-weight: 700;
        font-family: "museo", OpenSans;
        margin-top: 20px;
    }

}

/********** blog **********/
/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/
/********** footer **********/
@media screen {
    footer {
        background: url(../img/footer.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        text-align: center;
    }

    footer img {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .footer_text {
        padding-bottom: 80px;
        color: #8b8794;
        font-size: 16px;
        font-weight: 500;
    }
}

/********** footer **********/
/**********************************************************************/
/**********************************************************************/
.button{
    outline: none!important;
    text-decoration: none!important;
    color: white!important
}
.thanks-wrapper{
    padding: 300px 0
}