.animate					{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
		
	.flexslider, .flex-viewport {
  height: 100% !important;
  margin:0;
  padding: 0;
  width: 100%;
}


		.flexslider .slides		{height:100%!important;}
			
		.flexslider .slides li {
  background-size: 100% auto !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
  width: 100%;
  background-repeat: no-repeat !important;
}		
		.flex-control-nav 	{bottom: 35%; }
		
		.flex-direction-nav {display:none;}	
		
		.flex-caption		{position: absolute; top:35%; text-shadow:  0px 0px 10px #000;left:0;text-align: center;width:100%;color:#fff;}
	
.flex-caption h1 {
  font-family: Source Sans Pro;
  font-size: 2em;
  font-weight: 200;
  margin: 26% 0 10px;
  text-transform: uppercase;
}
		.flex-caption p		{margin:0;font-weight:200;font-family: Source Sans Pro;letter-spacing: 5px}
		
		
		@media (min-width: 768px) and (max-width: 980px) {
		
			.flex-caption h1	{font-size: 55px;}
		
			.flex-caption p		{font-size: 13px;}
			
			.flex-control-nav 	{bottom: 25%; }

		}


		@media (max-width: 767px) {
		
			.flex-caption h1	{font-size: 35px;}
		
			.flex-caption p		{font-size: 10px;}
			
			.flex-control-nav 	{bottom: 15%; }	
				
		}

.sfondo {
    float: left;
    position: relative;
}

.sfondo img {
  width: 70%;
}


.frecce {
  float: right;
  margin-top: 43%;
  position: relative;
  z-index: 1000;
}

.frecce p {
  color: #fff;
  display: inline;
  font-family: source sans pro;
  float: right;
  padding: 0 10px;
}

.frecce2 {
  float: right;
  margin-top: 43%;
  position: relative;
  z-index: 1000;
}

.frecce2 p {
  color: #fff;
  display: inline;
  font-family: source sans pro;
  float: right;
  padding: 0 10px;
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.frecce {
  display:none !important;
}
.frecce2 {
  position:absolute;
  bottom:0;
  right:0;
}

#topsection {
width:100% !important;
position: relative !important;
}

.text h2 {
  color: #000021;
  font-size: 3em;
  font-weight: 100;
  line-height: 1em !important;
  text-align: center;
}
.sfondo {
  width: 15% !important;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.sfondo {
  display:none !important;
}
.text h2 {
  color: #000021;
  font-size: 3em;
  font-weight: 100;
  line-height: 1em !important;
  text-align: center;
}

.frecce {
  display:none !important;
}
.frecce2 {
  position:absolute;
  bottom:0;
  right:0;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
div.menu_table_cell {
  padding: 5px 5px !important;
}

#topsection {
  font-size: 0.7em !important;
  position: relative !important;
  width: 100% !important;
}

.flex-caption h1 {
  margin: 40% 0 10px !important;
}
 }

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
#topsection {
  font-size: 1em !important;
  position: relative !important;
  width: 100% !important;
}
}





@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px)  { 
.sfondo {
  display:none !important;
}
.text h2 {
  color: #000021;
  font-size: 3em;
  font-weight: 100;
  line-height: 1em !important;
  text-align: center;
}

.frecce {
  display:none !important;
}
.frecce2 {
  position:absolute;
  bottom:0;
  right:0;
}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
div.menu_table_cell {
  padding: 5px 5px !important;
}

#topsection {
  font-size: 0.7em !important;
  position: relative !important;
  width: 100% !important;
}

.flex-caption h1 {
  margin: 40% 0 10px !important;
}
 }

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
#topsection {
  font-size: 1em !important;
  position: relative !important;
  width: 100% !important;
}
}





@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)   { 
.sfondo {
  display:none !important;
}
.text h2 {
  color: #000021;
  font-size: 1em;
  font-weight: 100;
  line-height: 1em !important;
  text-align: center;
}

.frecce {
  display:none !important;
}
.frecce2 {
  position:absolute;
  bottom:0;
  right:0;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

.flex-caption h1 {
  margin: 40% 0 10px !important;
}
 }

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

}




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.sfondo {
  display:none !important;
}
.text h2 {
  color: #000021;
  font-size: 3em;
  font-weight: 100;
  line-height: 1em !important;
  text-align: center;
}

.frecce {
  display:none !important;
}
.frecce2 {
  position:absolute;
  bottom:0;
  right:0;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
div.menu_table_cell {
  padding: 5px 5px !important;
}

#topsection {
  font-size: 0.7em !important;
  position: relative !important;
  width: 100% !important;
}

.flex-caption h1 {
  margin: 40% 0 10px !important;
}
 }

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
#topsection {
  font-size: 1em !important;
  position: relative !important;
  width: 100% !important;
}
}