/* Add here all your CSS customizations */
* {
    font-family: 'Work Sans', sans-serif;
}

.my-slider-title {
    font-family: 'Bebas Neue', cursive;
    font-size: 60px !important;
    line-height: 60px;
    letter-spacing: 0.4px;
}

.my-title-font {
    font-family: 'Bebas Neue', cursive;
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.my-title-size {
    font-size: 40px;
    line-height: 50px;
}

#header .header-btn-collapse-nav {
    background: #2DAAE1;
}

.active {
    color: #2DAAE1 !important;
}

.my-text-lightblue {
    color: #2DAAE1 !important;
}

.fa-check {
    color: #E87A00 !important;
}

.fa-angle-right {
    color: #2DAAE1 !important;
}

.fa-caret-right {
    color: #2DAAE1 !important;
}

.my-bg-gradient {
    background: transparent !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%) !important;

    position: relative;
    top: -140px;
    z-index: 999;
    padding-top: 200px;
}

.my-dark-bg {
    background-color: #000000 !important;
}

.my-lightgray-bg {
    background-color: #f0f0f0 !important;
}

.my-gray-bg {
    background-color: #888888 !important;
}

.my-lightblue-bg {
    background-color: #2DAAE1 !important;
}

.my-bg-white {
    background-color: #FFFFFF !important;
}

.my-bg-img {
    background: url(/gres-porcellanato-in-stock/img/prosciuttificio/sfondoContatti.jpg);
}

.my-section-bg-img {
    background: url(/gres-porcellanato-in-stock/img/tileasy/blueprint2.jpg) !important;
    background-size: cover !important;
}

.my-banner-margin {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
}

.my-mt {
    margin-bottom: 0 !important;
}

.my-mb {
    margin-top: 80px;
}

.my-btn {
    background-color: #FFFFFF;
    /* border-color: #212529; */
}

.btn-primary:hover {
    color: #212529 !important;
    background-color: #FFFFFF !important;
}

.my-btn:hover {
    color: #2DAAE1;
}

strong {
    color: #2DAAE1;
}

@media (max-width: 1199px) and (min-width: 992px) {

    #intro .img-fluid {
        height: 300px;
    }

}

@media (max-width: 767px) {

    #intro .img-fluid {
        height: 250px;
    }

}

@media (max-width: 991px) {
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: #2DAAE1;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color: #2DAAE1;
    }

}

@media (max-width: 767px) {
    .my-mt {
        margin-top: 40px;
    }
}

/*  HEADER  */

html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body {
    background: #FFFFFF !important;
}

#header .header-nav.header-nav-links nav > ul li:hover > a {
    color: #2DAAE1 !important;
}

.social-icons li:hover.social-icons-tileasy a {
    background: #2DAAE1;
}

/*   BANNER TITOLO   */

/* .my-title-position {
    position: relative;
    top: -40px;
} */


/* Sezione prodotti */


.thumb-info .thumb-info-wrapper:after {
    background-color: transparent !important;
}

.thumb-info.thumb-info-bottom-info-dark-linear .thumb-info-title {
    background: transparent!important;
}

.thumb-info.thumb-info-bottom-info-dark-linear .thumb-info-type {
    background: rgba(33, 37, 41, 0.4)!important;
}

#piastrelle-piu-vendute h3 {
    color: #FFFFFF;
}

/* Sezione Marchi */


.owl-item {
    padding: 0 20px;
}

.owl-stage {
    display: flex;
    align-items: center;
}

/* #marchi p a {
    color: #212529;
    font-size: 16px;
    text-transform: uppercase;
} */

/* Sezione servizi */

#services.overlay:before {
    background: #FFFFFF !important;
}

/* Sezione vantaggi gres */



/*  FOOTER  */

#footer {
    border-color: #f0f0f0;
}

.my-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 767px) {
    .my-flex {
        display: block;
    }
}

#footer a:not(.btn):not(.no-footer-css) {
    color: #212529;
}

#footer a:not(.btn):not(.no-footer-css):hover {
    color: #2DAAE1 !important;
}

#footer .footer-copyright p {
    color: #f7f7f7;
}

/* MODIFICHE SCROLL TO TOP */

.scroll-to-top {
    background-color: #000000 !important;
}

.scroll-to-top:hover {
    color: #2DAAE1;
}
.scroll-to-top:active {
    color: #2DAAE1;
}
.scroll-to-top:focus {
    color: #2DAAE1;
}