@font-face {

    font-family: Roboto Slab, serif;

    src: url(../fonts/Helvetica400.ttf);

}



html,

body {

    width: 100%;

    margin-left: -1px;

    overflow-x: hidden;

}



.main-padding {

    padding-top: 75px;

}



.custom-container {

    width: 60%;

    margin: 0px auto;

    padding-bottom: 20px;

}



.big-green {

    color: rgb(0, 97, 0);

    font-family: Roboto Slab, serif;

    font-weight: 300;

    font-size: 90px;

    text-transform: uppercase;

}



.medium-green {

    color: rgb(50, 172, 50);

    font-family: Roboto Slab, serif;

    font-weight: 300;

    font-size: 56px;

    margin-top: 45px;

    text-transform: uppercase;

}



.small-green {

    color: rgb(11, 133, 11);

    font-family: Roboto Slab, serif;

    font-weight: 700;

    font-size: 18px;

    text-align: center;

}



.text-sustentability {

    text-align: justify;

    color: #888;

    font-family: Roboto Slab, serif;

    font-weight: 400;

    margin-top: 50px;

}



.light-content {

    margin-top: 75px;

    width: 100%;

}



.vertical {

    writing-mode: vertical-lr;

    transform: rotate(180deg);

    -ms-transform: rotate(270deg);

    float: left;

}



.flex-box {

    display: flex;

    flex-wrap: wrap;

}



.graph {

    width: 60%;

    /* padding-right: 30px; */

    box-sizing: border-box;

}



.light-slide {

    width: 40%;

    padding-left: 30px;

    box-sizing: border-box;

}



.light-content-inside {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.separator {

    margin: 100px 0 20px 0;

    border: none;

    height: 30px;

    background: rgb(11, 133, 11);

    background: linear-gradient(90deg, rgba(11, 133, 11, 1) 0%, rgba(77, 178, 131, 1) 50%, rgba(11, 133, 11, 1) 100%);

    width: 100%;

    box-shadow: 5px 5px 15px #888;

    box-sizing: border-box;

}



.floor {

    background: rgb(77, 178, 131);

    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(77, 178, 131, 1) 10%, rgba(77, 178, 131, 1) 30%, rgba(70, 161, 119, 1) 30%, rgba(70, 161, 119, 1) 100%, rgba(77, 178, 131, 1) 100%);

    margin-top: -10px;

    margin-bottom: 25px;

}



.padding-floor {

    border: 30px solid rgb(77, 178, 131);

    width: 100%;

    box-sizing: border-box;

}



.floor-title {

    color: #fff;

    text-align: justify;

    font-family: Roboto Slab, serif;

    font-weight: 500;

    font-size: 44px;

    margin-top: 50px;

    text-transform: uppercase;

}



.floor-subtitle {

    color: #fff;

    text-align: justify;

    font-family: Roboto Slab, serif;

    font-weight: 300;

    font-size: 28px;

    margin-top: 10px;

}



.floor-text-container {

    padding-left: 25px;

    width: 40%;

    box-sizing: border-box;

}



.floor-slider-container {

    padding-right: 25px;

    width: 60%;

    box-sizing: border-box;

}



.floor-text {

    text-align: justify;

    color: #fff;

    font-family: Roboto Slab, serif;

    font-weight: 400;

    font-size: 18px;

    margin-top: 30px;

}



.title {

    width: 100%;

}



.img-little-slider {

    height: 213px;

    margin-bottom: 100px;

}



.img-footer {

    text-align: center;

    font-family: Roboto Slab, serif;

    font-size: 18px;

    font-weight: 600;

    color: #888;

}



.img-title {

    margin-bottom: 75px;

    text-transform: uppercase;

}



.light-graph {

    width: 80em;

    height: 30em;

}





/* Slider 1 starts */



.display-left {

    position: absolute;

    top: 50%;

    left: 0%;

    transform: translate(0%, -50%);

    -ms-transform: translate(-0%, -50%);

}



