@font-face {
    font-family: 'AthelasRegular';
    src: url('Athelas-Regular.eot');
    src: url('Athelas-Regular.eot?#iefix') format('embedded-opentype'),
        url('Athelas-Regular.woff2') format('woff2'),
        url('Athelas-Regular.woff') format('woff'),
        url('Athelas-Regular.ttf') format('truetype'),
        url('Athelas-Regular.svg#Athelas-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AthelasBold';
    src: url('Athelas-Bold.eot');
    src: url('Athelas-Bold.eot?#iefix') format('embedded-opentype'),
        url('Athelas-Bold.woff2') format('woff2'),
        url('Athelas-Bold.woff') format('woff'),
        url('Athelas-Bold.ttf') format('truetype'),
        url('Athelas-Bold.svg#Athelas-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Frutiger45';
    src: url('Frutiger-Light.eot');
    src: url('Frutiger-Light.eot?#iefix') format('embedded-opentype'),
        url('Frutiger-Light.woff2') format('woff2'),
        url('Frutiger-Light.woff') format('woff'),
        url('Frutiger-Light.ttf') format('truetype'),
        url('Frutiger-Light.svg#Frutiger-Light') format('svg');
    font-weight: 300;font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Frutiger65';
    src: url('FrutigerLT-Bold.eot');
    src: url('FrutigerLT-Bold.eot?#iefix') format('embedded-opentype'),
        url('FrutigerLT-Bold.woff2') format('woff2'),
        url('FrutigerLT-Bold.woff') format('woff'),
        url('FrutigerLT-Bold.ttf') format('truetype'),
        url('FrutigerLT-Bold.svg#FrutigerLT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'FrutigerRoman';
    src: url('FrutigerBQ-Roman.eot');
    src: url('FrutigerBQ-Roman.eot?#iefix') format('embedded-opentype'),
        url('FrutigerBQ-Roman.woff2') format('woff2'),
        url('FrutigerBQ-Roman.woff') format('woff'),
        url('FrutigerBQ-Roman.ttf') format('truetype'),
        url('FrutigerBQ-Roman.svg#FrutigerBQ-Roman') format('svg');
    font-weight: 500;
    font-style: normal;
}
* {box-sizing: border-box}
body{margin: 0; padding: 0; font-family: 'Raleway', sans-serif; font-size: 16px; color: #a39b98; background: #a8a8a7; font-family: 'Frutiger45';}
strong  {font-family: 'Frutiger65';}
.spacer-0vh {clear: both; height: 0vh;}
.spacer-1vh {clear: both; height: 1vh;}
.spacer-2vh {clear: both; height: 2vh;}
.spacer-4vh {clear: both; height: 4vh;}
h1,h2,h3,h4,h5,h6   {margin: 0; font-family: 'AthelasBold';}
#header,
#chi-siamo,
#professionisti,
#team,
#contatti,
#counsel,
#footer {clear: both;}
#header {position: relative; margin: 0; padding: 0; width: 100%;}
#chi-siamo,
#team  {margin: 0; padding: 4vh 0 0 0; width: 100%; background: #3c3c3b;}
#professionisti  {margin: 0; padding: 8vh 0; width: 100%; background: #666;}
#info-cookies  {margin: 0; padding: 8vh; width: 100%; color: #fff; background: #666;}
#info-cookies a,
#info-cookies a:link    {color: #e4e4e4; text-decoration: underline;}
#info-cookies a:hover    {color: #fff; text-decoration: underline;}
h2  {padding: 0 0 0 2vw; font-size: 75px; color: #ed6346;}
h2.dx-hover {position: relative;float: right; margin: 0 6vw -25px 0; padding: 0; z-index: 999 !important;}
h2.slideshow-title {position: relative; margin: 0 0 -25px 0; z-index: 999 !important;}
#contatti h3,
#counsel h3 {padding: 0 0 2vh 0; font-size: 36px; color: #fff;}
#contatti a,
#contatti a:link   {color: #fff; font-family: 'Frutiger65'; text-decoration: none;}
#contatti a:hover   {color: #fff; text-decoration:  underline;}
.elenco {padding: 0 0 0 50px; font-family: 'Frutiger65';}
h4  {padding: 0; font-size: 24px; color: #ed6346;}
h5  {padding: 0 0 1.5vh 0; font-size: 18px; color: #ed6346;}
#team-box-img-1 {background: url(../picsite/Leonora.jpg) no-repeat center center / cover;}
#team-box-img-2 {background: url(../picsite/Alessandro-Esposito.jpg) no-repeat center center / cover;}
#team-box-img-3 {background: url(../picsite/Marina.jpg) no-repeat center center / cover;}
#team-box-img-4 {background: url(../picsite/Milena.jpg) no-repeat center center / cover;}
#team-box-img-5 {background: url(../picsite/Altro-personale.jpg) no-repeat center center / cover;}
.team-nome  {font-family: 'Frutiger65'; font-size: larger;}

#chi-siamo-img   {float: left; margin: 0 0 0 80px; padding: 0; width: calc(65% - 80px); height: 450px; background: url(../picsite/chi_siamo.jpg) no-repeat center 0 / cover; z-index: 1 !important; }
#chi-siamo-txt  {position: relative; float: left; margin: 0; padding: 0; width: 35%; height: 450px; z-index: 1 !important;}
#chi-siamo-txt-relative {position: absolute; top: 50%; left: 30%; transform: translate(-30%, -50%); color: #fff;}
[id^='team-box-img-']   {clear: right; float: left; margin: 0; padding: 320px 1vw 0 1vw; width: 20%; height: 400px; font-size: 13px; color: #fff;}
[id^='team-box-img-'] span   {font-size: 16px;}
#contatti   {float: left; margin: 0; padding: 5vh 0 0 5%; width: 44%; height: 300px; color: #fff; background: #666;}
#counsel   {clear: none; float: left; margin: 0; padding: 5vh 0 0 5%; width: 56%; height: 300px; color: #fff; background: #3c3c3b;}
#footer a,
#footer a:link   {color: #4c667a; text-decoration: none;}
#footer a:hover   {text-decoration: underline;}

@media (min-width: 1200px) {
    #wrapper    {margin: 0 auto; padding: 0; width: 1200px; background: #fff;}
    .elenco  {font-size: larger;}
    .indirizzo  {font-size: larger; line-height: 150%;}
    #counsel.responsive {display: none;}
    #footer-fiscali {float: left; margin: 0; padding: 4vh 2vw; width: 70%; color: #4c667a;}
    #footer-logo    {float: left; margin: 0; padding: 4vh 2vw 0 0; width: 30%; text-align: right;}
    #footer-logo img {width: 90px; height: auto;}  
}
@media (min-width: 950px) and (max-width: 1199px) {
    #wrapper    {margin: 0 auto; padding: 0; width: 950px; background: #fff;}
    #chi-siamo-img   {float: none; margin: 0 auto; padding: 0; width: 80%; height: 400px; background: url(../picsite/chi_siamo.jpg) no-repeat center 0 / cover; z-index: 1 !important; }
    #chi-siamo-txt  {position: static; float: none; margin: 0 auto; padding: 0; width: 80%; height: auto !important; z-index: 1 !important;}
    #chi-siamo-txt-relative {position: static; padding: 5vh 2vw; top: 0%; left: 0%; transform: translate(0%, 0%)}
    #counsel.responsive {display: none;}
    #footer-fiscali {float: left; margin: 0; padding: 4vh 2vw; width: 70%; color: #4c667a;}
    #footer-logo    {float: left; margin: 0; padding: 4vh 2vw 0 0; width: 30%; text-align: right;}
    #footer-logo img {width: 90px; height: auto;}  
}
@media (min-width: 768px) and (max-width: 949px) {
    #wrapper    {margin: 0 auto; padding: 0; width: 100%; background: #fff;}
    #chi-siamo-img   {float: none; margin: 0 auto; padding: 0; width: 80%; height: 400px; background: url(../picsite/chi_siamo.jpg) no-repeat center 0 / cover; z-index: 1 !important; }
    #chi-siamo-txt  {position: static; float: none; margin: 0 auto; padding: 0; width: 80%; height: auto !important; z-index: 1 !important;}
    #chi-siamo-txt-relative {position: static; padding: 5vh 2vw; top: 0%; left: 0%; transform: translate(0%, 0%)}
    #counsel.responsive {display: none;}
    #footer-fiscali {float: left; margin: 0; padding: 4vh 2vw; width: 70%; color: #4c667a;}
    #footer-logo    {float: left; margin: 0; padding: 4vh 2vw 0 0; width: 30%; text-align: right;}
    #footer-logo img {width: 90px; height: auto;}  
}
@media (min-width: 481px) and (max-width: 767px) {
    #wrapper    {margin: 0 auto; padding: 0; width: 100%; background: #fff;}
    #header h1  {position: static !important; transform: none; text-align: center; font-size: 48px;}
    h2  {font-size: 40px; padding: 0 0 0 2vw;}
    h2.dx-hover {position: left; float: none; margin:   0 0 -10px 0; padding: 0 0 0 2vw;}
    h2.slideshow-title {margin:  0 0 -10px 0; z-index: 999 !important;}
    #chi-siamo-img   {float: none; margin: 0 auto; padding: 0; width: 80%; height: 300px; background: url(../picsite/chi_siamo.jpg) no-repeat center 0 / cover; z-index: 1 !important; }
    #chi-siamo-txt  {position: static; float: none; margin: 0 auto; padding: 0; width: 80%; height: auto !important; z-index: 1 !important;}
    #chi-siamo-txt-relative {position: static; padding: 5vh 2vw; top: 0%; left: 0%; transform: translate(0%, 0%)}
    [id^='team-box-img-']   {clear: right; float: left; margin: 0; padding: 250px 1% 0 1%; width: 20%; height: 400px; color: #fff;}
    #contatti   {float: left; margin: 0; padding: 8vh 0 0 5%; width: 44%; height: 300px; color: #fff; background: #584f50;}
    #counsel   {clear: none; float: left; margin: 0; padding: 8vh 0 0 5%; width: 56%; height: 300px; color: #fff; background: #4b4746;}
    .elenco {padding: 0 0 0 5vw;}
    #counsel.responsive {display: none;}
    #footer-fiscali {float: none; margin: 0; padding: 4vh 4vw; width: 100%; color: #4c667a; text-align: left;}
    #footer-logo    {float: none; margin: 0; padding: 4vh 0; width: 100%; text-align: center;}
    #footer-logo img {width: 90px; height: auto;}  
}
@media (max-width: 480px) {
    #wrapper    {margin: 0 auto; padding: 0; width: 100%; background: #fff;}
    img#header-logo {position: absolute; top: 2vh; left: 2vh; width: auto; height: 25%;}
    #header h1  {font-size: 48px;}
    h2  {font-size: 40px; padding: 0 0 0 6vw;}
    h2.dx-hover {position: left; float: none; margin: 0 0 -10px 0; padding: 0 0 0 6vw;}
    h2.slideshow-title {margin:  0 0 -10px 0; z-index: 999 !important;}
    #chi-siamo-img   {float: none; margin: 0 auto !important; padding: 0; width: 80%; height: 25vh; background: url(../picsite/chi_siamo.jpg) no-repeat center 0 / cover; z-index: 1 !important; }
    #chi-siamo-txt  {position: static; float: none; margin: 0 auto; padding: 0; width: 80%; height: auto !important; z-index: 1 !important;}
    #chi-siamo-txt-relative {position: static; padding: 5vh 2vw; top: 0%; left: 0%; transform: translate(0%, 0%)}
    #team  {padding: 4vh 0;}
    [id^='team-box-img-']   {clear: right; float: none; margin: 0 auto; padding: 220px 5% 0 5%; width: 80%; height: 300px; color: #fff;}
    #contatti   {float: none; margin: 0; padding: 4vh 5vw; width: 100%; height: auto !important; color: #fff; background: #584f50;}
    #counsel   {clear: both; float: none; margin: 0; padding: 4vh 5vw; width: 100%; height: auto !important; color: #fff; background: #4b4746;}
    .elenco,
    .indirizzo {padding: 0 0 0 10vw;}
    #counsel.desktop {display: none;}
    #footer-fiscali {float: none; margin: 0; padding: 4vh 4vw; width: 100%; color: #4c667a; text-align: left;}
    #footer-logo    {float: none; margin: 0; padding: 4vh 0; width: 100%; text-align: center;}
    #footer-logo img {width: 90px; height: auto;}  
}