@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: "Gotham";
	src: url("../font/Gotham-Bold.eot"); /* IE9 Compat Modes */
	src: url("../font/Gotham-Bold.eot#iefix") format("embedded-opentype"),
		 url("../font/Gotham-Bold.woff") format("woff"),
		 url("../font/Gotham-Bold.woff2") format("woff2"),
    	 url("../font/Gotham-Bold.otf") format("opentype");
	font-weight: bold;
}

@font-face {
    font-family: "Gotham";
	src: url("../font/Gotham-Medium.eot"); /* IE9 Compat Modes */
	src: url("../font/Gotham-Medium.eot#iefix") format("embedded-opentype"),
		 url("../font/Gotham-font.woff") format("woff"),
		 url("../font/Gotham-font.woff2") format("woff2"),
    	 url("../font/Gotham-Medium.otf") format("opentype");
	font-weight: 600;
}

@font-face {
    font-family: "Gotham";
	src: url("../font/Gotham-Book.eot"); /* IE9 Compat Modes */
	src: url("../font/Gotham-Book.eot?#iefix") format("embedded-opentype"),
		 url("../font/GothamBook.woff") format("woff"),
		 url("../font/GothamBook.woff2") format("woff2"),
    	 url("../font/Gotham-Book.otf") format("opentype");
	font-weight: 300;
	/*font-style: normal;*/
}

@font-face {
    font-family: "Gotham";
	src: url("../font/Gotham-Light.eot"); /* IE9 Compat Modes */
	src: url("../font/Gotham-Light.eot#iefix") format("embedded-opentype"),
		 url("../font/Gotham-Light.woff") format("woff"),
		 url("../font/Gotham-Light.woff2") format("woff2"),
    	 url("../font/Gotham-Light.otf") format("opentype");
	font-weight: 200;
}
	
body, html {
	  height: 100%;
	  margin: 0px;
	  padding: 0px;
	  font-family: "Gotham", "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
	
p {
	margin: 0px;			
}

.line-white {
	position: absolute; 
	width: 1px; 
	height: 50px; 
	background-color: #ffffff; 
	left: 30%; 
	top: -50px;
}

.line-grey {
	position: absolute; 
	width: 1px; 
	height: 50px; 
	background-color: #c7c7c7; 
	left: 30%;
}

.banner-internal-pages {
	width: 100%;
	margin-top: 100px;
}



/* BLOCCO TESTO */ 

.main-container-text {
	height: auto;
	background-color: #fff;
	position: relative;
}

.container-text {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	height: 100%;
	display: table;
	box-sizing: border-box;
	position: relative;
}

.container-text-left {
	display: table-cell;
	width: 30%;
	box-sizing: border-box;
	padding: 100px 100px 20px 20px;
	vertical-align: top;
}

.container-text-left p {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 4px;
}

.container-text-right {
	display: table-cell; 
	width: 70%; 
	box-sizing: border-box; 
	padding: 100px 20px 50px 0px; 
	vertical-align: top;
}

.container-text-right h2 {
	font-weight: 200; 
	font-size: 38px; 
	margin-bottom: 30px; 
	margin-top: 0px;
}

.container-text-right > .people-image {
	/*float:left; */
	display:block; 
	height:260px; 
	width:260px; 
	/*cursor:pointer;*/
}

.container-text-right > #div1, .container-text-right > #div2, .container-text-right > #div3, .container-text-right > #div4, .container-text-right > #div5 {
	display:none; 
	position:relative; 
	top:20px; 
	width: 70%;
}

.container-text-right > #div1 > div {
	width: 260px;
	height: 8px;
	background-color: #c7c7c7;
	margin-bottom: 20px;
}

.container-text-right > .container-text-right-two-images-people {
	float: left; 
	margin-right: 20px;
}

.container-text-right > .container-text-right-two-images-people img {
	display: block;
	height: 260px;
	width: 260px;
	cursor: pointer;
}

.container-text-right > .container-text-right-two-images-people > #people-border, .container-text-right > .container-text-right-two-images-people > #people-border-biasio, .container-text-right-two-images-people > #people-border-al-maleh {
	width: 260px;
	height: 8px;
	background-color: #c7c7c7;
	margin-top: 20px;
	display: none;
}