.display-right {

    position: absolute;

    top: 50%;

    right: 0%;

    transform: translate(0%, -50%);

    -ms-transform: translate(0%, -50%);

}



.slider-content {

    margin-left: auto;

    margin-right: auto

}



.display-container {

    position: relative;

}



.display-container:hover {

    display: block

}

a:hover{
    color: #fff !important;
    background-color: #ce1a1a;
}

.slider-control {

    border: none;

    display: inline-block;

    padding: 8px 16px;

    vertical-align: middle;

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    background-color: rgb(77, 178, 131);

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

    color: #fff;

    border-radius: 50%;

    width: 3em;

    height: 3em;

    transition: width 0.25s, height 0.25s;

}



.slider-control:hover {

    background-color: rgba(70, 161, 119, 1);

    width: 3.5em;

    height: 3.5em;

    box-shadow: 0 0 5px #888;

}



.slider-control {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: non

}



.slider-control:active {

    width: 3.2em;

    height: 3.2em;

}



*:focus {

    outline: none !important

}



.slideLeft {

    animation-name: slideLeft;

    -webkit-animation-name: slideLeft;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;

    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;

}



.SPS-align-left {

    margin: 0 0 0 auto;

}



.SPS-align-right { 

    margin: 0;

}



.font-size-title-gray {

    font-size: 2.4rem;
    
    line-height: 3.2rem;

    color: #646463;

}

.font-size-title-black {
    font-family: Roboto Slab, serif;
    font-size: 2.4rem;
    line-height: 3.2rem;
    top: 0px;
    padding: 0;
    padding-bottom: 30px;
    margin-left: 0px;
    font-weight: 400;
    color: #333;
}

.sustent-content-color-txt {

    color: #666;

}

.sustent-ahorro-EA {
    color: #666;
    letter-spacing: .05rem;
    line-height: 2.4rem;
}

.title-susten-gray {

    margin-bottom: 10%;

    margin-top: 10%;

}

.susten-img-cont {

    width: 120px;
    height: 100px;
    margin-bottom: 5%;

}

h4{
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.mt-3{
    margin-top: 3%;
}

.susten-title-cards {

    font-size: 2.4rem;
    
    line-height: 3.2rem;

}

.susten-light-slide {

    width: 48%;

}

.susten-btn-red {
    background-color: rgb(234, 44, 19);
    color: rgb(255, 255, 255);
    padding: 8px 16px;
    border-radius: 18px;
    display: inline-block;
    margin-bottom: 20px;
}

.txt-align-left {

    text-align: left;
    
}

.sustent-cont-cards {
    float: left;
    width: 97%;
    margin: 1.5%;
    background: white;
    display: flex;
    justify-content: center;
    padding-top: 3%;
}

.susten-cont-img {
    width: 100%; 
    height: 100%; 
    transform: scaleY(5);
    position: absolute;
    bottom: 200%;
}

.susten-cont-baner-txt {
    position: absolute;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.2);
    padding-top: 4%;
    left: 0%;
    height: 100%;
    width: 100%;
}

.susten-banner-1 {
    font-size: 1.8rem; 
    line-height: 2rem; 
    color: #fff; 
    transition: color .3s ease 0s; 
    text-align: left;
}

.susten-banner-2 {
    font-size: 4rem; 
    font-family: Roboto Slab, serif; 
    line-height: 4.4rem; 
    max-width: none; 
    font-weight: 600; 
    color: #fff; 
    margin-top: 0;
    padding-left: 20%;
}

.cont-media-vid {
    width:100%; 
    height:"315";
}

@keyframes slideLeft {

    0% {

        zoom: 1;

        filter: alpha(opacity=50);

        opacity: 0;

        -webkit-transition: opacity .15s ease-in-out;

        -moz-transition: opactiy .15s ease-in-out;

        -ms-transition: opacity .15s ease-in-out;

        -o-transition: opacity .15s ease-in-out;

        transition: opacity .15s ease-in-out;

        transform: translateX(50%);

    }

    50% {

        transform: translateX(-8%);

    }

    65% {

        transform: translateX(4%);

    }

    80% {

        transform: translateX(-4%);

    }

    95% {

        transform: translateX(2%);

    }

    100% {

        transform: translateX(0%);

    }

}



