/* 
* CTWEB SERVICE v.1.0
* Marco Revello
*/
/* Font */
@import url(https://fonts.googleapis.com/css?family=Oxygen:300,300light,700bold);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100thin,200extra-light,300light,500medium,700bold);
/*******************************************************
GENERICI
********************************************************/
strong{
	font-weight:600;}
h5.titolo-opzioni{
	border-bottom:1px solid;
}
audio{
	width:200px;
}
blockquote {
width: 75%;
margin: 0 auto;
font-size: 28px;
line-height: 40px;
font-style: italic;
}
/*******************************************************
BOTTONI
********************************************************/
button#submit:hover{
background: #dadada!important;
border: 1px solid #dadada!important;
}
a.button:hover {
background: #dadada!important;
}
.contenitore-cataloghi{
	width:800px; text-align:center;margin:50px auto 0 auto;
}
a.button.catalogo{
	margin:0 auto;
}
.bottone {
	margin: 25px auto;
	display: block;
    text-align: center;
}
.bottone .residenza {
	display:block;
	text-align: center;
	margin:0 auto 8px auto;
}
/*******************************************************
IMMAGINI
********************************************************/
img.scale-with-grid.logo-fornitore{
   border-radius: 6px!important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #dbdada;
}
/*******************************************************
LAYOUT
********************************************************/
#left{width:50%;float:left;}
#right{width:50%;float:right;}

#left-muccini{width:50%;float:left;text-align:center;}
#right-muccini{width:50%;float:right;text-align:left;padding:0 50px 0 0;}
/*******************************************************
LOADER
********************************************************/
.sk-cube-grid {
	width: 40px;
	height: 40px;
	margin-top: -20px;
    margin-left: -20px;
	top: 50%;
	left: 50%;
position: absolute;
  }
  
  .sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #e67e22;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
			animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
  }
  .sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
			animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
			animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
			animation-delay: 0s; }
  .sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
			animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s; }
  
  @-webkit-keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
	  -webkit-transform: scale3D(1, 1, 1);
			  transform: scale3D(1, 1, 1);
	} 35% {
	  -webkit-transform: scale3D(0, 0, 1);
			  transform: scale3D(0, 0, 1); 
	}
  }
  
  @keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
	  -webkit-transform: scale3D(1, 1, 1);
			  transform: scale3D(1, 1, 1);
	} 35% {
	  -webkit-transform: scale3D(0, 0, 1);
			  transform: scale3D(0, 0, 1);
	} 
  }

/*HOME
********************************************************/
/*logo*/
.header .logo {
	width: 35%!important;
	display:block;
	font-size: 40px;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 250px;
	margin-bottom:0!important;
	margin-left: auto;
	margin-right: auto;
   line-height: 45px!important;
   background: rgba(0, 0, 0, .5);
   padding: 10px!important;
   text-align: center;
}

/*blocco slogan*/
.header-text{
	background: rgba(0, 0, 0, .5);
	border-top: 0!important;
	border-bottom: 0!important;
	padding: 24px 16px;
	margin: 0 auto;
	width: 60%!important;
	margin-bottom: 36px!important;
}
.text-slides {
   text-transform:uppercase!important;
   font-size: 40px;
   font-family:'Raleway', sans-serif!important;
   line-height: 56px;
   font-weight:400!important;
   width: 100%;
   height: auto;
   color: #ffffff;
   margin: 0 auto;
}
.text-slides .minuscolo{
	font-size:35px;
	text-transform: lowercase!important;
	font-weight:200!important;
}

.home-txt-sx {
	float:left;
	width:50%;
	text-align:left;
	padding: 15px 0 0 10px;
}
.home-txt-dx {
	float:left;
	width:50%;
	text-align:right;
	padding: 15px 10px 0 0;
}
/*social*/
.social-media h4{color: #ffffff;text-transform:none!important;display: block;margin-bottom: 24px;}

/*FRECCIA SCROLL*/
/*mouse scroll indicator icon*/
a.header-down-arrow {
	margin-top: 10px!important;
}

/*SLIDE*/

#slides .slides-container .slide-1{
	background:
	url(../images/pattern.png) left top repeat,
	url(../images/slider/1.jpg);}
