/* GERAL */
@import url('http://fonts.cdnfonts.com/css/galyon');

.row{
    display: flex ;
    display: -webkit-flex ;
    -webkit-flex-wrap: wrap;
}
.img-fluid {
    max-width: 100%;
    height   : auto;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    flex-wrap: initial;
}

.nav-item a {
    font-family   : 'Galyon Bold', sans-serif;
    letter-spacing: 1px;
    font-size     : 12px;
    font-weight   : 600;
}

.bg-light-menu {
    background-color: #fff !important;
}


/* HOMEPAGE */

.text-btn-center-main-slide {
    position  : absolute;
    bottom    : 10%;
    z-index   : 1;
    padding   : 0;
    text-align: center;
}

.text-btn-center-main-slide .text-title {
    color         : #fff;
    font-size     : 25px;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.text-btn-center-main-slide .text-subtitle {
    color    : #fff;
    font-size: 14px;
    margin   : 0 0 20px;
}

.text-btn-center-main-slide .btn-main-slide {
    background-color: #000;
    color           : #fff;
    text-decoration : none;
    padding         : 10px 20px;
}

.text-btn-left-banners {
    position    : absolute;
    bottom      : 5%;
    z-index     : 1;
    padding     : 0;
    text-align  : left;
    padding-left: 15px;
}

.text-btn-left-banners .text-title {
    color         : #fff;
    font-size     : 18px;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.text-btn-left-banners .text-subtitle {
    color    : #fff;
    font-size: 13px;
    margin   : 0 0 20px;
}

.text-btn-left-banners .btn-main-slide {
    background-color: #000;
    color           : #fff;
    text-decoration : none;
    padding         : 10px 20px;
}

.swiper-main .swiper-pagination-bullet,
.swiper-banners .swiper-pagination-bullet {
    width        : 10px !important;
    height       : 10px !important;
    display      : inline-block;
    border-radius: 50%;
    background   : transparent !important;
    opacity      : 1 !important;
    border       : 2px solid white !important;
}

.swiper-main .swiper-pagination-bullet-active,
.swiper-banners .swiper-pagination-bullet-active {
    opacity   : 1;
    background: white !important;
    border    : 1px solid white !important;
}

.swiper-banners .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 30px !important;
}

.swiper-ebook .swiper-pagination-bullet {
    width        : 10px !important;
    height       : 10px !important;
    display      : inline-block;
    border-radius: 50%;
    background   : transparent !important;
    opacity      : 1 !important;
    border       : 2px solid black !important;
}

.swiper-ebook .swiper-pagination-bullet-active {
    opacity   : 1;
    background: black !important;
    border    : 1px solid black !important;
}

.section-3 .div-text-col-4 .fisrt-title {
    color         : #000;
    font-size     : 15px;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.section-3 .div-text-col-4 .second-title {
    color         : #000;
    font-size     : 60px;
    font-weight   : bold;
    letter-spacing: 1.5px;
    line-height   : 55px;
    margin        : 0px -3px 10px;
}


.section-3 .div-text-col-4 .third-subtitle {
    color         : #000;
    font-size     : 20px;
    font-weight   : lighter;
    letter-spacing: 1.5px;
}

.section-3 .div-text-col-4 .fourth-text {
    color         : #000;
    font-size     : 15px;
    font-weight   : normal;
    letter-spacing: 1.5px;
    padding-bottom: 30px;
}

.section-3 .div-text-col-4 .btn-five-button {
    background-color: #000;
    color           : #fff;
    text-decoration : none;
    padding         : 10px 20px;
}



.section-3 .fisrt-title-m {
    color         : #000;
    font-size     : 15px;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.section-3 .second-title-m {
    color         : #000;
    font-size     : 38px;
    font-weight   : bold;
    letter-spacing: 1.5px;
    line-height   : 34px;
}

.section-3 .third-subtitle-m {
    color         : #000;
    font-size     : 20px;
    font-weight   : lighter;
    letter-spacing: 1.5px;
}

.section-3 .fourth-text-m {
    color         : #000;
    font-size     : 15px;
    font-weight   : normal;
    letter-spacing: 1.5px;
    padding-bottom: 25px;
}

.section-3 .btn-five-button-m {
    background-color: #000;
    color           : #fff;
    text-decoration : none;
    padding         : 10px 20px;
}


.form-subscriber .form-control {
    background-color: transparent;
    border          : 1px solid white;
    color           : white;
}

.section-form-subscriber ::placeholder {
    color: white !important;
}

.section-form-subscriber .title-form-subscriber {
    color         : white;
    font-size     : 28px;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.section-form-subscriber .subtitle-form-subscriber {
    color         : white;
    font-size     : 13px;
    font-weight   : normal;
    letter-spacing: 1.5px;
}

@media (max-width:770px) {
    .section-3 .div-text-col-4 .second-title {
        font-size  : 30px !important;
        margin     : 0px -3px 0px !important;
        line-height: 35px !important;
    }

    .section-form-subscriber .title-form-subscriber {
        font-size: 25px !important;
    }

    .section-3 .div-text-col-4 .fisrt-title {
        margin-bottom: 3px;
    }

    .section-3 .div-text-col-4 .third-subtitle {
        margin-bottom: 8px;
    }

    .section-3 .div-text-col-4 .fourth-text {
        padding-bottom: 15px !important;
    }
}

/* ALL PRODUCTS */

/* .hover-product .all-products-text-btn-left-banners {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 0;
    text-align: left;
    padding-top: 10px;
    background-color: #fff;

} */
.rooms-height::-webkit-scrollbar {
    width           : 4px;
    background-color: #F5F5F5;
}

.rooms-height::-webkit-scrollbar-thumb {
    border-radius     : 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 30%);
    background-color  : #000;
}

.rooms-height::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(244 243 241);
    border-radius     : 10px;
    background-color  : #f4f3f1;
}

.all-products-text-btn-left-banners .text-title {
    color         : #000;
    font-size     : 18px;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.all-products-text-btn-left-banners .text-subtitle {
    color    : #000;
    font-size: 13px;
    margin   : 0 0 20px;
}

.all-products-btn {
    height    : 36px;
    opacity   : 0;
    transition: all 0.3s ease-in-out;
}

.all-products-btn .btn-main-slide {
    background-color: #000;
    color           : #fff;
    text-decoration : none;
    padding         : 10px 20px;
}

/* .hover-product img {
    cursor: pointer;
}

.hover-product:hover img,
.hover-product:hover .all-products-btn { 
    height: 100%;
    overflow: initial;
    transition: 0.3s;
} */
.hover-product {
    position: relative;
    overflow: hidden;
}


.hover-product .all-products-text-btn-left-banners {
    background-color: rgba(255, 255, 255, 1);
    text-align      : left;
    padding         : 0;
    transition      : all 0.3s ease-in-out;
    position        : absolute;
    bottom          : -10%;
    width           : 100%;
}

.hover-product:hover .all-products-text-btn-left-banners {
    background-color: rgba(255, 255, 255, 0.75);
    bottom    : 0%;
    transition: all 0.3s ease-in-out;
}

.hover-product:hover .all-products-text-btn-left-banners .all-products-btn {
    opacity   : 1;
    transition: all 0.3s ease-in-out;
}

.filters2 {
    cursor: pointer;
}

.section-1 .active {
    font-weight: bold;
}

/* NEW MENU */
.navbar-light .navbar-toggler {
    border: 0 !important;
}

.navbar-nav li a {
    background-color: transparent !important;
}

#fixedbar {
    display         : none;
    top             : 0;
    width           : 100%;
    z-index         : 999;
    position        : fixed;
    background-color: #fff;
}

/* END NEW MENU */

/* NEW FOOTER */
footer {
    background-color: #1a1a1a !important;
    padding-top     : 3% !important;
    position        : relative;
}

footer .new_footer .text-footer li,
footer .new_footer .titleh1,
footer .new_footer #mce-mce-EMAIL,
footer .new_footer .mc-field-group .email,
footer .new_footer .mce_inline_error,
footer .new_footer #mc_embed_signup .button {
    font-family: 'Galyon Bold', sans-serif !important;
}

footer .new_footer .text-footer li a {
    font-weight    : normal !important;
    text-decoration: none !important;
}

.new_footer li.titleli {
    color      : white;
    font-family: 'Galyon Bold', sans-serif;
}

@media only screen and (max-width: 770px) {
    .text-footer li {
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    .col-md-4-footer {
        -webkit-box-flex: 0;
        -ms-flex        : 0 0 37.5%;
        flex            : 0 0 37.5%;
        max-width       : 37.5%;
    }
}

@media (min-width: 768px) {
    .col-md-3-footer {
        -webkit-box-flex: 0;
        -ms-flex        : 0 0 25%;
        flex            : 0 0 25%;
        max-width       : 25%;
    }
}

.partners-footer .partner-box {
    opacity         : 0.5;
    background-color: black;
    position        : absolute;
    top             : 0;
    left            : 0;
    transition      : 0.3s;
}

.partners-footer .partner-box:hover {
    opacity   : 0;
    position  : absolute;
    top       : 0;
    left      : 0;
    transition: 0.3s;
}

.partners-footer .partners-title {
    color         : #fff;
    font-family   : 'Galyon Bold', sans-serif !important;
    font-weight   : 900;
    font-size     : 1em;
    letter-spacing: 1px;
}

/* END NEW FOOTER */


/* NEW EBOOK SINGLE PAGE */
.btn-back {
    color         : #000;
    font-family   : 'Galyon', sans-serif;
    font-size     : 1em;
    letter-spacing: 0.5px;
    line-height   : 0px;
}

.section-1 .swiper-book .swiper-pagination-bullet {
    width        : 10px !important;
    height       : 10px !important;
    display      : inline-block;
    border-radius: 50%;
    background   : transparent !important;
    opacity      : 1 !important;
    border       : 2px solid black !important;
}

.section-1 .swiper-book .swiper-pagination-bullet-active {
    opacity   : 1;
    background: black !important;
    border    : 1px solid black !important;
}

.section-1 .title-ebook {
    color         : #000;
    font-family   : 'Galyon Bold', sans-serif;
    font-size     : 2.2em;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.section-1 .price-ebook {
    color         : #000;
    font-family   : 'Galyon', sans-serif;
    font-size     : 14px;
    letter-spacing: 1px;
}

.section-1 .price-discount-ebook,
.section-2 .price-discount-ebook {
    color          : #cecece;
    text-decoration: line-through;
    font-family    : 'Galyon', sans-serif;
    font-size      : 14px;
    letter-spacing : 1px;
}

.section-1 .description-ebook {
    color         : #000;
    font-family   : 'Galyon', sans-serif;
    font-size     : 1.09em;
    line-height   : 1.5em;
    letter-spacing: 1px;
    text-align    : justify;
}

.section-1 .btn-download-ebook {
    background-color: #000;
    color           : #fff;
    text-decoration : none;
    padding         : 8px 0px;
    text-transform  : uppercase;
    font-family     : 'Galyon', sans-serif;
    font-size       : 15px;
    letter-spacing  : 1px;
    display         : inline-block;
    text-align      : center;
    align-items     : flex-start;
    cursor          : pointer;
}

.section-1 .panel-default>.panel-heading {
    color           : #000 !important;
    background-color: #fff !important;
    border-color    : #000 !important;
}

.section-1 .panel-heading {
    padding                : 10px 0px !important;
    border-bottom          : 1px solid transparent;
    border-top-left-radius : 3px;
    border-top-right-radius: 3px;
    cursor                 : pointer;
}

.section-1 .panel-title {
    position      : relative;
    font-size     : 1em !important;
    letter-spacing: 1px;
    font-family   : 'Galyon Bold', sans-serif;
    font-weight   : bold;
    text-align    : left;
}

.section-1 .panel-title::after {
    content         : ' ';
    background-image: url('/images/icons/down-arrow.svg');
    background-size : 16px 16px;
    height          : 16px;
    width           : 16px;
    color           : #000;
    top             : -2px;
    right           : 0px;
    position        : absolute;
    font-family     : "FontAwesome"
}

.section-1 .panel-title[aria-expanded="true"]::after {
    content         : ' ';
    background-image: url('/images/icons/up-arrow.svg');
}

/*
 * Added 12-27-20 to showcase full title clickthrough
 */

.section-1 .panel-heading-full.panel-heading {
    padding: 0;
}

.section-1 .panel-heading-full .panel-title {
    padding: 10px 15px;
}

.section-1 .panel-heading-full .panel-title::after {
    top  : 10px;
    right: 15px;
}

.section-1 .panel-body {
    padding       : 15px 0px;
    color         : #000;
    font-family   : 'Galyon', sans-serif;
    font-size     : 1.05em;
    line-height   : 1.5em;
    letter-spacing: 1px;
    text-align    : justify;
}

.section-1 .share-social {
    color         : #000;
    font-family   : 'Galyon Bold', sans-serif;
    font-weight   : bold;
    font-size     : 1.1em;
    letter-spacing: 1px;
}

.section-2 .title-you-may-also-like {
    color         : #000;
    font-family   : 'Galyon Bold', sans-serif;
    font-size     : 15px;
    font-weight   : bold;
    letter-spacing: 1px;
}

.section-2 .text-btn-left-books {
    padding: 15px 10px 0px 0px;
}

.section-2 .text-btn-left-books .text-title {
    text-transform: capitalize;
    font-family   : 'Galyon Bold', sans-serif;
    font-weight   : bold;
    color         : #000;
    font-size     : 19px;
    letter-spacing: 1.2px;
}

.section-2 .text-btn-left-books .text-subtitle {
    font-family   : 'Galyon', sans-serif;
    color         : #000;
    font-size     : 14px;
    margin        : 0 0 20px;
    letter-spacing: 1px;
}


/* END NEW EBOOK SINGLE PAGE*/


/**************************************************************/
/*** Sticky Banner Bottom ***/
/**************************************************************/
.sticky-bottom {
    background-color  : #cccccc;
    position          : fixed;
    bottom            : 0;
    left              : 0;
    width             : 100%;
    z-index           : 99;
    box-shadow        : 0px 0 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow   : 0px 0 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
}

.close-sticky {
    padding      : 0;
    font-size    : 22px;
    color        : #333;
    font-weight  : 600;
    margin-top   : 0;
    right        : 5%;
    top          : -14px;
    line-height  : 0px;
    opacity      : 1;
    position     : absolute;
    width        : 30px;
    height       : 30px;
    border-radius: 100%;
    border       : 1px solid #333;
    background   : #FFFFFF;
    box-shadow   : none;
    text-shadow  : none;
    cursor       : pointer;
    z-index      : 99;
    font-family  : auto;
}

/* .modal-dialog{
    max-width: inherit !important;
}

.modal-content{
    height: auto;
    top: 50%;
    transform: translate(0, -50%);
} */
/* .modal-content{
    top: 50%;
    transform: translate(0, 50%);
}  */

/* MODAL DOWNLOAD EBOOK/BOOK */
.modal-downloads .title-ebook {
    color         : #000;
    font-family   : 'Galyon Bold', sans-serif;
    font-size     : 1.8em;
    font-weight   : bold;
    letter-spacing: 1.5px;
}

.modal-downloads label {
    color      : #000;
    font-family: 'Galyon', sans-serif;
    font-weight: normal;
}

.modal-downloads .form-group {
    margin-bottom: 10px;
}

.modal-downloads .form-control {
    display           : block;
    width             : 100%;
    height            : 34px;
    padding           : 6px 12px;
    font-size         : 14px;
    line-height       : 1.42857143;
    color             : black;
    background-color  : #fff;
    background-image  : none;
    border            : 1px solid #000;
    border-radius     : 0px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow        : inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition     : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition        : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.modal-downloads .form-control:focus {
    border-color      : #818181;
    outline           : 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(216 216 216 / 60%);
    box-shadow        : inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(223 225 226 / 60%);
}

.modal-downloads .btn-download-ebook {
    border          : 0px;
    font-size       : 12px !important;
    background-color: #000;
    color           : #fff;
    text-decoration : none;
    padding         : 8px 0px;
    text-transform  : uppercase;
    font-family     : 'Galyon', sans-serif;
    font-size       : 15px;
    letter-spacing  : 1px;
    display         : inline-block;
    text-align      : center;
    align-items     : flex-start;
    cursor          : pointer;
}

/* CONTACT PAGE */

@media  only screen and (min-width: 767px) {
    .parallax{
        background-image: url("/images/contact/inspirations-design-book-desktop.jpg");
        background-image: -webkit-image-set(url('/images/contact/inspirations-design-book-desktop.jpg'));
        background-attachment: fixed;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    /* .parallax-contact-1{
        background-image: url("/images/about/banner-small-d.jpg");
        background-image: -webkit-image-set(url('/images/about/banner-small-d.jpg'));
        background-attachment: fixed;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    } */
    .parallax-contact-2{
        background-image: url("/images/about/banner-big-d.jpg");
        background-image: -webkit-image-set(url('/images/about/banner-big-d.jpg'));
        background-attachment: fixed;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
}
@media  only screen and (max-width: 767px) {
    .parallax{
        background-image: url('/images/contact/inspirations-design-book-mobile.jpg');
        background-image: -webkit-image-set(url('/images/contact/inspirations-design-book-mobile.jpg'));
    }
    .parallax-contact-1{
        background-image: url('/images/about/banner-small-m.jpg');
        background-image: -webkit-image-set(url('/images/about/banner-small-m.jpg'));
    }
    .parallax-contact-2{
        background-image: url('/images/about/banner-big-m.jpg');
        background-image: -webkit-image-set(url('/images/about/banner-big-m.jpg'));
    }
}


.div-titles-contact{
    position: absolute;
    bottom: 8%;
    left: 4%;
}

.div-titles-contact .title{
    color:#fff;
    font-size:2rem;
    font-weight: bold;
    font-family: 'Galyon bold', sans-serif;
}
.div-titles-contact .subtitle{
    color:#fff;
    font-size:1.4rem;
    font-weight: normal;
    font-family: 'Galyon', sans-serif;
    line-height: 14px;
}

.form-contact form .form-control, 
.form-submit-project form .form-control{
    color: black !important;
    border: 1px solid #000;
}

.form-contact form select,
.form-submit-project form select{
     /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: .6em;
    background-position: calc(100% - 0.5em) center;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.form-contact form .form-control:focus,
.form-submit-project form .form-control:focus{
    border-color: #6a6a6a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(216 216 216 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(223 225 226 / 60%);
}

.form-contact form #state,
.form-submit-project form #state{
    background-color: #fff;
}

.form-contact form label,
.form-submit-project form label{
    font-weight: normal !important;
    font-family: 'Galyon', sans-serif;
}

.form-contact form .btn-submit,
.form-submit-project form .btn-submit{
    cursor: pointer;
    padding: 10px 55px;
    background-color: #000;
    color: #fff;
    border:none;
    text-decoration: none;
    letter-spacing: 0.6px;
}

/* -------------- ABOUT PAGE -------------- */
@media  (min-width: 1300px) {
    .marquee {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 6rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #fff;
        text-transform: uppercase;
      }

      .marque {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 6rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #000;
        text-transform: uppercase;
      }
}
@media (min-width: 850px) and (max-width: 1299px) {
    .marquee {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 4rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #fff;
        text-transform: uppercase;
      }

      .marque {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 4rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #000;
        text-transform: uppercase;
      }
}
@media (min-width: 650px) and (max-width: 849px) {
    .marquee {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 2rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #fff;
        text-transform: uppercase;
      }

      .marque {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 2rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #000;
        text-transform: uppercase;
      }
}

@media (max-width: 649px) {
    .marquee {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 1.8rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #fff;
        text-transform: uppercase;
      }

      .marque {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        width: 100%;
        font-size: 1.8rem;
        font-weight: bold;
        font-family: 'Galyon bold', sans-serif;
        color: #000;
        text-transform: uppercase;
      }
}
  
  .marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
  }
  
  .marquee2 span {
    animation-delay: 7.5s;
  }
  
  @keyframes marquee {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }

  
  
  .marque span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
  }
  
  .marque2 span {
    animation-delay: 7.5s;
  }
  
  @keyframes marque {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }

  .div-text-about .title{
    color:#000;
    font-size:3rem;
    font-weight: bold;
    font-family: 'Galyon bold', sans-serif;
    line-height: 30px;
  }
  .div-text-about .subtitle{
    color:#000;
    font-size:1.7rem;
    font-weight: normal;
    font-family: 'Galyon', sans-serif;
    line-height: 22px;
    text-align: justify;
}

.text-3-cols .text-about{
    color: #000;
    font-size:1.5rem;
    font-weight: normal;
    font-family: 'Galyon', sans-serif;
    text-align: justify;
}



.div-text-about-m .title{
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    font-family: 'Galyon bold', sans-serif;
}

.div-text-about-m .subtitle{
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    font-family: 'Galyon', sans-serif;
    line-height: 16px;
    text-align: justify;
}

.bg-op-black{
    opacity: 0.5;
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
}
.div-text-about-m .div-text-about-m-text{
    position: absolute;
    bottom: 8%;
    left: 0%;
}