@charset "utf-8";

@media (max-width:360px) {
	
	HTML,BODY { background-color: #ffffff; font-size:4vw; }
	
	#Header {
		font-size:1rem;
		display:block;
		position:relative;
		margin-bottom:1.2rem;	    
	}
	#Header .UpperBar {
		display:block;
		text-align:center;
		position:relative;
		padding-top:1rem;
	}
	#Header .UpperBar A {
		display:block;
		width: 47vw;
		height: 34vw;
		background-color:#ffffff;
		background-image:url(/public/images/logo.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		margin-left:0;
	}

	#Header .MobileMenu {
		display:block;
		position:absolute;
		right:2rem;
		top:1.8rem;
		color:#333333;
		font-size:3rem;
		z-index:777;
	}
	#Header .Menu .CloseButt {
		position:absolute;
		right:1.5rem;
		top:1.5rem;
		color:#ffffff;
		font-size:3rem;
		z-index:999;
	}
	#Header .Menu {
		display:block;
		padding:1.5rem;
		position:absolute;
		right:0;
		left:0;
		top:-15rem;
		background-color:#333333;
		z-index:888;
		-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.64);
		-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.64);
		box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.64);
	}
	#Header .Menu A {
		display:block;
		color:#ffffff;
		text-decoration:none;
		font-size:1.5rem;
		line-height:2.6rem;
	}
    
	#Page {
		width:90vw;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	#Page #Claim {
		display:block;
		background-color:#cd0e0e;
		text-align:center;
		position:relative;
		margin-bottom:1.5rem;
	}
	#Page #Claim P {
		text-align:center;
		margin:0px;
		padding:0px;
		font-size:1.22rem;
		color:#ffffff;
		margin-left:0.5em;
		margin-right:0.5em;
		padding:0.4em;
		padding-top:1.4em;
		padding-bottom:1.4em;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.57);
	}
	#Page #Claim .VirgSx {
		display:none;
	}
	#Page #Claim .VirgDx {
		display:none;
	}
	#Page #Claim .Nome {
		font-size:0.7em;
		font-style:italic;
	}
	
	#Page #Studio {
		display:block;
		background-color:#2b2b2b;
		padding:1rem;
		position:relative;
		margin-bottom:1.5rem;
	}
	#Page #Studio H2 {
		margin:0px;
		padding:0px;
		font-size:1.6rem;
		color:#ffffff;
		font-weight:normal;
		text-align:center;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Studio IMG {
		width:100%;
		display:block;
		padding-bottom:1rem;
	}
	#Page #Studio P {
		margin:0px;
		padding:0px;
		font-size:1.1em;
		color:#ffffff;
		font-weight:400;
		text-align:left;
		margin-bottom:1em;
		line-height:1.5em;
	}
	#Page #Studio UL, #Page #Studio UL LI {
		margin:0px;
		padding:0px;
	}
	#Page #Studio UL LI {
		margin-bottom:0.2em;
	}
	#Page #Studio UL {
		list-style:none;
		list-style-type:none;
		font-size:1.4em;
		margin-left:1rem;
	}
	#Page #Studio UL li:before {    
		font-family: 'FontAwesome';
		content: '\f0da';
		margin-left:-1rem;
		margin-right:1rem;
		color: #ffffff;
	}
	#Page #Studio UL LI A {
		color:#ffffff;
		text-decoration:none;
	}
	#Page #Studio UL LI A:HOVER {
		color:#ffffff;
		text-decoration:underline;
	}
	#Page #Studio A {
		text-decoration:none !important;
	}
	#Page #Studio A .Butt {
		width:14rem;
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-color:#828282;
		text-align:center;
		line-height:2rem;
		font-size:0.9rem;
		color:#2b2b2b;
		text-transform:uppercase;
		-webkit-border-radius: 0.3rem;
		-moz-border-radius: 0.3rem;
		border-radius: 0.3rem;
	}
	
	#Page #Aree {
		background-color:#c1c1c1;
		display:block;
		padding:1rem;
		position:relative;
		margin-bottom:1.5rem;
	}
	#Page #Aree P {
		margin:0px;
		padding:0px;
		padding-bottom:1rem;
		text-align:center;
		font-size:1.1rem;
		color:#333333;
		font-weight:normal;
	}
	#Page #Aree H2 {
		margin:0px;
		padding:0px;
		font-size:1.6rem;
		color:#333333;
		font-weight:normal;
		text-align:center;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Aree .Circles {
		display:block;
		text-align:center;
	}
	#Page #Aree .Circles .Blocks {
		display:block;
		text-align:center;
		margin-left:1em;
		margin-right:1em;
		position:relative;
		text-decoration:none;
	}
	#Page #Aree .Circles .Circle {
		display:none;
	}
	#Page #Aree .Circles .Circle .fa {
		display:none;
	}
	#Page #Aree .Circles .Blocks .Text {
		margin:0px;
		padding:0px;
		display:block;
		text-align:center;
		font-size:1.1rem;
		line-height:2.6em;
		color:#c1c1c1 !important;
		margin-top:0.6em;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
		background-color:#333333;
		text-decoration:none;
	}
	#Page #Aree .SuperClaim {
		text-align:center;
		font-size:1.4rem;
		padding-top:1rem;
	}


	#Page #Professionisti {
		display:block;
		background-color:#2b2b2b;
		padding-left:2rem;
		padding-right:2rem;
		padding-top:1rem;		
		position:relative;
		margin-bottom:1.5rem;
	}
	#Page #Professionisti H2 {
		margin:0px;
		padding:0px;
		font-size:1.6rem;
		color:#ffffff;
		font-weight:normal;
		text-align:center;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Professionisti .Columns {
		width:74vw;
		display:block;
		padding-bottom:2rem;
	}
	#Page #Professionisti .Columns A {
		display:block;
		text-decoration:none;
	}
	#Page #Professionisti .Columns A IMG {
		display:block;
		width:74vw;
	}
	#Page #Professionisti .Columns A .Text {
		display:block;
		font-size:1.8rem;
		color:#ffffff;
		text-align:center;
		padding-top:0.5rem;
		padding-bottom:1rem;
		font-weight:normal;
		text-transform:uppercase;
	}
	#Page #Professionisti .Columns A .Text SPAN {
		font-size:1.4rem;
		font-weight:normal;
		text-transform:uppercase;
		color:#ffffff;
	}
	#Page #Professionisti .Columns A .Butt {
		width:14rem;
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-color:#828282;
		text-align:center;
		line-height:2rem;
		font-size:0.9rem;
		color:#2b2b2b;
		text-transform:uppercase;
		-webkit-border-radius: 0.3rem;
		-moz-border-radius: 0.3rem;
		border-radius: 0.3rem;
	}

	#Page #Dovesiamo {
		display:block;
		background-color:#c1c1c1;
		padding-left:1rem;
		padding-right:1rem;
		padding-top:1rem;		
		position:relative;
		margin-bottom:2.611em;
		padding-bottom:1.5rem;		
	}
	#Page #Dovesiamo H2 {
		margin:0px;
		padding:0px;
		font-size:1.6rem;
		color:#333333;
		font-weight:normal;
		text-align:center;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Dovesiamo .LeftColumn, #Page #Dovesiamo .RightColumn {
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	#Page #Dovesiamo #Mappa {
		width:82vw;
		height:82vw;
		display:block;
		overflow:hidden;
	}
	#Page #Mappa IMG {
		height:82vw;
		display:block;
		margin-left:-40vw;
	}
	#Page #Dovesiamo .LeftColumn {
		margin:0px;
		padding:0px;
		font-size:1.3rem;
		color:#333333;
		margin-bottom:1.5rem;
	}
	#Page #Dovesiamo .LeftColumn P {
		margin:0px;
		padding:0px;
		text-align:center;
	}
	#Page #Dovesiamo .LeftColumn .Scrivici {
		font-size:1em;
		cursor:pointer;
		margin-top:1rem;
		display:block;
		text-align:center;
		background-color:#dddddd;
		padding-top:0.7em;
		padding-bottom:0.7em;
		color:#666666;
	}
	#Page #Dovesiamo .LeftColumn .Scrivici .fa {
		display:block;
		font-size:1.6em;
		line-height:inherit;
		transform: rotate(-5deg);
		margin-bottom:0.1em;
	}

}

