#gallery .item-box > a { z-index: 0; }
#gallery .item-container { transform: translateY(0px); }
#project.item-box:hover .item-container { -webkit-transform: translateY(0px); transform: translateY(0px); }

.container-filter li a.project:hover, .container-filter li a.project.active { color: #5aa320 !important }
.contacts_bg{
    background: url(../../images/graphics/contacts_bg.jpg);
    position: relative;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.fancybox-lock .fancybox-overlay { z-index:10000; }
.gallery-heading{ padding-left: 0px!important }
.services_bg{
    background: url(../../images/graphics/services_bg.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.we-best { 
    background-image: url(../../video/poster/fresa_ceppi.jpg);
}
@media screen and (min-width: 992px){
    .we-best { 
        background-position: left;
        background-size: contain; 
    }
    .bg_overlay {
        background-color: #111;
    }
}
@media screen and (min-width: 1750px){
    .we-best { 
        background-position: left;
        background-size: 50%; 
    }
}
@media screen and (max-width: 991px){
    .we-best { 
        background-position: center;
        background-size: cover; 
    }
    .bg_overlay {
        background-color: rgba(0, 4, 6, 0.7);
    }
    .inner-intro {
        height: 220px!important;
    }
    
    .intro_padding {
        padding-top: 90px!important;
        padding-bottom: 90px!important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px){
    .service_box {
        min-height: auto;
        text-align: center;
    }
}

@media screen and (min-width:767px){
    .menu_item::after{ content: url('../../images/graphics/leaf.png'); position: absolute; top: 12px; right: 0px; display: none }
    .menu_item:hover::after{ display: block }
}

@media screen and (max-width:480px){
    .logo{ width: 270px;}
    .service_box { padding: 20px 15px }
    .service_icon { width: 55px }
    .service_details h5 { font-size: 16px }
}

.logo img { max-height: 60px }
.slotholder:before { background:transparent }
#header.header-1 { position: relative; background: #222 }
.stricky { background: #222}
a:hover,b{color:#5aa320}
#copyrights{padding:10px 0; background-color: #222;}
#footer { border-top: 5px solid #5aa320 !important; background: #222!important; }
.fotorama { padding: 10px; background: white; border-radius: 10px }