.container-text-right .name-people, .container-text-right-two-images-people .name-people {
	margin-top:20px; 
	max-width: 260px; 
	position: relative;
}

.container-text-right .icon-plus-less {
	width: 100%; 
	max-width: 40px; 
	position: absolute; 
	top:0; 
	right: 0; 
	cursor: pointer;
}

.container-text-right-two-images-people .icon-plus-less {
	width: 100%; 
	max-width: 40px; 
	position: absolute; 
	top:0; 
	right: 0; 
	cursor: pointer; 
	height: auto !important;
}

.container-text-right-info {
	font-weight: 300; 
	margin-bottom: 30px;
}

.container-text-right-bold {
	font-weight: bold; 
	margin-bottom: 30px;
}

.container-text-right .show-more-container {
	display: table;
}

.container-text-right .show-more-icon {
	display: table-cell; 
	vertical-align: middle;
}

.container-text-right .show-more-icon img {
	max-width: 40px;
}

.container-text-right .show-more-text {
	display: table-cell; 
	vertical-align: middle; 
	font-weight: bold; 
	color: #c7c7c7; 
	padding-left: 20px; 
	font-size: 12px;
}

.container-studio-double-image, .container-studio-image {
	width: 100%; 
	margin:0 auto; 
	height: 100%; 
	display: table; 
	box-sizing: border-box; 
	position: relative;
}

.container-studio-double-image-left {
	display: table-cell; 
	width: 50%; 
	box-sizing: border-box; 
	vertical-align: top; 
	padding: 20px 10px 20px 0;
}

.container-studio-double-image-right {
	display: table-cell; 
	width: 50%; 
	box-sizing: border-box; 
	vertical-align: top; 
	padding: 20px 0 20px 10px;
}

.container-studio-image-center {
	display: table-cell; 
	width: 100%; 
	box-sizing: border-box; 
	vertical-align: top;
}

.container-text-right-contacts {
	display: table-cell; 
	width: 70%; 
	box-sizing: border-box; 
	padding: 100px 20px 50px 0px; 
	vertical-align: top;
}

.container-text-right-contacts h2 {
	font-weight: 200; 
	font-size: 38px; 
	margin-bottom: 30px; 
	margin-top: 0px;
}

.container-text-right-contacts p {
	color: #000; 
	font-size: 16px; 
	font-weight: 300; 
	margin-bottom:20px;
}

.container-text-right-contacts a {
	text-decoration: none; 
	color: #c7c7c7;
}

.container-text-right > .flex-container {
	display: flex;
  	flex-wrap: wrap;
	margin-bottom: 30px;
}

.container-text-right > .flex-container > div {
	width: 16.66%;
 	padding: 10px;
  	text-align: center;
  	line-height: 75px;
  	font-size: 30px;
  	box-sizing: border-box;
}

.container-text-right > .flex-container > div > img {
	width: 100px;
}

/* FINE BLOCCO TESTO */



/* BLOCCO IMG PARALLAX */


/* HP */

.section-1-homepage {
  background-image: url('../img/Torino-Design-Atrium.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.video-container {
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%;
}

.video-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}

