/* Reset */

:root {
    --black:    #000;
    --white:    #FFF;
    --red:      #AD1B02;
    --red-200:  #D1390D;
    --orange:   #E88D14;
    --yellow:   #F3BE26;
    --pink:     #E669A2;
}

html,
body {
    margin: 0;
    padding: 0;
    background: var(--white);
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 700;
    color: var(--red);
}

h3 {
    font-size: 25px;
    line-height: 30px;
}

.cms-output {
    font-size: 18px;
    line-height: 25px;
}

/* Wrapper */

.wrapper {
    max-width: 1370px;
    margin: auto;
    padding: 0 30px;

    &.wrapper--sm {
        max-width: 1130px;
    }
}

/* Buttons */

.btn-pwc {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border: 0 !important;
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 30px !important;
    text-decoration: none;
    text-align: center;
    cursor: pointer !important;
    transition: all 350ms ease;

    & svg {
        width: auto;
        height: 20px;

        & path {
            transition: all 350ms ease;
        }
    }

    &.icon--left {

        & svg {
            margin-right: 15px;
        }
    }

    &.icon--right {

        & svg {
            margin-left: 15px;
        }
    }
}

.btn-primary--red {
    background-color: var(--red) !important;
    color: var(--white);

    &:hover {
        background-color: var(--orange) !important;
    }
}

.btn-primary--orange {
    background-color: var(--orange) !important;
    color: var(--black);

    & svg {

        & path {
            fill: var(--black);
        }
    }

    &:hover {
        background-color: var(--red) !important;
        color: var(--white);

        & svg {

            & path {
                fill: var(--white);
            }
        }
    }
}

/* Links */

.link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: var(--black);
    font-size: 18px;
    line-height: 30px;
    transition: all 350ms ease;

    & svg {
        width: auto;
        height: 20px;
    }

    &.icon--left {

        & svg {
            margin-right: 15px;
        }
    }

    &.icon--right {

        & svg {
            margin-left: 15px;
        }
    }
}

.link--black {
    color: var(--black);

    &:hover {
        color: var(--orange);
    }
}

.link--red {
    color: var(--red);

    &:hover {
        color: var(--orange);
    }
}

/* Page header */