@media (min-width:361px) { 
	
	#Header {
		font-size:1rem;
		display:block;
		height:38.222rem;
		background-image:url(/public/images/foto_genova_home.jpg);
		background-position:center bottom;
		background-size:cover;
		background-repeat:no-repeat;
		position:relative;
		margin-bottom:4rem;	    
	}
	#Header .UpperBar {
		display:block;
		height:18.778rem;
		background-image:url(/public/images/header_white_bkg.png);
		background-position:center top;
		background-repeat:no-repeat;
		text-align:center;
		background-size:cover;
	}
	#Header .UpperBar A {
		display:block;
		width:26.111em;
		height:18.000em;
		background-image:url(/public/images/logo.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		margin-left:auto;
		margin-right:auto;
	}
	#Header .MobileMenu {
		display:none;
	}
	#Header .Menu .CloseButt {
		display:none;
	}
	#Header .Menu {
		display:block;
		position:absolute;
		left:0px;
		bottom:-2.35em;
		right:0px;
		text-align:center;
	}
	#Header .Menu A {
		display:inline-block;
		width:20.611em;
		height:4.778em;
		color:#333333;
		text-align:center;
		line-height:4.778em;
		margin-right:2.556em;
		background-color:#ffffff;
		font-weight:400;
		text-decoration:none;
	}
	#Header .Menu A:LAST-CHILD {
		margin-right:0px;
	}
	#Header .Menu A SPAN {
		display:block;
		margin:0.5em;
		font-size:1.5em;
	}
	#Header .Menu A:HOVER SPAN {
		background-color:#cd0e0e;
		color:#ffffff;
	}
	
	#Page {
		width:90.056em;
		display:block;
		margin-left:auto;
		margin-right:auto;
		font-size:1rem;
	}
	
	#Page #Claim {
		display:block;
		background-color:#cd0e0e;
		text-align:center;
		height:23.222em;
		position:relative;
		margin-bottom:2.611em;
		overflow: hidden;
	}
	#Page #Claim P {
		text-align:center;
		margin:0px;
		padding:0px;
		font-size:3em;
		color:#ffffff;
		margin-left:4.5em;
		margin-right:4.5em;
		padding-top:1.4em;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.57);
	}
	#Page #Claim .VirgSx {
		font-family:Arial,Helvetica;
		font-size:28em;
		color:#ffffff;
		position:absolute;
		left:0.12em;
		top:-0.05em;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.57);
	}
	#Page #Claim .VirgDx {
		font-family:Arial,Helvetica;
		font-size:28em;
		color:#ffffff;
		position:absolute;
		right:0.12em;
		bottom:0.01em;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.57);
	}
	#Page #Claim .Nome {
		font-size:0.7em;
		font-style:italic;
	}
	
	
	#Page #Studio {
		display:block;
		background-color:#2b2b2b;
		padding:2.500em;
		position:relative;
		margin-bottom:2.611em;
		height:32.444em;
		cursor:pointer;
	}
	#Page #Studio H2 {
		margin:0px;
		padding:0px;
		font-size:3em;
		color:#ffffff;
		font-weight:normal;
		float:right;
		text-align:left;
		width:14.26em;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Studio IMG {
		width:40.000em;
		height:32.500em;
		display:block;
		float:left;	
	}
	#Page #Studio P {
		margin:0px;
		padding:0px;
		font-size:1.4em;
		color:#ffffff;
		font-weight:normal;
		text-align:left;
		padding-left:34.05rem;
		margin-bottom:1em;
		line-height:1.5em;
	}
	#Page #Studio UL, #Page #Studio UL LI {
		margin:0px;
		padding:0px;
	}
	#Page #Studio UL LI {
		margin-bottom:0.2em;
	}
	#Page #Studio UL {
		list-style:none;
		list-style-type:none;
		padding-left:35.05rem;
		font-size:1.4em;
	}
	#Page #Studio UL li:before {    
		font-family: 'FontAwesome';
		content: '\f0da';
		margin-left:-1rem;
		margin-right:1rem;
		color: #ffffff;
	}
	#Page #Studio UL LI A {
		color:#ffffff;
		text-decoration:none;
	}
	#Page #Studio UL LI A:HOVER {
		color:#ffffff;
		text-decoration:underline;
	}
	#Page #Studio A {
		text-decoration:none !important;
		position:absolute;
		right:2rem;
		bottom:2rem;
	}
	#Page #Studio A .Butt {
		width:14rem;
		display:block;
		background-color:#828282;
		text-align:center;
		line-height:2rem;
		font-size:0.9rem;
		color:#2b2b2b;
		text-transform:uppercase;
		-webkit-border-radius: 0.3rem;
		-moz-border-radius: 0.3rem;
		border-radius: 0.3rem;
	}
	
	#Page #Aree {
		background-color:#c1c1c1;
		display:block;
		padding:2.500em;
		position:relative;
		margin-bottom:2.611em;
		cursor:pointer;
	}
	#Page #Aree P {
		margin:0px;
		padding:0px;
		padding-left:2rem;
		padding-right:2rem;
		padding-bottom:1rem;
		text-align:center;
		font-size:1.4rem;
		color:#333333;
		font-weight:normal;
	}
	#Page #Aree H2 {
		margin:0px;
		padding:0px;
		font-size:3em;
		color:#333333;
		font-weight:normal;
		text-align:center;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Aree .Circles {
		display:block;
		text-align:center;
	}
	#Page #Aree .Circles .Blocks {
		display:inline-block;
		width:13em;
		height:14em;
		text-align:center;
		margin-left:1em;
		margin-right:1em;
		position:relative;
		text-decoration:none;
	}
	#Page #Aree .Circles .Blocks .Text {
		margin:0px;
		padding:0px;
		display:block;
		text-align:center;
		font-size:0.8rem;
		line-height:2em;
		color:#c1c1c1 !important;
		margin-top:0.6em;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
		background-color:#333333;
		text-decoration:none;
	}
	#Page #Aree .Circles .Circle {
		display:block;
		width:12em;
		height:12em;
		line-height:12em;
		border:0.5em solid #333333;
		background-color:#c1c1c1;
		-webkit-border-radius: 12em;
		-moz-border-radius: 12em;
		border-radius: 12em;
		text-align:center;
		line-height:12em;
		position:relative;
	}
	#Page #Aree .Circles .Circle .fa {
		font-size:7em;
		line-height:inherit;
		color:#333333;
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
	}
	#Page #Aree .Circles .Circle.Block3 .fa {
		font-size:7.4em;
	}
	#Page #Aree .Circles .Circle.Block4 .fa {
		font-size:7.4em;
	}
	#Page #Aree .Circles .Blocks:HOVER .Circle {
		border-color:#cd0e0e;
	}
	#Page #Aree .Circles .Blocks:HOVER .Circle .fa {
		color:#cd0e0e;
	}
	#Page #Aree .Circles .Blocks:HOVER .Text {
		background-color:#cd0e0e;
	}
	#Page #Aree .SuperClaim {
		display:block;
		text-align:center;
		margin:0px;
		padding:0px;
		font-size:1.5rem;
		color:#333333;
		padding-top:1rem;
	}
	
	
	#Page #Professionisti {
		display:block;
		background-color:#2b2b2b;
		padding:3.222em;
		position:relative;
		margin-bottom:2.611em;
	}
	#Page #Professionisti H2 {
		margin:0px;
		padding:0px;
		font-size:3em;
		color:#ffffff;
		font-weight:normal;
		text-align:center;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Professionisti .Columns {
		width:40.50em;
		display:block;
		float:left;
	}
	#Page #Professionisti .Columns:NTH-CHILD(3) {
		margin-left:2.60em;
	}
	#Page #Professionisti .Columns A {
		display:block;
		text-decoration:none;
	}
	#Page #Professionisti .Columns A IMG {
		display:block;
		width:40.502em;
	}
	#Page #Professionisti .Columns A .Text {
		display:block;
		font-size:2rem;
		color:#ffffff;
		text-align:center;
		padding-top:0.5rem;
		padding-bottom:2rem;
		font-weight:normal;
		text-transform:uppercase;
	}
	#Page #Professionisti .Columns A .Text SPAN {
		font-size:1.4rem;
		font-weight:normal;
		text-transform:uppercase;
		color:#ffffff;
	}
	#Page #Professionisti .Columns A .Butt {
		width:14rem;
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-color:#828282;
		text-align:center;
		line-height:2rem;
		font-size:0.9rem;
		color:#2b2b2b;
		text-transform:uppercase;
		-webkit-border-radius: 0.3rem;
		-moz-border-radius: 0.3rem;
		border-radius: 0.3rem;
	}


	#Page #Dovesiamo {
		background-color:#c1c1c1;
		display:block;
		padding:2.500em;
		position:relative;
		margin-bottom:2.611em;
	}
	#Page #Dovesiamo H2 {
		margin:0px;
		padding:0px;
		font-size:3em;
		color:#333333;
		font-weight:normal;
		text-align:left;
		padding-bottom:1rem;
		text-transform:uppercase;
	}
	#Page #Dovesiamo .LeftColumn, #Page #Dovesiamo .RightColumn {
		width:32.4rem;
		display:block;
		float:left;
	}
	#Page #Dovesiamo .RightColumn {
		margin-left:3.90em;
	}
	#Page #Dovesiamo #Mappa {
		width:40.50em;
		height:20.50em;
		display:block;
	}
	#Page #Dovesiamo .LeftColumn {
		margin:0px;
		padding:0px;
		color:#333333;
	}
	#Page #Dovesiamo .LeftColumn P {
		margin:0px;
		padding:0px;
		font-size:1.3rem;
		line-height:2.0rem;
	}
	#Page #Dovesiamo .LeftColumn STRONG {
		font-size:1.6rem;
	}
	#Page #Dovesiamo .LeftColumn .Scrivici {
		font-size:1.7em;
		line-height:2.5em;
		cursor:pointer;
		margin-top:0.5rem;
	}
	#Page #Dovesiamo .LeftColumn .Scrivici .fa {
		display:block;
		float:left;
		font-size:1.6em;
		line-height:inherit;
		transform: rotate(-5deg);
		margin-right:0.3em;
	}
	#Page #Dovesiamo .LeftColumn .Scrivici:HOVER {
		color:#cd0e0e;
	}

}

@media (min-width:361px) and (max-width:1366px) {
	
	HTML,BODY {
		font-size:1.17vw;
	}
	
	#Header .Menu {
		font-size:0.8rem;
	}
	#Header .UpperBar {
		background-size:cover;
	}
	#Header .UpperBar A {
		font-size:1rem;
	}
	#Page {
		font-size:0.8rem;
	}
    
}

@media (min-width:1367px) {
	
	HTML,BODY {
		font-size:16px;
	}
	
	#Header .Menu {
		font-size:0.8rem;
	}
	#Page {
		font-size:0.8rem;
	}

}