/* Template - Inizio */
.desktoplogo.h2 {
    padding-top: 5px !important;
}

.wsmainwp {
    margin-bottom: 10px;
}

.wide-30 {padding-top: 50px;}

.blog-post-img .img-fluid {
    width: 70% !important;
}

h1.h1-title-xl { font-size: 3.95rem; }
h2.h2-xxs { font-size: 2.1rem; } 
h3.h3-xxs { font-size: 1.7rem; }

.text-weight-light { font-weight: normal; }

.text-justify {
    text-align: justify;
}

#hero-14 {
    background-image: url(../images/banner_gallipoli_4.jpg);
    padding-top: 60px;
    background-position: left;
}

.mb-text-header { margin-bottom: 200px; }

.txt-block h2 {
    margin-bottom: 10px !important;
}

.desktoplogo img {
    max-height: 70px !important;
}

.btn-yellow,
.scroll .btn-yellow,
.white-color .btn-yellow,
.yellow-hover:hover,
.scroll .yellow-hover:hover,
.white-color .yellow-hover:hover {
    color: #fff!important;
}

.btn-tra-yellow,
.scroll .btn-tra-yellow,
.white-color .btn-tra-yellow,
.tra-yellow-hover:hover,
.scroll .tra-yellow-hover:hover,
.white-color .tra-yellow-hover:hover {
    color: #ffb30c!important;
    background-color: transparent!important;
}

section#cta-11 {margin-bottom: 0px !important;}


@media (max-width: 767px) {

    #hero-14 { padding-bottom: 0px; }

    .hero-10-txt {
        margin-top: -70px !important;
        /*background-color: rgb(0 0 0/ 60%);
        border: 1px solid #efefef;
        border-radius: 16px;*/
    }

    /*.hero-10-txt h3 {
        margin-bottom: 80px !important;
    }*/
    
    h1.h1-title-xl { font-size: 2.75rem; }

    .mb-text-header { margin-bottom: 200px; }

    #hero-2 {
        background-position: center;
        padding-top: 80px;
        background-position: top;
        background-size: cover;
    }

    .mb-40 {margin-bottom: 10px !important;}
    .mb-60 {margin-bottom: 25px !important;}
    
    .text-left {text-align: center;}
}

.fbox-2.mb-40.wow.fadeInUp { margin-top: 20px;}

footer#footer-4 { background-color: #000 !important; }

.footer-info.pt-50 p,
.footer-info.pt-50 a { color: #fff !important; }

/* Template - Fine */

.cbox-3-ico {
    background-image: linear-gradient(0deg, #d4dbff 0%, #fff 100%);
    float: inherit;
}

.title-box-service {
    margin-top: 18px;
}

.bg-tra-blue {
    background-color: rgb(37 138 255 / 20%);
}

p.p-md {
    /*font-weight: 500;*/
    color: #000;
}

.bg-snow {
    background-image: url(../images/servizio-taxi-gallipoli2.jpg);
    background-repeat: no-repeat;
    /* width: 100%; */
    background-position: center center;
    background-size: cover;
    padding: 60px 0 60px 0;
    margin: 60px 0 60px 0;
}

.bg-01 { 
    background-image: url(../images/perche-sceglierci.jpg); 
}

hr.divider {
    margin: 0 0 30px 0 !important;
}

.h1-title{
    font-size: 54px;
    color: #fff;
}

h4.h4-sm { font-size: 2rem; text-align: center; padding-bottom: 60px; }       /* 32px */

h2.h2-xl { font-size: 3rem; }

.hero-10-txt p {
    color: #fff !important;
}

.hero-10-txt {
    margin-top: 55px;
}

/* #hero-2 .container {
    padding-bottom: 100px;
} */

/* #hero-2 {
    background-image: url(../images/banner.jpg);
} */

.tra-white-hover:hover {
    background-color: #1272b9 !important;
}

.tra-white-hover-wp:hover {
    background-color: #0fbc49 !important;
    border-color: #fff!important;
}

.cta-11-wrapper {
    text-align: center;
    background-color: rgb(0 0 0/ 60%);
}

.cta-10-txt .btn,
.cta-11-txt .btn {
  margin-right: 10px;
  margin-left: 10px;
  background-color: #fff;
  color: #000;
}

.newsletter-wrapper.bg-snow {
    border: 0;
    background-image: url(../images/banner-contatto.jpg);
    background-repeat: no-repeat;
    /* width: 100%; */
    background-position: center center;
    background-size: cover;
  }

.project-preview {
    margin-bottom: 10px !important;
}

/*.ico-bkg {
    top: inherit !important;
    left: inherit !important;
}*/

.col-lg-3 {
    padding: 0 20px 0 20px !important;
}


.btn-tra-white {
    margin: 10px;
}

.bgcolor-benefit {
    background-color: rgb(0 0 0/ 60%) ;
    margin: 0 30px 0 30px;
    border: 1px solid #efefef;
    border-radius: 16px;
    padding: 20px 0 20px 0;
}



.footer {
    padding-top: 0 !important;
}
.footer-info {
    text-align: center;
}

img.footer-logo {
    max-height: inherit;
}

@media (min-width: 321px) and (max-width: 413.95px) {
    #cta-1, #cta-5, #cta-11 { margin: 0 !important }
    #projects-2 .masonry-image { margin-bottom: 10px !important; }
    #statistic-1.pt-70.pb-70 { margin-bottom: 50px; }
    .col img { width: 100%; }
    img.footer-logo { width: 370px; }
}

@media (max-width: 767px) {
    .content-5.ws-wrapper {background-color: inherit !important;}
}





@media (min-width: 641px) {
    .mobile_button {
        display: none;
    }
}


@media (max-width: 640px) {
    .mobile_button {
        position:fixed;
        bottom:0px;
        width:100%;
        z-index: 1000;
        background-color: #ededed;
    }
    .mobile_button .col-6 {
        padding-left: 0 !important;
    }
    
    .mobile_button .btn{
        width:100%;
        color:white;
        font-weight:bold;
        padding:10px;
        font-size: 16px;
        margin: 10px;
        border-radius: 0;
    }
}