.page-header {
    @media only screen and (max-width: 991px) {
       height: 150px;
    }

    position: relative;
    width: 100%;
    height: 250px;

    & > img {

        &:not(.logo) {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    & .logo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background: rgba(36, 0, 0, 0.6);

        & img {
            width: 150px;
            height: auto;
        }
    }

    .box {
        z-index: 2;

        &.box--red {
            top: 0;
            left: 15%;
        }

        &.box--orange {
            top: 0;
            right: 0;
        }

        &.box--pink {
            top: 70px;
            right: 70px;
        }
    }
}

.page__backlink {
    @media only screen and (max-width: 991px) {
        margin-bottom: 50px;
    }

    position: relative;
    z-index: 3;
    transform: translateY(30px);
}

/* Box */

.box {
    @media only screen and (max-width: 991px) {
        display: none;
    }

    position: absolute;
    width: 70px;
    height: 70px;

    &.box--red {
        background-color: var(--red);
    }

    &.box--red-200 {
        background-color: var(--red-200);
    }

    &.box--orange {
        background-color: var(--orange);
    }

    &.box--pink {
        background-color: var(--pink);
    }

    &.box--yellow {
        background-color: var(--yellow);
    }
}

/* Page content */

.page-content {
    @media only screen and (max-width: 991px) {
        padding: 50px 0;
    }

    padding: 100px 0 150px;
}

/* Text/image */

.text-image {

    & .col-lg-5 {

        & a {
            display: flex;
            position: relative;

            & .package-stamp {
                position: absolute;
                top: -50px;
                right: -50px;
                width: 150px;
                height: 150px;
            }
        }
    }

    &.is-single {

        & img {
            @media only screen and (min-width: 992px) {
                height: 460px;
            }
        }
    }

    & img {
        width: 100%;
        object-fit: cover;
    }

    /*&.is-welcome {*/

    /*    & .text-image__image {*/
    /*        width: 100% !important;*/
    /*        max-width: 280px !important;*/
    /*    }*/
    /*}*/

    &.has-visual {

        & .text-image__inner {
            position: relative;

            &::before {
                position: absolute;
                display: block;
                width: 70px;
                height: 70px;
                content: '';
            }
        }

        &.visual--left-start {
            position: relative;

            & .box--yellow {
                @media only screen and (max-width: 1199px) {
                    display: none;
                }

                top: -70px;
                left: 70px;
            }

            & .box--red-200 {
                @media only screen and (max-width: 1199px) {
                    display: none;
                }

                top: 0;
                left: 0;
            }
        }

        &.visual--right-center {

            & .text-image__inner {

                &::before {
                    top: 25%;
                    right: -155px;
                    background-color: var(--red-200);
                }
            }
        }
    }
}


.text-image__image {
    /*@media only screen and (max-width: 991px) {*/
    /*    width: 100%;*/
    /*}*/

    position: relative;
    /*width: 280px;*/

    & img {
        width: 100%;
        max-width: 100%;
    }
}

.text-image__text {
    /*@media only screen and (max-width: 991px) {*/
    /*    width: 100%;*/
    /*}*/

    /*width: calc(100% - 280px);*/

    & .cms-output {
        @media only screen and (max-width: 991px) {
            padding: 50px 0 0;
        }

        padding: 0 0 0 75px;
    }
}

.team {
    position: relative;
    padding-top: 70px;

    & .box--yellow {
        top: -70px;
        left: 70px;
    }

    & .box--red-200 {
        top: 0;
        left: 0;
    }
}

.team__inner {
    @media only screen and (max-width: 768px) {
        grid-template-columns: 1fr;
    }

    @media only screen and (max-width: 991px) {
        justify-items: center;
        grid-gap: 30px;
    }

    @media only screen and (max-width: 991px) and (min-width: 769px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media only screen and (max-width: 1366px) and (min-width: 992px) {
        grid-template-columns: repeat(3, 1fr);
    }


    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px;
}

.team__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    & .btn-pwc {
        width: 100%;
        margin-top: -15px;
        cursor: initial;
        font-size: 14px;

        &:hover {
            background-color: var(--red);
        }
    }
}

.team__button {
    @media only screen and (max-width: 991px) {
        margin-top: 50px;
    }

    margin-top: 100px;

    .btn-pwc {
        width: 100%;
        max-width: 460px;
    }
}

.search {
    margin-top: 70px;

    & input[type='search'] {
        @media only screen and (max-width: 991px) {
            max-width: 100%;
            margin-bottom: 10px;
        }

        @media only screen and (max-width: 1299px) and (min-width: 992px) {
            max-width: calc(50% - 10px);
        }

        width: 100%;
        max-width: 940px;
        height: 55px;
        padding: 20px;
        border: 1px solid var(--black);
    }

    & .btn-pwc {
        @media only screen and (max-width: 991px) {
            max-width: 100%;
        }

        @media only screen and (max-width: 1299px) and (min-width: 992px) {
            max-width: calc(50% - 20px);
        }

        width: 100%;
        max-width: calc(100% - 960px);
        height: 55px;
    }
}

.footer__image {

    & img {
        @media only screen and (max-width: 991px) {
            width: 100px;
            height: auto;
        }
    }
}

.footer__lower {
    @media only screen and (max-width: 991px) {
        margin-top: 50px;
        padding: 20px 0;
    }

    margin-top: 100px;
    padding: 45px 0;
    background-color: var(--red);
    color: var(--white);

    & a {
        margin-left: 5px;
        color: var(--white);
        text-decoration: none;
        font-weight: 700;
    }
}

.gifts {
    margin-top: 40px;
}

.gifts__loop {
    @media only screen and (max-width: 599px) {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    @media only screen and (max-width: 1199px) and (min-width: 600px) {
        grid-template-columns: repeat(2, 1fr);
    }

    grid-template-columns: repeat(3, 1fr);
    grid-gap: 65px 20px;

    & .gift {

        /*&:nth-child(4) {*/
        /*    @media only screen and (max-width: 1366px) {*/
        /*        grid-column: span 1;*/
        /*    }*/

        /*    grid-column: span 2;*/

        /*    & .link {*/
        /*        @media only screen and (max-width: 1366px) {*/
        /*            width: 100%;*/
        /*            margin-left: 0;*/
        /*        }*/
        /*    }*/
        /*}*/
    }
}

.gift {
    position: relative;
    height: 460px;

    & .img {
        width: 100%;
        height: calc(100% - 50px);
        object-fit: cover;
        overflow: hidden;
        background-size: cover;
    }

    & .inner {
        width: 100%;
    }

    & .link {
        justify-content: center;
        width: 100%;
        margin-top: 40px;
        font-weight: 700;
        text-decoration: none;
    }

    & .package-stamp {
        position: absolute;
        top: -40px;
        right: -40px;
        width: 150px;
        height: 150px;
    }
}

.amount-select {
    @media only screen and (max-width: 991px) {
        padding: 50px 0 0;
    }

    padding: 0 0 0 75px;

    & select {
        @media only screen and (max-width: 991px) {
            width: 100%;
        }

        width: calc(50% - 10px);
        height: 55px;
        margin: 0;
        padding: 10px;
        border: 1px solid var(--black);
    }

    & .btn-pwc {
        @media only screen and (max-width: 991px) {
            width: 100%;
            margin-top: 10px;
        }

        width: calc(50% - 10px);
        height: 55px;
        padding: 0;
    }
}

#loading,
#finish {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

/* Theme specific settings */

.language-switch {
    display: flex;
    align-items: center;
    /*background-color: var(--orange) !important;*/
}

.welcome {

    & .welcome-form-wrap-text {
        line-height: 25px;
    }



    & .language-switch__switch {
        position: relative;
        z-index: 10;

        & svg {
            /*transform: translateY(10px);*/
        }
    }
}