#slides .slides-container .slide-2{
	background:
	url(../images/pattern.png) left top repeat,
	url(../images/slider/2.jpg) center no-repeat;}

#slides .slides-container .slide-3{
	background:
	url(../images/pattern.png) left top repeat,
	url(../images/slider/3.jpg);}
#slides .slides-container .slide-4{
	background:
	url(../images/pattern.png) left top repeat,
	url(../images/slider/4.jpg);}
#slides .slides-container .slide-5{
	background:
	url(../images/pattern.png) left top repeat,
	url(../images/slider/5.jpg);}
#slides .slides-container .slide-6{
	background:
	url(../images/pattern.png) left top repeat,
	url(../images/slider/6.jpg);}



/**********************************************************************
 PAGINE (GENERICHE)
***********************************************************************/
/*barra superiore*/
.site-logo{
	float: left;
	position: relative;
	top: 0!important;
	text-transform: uppercase;
	color:#2f2f2f;

}
.site-logo img {
	width: 80%;
	height: auto;
	padding: 5px 0;
}
#navigation {
   position: fixed;
   height: 72px;
   width: 100%;
   background: #fff!important;
   z-index: 100;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
}
.nav-container {
   margin: 0 auto;
   width: 100%;
   height: 100%;
   max-width: 1170px;
}

/*menu superiore*/
ul.nav li{
	font-family:'Oxygen'!important;
	font-weight:normal!important;
	border:0!important;}
.nav li a {
   display: block;
   text-transform:none!important;
   color: #2f2f2f;
   padding: 8px 0;
   font-size: 16px!important;
   font-weight: 400!important;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;}
.nav li a:hover{color:#e74c3c;}
.nav li a:after{
	content:""!important;
	color:#6c6c6c;
	font-weight: 300;
	padding: 12px;
	border-bottom:none;
}
/*SOTTOTITOLO*/
.sottotitolo{
	font-weight: 300;
	color: #6c6c6c;
	margin: 0 0 56px 0; 
	padding: 0;
}

/*TESTO*/
.text-left{
	text-align:left;line-height:1.7em;margin:0 0 25px 0;
}

/*HOT SPOT*/
.tp_tooltip img {
	box-shadow: none;
	border: none;
	max-width: 100%;
	margin:10px 0 0 0;
	max-width:400px!important;
	Z-index: 1000;
	}
/*CALL OUT*/
/*
.callout {
background: #f7f7f7!important;
width: 100%;
margin-bottom: 64px;
}*/

/*COUNTER*/
h4.sottotitolo-numeri{padding-bottom:25px;}
.counter {
background: url(../images/pattern-0.png) left top repeat, url(../images/parallax/parallax-bg-10jpg) center center fixed;
padding: 0 0 10px 0!important;
text-align: center;
overflow: hidden;
color: #bebebe!important;

}
.count h1 {
font-size: 46px;
}
.count h1, .count h5 {
color: #bebebe!important;
}
.callout h3 {
color: #e67e22!important;
margin: 0;
padding: 0;
}
.counter.parallax3.gray .callout {
width: 100%;
padding:30px 0 0 0!important;
margin-bottom: 0!important;
background-color: #ffffff!important;
}
.counter.parallax3.gray .callout .container{
width: 100%;
margin-bottom: 0!important;
padding-bottom:0!important;
padding:0!important;
background-color: #ffffff!important;
}

.container {
text-align: center;
height: auto;
margin: 0 auto;
padding: 25px 0!important;
}

.gray{
   background:url(../images/bg-numeri.png) repeat!important;}

.icon-box {
position: relative;
width: 96px;
height: 96px;
padding: 16px 0 0 0;
margin: 0 auto 16px auto;
background: #fff!important;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border:1px solid #dbdada;
}
.icon-box:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
background: trasparent!important;
border-width: 10px;
margin-left: -10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #e67e22!important;
}
.icon-box:after{
	border-color: rgba(255, 255, 255, 0)!important;
	border-top-color: trasparent!important;
}
.icon-box:hover{
	color: #e67e22!important;
}
.icon-box:hover:after{
	border-top-color: rgba(0, 0, 0, .9);
} 

