#modalSeven {
    /*margin-top: 60px;*/
}

#container-seven {
    /*height: 400px;*/
    margin: -20px 0px 0px 0px;
}

#modalSeven .modal-body {
    padding: 0px;
}

#modalSeven .modal-content {
    background-color: transparent;
    /*box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09);*/
    border: 0;
}

.item-class {

}

.item-class .carousel-1 {
    /*width: auto!important*/;
    width: 100%;
    height: 300px;
    margin: auto;
}

.item-class .carousel-2 {
    font-size: 16px;
}

.spinner-border {
    width: 80px;
    height: 80px;
    margin-top: 38%;
}

.item-class .carousel-2.active {
    font-weight: bolder;
    color: #0ab34e;
}

.item-class .carousel-2.carousel-2-mini {
    font-size: 14px;
}

.item-class .carousel-3 {
    font-size: 12px;
    line-height: 14px;
    opacity: 0.5;
    margin-top: 10px;
}

.owl-dots {
    text-align: center;
    /*background-color: #F5F5F5;*/
    margin-top: 30px;
}

.owl-carousel button.owl-dot {
    background-color: #cccccc!important;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin-right: 10px;
}


.owl-carousel button.owl-dot.active {
    background-color: #999999!important;
}

.carousel-1 {
    position: relative;
    z-index: 2;
}

.carousel-4 {
    background-color: #F5F5F5;
    padding: 180px 20px 30px 20px;
    margin-top: -180px;
    position: relative;
    z-index: 1;
    border-radius: 20px 20px 20px 20px;
}

.carousel-5 {
    font-size: 22px;
    font-weight: bold;
}

.block-seven-1 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -35px;
}

.block-seven-2, .block-seven-3 {
    margin: auto;
    background-color: #F5F5F5;
}

.block-seven-2 {
    padding-top: 40px;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09);
}

.block-seven-3 {
    padding-bottom: 10px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09);
}


.block-seven-2 button {
    background-image: url("../images/bg_green.jpg");
    margin-bottom: 20px;
}

.arrow-navigation-7-days {
    display: none;
}

.owl-carousel .owl-item {
    display: inline-block!important;
}

.modal-seven-close {
    text-align: center;
}

.modal-seven-close svg {
    position: absolute;
    z-index: 100;
    margin-left: 154px;
    height: 30px;
    width: 30px;
    color: #5a6268;
    cursor: pointer;
    border-radius: 8px;
    background-color: white;
    box-shadow: 3px 3px 2px -2px rgba(34, 60, 80, 1.2)
}


.modal-seven-close svg:hover {
    box-shadow: -4px 5px 12px -2px rgba(34, 60, 80, 0);
    background-color: #5a6268;
    color: white;
}

.progress-7-days {
    position: absolute;
    width: 100%;
    z-index: 100;
    margin-top: 0px;
}

.progress-7-days .progress-bar {
    background-color: #0ab34e;
}






.calories-carousel-text-calories-1 {
    text-align: left;
    position: absolute;
    font-size: 14px;
    z-index: 999;
    color: white;
    text-shadow: 2px 1px 2px #000000;
    margin-left: -174px;
    margin-top: -10px;
}

.calories-carousel-text-calories-2 {
    font-size: 30px;
    font-weight: bolder;
    margin-bottom: 0px;
    margin-top: -10px;
    display: block;
}



/*
.card-wrapper {
    display: inline-block;
    perspective: 1000px;
}

.card-wrapper .card-image-one {
    position: relative;
    cursor: pointer;
    transition-duration: 0s;
    transition-timing-function: ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
}

.card-wrapper.flip-right .card-image-one.card-image-animation.active {
    transform: rotateY(90deg);
    transition-duration: 0.6s;
}
*/
.card-wrapper, .card-image-one {
    width: 100%;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    text-align: center;
}




.block-seven-3 .spinner-border {
    width: 20px;
    height: 20px;
    margin-top: 6px;
}

.block-seven-3 .col-6.text-center p {
    margin-bottom: 0px;
}


#modalSeven .item-class.passive {
    opacity: 0.4;
}


@media (max-width: 480px) {

    .arrow-navigation-7-days {
        display: block;
    }

    .carousel-5 {
        margin-top: 20px;
    }

    .block-seven-3 {
        margin-top: -2px;
        font-weight: bold;
        font-size: 20px;
    }

    .item-class .carousel-1 {
        width: auto!important;
        height: 420px;
        margin: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .card-wrapper, .card-image-one {
        height: 420px;
        background-size: 128%;
    }


    .arrow-navigation-7-days {
        position: absolute;
        width: 100%;
        height: 0px;
        margin-top: -270px;
        z-index: 2;
    }

    .arrow-menu-7-days-prev {
        width: 30px;
        height: 30px;
        border: 0px solid #cccccc;
        float: left;
        cursor: pointer;
        position: relative;
        z-index: 1000;
    }

    .arrow-menu-7-days-next {
        width: 30px;
        height: 30px;
        border: 0px solid #cccccc;
        float: right;
        cursor: pointer;
        position: relative;
        z-index: 1000;
    }


    .calories-carousel-text-calories-1 {
        margin-left: -174px;
        margin-top: 0px;
    }

    .modal-seven-close svg {
        margin-left: 140px;
        margin-top: 10px;
    }
}