@-webkit-keyframes slideLeft {

    0% {

        zoom: 1;

        filter: alpha(opacity=50);

        opacity: 0;

        -webkit-transition: opacity .15s ease-in-out;

        -moz-transition: opactiy .15s ease-in-out;

        -ms-transition: opacity .15s ease-in-out;

        -o-transition: opacity .15s ease-in-out;

        transition: opacity .15s ease-in-out;

        -webkit-transform: translateX(50%);

    }

    50% {

        -webkit-transform: translateX(-8%);

    }

    65% {

        -webkit-transform: translateX(4%);

    }

    80% {

        -webkit-transform: translateX(-4%);

    }

    95% {

        -webkit-transform: translateX(2%);

    }

    100% {

        -webkit-transform: translateX(0%);

    }

}



.slideRight {

    animation-name: slideRight;

    -webkit-animation-name: slideRight;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;

    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;

}



@keyframes slideRight {

    0% {

        zoom: 1;

        filter: alpha(opacity=50);

        opacity: 0;

        -webkit-transition: opacity .15s ease-in-out;

        -moz-transition: opactiy .15s ease-in-out;

        -ms-transition: opacity .15s ease-in-out;

        -o-transition: opacity .15s ease-in-out;

        transition: opacity .15s ease-in-out;

        transform: translateX(-50%);

    }

    50% {

        transform: translateX(8%);

    }

    65% {

        transform: translateX(-4%);

    }

    80% {

        transform: translateX(4%);

    }

    95% {

        transform: translateX(-2%);

    }

    100% {

        transform: translateX(0%);

    }

}



@-webkit-keyframes slideRight {

    0% {

        zoom: 1;

        filter: alpha(opacity=50);

        opacity: 0;

        -webkit-transition: opacity .15s ease-in-out;

        -moz-transition: opactiy .15s ease-in-out;

        -ms-transition: opacity .15s ease-in-out;

        -o-transition: opacity .15s ease-in-out;

        transition: opacity .15s ease-in-out;

        -webkit-transform: translateX(-50%);

    }

    50% {

        -webkit-transform: translateX(8%);

    }

    65% {

        -webkit-transform: translateX(-4%);

    }

    80% {

        -webkit-transform: translateX(4%);

    }

    95% {

        -webkit-transform: translateX(-2%);

    }

    100% {

        -webkit-transform: translateX(0%);

    }

}





/* Slider 1 ends */





/*slider 3 starts*/



.floor-content {

    margin-left: auto;

    margin-right: auto;

    box-shadow: 0 10px 15px #333;

}



.floor-display-container {

    position: relative

}



.center {

    display: inline-block;

    width: auto;

    text-align: center!important

}



.floor-container {

    padding: 0.01em 16px

}



.floor-container::after,

.floor-container::before {

    content: "";

    display: table;

    clear: both

}



.floor-section {

    margin-top: 16px!important;

    margin-bottom: 16px!important

}



.floor-large {

    font-size: 18px!important

}



.floor-bottommiddle {

    position: absolute;

    left: 50%;

    bottom: 40%;

    transform: translate(-50%, 0%);

    -ms-transform: translate(-50%, 0%)

}



.left {

    padding: 15px 0;

    width: 50px;

    border-radius: 50%;

    text-align: center!important;

    float: left!important;

    background: rgb(255, 255, 255);

    color: #333;

    transition: width 0.25s, height 0.25s;

    margin-left: -25px;

    font-size: 28px;

    box-shadow: 0 0 10px #333;

}



.right {

    padding: 15px 0px;

    width: 50px;

    border-radius: 50%;

    text-align: center!important;

    float: right!important;

    background: rgb(255, 255, 255);

    color: #333;

    transition: width 0.25s, height 0.25s;

    margin-right: -25px;

    font-size: 28px;

    box-shadow: 0 0 10px #333;

}