h4.subtitle-img,
h6.subtitle-img {
    font-weight: 300;
    color: #6c6c6c;
    margin: 0 0 20px 0;
    padding: 0;
}
h6.subtitle-img {
	font-size: 14px;
}

/*****************************************************************
SEZIONI
*****************************************************************/
.container{
	text-align: center;
	height: auto;
	margin: 0 auto;
	padding: 25px 0;		
}
.container.iniziale {
	padding-top: 72px!important;
}

section#immagini {
	padding-bottom: 72px;
}
section#contatti {
	padding-bottom: 72px;
}
section#residenze {
	padding: 72px auto!important;
}

/*****************************************************************
SEZIONE VIDEO
*****************************************************************/
.full-video{
	position: relative;
	overflow: hidden;
	width:100%;
	height: 300px!important;
	/*padding-top: 300px;*/
	background-color:#ffffff!important;
	display:block;
}
.full-video:after{
	background: url(../images/pattern-2.png) repeat!important;
	position: absolute;
	top:0;
	left:0;
	content:'';
	width: 100%;
	height: 100%;
}
.video-msg{
	z-index: 2;
	text-align: center;
	width:auto;
	height: auto;
	margin:0 auto;
}
.video-msg h1{
	color:#fff;
	margin-bottom: 24px;
}

.video-esterno{
	width:470px;height:470px;background-color: #e6e6e6!important;margin:0 auto!important;padding:10px!important;
}
.video-esterno-2{
	width:553px;height:420px;background-color: #e6e6e6!important;margin:0 auto!important;padding:10px!important;
}

.video-striscia iframe{
width:100%;height:300px;
}

/*****************************************************************
SEZIONE SCHEDA GALLERY
******************************************************************/
.item-expander {
	position:relative;
	display: none;
	width: 100%;
	color: #444;
	background:url(../images/bg-scheda-gallery.png) repeat!important;
	margin:36px auto;
}
.portfolio-project h4 {
    color: #444!important;
}
.close-btn .close {
    display: inline-block;
    width: 15px;
    height: 15px;
    background:#fff url('../images/close-btn-dark.png') no-repeat scroll center center !important;
    padding: 20px;
    cursor: pointer;
    opacity: 0.7;
    border: 1px solid #444;
    border-radius: 3px;
    transition: all 0.3s ease 0s;
}
.close-btn .close:hover{
	background: #3d3d3d url('../images/close-btn.png') center center no-repeat!important;
	opacity: 1;
}

/*****************************************************************
SEZIONE CONTATTI
******************************************************************/
#map .callout{background:url(../images/bg-numeri.png) repeat!important;color:#444;}

/*****************************************************************
SEZIONE FOOTER
******************************************************************/
/*social*/

#footer-top .social-links li a {
display: block;
padding: 4px 0;
width: 32px;
height: 32px;
background: rgba(218, 218, 218, 1);
color: #444!important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#footer-top .social-links li a:hover {
display: block;
padding: 4px 0;
width: 32px;
height: 32px;
background: #e67e22!important;
color: #fff!important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.logo-footer{
	width:150px;height:119px;margin:25px auto;display:block;}
#footer-bottom {
   position: relative;background:url(../images/bg-numeri.png) repeat!important;color:#444!important;}
#footer-bottom h2 {color: #444!important;}

.color.big{
	font-size:29px;font-weight:200;margin:10px 0 0 0;}
.piva{
	display:block;margin:10px 0 0 0;}
