@charset "UTF-8";

/* Header */
header {
	padding: 6px 0 2px;
	position: relative;
}

header .menu-link {
    line-height: 50px;
    cursor: pointer;
    font-weight: 400;
}
header #menu-link{
    margin-top: 10px;
}
header #menu-link div , #menu-link:after, #menu-link:before{
    background-color: #fff;
    border-radius: 3px;
    content: '';
    display: block;
    height: 5px;
    width: 35px;
    margin: 5px 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#menu-link.active:before{
    -moz-transform: translateY(10px) rotate(135deg);   
    -webkit-transform: translateY(10px) rotate(135deg);   
    transform: translateY(10px) rotate(135deg);   
}
#menu-link.active:after{
    -moz-transform: translateY(-10px) rotate(-135deg);
    -webkit-transform: translateY(-10px) rotate(-135deg);
    transform: translateY(-10px) rotate(-135deg);
}
#menu-link.active div{
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
header .testata-destra {
    text-align: right;
    line-height: 50px;
}

#button-info-utente {
    display: inline;
    position: relative;
}
#info-utente {
    position: absolute;
}
#iniziali-utente {
    background-color: #fff;
    color: #000;
    /* padding: 10px; */
    border-radius: 20px;
    width: 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    position: relative;
    top: 8px;
    font-size: 12pt;
    cursor: pointer;
}
#info-utente {
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fff;
    color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 10;
    display: none;
}
#info-utente h1 {
    font-size: 20pt;
    margin: 10px 0 0;
}
#info-utente h2 {
    font-size: 14pt;
    font-weight: 200;
    margin-bottom: 30px;
}
#info-utente a, #info-utente a:visited {
    color: #000;
}
#language-menu.logged {
    position: relative;
    top: -10px;
}

@media (max-width: 550px) {
    header .testata-destra {
        /*line-height: 20px;*/
    }
    header #menu-link{
        margin-top: 0px;
    }
    header .menu-link {
        line-height: 20px;
    }
}

header .testata-destra li {
    line-height: 30px;
}
header #header-content {
    top: 0;
    left: 0;
	/*border-bottom: 5px solid #e8e8e8;*/
    z-index: 999;
}
header .logo {
	padding: 8px 0 7px;
}
header .logo a, header .logo a:hover {
    
}
header .logo img {
	padding: 1px;
    height: 60px;
    margin: auto;
}

header #login-area,
header .dropdown.show {
    display: inline !important;
}
header .dropdown.show {
    margin: 0 4px;
}
header #login-area button {
    background: none;
    border: none;
    font-weight: 400;
}

#search #box-ricerca {
    padding: 2px;
}
#search {
    display: inline;
    float: right;
}
#search .search-btn {
    border: none;
    background-color: transparent;
}
#search #search-field {
    display: none;
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 10;
    color: black;
    padding: 0px 20px;
    height: 30px;
    border-radius: 30px;
    border-style: none;
    line-height: normal;
}
/*
#search:hover #search-field,
#search #search-field:focus  {
    display: inline;
}
*/

/* CUSTOM */
header #flags {
	margin-top: 18px;
	display: table;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

header .dropdown-menu a,
header .dropdown-menu a:visited,
header .dropdown-menu a:hover {
    color: #000;
}
header .dropdown-menu,
header .btn {
    font-size: inherit;
    text-align: left;
    padding: 0;
}
header .btn:hover,
header .btn:active,
header .btn:focus {
    color: #ddd;
}
header .dropdown-menu ul {
    padding: 15px;
    margin: 0px 10px;
}

header  .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    /*
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    */
}