/*  colori

   rosso: Ec4845;
  rosso scuro 8f231a
  blu 1D2D66

*/

h2 {
    color: #253062;
}

p {
    font-size: 1.2em;
}

.custom-navbar-default, .navbar-default .navbar-collapse {
    background-color: #FFFFFF;
}


.custom-navbar-default {
    padding-bottom: 10px;
}

.header-title, .header-sub-title {
   color: #FFFFFF;
   text-shadow: 2px 2px #333333;
}

.header-sub-title {
    font-size: 2.2em;
}


.navbar-brand {
    width: 320px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
}

.navbar-brand a, .navbar-brand a:hover {
    text-decoration: none;
    color: #333333;
}

img.logo {
    max-width: 220px; max-width: 320px;
    margin-top: 20px;
}


.sottologo {
    display: block;
    position: absolute;
    width: 320px;
    height: 50px;
    background-color: rgba(255,255,255,0.7);
    z-index: 200;
    margin-top: 58px;
    padding: 5px;
}

img.logo-marchi {
    max-width: 300px;
    display: inline-table;
    float: left;
    margin-top: 10px;
}

.navbar-default .navbar-nav > li > a {
    color: #D84A48;
    font-size: 1.2em;
    margin-left: 13px;
    margin-right: 13px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li .active a {
    color: #253062;
}

.navbar-default .navbar-nav > li .active a {
    color: #253062!important;
}



img.logo-certificazione {
    width: 130px;
}


.owl-theme .owl-controls .owl-buttons div {
  background-color: #D84A48;  
}


#header-slider {
    margin-top: 85px;
}


.about-bg {
    background-image: url(../images/chisiamo.jpg);
}



/* chi siamo  */

#chisiamo .section-content {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 10%;
}




.pricing .section-content-title {
    color: #FFFFFF;
    margin-left: 0px;
    padding-left: 0px;;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    color: #000000;
}

.pricing-filter-wrapper {
   /* background-color: rgba(37, 48, 98, 0.74);*/
    background-color: #FFFFFF;
}


#filter-list li, #filter-list li a {
    color: #FFFFFF!important;
}


#menu-pricing .item {
    background-color: #253062;
}


.pricing-filter {
/*	background: url(../images/realizzazioni_bg.jpg); */
}


.menu-price li a .menu-desc {
    background-color: rgba(37, 48, 98, 0.74);
}


.color-bg {
    background-color: #253062;
}


.great-place-to-enjoy .section-bg {
  background-image: url(../images/prodotti-bg.jpg);
}


.breakfast .section-bg {
   background-image: url(../images/servizi-bg.jpg); 
}


.dis-table-cell section-bg, .beer .section-bg {
    background-color: none!important;
}




.section-title {
    text-align: left;
    padding-bottom: 20px;
    padding-top: 20px;
}


#prodotti .section-content {
    padding-left: 10%!important;
    padding-right: 10%!important;
    padding-top: 10%!important;
    color: #FFFFFF!important;
}


#prodotti .section-content h2 {
    color: #FFFFFF!important;
}


#prodotti p {
    margin-left: 0%;
    color: #FFFFFF!important;
    margin-right: 0%;
    text-align: left;
    text-align-last: left;
    padding-bottom: 20px;
    
}



.prodotto1-img img, .prodotto2-img img {
    border-radius: 50%;
    box-shadow: 10px 10px 5px #dedede;
    margin-top: 30%;
    margin-left: 10%;
}


.prodotto2-img img {
    margin-top: 120%;
}


/* accordion prodotti */


.accordion-prodotti {
    padding-top: 30px;
    padding-bottom: 30px;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #253062;
    color: #FFFFFF;
}

.panel, #panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8 {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}



/* servizi */


#servizi .section-content {
    padding-left: 10%!important;
    padding-right: 10%!important;
    padding-top: 10%!important;
    color: #FFFFFF!important;
}


#servizi .section-content h2 {
    color: #FFFFFF!important;
    margin-bottom: 50px!important;
}