a.button-to-top {
   position: absolute;
   top: -20px;
   left: 50%;
   margin-left: -16px;
   display: block;
   padding: 4px 0;
   width: 32px;
   height: 32px;
   background: rgba(218, 218, 218, 1);
   color: #444!important;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

/*****************************************************************
ELEMENTI
******************************************************************/

/*SKILL BAR DISTANZE*/
.skillbar {
	position:relative;
	display:block;
	margin-bottom:16px;
	width:100%;
	background:#fff!important;
	height:24px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:12px;
	height:24px;
	line-height:24px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.8)!important;
}
/*TITOLI DISTANZE*/
div.titolo-distanze-auto{
text-align:left;color:#444;background:url('../images/ico-auto.png') left no-repeat;padding:0 0 0 35px;line-height:36px;margin:0 0 10px 0;
}
div.titolo-distanze-treno{
text-align:left;color:#444;background:url('../images/ico-treno.png') left no-repeat;padding:0 0 0 25px;line-height:36px;margin:0 0 10px 0;
}
div.titolo-distanze-traghetto{
text-align:left;color:#444;background:url('../images/ico-traghetto.png') left no-repeat;padding:0 0 0 25px;line-height:36px;margin:0 0 10px 0;
}
div.titolo-distanze-aereo{
text-align:left;color:#444;background:url('../images/ico-aereo.png') left no-repeat;padding:0 0 0 25px;line-height:36px;margin:0 0 10px 0;
}

/*****************************************************************
OPZIONI PANNELLO
******************************************************************/
a.link-option {
	color: #faa459;
}
.titolo-credits {
	display:block;
	margin: 10px 0;
}

#options-panel{
	position: fixed;
	text-align:left;
	width:230px;
	height: auto;
	top:150px;
	min-height: 150px;
	background: rgba(0,0,0,0.85)!important;
	border:1px solid #000!important;
	z-index: 1000!important;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#options-panel a.panel-button {
    background: rgba(0,0,0,0.85)!important;
}
#options-panel .audio, #options-panel .credits, #options-panel .lingue{
	width:100%;
	padding:16px 24px 16px 10px;
}
#options-panel .lingue h5, #options-panel .audio h5, #options-panel .credits h5{
font:14px Oxygen!important;font-weight:400!important;
}
    .float-left{
    	float:left;
    }
        .float-right{
    	float:right;
    }
    