.badge {

    display: inline-block;

    text-align: center;

    height: 8px;

    width: 12px;

    box-shadow: 0 0 1px rgb(77, 178, 131);

    transition: width 0.25s, height 0.25s;

}



.border {

    border: 2px solid #333!important

}



.transparent {

    background-color: transparent!important

}



.badge-background {

    background-color: #333;

}



.badge-hover:hover {

    background-color: #333;

    height: 10px;

    width: 14px;

    cursor: pointer;

}



.badge-container {

    margin-top: 15px;

}



.left-hover:hover {

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 0 0 15px #333;

    cursor: pointer;

}



.right-hover:hover {

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 0 0 15px #333;

    cursor: pointer;

}



.left-hover:active {

    padding: 15px 0;

    width: 40px;

}



.right-hover:active {

    padding: 15px 0;

    width: 40px;

}



.item-slider-three {

    height: 480px;

}





/*slider 3 ends*/



@media (max-width: 1900px) {

    .img-title {

        margin-bottom: 100px;

    }

    .custom-container {

        width: 70%;

    }

    .img-little-slider {

        height: 213px;

        margin-bottom: 75px;

    }

}



@media (max-width: 1800px) {

    .img-title {

        margin-bottom: 35px;

    }

    .custom-container {

        width: 80%;

    }

    .img-little-slider {

        margin-top: 65px;

        height: 213px;

        margin-bottom: 65px;

    }

}



@media (max-width: 1450px) {

    .custom-container {

        width: 90%;

    }

    .img-little-slider {

        margin-top: 60px;

        height: 213px;

        margin-bottom: 80px;

    }

}



@media (max-width: 1300px) {

    .img-little-slider {

        margin-top: 30px;

        height: 180px;

        margin-bottom: 50px;

    }

    .floor-slider-container {

        width: 100%;

        padding-right: 0;

    }

    .floor-text-container {

        margin-top: 150px;

        padding-left: 0;

        padding-bottom: 10px;

        width: 100%;

    }

    .padding-floor {

        border: 10px solid rgb(255, 255, 255);

    }

    .floor {

        padding-bottom: 50px;

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 20%, rgba(77, 178, 131, 1) 20%, rgba(77, 178, 131, 1) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);

    }

    .item-slider-three {

        height: 640px;

    }

    .light-graph {

        width: 50em;

        height: 23.5em;

    }

}



@media (max-width: 1250px) {

    .floor-text-container {

        margin-top: 100px;

        padding-bottom: 30px;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 25%, rgba(77, 178, 131, 1) 25%, rgba(77, 178, 131, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);

    }

}



@media (max-width: 1100px) {

    .img-little-slider {

        margin-top: 25px;

        height: 160px;

        margin-bottom: 35px;

    }

    .floor-text-container {

        margin-top: 50px;

    }

    .img-footer {

        font-size: 14px;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 27%, rgba(77, 178, 131, 1) 27%, rgba(77, 178, 131, 1) 32%, rgba(255, 255, 255, 1) 32%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);

    }

    .item-slider-three {

        height: 500px;

    }

    .light-graph {

        width: 40em;

        height: 20.2em;

    }

    .sustent-cont-cards {
        float: left;
        width: 97%;
        margin: 1.5%;
        background: white;
        display: block;
        justify-content: center;
    }

}



@media (max-width: 930px) {

    .img-little-slider {

        margin-top: 10px;

        height: 140px;

        margin-bottom: 15px;

    }

    .img-footer {

        font-size: 12px;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 30%, rgba(77, 178, 131, 1) 30%, rgba(77, 178, 131, 1) 35%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);

    }

    .big-green {

        font-size: 80px;

    }

    .medium-green {

        font-size: 52px;

        margin-top: 35px;

    }

    .item-slider-three {

        height: 460px;

    }

    .light-graph {

        width: 35em;

        height: 17em;

    }

}