#servizi p, #servizi h5, #servizi2 p, #servizi2 h5, #restauro p, #restauro h5   {
    margin-left: 0%;
    color: #FFFFFF!important;
    margin-right: 5%;
    text-align: left;
    text-align-last: left;
    padding-bottom: 20px;
}

#servizi h5, #servizi2 h5, #restauro h5   {
    font-size: 1.5em;
    margin-bottom: 0px!important;
    padding-bottom: 0px;
}



#restauro .section-content {
    padding-left: 10%!important;
    padding-right: 10%!important;
    padding-top: 10%!important;
    color: #FFFFFF!important;
}


#restauro .section-content h2 {
    color: #FFFFFF!important;
}

#restauro p, #restauro h5 {
    margin-left: 0%;
}

#restauro h5 {
    padding-left: 0px;
    font-size: 4.0em;
}


#servizi2 .section-content {
    padding-left: 10%;
}

#restauro .section-content {
    padding-left: 10%;
}

#servizi2 p, #servizi2 h5 {
    color: #000000!important;
      margin-left: 0px!important;
}


.servizio1-img img, .servizio2-img img {
    border-radius: 50%;
    box-shadow: 10px 10px 5px #dedede;
    margin-top: 30%;
    margin-left: 10%;
    margin-bottom: 20%;
}


.gallery-heading p{
    font-size: 1.4em;
    color: #FFFFFF;
    padding: 5%;
}


.flexslider {
    border: 0px;
    margin-left: -20px;
}

.flex-control-nav {
    margin-left: 25%;
}


.flex-control-nav li a:hover {background-color: #1D2D66;}

.flex-control-nav li a.active {background-color: #1D2D66;/*background-position: 0 -26px; */cursor: default;}

.flexslider .slides img {
    height: auto;
}


/* restauri */

.slides li img {
    width: 100%;
    height: auto;
}


.have-a-look {
    background-color: #262E60;
}


#map {
    display: block;
    width: 100%;
    height: 500px;
}




/* contatti */

#contatti .section-content {
    padding-left: 10%!important;
    padding-right: 10%!important;
    padding-top: 10%!important;
    color: #FFFFFF!important;
}


#contatti .section-content h2 {
    color: #FFFFFF!important;
}


#contatti p a {
    color: #FFFFFF;
    text-decoration: none!important;
}

#contatti p a:hover {
    color: #FFFFFF;
    text-decoration: underline;
} 


#contatti img {
    max-width: 500px;
    margin-bottom: 50px;
}


footer {
    background-color: #FEFEFE;
    color: #333333;
}



            .demo-gallery > ul {
              margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
               /*  
                margin-bottom: 15px;
                margin-right: 20px;
                width: 200px;
               */
                
                margin-top: 10px;
                margin-bottom: 10px;
            }
            .demo-gallery > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }


#lg-share {
    display: none!important;
}

.leaflet-tile-pane {
  -webkit-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
}

footer {
    padding-top: 15px;
    padding-bottom: 15px;
}

footer a {
    color: #6078d1!important;    
}

footer a:hover {
    color: #000000!important;    
}


/* ***** Ottimizzazione Mobile   ***** */ 

.navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #1A2252;
}


.dati-contatto {
        display: block!important;
}



@media (max-width: 1024px) {
    img.logo {
        max-width: 220px;
    }
}


@media (max-width: 768px) {
    img.logo-certificazione {
        width: 50px;
    }
}


@media (max-width: 500px) {

    #contatti img {
    width: 94%!important;
    margin-left: 3%!important;
}

}


@media (max-width: 414px) {
    
     img.logo {
        max-width: 180px;
         margin-top: -25px;
    }

    .sottologo {
        margin-top: 30px!important;
        width: 250px!important;
        height: auto!important;
    }
    
    img.logo-marchi {
        max-width: 200px;
    }
    
    .dati-contatto {
        display: none!important;
    }
    
    
    img.logo-certificazione {
        width: 30%;
        text-align: center;
        margin-left: 35%;
    }
    
}


@media (max-width: 320px) {
    img.logo {
        margin-top: -25px;
    }
    
     .sottologo {
         margin-top: 35px!important;
    }
}