/*AUDIO*/
.audiojs {
width: 190px!important;
height: 36px;
background: rgba(0, 0, 0, 0.5)!important;
overflow: hidden;
font-family: monospace;
font-size: 12px;
/*
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
*/
background-image: -webkit-gradient()!important;
background-image: -moz-linear-gradient()!important;

-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0)!important;
-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0)!important;
-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0)!important;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0)!important;
border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.audiojs .play-pause {
width: 25px;
height: 40px;
padding: 4px 2px!important;
margin: 0px;
float: left;
overflow: hidden;
border-right: 0px solid #000!important;
}
.audiojs .scrubber {
position: relative;
float: left;
width: 140px!important;
background: #5a5a5a;
height: 14px;
margin: 10px;
border-top: 1px solid #3f3f3f;
border-left: 0px;
border-bottom: 0px;
overflow: hidden;
}
.audiojs .time {
visibility:hidden!important;
float: left;
height: 36px;
line-height: 36px;
margin: 0px 0px 0px 6px;
padding: 0px 6px 0px 12px;
border-left: 1px solid #000;
color: #ddd;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.audiojs .loaded {
position: absolute;
top: 0px;
left: 0px;
height: 14px;
width: 0px;
background: #444;
background-image: -webkit-gradient()!important;
background-image: -moz-linear-gradient()!important;
}
/*****************************************************************
 MOBILE
 *****************************************************************/
 /*
 @media(max-width:480px){
    li.text-slides {
        display:block;font-size:23px;
    }
  
 @media(max-width:480px){
    li.text-slides .minuscolo {
        display:block;font-size:20px;line-height:1.7em;
    }
*/
/*
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){


}
*/
/*
        
 .loader {
  position: absolute;
  margin: -65px 0 0 -100px!important;
  top:50%;
  left:50%;
  width:200px!important;
  height: 130px!important;
  background: url(../images/loader.gif)!important;
  background-size:400px 300px!important;
}*/
#fb5 #fb5-footer .fb5-bcg-tools {
    background-color: #000000;
    height: 20px!important;
    left: 0;
    opacity: 0.55;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (max-width: 320px) {
	.header .logo {
		width: 68%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 35px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}
	.header .logo img {
		width: 170px!important;
		height: auto;
	}
	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 8px 4px;
		margin: 0 auto;
		width: 68%!important;
		margin-bottom: 20px!important;
	}
	.home-txt-sx,
	.home-txt-dx {
		width: 100%;
		text-align: center;
		font-size: 18px;
		padding: 10px;
		margin: 0 auto;
		float: none;
	}
	.text-slides .minuscolo {
		font-size: 25px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block;
	}
	.text-slides {
		text-transform: uppercase!important;
		font-size: 22px;
		font-family: 'Raleway', sans-serif!important;
		line-height: 40px;
		font-weight: 400!important;
		width: 68%;
		height: auto;
		color: #ffffff;
		margin: 0 auto;
	}
	.social-media h4{
		font-size: 20px;
    	line-height: 25px;
		color: #ffffff;
		text-transform:none!important;
		display: block;
		margin-bottom: 4px;
	}
	a.header-down-arrow {
		margin-top: 0!important;
	}
	h4.sottotitolo {
		font-size: 20px!important;
	}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
	.header .logo {
		width: 68%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 60px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}
	.header .logo img {
		width: 170px!important;
		height: auto;
	}
	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 8px 4px;
		margin: 0 auto;
		width: 68%!important;
		margin-bottom: 20px!important;
	}
	.home-txt-sx,
	.home-txt-dx {
		width: 100%;
		text-align: center;
		font-size: 18px;
		padding: 10px;
		margin: 0 auto;
		float: none;
	}
	.text-slides .minuscolo {
		font-size: 25px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block;
	}
	.text-slides {
		text-transform: uppercase!important;
		font-size: 22px;
		font-family: 'Raleway', sans-serif!important;
		line-height: 40px;
		font-weight: 400!important;
		width: 68%;
		height: auto;
		color: #ffffff;
		margin: 0 auto;
	}
	.social-media h4{
		font-size: 20px;
    	line-height: 25px;
		color: #ffffff;
		text-transform:none!important;
		display: block;
		margin-bottom: 4px;
	}
	a.header-down-arrow {
		margin-top: 0!important;
	}

}

@media only screen and (min-width: 361px) and (max-width: 374px) {

	.header .logo {
		width: 78%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 80px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}

	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 24px 16px;
		margin: 0 auto;
		width: 78%!important;
		margin-bottom: 36px!important;
	}
	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 24px 16px;
		margin: 0 auto;
		width: 78%!important;
		margin-bottom: 20px!important;
	}
	.home-txt-sx,
	.home-txt-dx {
		width: 100%;
		text-align: center;
		font-size: 20px;
		padding: 10px;
		margin: 0 auto;
		float: none;
	}
	.text-slides .minuscolo {
		font-size: 25px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block;
	}
	.text-slides {
		text-transform: uppercase!important;
		font-size: 25px;
		font-family: 'Raleway', sans-serif!important;
		line-height: 40px;
		font-weight: 400!important;
		width: 78%;
		height: auto;
		color: #ffffff;
		margin: 0 auto;
	}

}
@media only screen and (min-width: 375px) and (max-width: 419px) {

	.header .logo {
		width: 78%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 80px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}

	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 24px 16px;
		margin: 0 auto;
		width: 78%!important;
		margin-bottom: 36px!important;
	}
	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 24px 16px;
		margin: 0 auto;
		width: 78%!important;
		margin-bottom: 20px!important;
	}
	.home-txt-sx,
	.home-txt-dx {
		width: 100%;
		text-align: center;
		font-size: 20px;
		padding: 10px;
		margin: 0 auto;
		float: none;
	}
	.text-slides .minuscolo {
		font-size: 25px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block;
	}
	.text-slides {
		text-transform: uppercase!important;
		font-size: 25px;
		font-family: 'Raleway', sans-serif!important;
		line-height: 40px;
		font-weight: 400!important;
		width: 78%;
		height: auto;
		color: #ffffff;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 420px) and (max-width: 480px) {

	.header .logo {
		width: 78%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 180px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}
	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 24px 16px;
		margin: 0 auto;
		width: 78%!important;
		margin-bottom: 36px!important;
	}
	.home-txt-sx,
	.home-txt-dx {
		width: 100%;
		text-align: center;
		font-size: 25px;
		padding: 10px;
		margin: 0 auto;
		float: none;
	}

	.text-slides .minuscolo {
		font-size: 25px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block;
	}
	.text-slides {
		text-transform: uppercase!important;
		font-size: 30px;
		font-family: 'Raleway', sans-serif!important;
		line-height: 40px;
		font-weight: 400!important;
		width: 78%;
		height: auto;
		color: #ffffff;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 767px) and (max-width: 1023px ) {

	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 24px 16px;
		margin: 0 auto;
		width: 70%!important;
		margin-bottom: 36px!important;
	}
	.home-txt-sx,
	.home-txt-dx {
		width: 100%;
		text-align: center;
		font-size: 30px;
		padding: 10px;
		margin: 0 auto;
		float: none;
	}

	.text-slides .minuscolo {
		font-size: 30px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block;
	}

}