@media (max-width: 820px) {

    .img-little-slider {

        margin-top: 5px;

        height: 120px;

        margin-bottom: 25px;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 33%, rgba(77, 178, 131, 1) 33%, rgba(77, 178, 131, 1) 38%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);

    }

    .big-green {

        font-size: 76px;

    }

    .medium-green {

        font-size: 48px;

        margin-top: 30px;

    }

    .item-slider-three {

        height: 420px;

    }

}



@media (max-width: 790px) {

    .img-little-slider {

        margin-top: 15px;

        height: 213px;

        margin-bottom: 15px;

    }

    .img-footer {

        font-size: 15px;

    }

    .big-green {

        font-size: 70px;

    }

    .medium-green {

        font-size: 42px;

        margin-top: 25px;

    }

    .graph {

        width: 100%;

        padding-right: 0;

    }

    .light-slide {

        margin-top: 25px;

        width: 100%;

        padding-left: 0;

    }

    .susten-light-slide {

        width: 100%;
    
    }

    .item-slider-three {

        height: 380px;

    }

    .floor-text-container {

        padding-bottom: 7.5px;

    }

    .light-graph {

        width: 45em;

        height: 24.6em;

    }

    .susten-cont-img {
        width: 125%; 
        height: 100%; 
        transform: scaleY(4.5);
        bottom: 175%;
    }

    .susten-cont-baner-txt {
        position: absolute;
        top: 0%;
        left: 0%;
        padding-top: 10%;
    }
    
    .susten-banner-1 {
        display: none !important;;
    }

    .susten-banner-2 {
        font-size: 2.8rem; 
        font-family: Roboto Slab, serif; 
        line-height: 4.4rem; 
        max-width: none; 
        font-weight: 600; 
        color: #fff; 
        margin-top: 0;
        text-align: left;
        padding-left: 0%;
    }
}



@media (max-width: 730px) {

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(77, 178, 131, 1) 0%, rgba(77, 178, 131, 1) 5%, rgba(70, 161, 119, 1) 5%, rgba(70, 161, 119, 1) 35%, rgba(77, 178, 131, 1) 35%, rgba(77, 178, 131, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);

    }

    .big-green {

        font-size: 60px;

    }

    .medium-green {

        font-size: 36px;

        margin-top: 25px;

    }

    .item-slider-three {

        height: 340px;

    }

    .light-graph {

        width: 40em;

        height: 20em;

    }

}



@media (max-width: 650px) {

    .big-green {

        font-size: 54px;

    }

    .medium-green {

        font-size: 28px;

        margin-top: 15px;

    }

    .floor-title {

        font-size: 36px;

    }

    .floor-subtitle {

        font-size: 32px;

    }

    .floor-text-container {

        margin-top: 10px;

        padding-bottom: 15px;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 4%, rgba(77, 178, 131, 1) 4%, rgba(77, 178, 131, 1) 7%, rgba(70, 161, 119, 1) 7%, rgba(70, 161, 119, 1) 37%, rgba(77, 178, 131, 1) 37%, rgba(77, 178, 131, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);

        margin-bottom: -5px;

    }

    .item-slider-three {

        height: 320px;

    }

    .floor-bottommiddle {

        bottom: 32%;

    }

    .light-graph {

        width: 40em;

        height: 20em;

    }

}



@media (max-width: 610px) {

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 39%, rgba(77, 178, 131, 1) 39%, rgba(77, 178, 131, 1) 42%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 1) 100%);

    }

    .item-slider-three {

        height: 300px;

    }

    .floor-bottommiddle {

        bottom: 30%;

    }

}



