.head {
    background-color: #F4F4F4;
}

    .head.empty {
        min-height: 200px;
        background-color: #FFF;
    }

body[data-template="home"] .head {
    padding-bottom: 120px; 
}


.header__image {
    width: 1680px;
    margin: auto;
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

    .header__image picture {
        width: 100%;
    }

        .header__image picture img {
            width: 100%;
            border-radius: 8px;
            position: relative;
        }

        .header__image picture:after {
            content: "";
            width: calc(100% - 40px);
            height: calc(100% - 30px);
            position: absolute;
            top: 20px;
            left: 20px;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.50) 29.03%, rgba(0, 0, 0, 0.00) 53.18%);
            border-radius: 8px;
        }


.head .container {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9;
}



.head .header {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    margin-top: 50px;
    margin-left: 120px;
    max-width: 632px;
}

.head .blocks_wrapper {
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
    margin-top: 110px;
    display: flex;
    visibility: visible;
}

    .head .blocks_wrapper h3 {
        color: #4A4A4A;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 80px;
    }

    .head .blocks_wrapper .intro {
        color: #4A4A4A;
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
        line-height: 27px;
        margin-left: 40px;
        margin-right: 40px;
        min-height: 60px;    
    }

        .head .blocks_wrapper .intro.mobile {
            display: none;
        }



    .head .blocks_wrapper .left {
        display: inline-block;
        vertical-align: top;
        /*clip-path: polygon(0px 16px, 100% 9.61%, 100% 92.59%, 0px 95.57%);*/
        clip-path: polygon(0px 13px, 1.48% 2.09%, 100% 9.61%, 100% 92.59%, 1.87% 95.44%, 0px 94.46%, 0% 94.86%, 0% 2.9%);
        background-color: #fff;
        width: 322px;
        float: left;
        position: relative;
        right: -1px;
        background-position-x: 1px;
    }

    .head .blocks_wrapper .right {
        display: inline-block;
        vertical-align: top;
        /*clip-path: polygon(0px 48px, 100% 8.01%, 100% 96.41%, 0px 92.77%);*/
        clip-path: polygon(0px 48px, 98.55% 7.9%, 99.68% 8.12%, 100% 9.01%, 100.14% 91.57%, 100.01% 94.8%, 99.6% 96.15%, 98.49% 96.34%, 96.37% 96.28%, 0px 92.77%);
        background-color: #fff;
        width: calc(100% - 322px);
        position: relative;
        left: -1px;
        float: left;
        border-left: solid 1px var(--color-border-gray);
    }

        .head .blocks_wrapper .right .newsitems_wrapper {
            padding-top: 50px;
            padding-left: 40px;
            padding-bottom: 50px;
        }

            .head .blocks_wrapper .right .newsitems_wrapper .newsitem {
                margin-bottom: 0px;
            }

            .head .blocks_wrapper .right .btn-custom {
                color: #00B5C7;
                font-size: 14px;
                font-style: normal;
                font-weight: 500;
                line-height: 48px;
                border-radius: 4px;
                border: 1.5px solid #00B5C7;
                height: 48px;
                display: inline-block;
                margin-left: 50px;
                margin-top: 24px;
                margin-bottom: 46px;
                padding-left: 16px;
                padding-right: 16px;
            }



@media (max-width: 1680px) {
    .header__image {
        width: 100%;
    }
}

@media (max-width: 1280px) {
    .head .blocks_wrapper {
        width: calc(100% - 50px);
        padding-left: 25px;
        padding-right: 25px;
        margin: 110px auto;
    }

        .head .blocks_wrapper .right::before {
            display: none;
        }

    .head .header {
        margin-top: 50px;
    }

    .head .blocks_wrapper {
        margin-top: 90px;
    }
}

@media (max-width: 1165px) {
    .head .blocks_wrapper {
        display: inline-block;
    }

    .head .blocks_wrapper .left {
        display: block;
        width: 100%;
        background-image: none;
        margin-top: 53px;
        text-align: center;
        background-color: #FFF;
        clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
    }

        .head .blocks_wrapper .left h3 {
            margin-top: 0px;
            padding-top: 30px;
            font-size: 24px;
        }

        .head .blocks_wrapper .right {
            display: block;
            width: 100%;
            background-image: none;
            text-align: center;
            clip-path: polygon(0% 1.43%, 100% 1px, 100% 100%, 0% 95%);
            background-color: #FFF;
            top: -8px;
        }

        .head .blocks_wrapper .right .newsitems_wrapper {
            padding-right: 40px;
        }
}



    @media (max-width: 1000px) {

        .head .blocks_wrapper {
            margin: 40px auto;
        }

        .head .header {
            margin-top: 227px;
            font-size: 24px;
            line-height: 36px;
        }

        body[data-template="home"] .head {
            min-height: 600px;
        }
    }


    @media (max-width: 940px) {
       

        .head .blocks_wrapper h3 {
            margin-top: 0px;
            padding-top: 30px;
            font-size: 24px;
        }

        .head .container {
            width: 100%;
            padding: 0px;
            margin: 0px;
            position: relative;
        }

        .header__image {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
        }

            .header__image picture img {
                border-radius: 0px;
            }



        body[data-template="home"] .head {
            padding-bottom: 0px;
            min-height: auto;
            position: relative;
        }

        .header__image picture::after {
            width: 100%;
            border-radius: 0px;
            top: -10px;
            left: 0px;
            height: 100%;
        }

        .head .header {
            margin-left: 24px;
            margin-top: 0px;
        }

        .head .blocks_wrapper {
            margin: 0px auto;
            width: 100%;
            padding-left: 24px;
            padding-right: 24px;
        }
    }

    @media (max-width: 768px) {
        .head .blocks_wrapper .intro:not(.mobile) {
            display: none;
        }

        .head .blocks_wrapper .intro.mobile {
            display: block;
        }
    }

    @media (max-width: 475px) {
        .header__image {
            max-height: 440px;
            padding-top: 0px;
            overflow: hidden;
        }

            .header__image picture img {
                height: 100%;
                width: auto;
            }

        .btn-ticket,
        .head .blocks_wrapper .right .btn-custom {
            margin-left: 0px;
        }

        .head .blocks_wrapper .right .newsitems_wrapper {
            padding-left: 15px;
            padding-right: 15px;
        }

            .head .blocks_wrapper .right .newsitems_wrapper .newsitem,
            .head .blocks_wrapper .right .newsitems_wrapper .newsitem .newsitem_item {
                width: 241px;
            }
    }