:root{
    --color-ciclan: #4ddbdd;
    --color-white: #f2f2f2;
    --color-gray:#b3b3b3;
    --font:'Roboto',Helvetica,Arial,Lucida,sans-serif;;
}

.max-w-100{
    max-width: 100%
}

.pimcore_tag_image_empty, .pimcore_editable_image_empty{
    min-width: 100px;
}

.section-seven-card-sub-title-parent{
    margin-top: 15px; 
    padding-bottom: 20px; 
    padding-left: 15px; 
    padding-right: 15px;
}

.section-seven-card-title-parent{
    margin-top: 30px; 
    padding-left: 15px; 
    padding-right: 15px;
}

.home-section-az-title{
    font-size: 3.25em;
}

.home-section-az-title-parent{
    margin-bottom:20px;
    color: #F2F2F2; 
    text-align: center
}

.card-image-az-view{
    max-width: 100%;
}

.button-contact-home:hover:after {
    font-family: ETmodules !important;
    speak: none;
    content: '\35';
    -webkit-font-smoothing: antialiased;
    color: var(--color-white) !important;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .section-content-home {
        position: relative;
        padding-top: 6vw;
        margin-bottom: 3vw;
    }

    .home-section-one-content {
        width: 100%;
        height: auto;
    }

    .section-content-title-home {
        color: var(--color-white);
        font-size: 33px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 10px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-one-home {
        color: var(--color-white);
        font-size: 33px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 50px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-two-home {
        color: var(--color-ciclan);
        font-size: 33px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        position: absolute;
        margin-left: 13%;
        top: 100px;
        z-index: 1;
        min-width: 200px;
    }

    .section-components-home {
        width: 80%;
        max-width: 80%;
        margin: 8vw auto;
    }

    .section-content-title-animation {
        display: inline-block;
        vertical-align: bottom;
        animation: blinker 1s linear infinite;
        transition: opacity 2s linear;
        animation-delay: -0.5s;
    }

    .section-content-title-animation span {
        float: left;
        overflow: hidden;
        animation: hideShow 6s linear infinite;
    }

    .section-content-title-animation span:nth-child(1) { animation-delay: -0s; }
    .section-content-title-animation span:nth-child(2) { animation-delay: -2s; }
    .section-content-title-animation span:nth-child(3) { animation-delay: -4s; }

    @keyframes section-content-title-animation {
        50% {
            opacity: 0;
        }
    }
    @keyframes hideShow {
        0%, 33.33%, 100% { width: 0; }
        33.3% { width: auto; }
    }

    .home-section-one-img {
        width: 120%;
        float: right;
        transform: none;
        transform: translateX(-10px) translateY(-21px);
    }

    .margin-title-components-home {
        margin-top: 3vw;
    }

    .section-title-components-home {
        color: #F2F2F2;
    }

    .margin-subtitle-components-home {
        margin-top: 10px;
    }

    .section-subtitle-components-home {
        color: #b3b3b3 !important;
        text-align: center;
    }

    .section-image-components-home {
        width: 100%;
        max-width: 360px;
    }

    .hr-col{
        text-align: center;
        height: 1px;
        width: 50px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
    }

    .hr-title {
        height: 2px!important;
        width: 75px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
        opacity: initial;
    }

    .section-content-box {
        text-align: center;
        margin-top: 30px!important;
        padding-right: 30px!important;
        padding-left: 30px!important;
    }

    .section-seven-card {
        background-color: #23292E;
        box-shadow: 0px 2px 43px -20px #000000;
        min-height: 350px;
    }

    .section-seven-card-title {
        color: #4DDBDD;
        text-decoration: none;
        font-size: 17px !important;
        text-align: left;
        font-weight: 500 !important;
    }

    .section-seven-card-sub-title {
        font-size: 14px !important;
        line-height: 25px !important;
        color: #b3b3b3 !important;
        float: left;
        padding: 10px 0 20px 0;
    }

    .space {
        padding-bottom: 1vw;
    }

    .content-col-title >h5{
        color: var(--color-ciclan);
        font-size: 2em;
        font-family: var(--font);
        text-align: left;
        font-weight: bold
    }

    .section-description-home {
        color: #B3B3B3;
        text-align: left;
        width: 80%;
        margin: auto;
    }

    .section-four-container {
        margin-bottom: 10%;
    }

    .section-five-container {
        margin-bottom: 0;
    }

    .section-content-title-description {
        color: #f2f2f2 !important;
        font-size: 33px !important;
    }

    .section-five-img {
        transform: translateY(-18%);
    }

    .section-description-text {
        color: var(--color-white);
        font-family: var(--font);
        font-weight: 300;
        font-size: 3.25em;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 20px!important;
        margin-bottom: 1em;
    }


    .section-six-home-img {
        width: 100%;
        transform: translateY(-25%);
    }

    .section-background-home{
        background-image: linear-gradient(180deg,#1F252A 0%,#00a1b1 100%)!important;
    }
    .section-background-home-color{
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxRjI1MkEiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
        top: 0;
        height: 190px;
        z-index: 1;
    }
    .section-video-container {
        background: #1f252a;
    }
    .section-video {
        display:table;
        position:relative;
        width: 100%;
    }
    .section-video-item {
        width: 100%;
        height: auto;
    }
    .section-video-play {
        background-image:url("/static/images/Play-2.png");
        background-repeat:no-repeat;
        width: 14%;
        height: 14%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        background-size:contain;
        background-position: center;
        cursor: pointer;
    }
    .section-form-contact-title-product {
        color: #F2F2F2;
        text-align: center;
        font-size: 30px;
        margin-bottom: 2vw;
    }
    .section-form-contact-subtitle-product {
        font-family: var(--font);
        font-weight: 300;
        font-size: 15px !important;
        color: #f2f2f2!important;
        line-height: 1.5em;
        text-align: center;
    }
    .section-form-contact-button-product {
        text-align: center;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }

    .button-contact-home {
        border-width: 2px !important;
        border-color: var(--color-ciclan);
        border-radius: 100px;
        letter-spacing: 2px;
        font-size: 14px;
        font-family: var(--font);
        background-color: rgba(0,0,0,0);
        border: solid 2px var(--color-white);
        transition: 0.3s;
        color: var(--color-white);
        padding: 14px 44px;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .button-contact-home:hover {
        color: var(--color-white)!important;
        text-decoration: none;
    }

    .button-contact-home:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        color: transparent !important;
    }

    .section-title-end {
        font-size: 40px ;
        margin-top: 3vw;
    }
    .margin-title-components-home {
        margin-top: 2vw;
    }

    .section-form-contact-subtitle-product {
        margin-top: 30px;
        font-size: 20px !important;
        color: #f2f2f2 !important;
        padding: 14px;
    }

    .space{
        padding-bottom: 6vw;
    }

    .section-more-news {
        text-align: center;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }

    @keyframes move-up {
        0%{opacity:0;-webkit-transform:translateY(10%);
            transform:translateY(10%)}
        to{opacity:1;-webkit-transform:translateY(0);
            transform:translateY(0)}
    }

    @-webkit-keyframes move-up {
        0%{opacity:0;-webkit-transform:translateX(-10%)}
        to{opacity:1;-webkit-transform:translateX(0)}
    }

    @-webkit-keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @-webkit-keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1)}
    }

    @keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .section-content-home {
        position: relative;
        padding-top: 6vw;
        margin-bottom: 3vw;
    }

    .home-section-one-content {
        width: 100%;
        height: 536px;
    }

    .section-content-title-home {
        color: var(--color-white);
        font-size: 53px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 100px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-one-home {
        color: var(--color-white);
        font-size: 53px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 170px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-two-home {
        color: var(--color-ciclan);
        font-size: 53px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        position: absolute;
        margin-left: 13%;
        top: 230px;
        z-index: 1;
        min-width: 200px;
    }

    .section-components-home {
        width: 80%;
        max-width: 80%;
        margin: 8vw auto;
    }

    .section-content-title-animation {
        display: inline-block;
        vertical-align: bottom;
        animation: blinker 1s linear infinite;
        transition: opacity 2s linear;
        animation-delay: -0.5s;
    }

    .section-content-title-animation span {
        float: left;
        overflow: hidden;
        animation: hideShow 6s linear infinite;
    }

    .section-content-title-animation span:nth-child(1) { animation-delay: -0s; }
    .section-content-title-animation span:nth-child(2) { animation-delay: -2s; }
    .section-content-title-animation span:nth-child(3) { animation-delay: -4s; }

    @keyframes section-content-title-animation {
        50% {
            opacity: 0;
        }
    }
    @keyframes hideShow {
        0%, 33.33%, 100% { width: 0; }
        33.3% { width: auto; }
    }

    .home-section-one-img {
        width: 120%;
        float: right;
        transform: translateX(-10px) translateY(+100px);
    }

    .margin-title-components-home {
        margin-top: 3vw;
    }

    .section-title-components-home {
        color: #F2F2F2;
    }

    .margin-subtitle-components-home {
        margin-top: 10px;
    }

    .section-subtitle-components-home {
        color: #b3b3b3 !important;
        text-align: center;
    }

    .section-image-components-home {
        width: 100%;
        max-width: 360px;
    }

    .hr-col{
        text-align: center;
        height: 1px;
        width: 50px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
    }

    .hr-title {
        height: 2px!important;
        width: 75px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
        opacity: initial;
    }

    .section-content-box {
        text-align: center;
        margin-top: 30px!important;
        padding-right: 30px!important;
        padding-left: 30px!important;
    }

    .section-seven-card {
        background-color: #23292E;
        box-shadow: 0px 2px 43px -20px #000000;
        min-height: 400px;
    }

    .section-seven-card-title {
        color: #4DDBDD;
        text-decoration: none;
        font-size: 17px !important;
        text-align: left;
        font-weight: 500 !important;
    }

    .section-seven-card-sub-title {
        font-size: 14px !important;
        line-height: 25px !important;
        color: #b3b3b3 !important;
        float: left;
        padding: 10px 0 20px 0;
    }

    .space{
        padding-bottom: 6vw;
    }
    .content-col-title >h5{
        color: var(--color-ciclan);
        font-size: 2em;
        font-family: var(--font);
        text-align: left;
        font-weight: bold
    }

    .section-description-home {
        color: #B3B3B3;
        text-align: left;
        width: 80%;
        margin: auto;
    }

    .section-four-container {
        margin-bottom: 10%;
    }

    .section-five-container {
        margin-bottom: 0;
    }

    .section-content-title-description {
        color: #f2f2f2 !important;
    }

    .section-five-img {
        transform: translateY(-18%);
    }

    .section-description-text {
        color: var(--color-white);
        font-family: var(--font);
        font-weight: 300;
        font-size: 3.25em;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 20px!important;
        margin-bottom: 1em;
    }



    .section-six-home-img {
        width: 100%;
        transform: translateY(-25%);
    }

    .section-background-home{
        background-image: linear-gradient(180deg,#1F252A 0%,#00a1b1 100%)!important;
    }
    .section-background-home-color{
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxRjI1MkEiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
        top: 0;
        height: 190px;
        z-index: 1;
    }
    .section-video-container {
        background: #1f252a;
    }
    .section-video {
        display:table;
        position:relative;
        width: 100%;
    }
    .section-video-item {
        width: 100%;
        height: auto;
    }
    .section-video-play {
        background-image:url("/static/images/Play-2.png");
        background-repeat:no-repeat;
        width: 14%;
        height: 14%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        background-size:contain;
        background-position: center;
        cursor: pointer;
    }
    .section-form-contact-title-product {
        color: #F2F2F2;
        text-align: center;
        font-size: 30px;
        margin-bottom: 2vw;
    }
    .section-form-contact-subtitle-product {
        font-family: var(--font);
        font-weight: 300;
        font-size: 20px;
        color: #f2f2f2!important;
        line-height: 1.5em;
        text-align: center;
    }
    .section-form-contact-button-product {
        text-align: center;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }

    .button-contact-home {
        border-width: 2px !important;
        border-color: var(--color-ciclan);
        border-radius: 100px;
        letter-spacing: 2px;
        font-size: 14px;
        font-family: var(--font);
        background-color: rgba(0,0,0,0);
        border: solid 2px var(--color-white);
        transition: 0.3s;
        color: var(--color-white);
        padding: 14px 44px;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .button-contact-home:hover {
        color: var(--color-white)!important;
        text-decoration: none;
    }

    .button-contact-home:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        color: transparent !important;
    }

    .section-title-end {
        font-size: 50px;
        margin-top: 3vw;
    }
    .margin-title-components-home {
        margin-top: 2vw;
    }

    .section-form-contact-subtitle-product {
        margin-top: 30px;
        font-size: 20px !important;
        color: #f2f2f2 !important;
        padding: 14px;
    }

    .space{
        padding-bottom: 6vw;
    }

    .section-more-news {
        text-align: center;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }

    @keyframes move-up {
        0%{opacity:0;-webkit-transform:translateY(10%);
            transform:translateY(10%)}
        to{opacity:1;-webkit-transform:translateY(0);
            transform:translateY(0)}
    }

    @-webkit-keyframes move-up {
        0%{opacity:0;-webkit-transform:translateX(-10%)}
        to{opacity:1;-webkit-transform:translateX(0)}
    }

    @-webkit-keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @-webkit-keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1)}
    }

    @keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .section-content-home {
        position: relative;
        padding-top: 6vw;
        margin-bottom: 3vw;
    }

    .home-section-one-content {
        width: 100%;
        height: 536px;
    }

    .section-content-title-home {
        color: var(--color-white);
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 150px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-one-home {
        color: var(--color-white);
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 230px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-two-home {
        color: var(--color-ciclan);
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        position: absolute;
        margin-left: 13%;
        top: 310px;
        z-index: 1;
        min-width: 200px;
    }

    .section-components-home {
        width: 80%;
        max-width: 80%;
        margin: 8vw auto;
    }

    .section-content-title-animation {
        display: inline-block;
        vertical-align: bottom;
        animation: blinker 1s linear infinite;
        transition: opacity 2s linear;
        animation-delay: -0.5s;
    }

    .section-content-title-animation span {
        float: left;
        overflow: hidden;
        animation: hideShow 6s linear infinite;
    }

    .section-content-title-animation span:nth-child(1) { animation-delay: -0s; }
    .section-content-title-animation span:nth-child(2) { animation-delay: -2s; }
    .section-content-title-animation span:nth-child(3) { animation-delay: -4s; }

    @keyframes section-content-title-animation {
        50% {
            opacity: 0;
        }
    }
    @keyframes hideShow {
        0%, 33.33%, 100% { width: 0; }
        33.3% { width: auto; }
    }

    .home-section-one-img {
        width: 100%;
        float: right;
        transform: translateX(-80px) translateY(-90px);
    }

    .margin-title-components-home {
        margin-top: 3vw;
    }

    .section-title-components-home {
        color: #F2F2F2;
    }

    .margin-subtitle-components-home {
        margin-top: 10px;
    }

    .section-subtitle-components-home {
        color: #b3b3b3 !important;
        text-align: center;
    }

    .section-image-components-home {
        width: 100%;
        max-width: 360px;
    }

    .hr-col{
        text-align: center;
        height: 1px;
        width: 50px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
    }

    .hr-title {
        height: 2px!important;
        width: 75px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
        opacity: initial;
    }

    .section-content-box {
        text-align: center;
        margin-top: 30px!important;
        padding-right: 30px!important;
        padding-left: 30px!important;
    }

    .section-seven-card {
        background-color: #23292E;
        box-shadow: 0px 2px 43px -20px #000000;
        min-height: 350px;
    }

    .section-seven-card-title {
        color: #4DDBDD;
        text-decoration: none;
        font-size: 17px !important;
        text-align: left;
        font-weight: 500 !important;
    }

    .section-seven-card-sub-title {
        font-size: 14px !important;
        line-height: 25px !important;
        color: #b3b3b3 !important;
        float: left;
        padding: 10px 0 20px 0;
    }

    .space{
        padding-bottom: 6vw;
    }
    .content-col-title >h5{
        color: var(--color-ciclan);
        font-size: 2em;
        font-family: var(--font);
        text-align: left;
        font-weight: bold
    }

    .section-description-home {
        color: #B3B3B3;
        text-align: left;
        width: 80%;
        margin: auto;
    }

    .section-four-container {
        margin-bottom: 10%;
    }

    .section-five-container {
        margin-bottom: 0;
    }

    .section-content-title-description {
        color: #f2f2f2 !important;
    }

    .section-five-img {
        transform: none;
    }

    .section-description-text {
        color: var(--color-white);
        font-family: var(--font);
        font-weight: 300;
        font-size: 3.25em;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 20px!important;
        margin-bottom: 1em;
    }


    .section-six-home-img {
        width: 100%;
        transform: translateY(-25%);
    }

    .section-background-home{
        background-image: linear-gradient(180deg,#1F252A 0%,#00a1b1 100%)!important;
    }
    .section-background-home-color{
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxRjI1MkEiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
        top: 0;
        height: 190px;
        z-index: 1;
    }
    .section-video-container {
        background: #1f252a;
    }
    .section-video {
        display:table;
        position:relative;
        width: 100%;
    }
    .section-video-item {
        width: 100%;
        height: auto;
    }
    .section-video-play {
        background-image:url("/static/images/Play-2.png");
        background-repeat:no-repeat;
        width: 14%;
        height: 14%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        background-size:contain;
        background-position: center;
        cursor: pointer;
    }
    .section-form-contact-title-product {
        color: #F2F2F2;
        text-align: center;
        font-size: 30px;
        margin-bottom: 2vw;
    }
    .section-form-contact-subtitle-product {
        font-family: var(--font);
        font-weight: 300;
        font-size: 20px;
        color: #f2f2f2!important;
        line-height: 1.5em;
        text-align: center;
    }
    .section-form-contact-button-product {
        text-align: center;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }

    .button-contact-home {
        border-width: 2px !important;
        border-color: var(--color-ciclan);
        border-radius: 100px;
        letter-spacing: 2px;
        font-size: 14px;
        font-family: var(--font);
        background-color: rgba(0,0,0,0);
        border: solid 2px var(--color-white);
        transition: 0.3s;
        color: var(--color-white);
        padding: 14px 44px;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .button-contact-home:hover {
        color: var(--color-white)!important;
        text-decoration: none;
    }

    .button-contact-home:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        color: transparent !important;
    }


    .section-title-end {
        font-size: 52px;
        margin-top: 3vw;
    }
    .margin-title-components-home {
        margin-top: 2vw;
    }

    .section-form-contact-subtitle-product {
        margin-top: 30px;
        font-size: 20px !important;
        color: #f2f2f2 !important;
        padding: 14px;
    }

    .space{
        padding-bottom: 6vw;
    }

    .section-more-news {
        text-align: center;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }

    @keyframes move-up {
        0%{opacity:0;-webkit-transform:translateY(10%);
            transform:translateY(10%)}
        to{opacity:1;-webkit-transform:translateY(0);
            transform:translateY(0)}
    }

    @-webkit-keyframes move-up {
        0%{opacity:0;-webkit-transform:translateX(-10%)}
        to{opacity:1;-webkit-transform:translateX(0)}
    }

    @-webkit-keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @-webkit-keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1)}
    }

    @keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .section-content-home {
        position: relative;
        padding-top: 6vw;
        margin-bottom: 3vw;
    }

    .home-section-one-content {
        width: 100%;
        height: 536px;
    }

    .section-content-title-home {
        color: var(--color-white);
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 150px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-one-home {
        color: var(--color-white);
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 230px;
        z-index: 1;
        min-width: 200px;
    }
    .section-content-title-two-home {
        color: var(--color-ciclan);
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        position: absolute;
        margin-left: 13%;
        top: 310px;
        z-index: 1;
        min-width: 200px;
    }

    .section-components-home {
        width: 80%;
        max-width: 80%;
        margin: 8vw auto;
    }

    .section-content-title-animation {
        display: inline-block;
        vertical-align: bottom;
        animation: blinker 1s linear infinite;
        transition: opacity 2s linear;
        animation-delay: -0.5s;
    }

    .section-content-title-animation span {
        float: left;
        overflow: hidden;
        animation: hideShow 6s linear infinite;
    }

    .section-content-title-animation span:nth-child(1) { animation-delay: -0s; }
    .section-content-title-animation span:nth-child(2) { animation-delay: -2s; }
    .section-content-title-animation span:nth-child(3) { animation-delay: -4s; }

    @keyframes section-content-title-animation {
        50% {
            opacity: 0;
        }
    }
    @keyframes hideShow {
        0%, 33.33%, 100% { width: 0; }
        33.3% { width: auto; }
    }

    .home-section-one-img {
        width: 100%;
        float: right;
        transform: translateX(-80px) translateY(-90px);
    }

    .margin-title-components-home {
        margin-top: 3vw;
    }

    .section-title-components-home {
        color: #F2F2F2;
    }

    .margin-subtitle-components-home {
        margin-top: 10px;
    }

    .section-subtitle-components-home {
        color: #b3b3b3 !important;
        text-align: center;
    }

    .section-image-components-home {
        width: 100%;
        max-width: 360px;
    }

    .hr-col{
        text-align: center;
        height: 1px;
        width: 50px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
    }

    .hr-title {
        height: 2px!important;
        width: 75px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
        opacity: initial;
    }

    .section-content-box {
        text-align: center;
        margin-top: 30px!important;
        padding-right: 30px!important;
        padding-left: 30px!important;
    }

    .section-seven-card {
        background-color: #23292E;
        box-shadow: 0px 2px 43px -20px #000000;
        min-height: 350px;
    }

    .section-seven-card-title {
        color: #4DDBDD;
        text-decoration: none;
        font-size: 17px !important;
        text-align: left;
        font-weight: 500 !important;
    }

    .section-seven-card-sub-title {
        font-size: 14px !important;
        line-height: 25px !important;
        color: #b3b3b3 !important;
        float: left;
        padding: 10px 0 20px 0;
    }

    .space{
        padding-bottom: 6vw;
    }
    .content-col-title >h5{
        color: var(--color-ciclan);
        font-size: 2em;
        font-family: var(--font);
        text-align: left;
        font-weight: bold
    }

    .section-description-home {
        color: #B3B3B3;
        text-align: left;
        width: 80%;
        margin: auto;
    }

    .section-four-container {
        width: 90%;
        max-width: 90%;
        margin: 5% auto 10% auto;
    }

    .section-five-container {
        width: 90%;
        max-width: 90%;
        margin: 0 auto 0 auto;
    }

    .section-seven-container {
        width: 90%;
        max-width: 90%;
        margin: 0 auto 0 auto;
    }

    .section-content-title-description {
        color: #f2f2f2 !important;
    }

    .section-five-img {
        transform: translateY(-18%);
    }

    .section-description-text {
        color: var(--color-white);
        font-family: var(--font);
        font-weight: 300;
        font-size: 3.25em;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 20px!important;
        margin-bottom: 1em;
    }



    .section-six-home-img {
        width: 100%;
        transform: translateY(-25%);
    }

    .section-background-home{
        background-image: linear-gradient(180deg,#1F252A 0%,#00a1b1 100%)!important;
    }
    .section-background-home-color{
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxRjI1MkEiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
        background-size: 100% 350px;
        top: 0;
        height: 350px;
        z-index: 1;
    }
    .section-video-container {
        background: #1f252a;
    }
    .section-video {
        display:table;
        position:relative;
        width: 100%;
    }
    .section-video-item {
        width: 100%;
        height: auto;
    }
    .section-video-play {
        background-image:url("/static/images/Play-2.png");
        background-repeat:no-repeat;
        width: 14%;
        height: 14%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        background-size:contain;
        background-position: center;
        cursor: pointer;
    }
    .section-form-contact-title-product {
        color: #F2F2F2;
        text-align: center;
        font-size: 30px;
        margin-bottom: 2vw;
    }
    .section-form-contact-subtitle-product {
        font-family: var(--font);
        font-weight: 300;
        font-size: 20px;
        color: #f2f2f2!important;
        line-height: 1.5em;
        text-align: center;
    }
    .section-form-contact-button-product {
        text-align: center;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }

    .button-contact-home {
        border-width: 2px !important;
        border-color: var(--color-ciclan);
        border-radius: 100px;
        letter-spacing: 2px;
        font-size: 14px;
        font-family: var(--font);
        background-color: rgba(0,0,0,0);
        border: solid 2px var(--color-white);
        transition: 0.3s;
        color: var(--color-white);
        padding: 14px 44px;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .button-contact-home:hover {
        color: var(--color-white)!important;
        text-decoration: none;
    }

    .button-contact-home:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        color: transparent !important;
    }

    .section-title-end {
        font-size: 52px;
        margin-top: 3vw;
    }
    .margin-title-components-home {
        margin-top: 2vw;
    }

    .section-form-contact-subtitle-product {
        margin-top: 30px;
        font-size: 20px !important;
        color: #f2f2f2 !important;
        padding: 0;
    }

    .space{
        padding-bottom: 6vw;
    }

    .section-more-news {
        text-align: center;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }

    @keyframes move-up {
        0%{opacity:0;-webkit-transform:translateY(10%);
            transform:translateY(10%)}
        to{opacity:1;-webkit-transform:translateY(0);
            transform:translateY(0)}
    }

    @-webkit-keyframes move-up {
        0%{opacity:0;-webkit-transform:translateX(-10%)}
        to{opacity:1;-webkit-transform:translateX(0)}
    }

    @-webkit-keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @-webkit-keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1)}
    }

    @keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .section-content-home {
        position: relative;
        padding-top: 6vw;
        margin-bottom: 3vw;
        width: 100%;
    }

    .home-section-one-content {
        width: 100%;
        height: 536px;
    }

    .section-content-title-home {
        color: var(--color-white); 
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 150px;
        z-index: 1;
        min-width: 200px;
    }

    .section-content-title-one-home {
        color: var(--color-white); 
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left; 
        margin-left: 13%;
        position: absolute;
        top: 230px;
        z-index: 1;
        min-width: 200px;
    }

    .section-components-home {
        width: 80%;
        max-width: 1080px;
        margin: 8vw auto;
    }

    .section-content-title-two-home {
        color: var(--color-ciclan); 
        font-size: 66px;
        line-height: 79px;
        font-family: var(--font);
        text-align: left;
        position: absolute;
        margin-left: 13%;
        top: 310px;
        z-index: 1;
        min-width: 200px;
    }

    .section-content-title-animation {
        display: inline-block;
        vertical-align: bottom;
        animation: blinker 1s linear infinite;
        transition: opacity 2s linear;
        animation-delay: -0.5s;
    }

    .section-content-title-animation span {
        float: left;
        overflow: hidden;
        animation: hideShow 6s linear infinite;
    }

    .section-content-title-animation span:nth-child(1) { animation-delay: -0s; }
    .section-content-title-animation span:nth-child(2) { animation-delay: -2s; }
    .section-content-title-animation span:nth-child(3) { animation-delay: -4s; }

    @keyframes section-content-title-animation {
        50% {
            opacity: 0;
        }
    }
    @keyframes hideShow {
        0%, 33.33%, 100% { width: 0; }
        33.3% { width: auto; }
    }
    
    .home-section-one-img {
        width: 100%;
        float: right;
        transform: translateX(-80px) translateY(-90px);
    }

    .margin-title-components-home {
        margin-top: 3vw;
    }

    .section-title-components-home {
        color: #F2F2F2;
    }

    .margin-subtitle-components-home {
        margin-top: 10px;
    }

    .section-subtitle-components-home {
        color: #b3b3b3 !important;
        text-align: center;
    }

    .section-image-components-home {
        width: 100%;
        max-width: 360px;
    }

    .hr-col{
        text-align: center;
        height: 1px;
        width: 50px;
        background-color: var(--color-ciclan);    
        display: inline-block;
        margin: auto!important;
    }

    .hr-title {
        height: 2px!important;
        width: 75px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
        opacity: initial;
    }

    .section-content-box {
        text-align: center; 
        margin-top: 30px!important; 
        padding-right: 30px!important;
        padding-left: 30px!important;
    }

    .section-seven-card {
        background-color: #23292E;
        box-shadow: 0px 2px 43px -20px #000000;
        min-height: 350px;
    }

    .section-seven-card-title {
        color: #4DDBDD;
        text-decoration: none;
        font-size: 17px !important;
        text-align: left;
        font-weight: 500 !important;
    }

    .section-seven-card-sub-title {
        font-size: 14px !important;
        line-height: 25px !important;
        color: #b3b3b3 !important;
        float: left;
        padding: 10px 0 20px 0;
    }

    .space{
        padding-bottom: 6vw;
    }
    .content-col-title >h5{
        color: var(--color-ciclan); 
        font-size: 2em;
        font-family: var(--font);
        text-align: left; 
        font-weight: bold
    }

    .section-description-home {
        color: #B3B3B3;
        text-align: left;
        width: 80%;
        margin: auto;
    }

    .section-four-container {
        width: 80%;
        max-width: 1080px;
        margin: 5% auto 10% auto;
    }

    .section-five-container {
        width: 80%;
        max-width: 1080px;
        margin: 0 auto 0 auto;
    }

    .section-seven-container {
        width: 80%;
        max-width: 1080px;
        margin: 0 auto 0 auto;
    }

    .section-content-title-description {
        color: #f2f2f2 !important;
    }

    .section-five-img {
        transform: translateY(-18%);
    }

    .section-description-text {
        color: var(--color-white);
        font-family: var(--font);
        font-weight: 300;
        font-size: 3.25em; 
        padding-top: 0px;    
        margin-top: 0px;  
        line-height: 20px!important;
        margin-bottom: 1em;
    }

    .section-six-home-img {
        width: 100%;
        transform: translateY(-25%);
    }

    .section-background-home{
        background-image: linear-gradient(180deg,#1F252A 0%,#00a1b1 100%)!important;
    }
    .section-background-home-color{
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxRjI1MkEiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
        background-size: 100% 350px;
        top: 0;
        height: 350px;
        z-index: 1;
    }
    .section-video-container {
        background: #1f252a;
    }
    .section-video {
        display:table;
        position:relative;
        width: 100%;
    }
    .section-video-item {
        width: 100%;
        height: auto;
    }
    .section-video-play {
        background-image:url("/static/images/Play-2.png");
        background-repeat:no-repeat;
        width: 14%;
        height: 14%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        background-size:contain;
        background-position: center;
        cursor: pointer;
    }
    .section-form-contact-title-product {
        color: #F2F2F2;
        text-align: center;
        font-size: 30px;
        margin-bottom: 2vw;
    }
    .section-form-contact-subtitle-product {
        font-family: var(--font);
        font-weight: 300;
        font-size: 20px;
        color: #f2f2f2!important;
        line-height: 1.5em;
        text-align: center;
    }
    .section-form-contact-button-product {
        text-align: center;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }

    .button-contact-home {
        border-width: 2px !important;
        border-color: var(--color-ciclan);
        border-radius: 100px;
        letter-spacing: 2px;
        font-size: 14px;
        font-family: var(--font);
        background-color: rgba(0,0,0,0);
        border: solid 2px var(--color-white);
        transition: 0.3s;
        color: var(--color-white);
        padding: 14px 44px;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .button-contact-home:hover {
        color: var(--color-white)!important;
        text-decoration: none;
    }

    .button-contact-home:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        color: transparent !important;
    }

    .section-title-end {
        font-size: 52px;
        margin-top: 3vw;
    }
     .margin-title-components-home {
        margin-top: 2vw;
    }

    .section-form-contact-subtitle-product {
        margin-top: 30px;
        font-size: 20px !important;
        color: #f2f2f2 !important;
        padding: 0;
    }

    .space{
        padding-bottom: 6vw;
    }

    .section-more-news {
        text-align: center;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }

    @keyframes move-up {
        0%{opacity:0;-webkit-transform:translateY(10%);
            transform:translateY(10%)}
        to{opacity:1;-webkit-transform:translateY(0);
            transform:translateY(0)}
    }

    @-webkit-keyframes move-up {
        0%{opacity:0;-webkit-transform:translateX(-10%)}
        to{opacity:1;-webkit-transform:translateX(0)}
    }

    @-webkit-keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @-webkit-keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1)}
    }

    @keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    }

}