.section-2-homepage {
  background-image: url('../img/Torino-Design-Atrium-view.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section-3-homepage {
  background-image: url('../img/Torino-Design-Entrance-night-view.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section-4-homepage {
  background-image: url('../img/Torino-Design-Activities-background-HP.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section-5-homepage {
  background-image: url('../img/Torino-Design-people-open-space-background-HP.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section-6-homepage {
  background-image: url('../img/Torino-Design-Villa-Gualino-Fly-View.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section-7-homepage {
  background-image: url('../img/Torino-Design-Zen-Garden.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section-8-homepage {
  background-image: url('../img/Torino-Design-Waiting-Room.jpg');
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/* ABOUT */

.section-1-about {
  background-image: url('../img/Torino-Design-Atrium.jpg');
  height: 100%; 
 /* background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* STUDIO */

.section-1-studio {
  background-image: url('../img/1_Studio_Villa_Gualino.jpg');
  height: 100%; 
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* CONTACTS */

.section-1-contacts {
  background-image: url('../img/A.P.-008-sala-dattesa_7180.jpg');
  height: 100%; 
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* ACTIVITIES */

.section-1-activities {
  background-image: url('../img/1_prova sala virtuale doppia.jpg');
  height: 100%; 
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* PEOPLE */

.section-1-people {
  background-image: url('../img/people-open-space.jpg');
  height: 100%; 
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* CUSTOMERS */

.section-1-customers {
  background-image: url('../img/1_Studio_Villa_Gualino.jpg');
  height: 100%; 
  /*background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




/* FINE BLOCCO IMG PARALLAX */


.space-video {
	width: 100%;
	height: 100px;
}

.people-aam-mobile {
	display: none;
}

/* FOOTER */

.footer-main-container {
	height: auto; 
	background-color: #fff; 
	border-top: 1px solid #c7c7c7;
	position: relative;
}

.footer-container {
	width: 100%; 
	max-width: 1366px; 
	margin:0 auto; 
	height: 100%; 
	display: table; 
	box-sizing: border-box; 
	position: relative;
}

.footer-container-left {
	display: table-cell; 
	width: 30%; 
	box-sizing: border-box; 
	/*padding: 73px 50px 20px 50px; */
	vertical-align: top; 
	text-align: center;
}

.footer-container-right {
	display: table-cell; 
	width: 70%; 
	box-sizing: border-box; 
	padding: 20px 20px 20px 10px; 
	vertical-align: top;
}

.footer-container-right p {
	font-weight: 200; 
	font-size: 16px; 
	margin-bottom: 30px;
	margin-top: 6px;
}

.footer-container-right a {
	color: #c7c7c7; 
	text-decoration: none;
}

.footer-line-grey {
	position: absolute; 
	width: 1px; 
	height: 50px; 
	background-color: #c7c7c7; 
	left: 30%; 
	bottom: 0;
}

/* FINE FOOTER */

.container-text.cookie-policy {
	margin-top: 50px;
}

.more-text-no-padding {
	padding: 0px 10px 10px 10px !important;
}

.more-text-padding {
	margin-top: 10px;
}

@media screen and (max-width: 1920px) {

	
	.section-5-homepage {
	  background-image: url('../img/people-open-space-2.jpg');
	  height: 100%; 
	  background-attachment: fixed;
	  background-position: top;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;
	}
}



@media screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
  .section-2-homepage, .section-3-homepage, .section-4-homepage, .section-5-homepage, .section-6-homepage, .section-7-homepage, .section-8-homepage {
 	background-attachment: scroll !important;
    overflow: hidden;
	}
}




@media screen and (max-width: 1023px) {
	.space-video {
		height: 90px;
	}
	
	.section-5-homepage {
	  background-image: url('../img/people-open-space.jpg');
	  /*height: 100%; 
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;*/
	}
	.container-text-left {
	padding: 100px 20px 20px 20px;
	}
	
	.container-text-right > .flex-container > div {
		width: 33%;
	}
	
	.container-text-right > .people-image {
		margin: 0 auto;
	}
	
	.people-aam {
		display: none;
	}
	
	.people-aam-mobile {
		display: block;
		padding-top: 20px;
	}
	
	.container-text-right > .container-text-right-two-images-people {
		float: inherit;
		text-align: center;
		margin-bottom: 20px;
		margin-right: 0px;
	}
	
	.container-text-right > .container-text-right-two-images-people img {
		margin: 0 auto;
	}
	
	.container-text-right .name-people, .container-text-right-two-images-people .name-people {
		margin: 0 auto;
		text-align: center;
	}
	
	.container-text-right .icon-plus-less {
		position: relative; 
		top: 20px; 
	}
	
	.container-text-right > .name-people > p, .container-text-right > .container-text-right-two-images-people > .name-people > p {
		margin-top: 20px;
	}
	
	.container-text-right > #div1 > div {
		width: 100%;
	}
	
	.container-text-right > #div1, .container-text-right > #div2, .container-text-right > #div3, .container-text-right > #div4, .container-text-right > #div5 {
		width: 100%;
		/*top: 0px;*/
		
	}
	
	.container-text-right > #div1 {
		margin-top: 20px;
	}
	
	.container-text-right > #div2 {
		margin-top: -20px;
	}
	
	div#people-border-biasio {
		margin: 0 auto;
		width: 100% !important;
		margin-top: 40px !important;
	}
	
	.banner-internal-pages {
		margin-top: 95px;
	}
}


@media screen and (max-width: 767px) {
	.line-white {
		display: none;
	}

	.line-grey {
		display: none;
	}
	
	.section-1-homepage, .section-2-homepage, .section-3-homepage, .section-4-homepage, .section-5-homepage, .section-6-homepage, .section-7-homepage, .section-8-homepage, .section-1-about, .section-1-studio, .section-1-activities, .section-1-people, .section-1-customers, .section-1-contacts {
		width: 100%;
		height: 318px;
		margin-top: 120px;
	}
	
	.section-1-homepage, .section-2-homepage, .section-3-homepage, .section-4-homepage, .section-5-homepage, .section-6-homepage, .section-7-homepage, .section-8-homepage {
		background-attachment: inherit;
	}
	
	.section-2-homepage, .section-3-homepage, .section-4-homepage, .section-5-homepage, .section-6-homepage, .section-7-homepage, .section-8-homepage {
		margin-top: 0px;
	}
	
	.container-text-left {
		display: block;
		width: 100%;
		padding: 30px;
		text-align: center;
	}
	
	.container-text-right {
		display: block;
		width: 100%;
		padding: 30px;
		text-align: center;
	}
	
	.container-text-right .show-more-container {
		margin: 0 auto;
	}
	
	.container-text-right-contacts {
		display: block;
		width: 100%;
		padding: 30px;
		text-align: center;
	}
	
	.container-text-right > .container-text-right-two-images-people {
		float: inherit;
		margin-bottom: 20px;
	}
	
	.container-text-right > .people-image, .container-text-right > .container-text-right-two-images-people > .people-image {
		margin: 0 auto;
	}
	
	.accordion-container li {
		list-style: none;
	}
	
	.container-text-right > .flex-container > div {
		width: 100%;
	}
	
	.container-text-right > #div1, .container-text-right > #div2, .container-text-right > #div3, .container-text-right > #div4, .container-text-right > #div5 {
		width: 100%;
		/*top: 0px;*/
	}
	
	.container-text-right > .container-text-right-two-images-people > #people-border, .container-text-right > .container-text-right-two-images-people > #people-border-biasio, .container-text-right-two-images-people > #people-border-al-maleh {
		width: 100%;
	}
	
	.container-text-right > .container-text-right-two-images-people {
		margin-right: 0px;
	}
	
	.container-text-right > #div1 > div {
		width: 100%;
	}
	
	.container-studio-double-image-left {
		padding: 6px 3px 6px 0;
	}

	.container-studio-double-image-right {
		padding: 6px 0 6px 3px;
	}
	
	.container-text-right .name-people, .container-text-right-two-images-people .name-people {
		margin: 0 auto;
		margin-top:20px;
	}

	.container-text-right-two-images-people .icon-plus-less {
		position: relative; 
		top: 20px;
		margin: 0 auto;
	}
	
	.footer-line-grey {
		display: none;
	}
	
	.footer-container-left {
		display: none;
		width: 100%;
		padding: 30px;
		text-align: center;
	}
	
	.footer-container-right {
		display: block;
		width: 100%;
		padding: 30px;
		text-align: center;
	}
	
	.footer-container-right p {
		margin-bottom: 0px;
	}
	
	.footer-container-right > p > span {
		display: block;
	}
	
	.footer-container-right > p > span.line {
		display: none;
	}
	
	.cookie-policy > .container-text-left {
		margin-top: 90px;
	}
	
	.container-text.cookie-policy {
		margin-top: inherit;
	}
} 

@media screen and (max-width: 360px) {
	.space-video {
		height: 75px;
	}
	
	.banner-internal-pages {
		margin-top: 75px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .section-5-homepage {
	  background-image: url('../img/people-open-space.jpg');
	  height: 100%; 
	  background-attachment: fixed;
	  background-position: top;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;
	}
	
	.section-4-homepage {
	  background-image: url('../img/activities-background.jpg');
	  height: 100%; 
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;
	}
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .container-text-right > .flex-container {
	display: table;
  	flex-wrap: wrap;
	margin-bottom: 30px;
	}

	.container-text-right > .flex-container > div {
		/*width: 16.66%;
		padding: 10px;
		text-align: center;
		line-height: 75px;
		font-size: 30px;
		box-sizing: border-box;*/
		display: inline-block;
	}
}