.preloader img {
    height: 100px;
}
.preloader .half:after {
    background: #005f2a;
}

.photo-section {
    background-position: top center;
}




.menu {
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 9999999;
    margin: 0
}
.menu ul {
    list-style: none;
    display: inline-block;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    height: 50px;
    margin: 0;
    padding: 0 16px
}
.menu ul li {
    display: inline-block;
    margin: 5px 0;
    font-size: 15px;
    color: #005f2a;
    font-weight: 300;
    text-transform: uppercase
}
.menu ul li a {
    color: #005f2a;
}
.menu ul li .item {
    padding: 10px;
    cursor: pointer
}
.menu ul li:hover,
.menu ul li.current {
    background: url(../images/menu-over.png)
}
.menu .submenu {
    position: absolute;
    bottom: 40px;
    display: none;
    z-index: 49
}
.menu .submenu ul {
    position: relative;
    left: 0;
    display: table;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    margin: 0;
    padding: 5px 20px
}
.menu .submenu li {
    display: block;
    padding: 5px
}
.menu .submenu li:hover {
    background: none
}
.menu .submenu a {
    color: #fff;
    cursor: pointer
}
.menu .submenu a:hover {
    color: #a8a287;
    text-decoration: underline
}
.shadow {
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3)
}
.logo {
    float: left;
    background: url(../images/logo-text-black.png) no-repeat center;
    background-size: contain;
    width: 197px;
    height: 100px;
    display: inline-block;
    margin-right: 5px;
    margin-top: -25px;
    cursor: pointer;
}


.photo-menu .side-info a {
    margin-bottom: 0px;
}

.md-overlay {
    background: rgba(255, 255, 255, 0)!important;
}


.about-modal p {
    font-size: 16px;
    letter-spacing: .7px;
    color: #fff;
    line-height: 1.5;
}

.contact-modal p {
    font-size: 16px;
    letter-spacing: .7px;
    color: #fff;
    line-height: 1.5;
}

.about-modal .md-close, .contact-modal .md-close, .collezioni-modal .md-close {
    left: auto!important;
    right: 0!important;
    height: 80px;
    line-height: 80px;
    text-align: center;
    transform: none;
    top: 0!important;
}

.about-modal .md-close:after, .contact-modal .md-close:after, .collezioni-modal .md-close:after {
    font-size: 50px;
}

/*.collezioni-modal .md-close {
    color: #000;
}*/

.white-box {
    background: rgba(255,255,255,0.9);
    padding: 45px;
    text-align: center;
    outline: 1px solid #fff;
    outline-offset: 8px;
    margin-bottom: 150px;
}

.white-box p {
    color: #000;
}



.md-show .brand-menu .photo-list .img-box {
    opacity: 1;
    transform: translateY(0%);
}

.brand-menu .photo-list {
    width: 100%;
    background: transparent;
}

.brand-menu .photo-list a:after {
    box-shadow: none;
}






.photo-menu .side-info a:nth-child(1) {transition-delay: .2s; }
.photo-menu .side-info a:nth-child(2) {transition-delay: .3s; }
.photo-menu .side-info a:nth-child(3) {transition-delay: .4s; }
.photo-menu .side-info a:nth-child(4) {transition-delay: .5s; }
.photo-menu .side-info a:nth-child(5) {transition-delay: .6s; }
.photo-menu .side-info a:nth-child(6) {transition-delay: .7s; }



.md-modal {
    z-index: 999999;
}
.fancybox-overlay {
    z-index: 99998010;
}


@media (max-width: 768px) {
    .about-modal p {
        font-size: 12px;
    }
}