@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);
        
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            color: #176AB0;
            background-color: transparent;
        }
        .navbar-default{
            background-color: transparent;
            border-color: transparent;
        }
        #header {
            padding-bottom: 0px;
            background: #f7f7f7;
        }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #1c5f96;
            background-color: transparent;
        }
        .text-blu{ color: #1c5f96; }


        .navbar-default .navbar-nav > li > a {
            padding-top:10px; padding-bottom: 0px;
        }

        #slideshow-home{
            height: 623px;
        }
        .navbar-toggle {
            margin-top: 5px;
        }

        .row {padding-top: 15px;padding-bottom: 15px;}


        .dropdown ul {
            list-style-type: none;
            display: block;
            margin: 0;
            padding: 0;
            position: absolute;
            width: 100%;
            box-shadow: 0 6px 5px -5px rgba(0,0,0,0.3);
            overflow: hidden;
            display: none;
            opacity: 0;
            background-color: #fff;
            width: 320px;
        }


        
        .dropdown .metro-logo {
            list-style-type: none;
            display: block;
            margin: 0;
            padding: 0;
            position: absolute;
            left: -35px;
            top: -80px;
            width: 100%;
            box-shadow: 0 6px 5px -5px rgba(0,0,0,0);
            overflow: hidden;
            display: none;
            opacity: 0;
            background-color: transparent;
            width: 120px;
        }
        .dropdown .metro-logo .row:hover { background-color: transparent;}
        .dropdown.hover:hover ul { transition-delay: 700ms; display:block;opacity:1;}
        .mezzi {
            padding: 0 6px 0 0;
        }

        

        .dropdown ul:last-child {
            border-radius: 6px 6px  6px 6px;
        }

        .dropdown .row { overflow: hidden; transition: all 700ms; padding-left:10px;}
        .dropdown .row:hover { background-color: #e9e9e9;}
        
        .dropdown .row img {max-width: 140%;}
        .dropdown.open ul { transition-delay: 700ms; display:block;opacity:1;}


        .social {
            text-align: center;
            position: relative;
            font-size: 11px;
            top: -13px;
            height: 10px;
            min-width: 81px;

        }

        .g-plus {
            filter: invert(.5);
        }

        .testo-visibile {
            height: auto;
            opacity: 1;
            transition: visibility 0s, opacity 0.4s linear;

        }
        .testo {
            height: 0px;
            opacity: 0;
        }
        .box-arrow {
            width: 10px;
            height: auto;
            margin: 8px 0 0 0;
            padding-right: 5px;
        }
        .arrow {
            transition: all 0.4s ease;
        }
        .arrow-active {
            transition: all 0.4s ease;
            transform: rotateZ(90deg);
        }
        .lingue-ipad {
            opacity: 0;
            display: none;
        }

        .riga {
            height: 0;
            background-color: #f7f7f7;
        }
        .dropdown .riga:hover {
            height: 0;
            background-color: #f7f7f7;
        }

        .menu-responsive {
            border-bottom: 1px solid #f7f7f7;
        }

        @media only screen and (max-width: 992px) {
            .box-arrow {
                width: 10px;
                height: auto;
                margin: -2px 10px 0 0;
                padding-right: 5px;
            }
            .social {
                
                display: none;
            }
            .lingue-ipad {
                opacity: 1;
                position: absolute;
                top: 50px;
                left: 18px;
                font-size: 12px;
                display: block;
            }

        }
        @media only screen and (max-width: 767px) {
            .dropdown ul {
                margin: 0 auto;
                padding: 0;
                position: relative;
                width: 100%;
                box-shadow: none; 
            overflow: hidden;
                background-color: transparent;
                width: 320px;
            }
            .dropdown .row:hover { background-color: transparent;}

            .menu-responsive {
                display: block;
                border-bottom: 1px solid #ffffff;
                margin-left: 0px;
            }

            .riga {
                height: 0;
                padding: 0;
            }
            .riga .row {
                padding: 0;
            }
            .menu {
                margin-right: 0px;
            }
            .lingue-ipad {
                display: none;
            }
            .social {
                display: none;
            }
            .testo {
                height: auto;
                opacity: 1;
            }
            .box-arrow {
                display:none;
                width: 10px;
                height: auto;
                margin: -2px 10px 0 0;
                padding-right: 5px;
            }
        }