@media only screen and (min-width: 1200px) {

	.project.eight.columns.desc {
	width: 90%;
	height: auto;
}
}
@media only screen and (min-width: 1280px) and (max-width:1366px) {
	.header .logo {
		width: 30%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 120px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}
	.text-slides .minuscolo {
		font-size: 35px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block!important;
	}
	.text-slides {
		text-align: center;
	}

}
@media only screen and (min-width: 1366px) {

	.header .logo {
		width: 30%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 160px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}
	.header-text {
		background: rgba(0, 0, 0, .5);
		border-top: 0!important;
		border-bottom: 0!important;
		padding: 24px 16px;
		margin: 0 auto;
		width: 60%!important;
		margin-bottom: 36px!important;
	}
	.text-slides .minuscolo{
		font-size:30px;
		text-transform: lowercase!important;
		font-weight:200!important;
		display:inline-block;

	}
	.text-slides {
	}

	.home-txt-sx {

		text-align: left;
		font-size: 30px;
		padding: 10px;
		margin: 25px auto;
		float: left;
	}
	.home-txt-dx {

		text-align: right;
		font-size: 30px;
		padding: 10px;
		margin: 25px auto;
		float: right;
	}
}

@media only screen and (min-width: 1024px) and (max-width:1365px) {
	.header .logo {
		width: 30%!important;
		display: block;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		margin-top: 120px;
		margin-bottom: 0!important;
		margin-left: auto;
		margin-right: auto;
		line-height: 45px!important;
		background: rgba(0, 0, 0, .5);
		padding: 10px!important;
		text-align: center;
	}
	.text-slides .minuscolo {
		font-size: 35px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block;
	}
	.text-slides {
		text-align: center;
	}
}

@media only screen and (min-width: 1024px) and (orientation: portrait) {

	.text-slides .minuscolo{
		font-size:30px;
		text-transform: lowercase!important;
		font-weight:200!important;
	}
	.home-txt-sx,
	.home-txt-dx {
		width: 100%;
		text-align: center;
		font-size: 30px;
		padding: 10px;
		margin: 25px auto;
		float: none;
	}

	.text-slides .minuscolo {
		font-size: 35px;
		text-transform: lowercase!important;
		font-weight: 200!important;
		display: block!important;
	}
	.text-slides {
		text-transform: uppercase!important;
		font-size: 35px;
		font-family: 'Raleway', sans-serif!important;
		line-height: 40px;
		font-weight: 400!important;
		width: 78%;
		height: auto;
		color: #ffffff;
		margin: 0 auto;
	}

}