/* Extra large devices (large laptops and desktops, 1367px and up) */
@media only screen and (min-width: 1367px) {

    .section-content-home {
        position: relative;
        padding-top: 6vw;
        margin-bottom: 3vw;
        width: 100%;
        height: 50vw;
    }

    .home-section-one-content {
        width: 100%;
        height: 536px;
    }

    .section-content-title-home {
        color: var(--color-white);
        font-size: 96px;
        line-height: 110px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 150px;
        z-index: 1;
        min-width: 200px;
    }

    .section-content-title-one-home {
        color: var(--color-white);
        font-size: 96px;
        line-height: 110px;
        font-family: var(--font);
        text-align: left;
        margin-left: 13%;
        position: absolute;
        top: 250px;
        z-index: 1;
        min-width: 200px;
    }

    .section-content-title-two-home {
        color: var(--color-ciclan);
        font-size: 96px;
        line-height: 110px;
        font-family: var(--font);
        text-align: left;
        position: absolute;
        margin-left: 13%;
        top: 360px;
        z-index: 1;
        min-width: 200px;
    }


    .section-components-home {
        width: 80%;
        max-width: 1080px;
        margin: 8vw auto;
    }


    .section-content-title-animation {
        display: inline-block;
        vertical-align: bottom;
        animation: blinker 1s linear infinite;
        transition: opacity 2s linear;
        animation-delay: -0.5s;
    }

    .section-content-title-animation span {
        float: left;
        overflow: hidden;
        animation: hideShow 6s linear infinite;
    }

    .section-content-title-animation span:nth-child(1) { animation-delay: -0s; }
    .section-content-title-animation span:nth-child(2) { animation-delay: -2s; }
    .section-content-title-animation span:nth-child(3) { animation-delay: -4s; }

    @keyframes section-content-title-animation {
        50% {
            opacity: 0;
        }
    }
    @keyframes hideShow {
        0%, 33.33%, 100% { width: 0; }
        33.3% { width: auto; }
    }

    .home-section-one-img {
        width: 100%;
        float: right;
        transform: translateX(-80px) translateY(-100px);
    }

    .margin-title-components-home {
        margin-top: 3vw;
    }

    .section-title-components-home {
        color: #F2F2F2;
    }

    .margin-subtitle-components-home {
        margin-top: 10px;
    }

    .section-subtitle-components-home {
        color: #b3b3b3 !important;
        text-align: center;
    }

    .section-image-components-home {
        width: 100%;
        max-width: 360px;
    }

    .hr-col{
        text-align: center;
        height: 1px;
        width: 50px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
    }

    .hr-title {
        height: 2px!important;
        width: 75px;
        background-color: var(--color-ciclan);
        display: inline-block;
        margin: auto!important;
        opacity: initial;
    }

    .section-content-box {
        text-align: center;
        margin-top: 30px!important;
        padding-right: 30px!important;
        padding-left: 30px!important;
    }

    .section-seven-card {
        background-color: #23292E;
        box-shadow: 0px 2px 43px -20px #000000;
        min-height: 350px;
    }

    .section-seven-card-title {
        color: #4DDBDD;
        text-decoration: none;
        font-size: 17px !important;
        text-align: left;
        font-weight: 500 !important;
    }

    .section-seven-card-sub-title {
        font-size: 14px !important;
        line-height: 25px !important;
        color: #b3b3b3 !important;
        float: left;
        padding: 10px 0 20px 0;
    }

    .space{
        padding-bottom: 6vw;
    }
    .content-col-title >h5{
        color: var(--color-ciclan);
        font-size: 2em;
        font-family: var(--font);
        text-align: left;
        font-weight: bold
    }

    .section-description-home {
        color: #B3B3B3;
        text-align: left;
        width: 80%;
        margin: auto;
    }

    .section-four-container {
        width: 80%;
        max-width: 1080px;
        margin: 5% auto 10% auto;
    }

    .section-five-container {
        width: 80%;
        max-width: 1080px;
        margin: 0 auto 0 auto;
    }

    .section-seven-container {
        width: 80%;
        max-width: 1080px;
        margin: 0 auto 0 auto;
    }

    .section-content-title-description {
        color: #f2f2f2 !important;
    }

    .section-five-img {
        transform: translateY(-18%);
    }

    .section-description-text {
        color: var(--color-white);
        font-family: var(--font);
        font-weight: 300;
        font-size: 3.25em;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 20px!important;
        margin-bottom: 1em;
    }

 

    .section-six-home-img {
        width: 100%;
        transform: translateY(-10%);
    }

    .section-background-home{
        background-image: linear-gradient(180deg,#1F252A 0%,#00a1b1 100%)!important;
    }
    .section-background-home-color{
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxRjI1MkEiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
        background-size: 100% 350px;
        top: 0;
        height: 350px;
        z-index: 1;
    }
    .section-video-container {
        background: #1f252a;
    }
    .section-video {
        display:table;
        position:relative;
        width: 100%;
    }
    .section-video-item {
        width: 100%;
        height: auto;
    }
    .section-video-play {
        background-image:url("/static/images/Play-2.png");
        background-repeat:no-repeat;
        width: 14%;
        height: 14%;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        background-size:contain;
        background-position: center;
        cursor: pointer;
    }
    .section-form-contact-title-product {
        color: #F2F2F2;
        text-align: center;
        font-size: 30px;
        margin-bottom: 2vw;
    }
    .section-form-contact-subtitle-product {
        font-family: var(--font);
        font-weight: 300;
        font-size: 20px;
        color: #f2f2f2!important;
        line-height: 1.5em;
        text-align: center;
    }
    .section-form-contact-button-product {
        text-align: center;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }

    .button-contact-home {
        border-width: 2px !important;
        border-color: var(--color-ciclan);
        border-radius: 100px;
        letter-spacing: 2px;
        font-size: 14px;
        font-family: var(--font);
        background-color: rgba(0,0,0,0);
        border: solid 2px var(--color-white);
        transition: 0.3s;
        color: var(--color-white);
        padding: 14px 44px;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .button-contact-home:hover {
        color: var(--color-white)!important;
        text-decoration: none;
    }

    .button-contact-home:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        color: transparent !important;
    }

    .section-title-end {
        font-size: 52px;
        margin-top: 3vw;
    }
    .margin-title-components-home {
        margin-top: 2vw;
    }

    .section-form-contact-subtitle-product {
        margin-top: 30px;
        font-size: 20px !important;
        color: #f2f2f2 !important;
        padding: 0;
    }

    .space{
        padding-bottom: 6vw;
    }

    .section-more-news {
        text-align: center;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }

    @keyframes move-up {
        0%{opacity:0;-webkit-transform:translateY(10%);
            transform:translateY(10%)}
        to{opacity:1;-webkit-transform:translateY(0);
            transform:translateY(0)}
    }

    @-webkit-keyframes move-up {
        0%{opacity:0;-webkit-transform:translateX(-10%)}
        to{opacity:1;-webkit-transform:translateX(0)}
    }

    @-webkit-keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @keyframes move {
        0%{opacity:0}to{opacity:1}
    }

    @-webkit-keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1)}
    }

    @keyframes move-left {
        0%{opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
        to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    }

}

.news-main-section{
    margin-bottom:20px;
    color: #F2F2F2; 
    text-align: center
}

.section-content-news {
    margin-top: 30px; 
    padding-left: 15px; 
    padding-right: 15px;
}

.section-content-news-sub {
    margin-top: 15px; 
    padding-bottom: 20px; 
    padding-left: 15px; 
    padding-right: 15px;
}

/* SC-73 - Corregir animacion */
.section-components-home img {
    opacity: 0;
    animation-delay: 1s;
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
#animado-col2 img {
    animation-delay: 2s;
}
#animado-col3 img {
    animation-delay: 3s;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 480px){
    .section-background-home-color {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxRjI1MkEiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
        top: 0;
        height: 150px;
        z-index: 1;
    }

    .section-title-end {
        font-size: 35px;
        margin-top: 3vw;
    }
}
/* Fin - SC-73 - Corregir animacion */