@media (max-width: 570px) {

    .big-green {

        font-size: 44px;

    }

    .medium-green {

        font-size: 26px;

        margin-top: 15px;

    }

    .floor-title {

        font-size: 32px;

    }

    .floor-subtitle {

        font-size: 26px;

        margin-top: 5px;

    }

    .floor-text {

        margin-top: 15px;

        font-size: 16px;

    }

    .item-slider-three {

        height: 280px;

    }

    .floor-text-container {

        padding-bottom: 20px;

    }

    .right {

        padding: 10px 0;

        margin-right: -20px;

        width: 40px;

    }

    .left {

        padding: 10px 0;

        margin-left: -20px;

        width: 40px;

    }

    .floor-bottommiddle {

        bottom: 35%;

    }

    .right-hover:active {

        padding: 10px 0;

        width: 30px;

    }

    .left-hover:active {

        padding: 10px 0;

        width: 30px;

    }

    .light-graph {

        width: 39em;

        height: 19em;

    }

}



@media (max-width: 490px) {

    .big-green {

        font-size: 38px;

        text-align: center;

    }

    .medium-green {

        font-size: 24px;

        margin-top: 15px;

        text-align: center;

    }

    .small-green {

        font-size: 14px;

    }

    .floor-title {

        text-align: center;

    }

    .floor-subtitle {

        text-align: center;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 42%, rgba(77, 178, 131, 1) 42%, rgba(77, 178, 131, 1) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);

    }

    .item-slider-three {

        height: 260px;

    }

    .floor-text {

        margin-top: 25px;

    }

    .right {

        padding: 7.5px 0;

        margin-right: -15px;

        width: 35px;

    }

    .left {

        padding: 7.5px 0;

        margin-left: -15px;

        width: 35px;

    }

    .right-hover:active {

        padding: 7.5px 0;

        width: 30px;

    }

    .left-hover:active {

        padding: 7.5px 0;

        width: 30px;

    }

    .light-graph {

        width: 32em;

        height: 16em;

    }

}



@media (max-width: 460px) {

    .floor-title {

        font-size: 28px;

    }

    .floor-subtitle {

        font-size: 24px;

        margin-top: 5px;

    }

    .floor-text {

        font-size: 14px;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 40%, rgba(77, 178, 131, 1) 40%, rgba(77, 178, 131, 1) 43%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 100%);

    }

    .item-slider-three {

        height: 240px;

    }

    .floor-text-container {

        padding-bottom: 5px;

    }

    .floor-bottommiddle {

        bottom: 30%;

    }

}



@media (max-width: 440px) {

    .big-green {

        font-size: 34px;

    }

    .medium-green {

        font-size: 20px;

        margin-top: 5px;

    }

    .img-little-slider {

        height: 180px;

    }

    .item-slider-three {

        height: 220px;

    }

    .floor-subtitle {

        margin-top: 5px;

        font-size: 20px;

    }

    .floor-text {

        margin-top: 15px;

    }

    .floor-text-container {

        padding-bottom: 0;

    }

    .right {

        padding: 5px 0;

        width: 30px;

    }

    .left {

        padding: 5px 0;

        width: 30px;

    }

    .right-hover:active {

        padding: 5px 0;

        width: 25px;

    }

    .left-hover:active {

        padding: 5px 0;

        width: 25px;

    }

}



@media (max-width: 400px) {

    .floor-title {

        font-size: 26px;

    }

    .floor-subtitle {

        font-size: 18px;

        margin-top: 5px;

    }

    .floor-text {

        margin-top: 15px;

    }

    .floor {

        background: rgb(77, 178, 131);

        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 6%, rgba(77, 178, 131, 1) 6%, rgba(77, 178, 131, 1) 9%, rgba(70, 161, 119, 1) 9%, rgba(70, 161, 119, 1) 42%, rgba(77, 178, 131, 1) 42%, rgba(77, 178, 131, 1) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);

    }

    .img-little-slider {

        height: 150px;

    }

    .item-slider-three {

        height: 200px;

    }

}



@media (max-width: 370px) {

    .big-green {

        font-size: 26px;

    }

    .medium-green {

        font-size: 16px;

        margin-top: 5px;

    }

    .img-little-slider {

        height: 120px;

    }

    .floor-subtitle {

        font-size: 16px;

        margin-top: 5px;

    }

}