.navbar-brand {padding-top:10px!important;}
.imgGriglia { padding:5px; }



.toast-bottom-center {
    position: fixed;
    bottom: 0px;
    right: 0px;            
    width: 100%
}

#toast-container {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%
}

@media screen and (max-width: 767px) {
.navbar-brand {padding-top:10px!important;}

    .caret {           visibility:hidden;
    }
}

#portfolio-list li .header {
    font-size: 3.5em;
}

#main-slide .slider-content h3 {
    text-shadow: 1px 2px 3px #333;
     line-height:30px;
}

#main-slide .slider-content h2 {
    text-shadow: 1px 2px 3px #333;
}

.page-banner {
    padding: 20px 0;
    /*background: url('../images/bg-page-banner.jpg') center;*/
    background-image:none;
    background-color:#222!important;
    border-bottom: 1px solid #eee;
}

.page-banner h2 {
    color:white;
    float:left;
}

.rowbreadcrumbs {
     background-color:#fefefe;
     border-bottom:1px solid #ccc;
     margin-bottom:20px;
}

ul.breadcrumbs {
    float: right;
}

.blog-post .post-content {
    padding-left: 0px;
}

.input-icon > i {
    left:24px!important;
}





#filters {
    padding: 8px;
    text-align:center;
}

#filters li {
    display:inline-flex;
    padding: 0px;
    background: none;
}

#filters a {
    margin: 4px;
    max-height: 60px;
    height: 100%;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 100%;
    padding: 13px 10px;
    display: inline-block;
    text-decoration: none;
    -moz-border-radius: 8px; /* Para Firefox */
    -webkit-border-radius: 8px; /*Para Safari e Chrome */
    border-radius: 8px; /* Para Opera 10.5+*/
}


.bt_info {
    color: #ffffff;
    background-color: #222;
}

    .bt_info li a:hover {
        color: #fff;
        background-color: #fff;
    }



#portfolio {
    /*
    min-height: 600px;
    padding-left: 5%;
    padding-right: 6%;
        */
    display: flex;
    flex-wrap: wrap;
}

    #portfolio .element {
        /*
        display: inline-block;
        position: absolute;
        margin: 10px;
        padding: 0px;
        width: 100%;
        height: 100%;
        max-width: 624px;
        max-height: 624px;      */
        flex-direction: row;
        width: calc(100% / 3);
    }


@media screen and (max-width: 767px) {

    #portfolio .element {
        flex-direction: row;
        width: calc(100% / 1);
    }

}



    .grid {
        display: flex;
        flex-wrap: wrap;
    }

    .element-item {
        flex-direction: row;
        width: calc(100% / 2);
    }


    #portfolio a, #portfolio a:visited, #portfolio a:hover {
        color: #ccc;
        text-decoration: none;
    }


    #portfolio img {
        width: 100%;
        height: 100%;
        max-width: 624px;
        max-height: 600px;
        position: relative;
        display: inline-block;
        -moz-border-radius: 4px; /* Para Firefox */
        -webkit-border-radius: 4px; /*Para Safari e Chrome */
        border-radius: 4px; /* Para Opera 10.5+*/
        box-shadow: 1px 1px 2px 2px;
    }


    /**** Isotope Filtering ****/

    .isotope-item {
        z-index: 2;
    }

    .isotope-hidden.isotope-item {
        pointer-events: none;
        z-index: 1;
    }

    /**** Isotope CSS3 transitions ****/

    .isotope, .isotope .isotope-item {
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }

    .isotope {
        -webkit-transition-property: height, width;
        -moz-transition-property: height, width;
        -ms-transition-property: height, width;
        -o-transition-property: height, width;
        transition-property: height, width;
    }

        .isotope .isotope-item {
            -webkit-transition-property: -webkit-transform, opacity;
            -moz-transition-property: -moz-transform, opacity;
            -ms-transition-property: -ms-transform, opacity;
            -o-transition-property: -o-transform, opacity;
            transition-property: transform, opacity;
        }