@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400');

/* CSS Document */
/*------------------------------------------------------
CSS Created:	11/04/2017
CSS Author:		Alessandro Avallone
---------------------------------------------* GENERAL */

html, body {
	padding:0;
	margin:0;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-style:normal;
}

body.intro {
	overflow:hidden;
}

body.inner {
	overflow:auto;
}

a {
	text-decoration:none;
}

.animatedFast {
	/* */
    -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
    -o-transition:all 0.25s ease-out;
    -ms-transition:all 0.25s ease-out;
    transition:all 0.25s ease-out;
}

.animatedMedium {
	/* */
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}

.animatedSlow {
	/* */
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    transition:all 1s ease-out;
}

.clearfix::before,
.clearfix::after {
	content:"";
	display:table;
	clear:both;	
}

.wrapper {
	margin:0 auto;
	position:relative;
	width:100%;
}

.centered {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
}

.loading {
	width:100vw;
	height:100vh;
	position:fixed;
	z-index:1000;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.5);
	background-image:url(../images/svg/spin.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:25%;
	display:none;
}

.desktop {
	display:none;
}

.mobile {
	display:none;
}

.slab {
	font-family: 'Roboto Slab', serif;	
}


.red {
	color:#9a1014;
}	

.blu {
	color:#0096ff;	
}

.green {
	color:#40c79a;
}

/*---------------------------------------------* INTRO */

#intro .logo {
	position:fixed;
	top:0;
	left:20%;
	transform:translateX(-50%);
	z-index:100;
}

#intro .logo img {
	width:200px;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1.00);
	-webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);	
}

#intro .half {
	width:100%;
	height:60vh;
	position:relative;
	overflow:hidden;
	z-index:1;
	transform: skewY(-5deg);
	transform-origin:top left;	
}

#intro .half:before {
	width:100vw;
	height:100vh;
	content:"";
	position:absolute;
	left:0;
	z-index:-1;
	transform-origin:top left;	
	background-size:cover;
	background-position:center;	
	transform:translateY(0);
    transition:all 0.5s ease-out;
	opacity:1;		
}

#intro .half.overlay:before {
	opacity:0;
}

#intro .half:after {
	width:100%;
	height:100%;
	content:"";
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(193,35,38,1.00);
	z-index:100;
	transform:translateY(0);
    transition:all 0.5s ease-out;	
}

#intro .half.halfPrivate {
	background-color:#0096ff;
}

#intro .half.halfPublic {
	background-color:#40c79a;
}

#intro .half.halfPrivate.disappear:after {
	transform:translateY(-60vh);
}

#intro .half.halfPublic.disappear:after {
	transform:translateY(60vh);
}

#intro .half h2 {
	font-size:2.4rem;
	margin:2rem 0;
	font-weight:normal;
}

#intro .half.halfPrivate h2 {
	color:rgba(255,255,255,1.00);
}

#intro .half.halfPublic h2 {
	color:rgba(0,0,0,1.00);
}

#intro .half.halfPrivate:before {
	background-image:url(../images/intro/private.jpg);
}

#intro .half.halfPublic:before {
	background-image:url(../images/intro/public.jpg);
}

#intro .half .content {
	position:fixed;
	transform: skewY(5deg);
	transform-origin:top left;		
}

#intro .half.halfPrivate .content {
	top:40%;	
	right:20%;
}

#intro .half.halfPublic .content {
	top:20%;
	left:20%;
}

#intro .half .enterButton {
	width:120px;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1.00);
	padding:1rem;
	text-align:center;
	font-size:1rem;
}

#intro .half .enterButton:after {
	width:50px;
	height:40px;
	content:"";
	position:absolute;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:100;
	left:-25px;
	top:50%;
	transform:translate(0, -50%);
    transition:all 0.5s ease-out;
	cursor:pointer;
}

#intro .half.halfPrivate .enterButton:after {
	background-image:url(../svg/arrow--blu.svg);
}

#intro .half.halfPublic .enterButton:after {
	background-image:url(../svg/arrow--green.svg);
}

#intro .half .enterButton:hover:after {
	transform:translate(-25px, -50%);	
}

#intro .half.halfPrivate .enterButton a {
	color:#0096ff;	
}

#intro .half.halfPublic .enterButton a {
	color:#40c79a;
}

/*---------------------------------------------* HEADER */

header {
	width:100%;
	height:150px;
	position:fixed;
	z-index:1000;
	left:0;
	top:0;
	background-color:rgba(255,255,255,1.00);
	/* */
	-webkit-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.1);	
}

header.slideDown {
	height: 600px;	
}

header ul {
	margin:0;
	padding:0;
	list-style:none;
}

header .x3 {
	width:33%;
	float:left;
}

header .x3:nth-of-type(2) {
	width:34%;
}

header .littleMenu {
	height: 50px;
	box-sizing:border-box;
	padding:1rem 0;
	background-color:#9a1014;
}

header .littleMenu li {
	font-size:0.8rem;
	float:right;
	margin-right:3rem;
}

header .littleMenu li a {
	color:rgba(255,255,255,1.00);
}

header .main {
	box-sizing:border-box;
	height:100px;
	position:relative;
	display:flex;
}

header .main .logo {
	text-align:center;
}

header .main .logo img {
	height:60px;
}

header .main .logo a {
    display: block;
    text-align: center;
    padding: 50px;
    margin-top: -60px;
    background-color: white;
    height: 60px;
}

/*---------------------------------------------* BIGMENU */

nav.bigMenu {
	position: fixed;
	left: 0;
	top: 150px;
	z-index: 1000;
	width: 100%;
	height: 450px;
}

nav.bigMenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

nav.bigMenu .area {
	width: 50%;
	padding: 40px;
	height: inherit;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
}

nav.bigMenu .area h2 {
	font-size: 36px;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;	
	margin-top:0;
	text-transform: capitalize;
}

nav.bigMenu .area:nth-of-type(odd) h2 {
	color:#0096ff;	
}

nav.bigMenu .area:nth-of-type(even) h2 {
	color:#40c79a;	
}

nav.bigMenu .area h3 {
	font-size: 30px;
	font-weight: 300;
	margin-top:0;
}

nav.bigMenu .area:nth-of-type(odd) {
	float: left;
	background-color: #f2f2f2;
	transform: translateX(-40px);
}

nav.bigMenu .area:nth-of-type(even) {
	float: right;
	background-color: #fafafa;
	transform: translateX(40px);	
}

nav.bigMenu {
	visibility: hidden;	
}

nav.bigMenu .area .subArea {
	width: 48%;
	margin-right: 2%;
	float: left;
}

nav.bigMenu .area .subArea ul li {
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 18px;
	font-weight: 300;
	position: relative;
}

nav.bigMenu .area .subArea ul li:before {
	content: "";
	position: absolute;
	z-index: 90;
	top: 50%;
	left: 0;
	width: 20px;
	height: 1px;
	background-color:rgba(0,0,0,0.2);	
}

nav.bigMenu .area .subArea ul li a {
	color: black;
}

nav.bigMenu.slideDown {
	visibility: visible;	
}

nav.bigMenu.slideDown .area {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition-delay: 0.25s;
}

/*---------------------------------------------* CONTENT */

#inner .content {
	margin-top:150px
}
	
#inner .content .x4 {
	width:33%;
}

#inner .content .x6 {
	width:50%;
	height:530px;
	position:relative;
}

#inner .content .x8 {
	width:67%;
	height: 33%;
}

#inner .content .x4:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#inner .content section {
	position:relative;
	overflow: hidden;
}

/*---------------------------------------------* CONTENT --> DIAGONAL */

#inner .content .diagonal {
	position:absolute;
	z-index:100;
	width:20%;
	height:1px;
	border-bottom:2px solid rgba(0,0,0,1.00);
	transform:rotate(-45deg);	
}

#inner .content .diagonal.diagonalTop {
	top:30%;
	right:10%;
	transform-origin:left center;	
}

#inner .content .diagonal.diagonalBottom {
	bottom:30%;
	left:10%;
	transform-origin:right center;
}

#inner .content .hero .diagonal {
	border-color:rgba(255,255,255,1.00);
}

#inner .content section .diagonal {
	border-color:rgba(0,0,0,1.00);
}

/*---------------------------------------------* CONTENT --> ITEM TITLE */

#inner .content section:nth-of-type(even) .itemTitle {
	float:left;
}
	
#inner .content section:nth-of-type(odd) .itemTitle {
	float:right;
}

#inner .content section .itemTitle {
	position:relative;
}

#inner #contentPublic section .itemTitle {
	background-color:rgba(100,207,169,0.25);
}

#inner #contentPrivate section .itemTitle {
	background-color:rgba(0,150,255,0.25);
}

#inner #contentProfile section .itemTitle {
	background-color:rgba(154,16,20,0.25);
}

#inner .content section .itemTitle h3 {
	width:80%;
	text-align:center;
	position:absolute;
	z-index:100;
	top:50%;
	left:10%;
	transform:translateY(-50%);
	margin:0;
	padding:0;
	font-size:2rem;	
	font-weight:300;
	line-height:3rem;
}

/*---------------------------------------------* CONTENT --> ITEM IMAGE */

#inner .content section .itemImage {
	background-position:center;
	background-repeat:no-repeat;
}

#inner .content section .itemImage.x6 {
	width:50%;
	background-position:center;
	background-size:cover;
	background-blend-mode:soft-light;
}

#inner .content section:nth-of-type(odd) .itemImage.x6 {
	float:right;
	cursor: pointer;	
}

#inner .content section:nth-of-type(even) .itemImage.x6 {
	float:left;
}

#inner .content section:nth-of-type(odd) .itemImage.x4 {
	float:left;
}

#inner .content section:nth-of-type(even) .itemImage.x4 {
	float:right;
}

#inner .content section .itemImage.x4 {
  background-blend-mode:soft-light;
  background-size:cover;
}

#inner .content section .itemImage.gallery .thumb {
	width:50%;
	height:100%;
	float:left;
	background-position:center;
	background-size:cover;	
}

#inner .content section .itemImage.gallery .thumb:nth-of-type(1) {
	border:1px solid white;
	box-sizing:border-box;
}

/*---------------------------------------------* CONTENT --> ITEM INTRO */

#inner .content section .itemIntro {
	box-sizing:border-box;
	padding:4rem;
}

#inner .content section .itemIntro .introWrapper {
	position: relative;
	height: 100%;
}

#inner .content section .itemIntro p.title {
	font-size:1.8rem;
	line-height:1.8rem;	
}

#inner .content section .itemIntro p.title:before,
#inner .content section .itemIntro p.title:after {
	content:"";
	width:70px;
	height:5px;	
	position:absolute;
}

#inner #contentPublic section .itemIntro p.title:before,
#inner #contentPublic section .itemIntro p.title:after {
	background-color:#40c79a;
}

#inner #contentPrivate section .itemIntro p.title:before,
#inner #contentPrivate section .itemIntro p.title:after {
	background-color:#0096ff;
}

#inner .content #area section .itemIntro p.title:before {
    top: calc(50% - 6px);
}

#inner .content #area section .itemIntro p.title:after {
    bottom: calc(50% - 6px);
}

#inner .content section .itemIntro p.title {
	font-size:1.4rem;
	line-height:1.8rem;	
	opacity:1;
	font-weight: 500;
	text-transform: uppercase;
}

#inner .content #area section .itemIntro.x4 p.title {
    font-size: 1rem;
}

#inner .content section .itemIntro p.intro {
	overflow: hidden;
}

#inner .content section .itemIntro.x4 p.more,
#inner .content section .itemIntro.x6 p.more {
	position:relative;
	z-index:100;
	bottom:0;
	padding-left:4rem;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1.00);
	font-size:1rem;
	top:1rem;
	text-transform: uppercase;	
}

#inner .content section .itemIntro p.more:after {
	width:50px;
	height:40px;
	content:"";
	position:absolute;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:100;
	left:0px;
	top:50%;
	transform:translate(0, -50%);
    transition:all 0.5s ease-out;
	cursor:pointer;
}

#inner #contentPrivate section .itemIntro p.more:after {
	background-image:url(../svg/arrow--blu.svg);
}

#inner #contentPublic section .itemIntro p.more:after {
	background-image:url(../svg/arrow--green.svg);
}

#inner .content section .itemIntro p.more:hover:after {
	transform:translate(-25px, -50%);	
}

#inner #contentPrivate section .itemIntro p.more a {
	color:#0096ff;	
}

#inner #contentPublic section .itemIntro p.more a {
	color:#40c79a;
}

/*---------------------------------------------* CONTENT --> ITEM INTRO --> x4 */

#inner .content section .itemIntro.x4 {
	position:absolute;
	z-index:100;
	top:0;
	left:33.5%;
	right:33.5%;
	height: 33vw;
}

#inner .content section .itemIntro.x4 p {
	position:relative;
	z-index:100;
}

#inner .content section .itemIntro.x4 p.title {
	margin:0;
	padding-left:80px;
}

#inner .content section .itemIntro.x4 p.title:before,
#inner .content section .itemIntro.x4 p.title:after {
	left:0;
}

#inner .content section .itemIntro.x4 p.subtitle {
	font-size: 1.2rem;
	text-transform: uppercase;
}

#inner .content section .itemIntro.x4 p.intro {

}

/*---------------------------------------------* CONTENT --> ITEM INTRO --> x6 */

#inner .content section:nth-of-type(odd) .itemIntro.x6  {
	float:left;
}

#inner .content section:nth-of-type(even) .itemIntro.x6  {
	float:right;
}

#inner .content section .itemIntro.x6 p.title {
	box-sizing:border-box;
	position:relative;
	z-index:100;
	background-color:rgba(255,255,255,1.00);
	padding-top:20px;
	padding-bottom:20px;
}

#inner .content section .itemIntro.x6 p.title:after {
	top: calc(50% - 5px);
}

#inner .content section .itemIntro.x6 p.title:before {
    top: calc(50% - -2px);
}

#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title:after,
#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title:before {
	right:30px;
}

#inner .content section:nth-of-type(even) .itemIntro.x6 p.title:after,
#inner .content section:nth-of-type(even) .itemIntro.x6 p.title:before {
	left:30px;
}


#inner .content section .itemIntro.x6 .others  {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 20px;
	height: 15%;
}

#inner .content section .itemIntro.x6 .others .date {
	font-size: 0.8rem;
	line-height: 0;
	padding: 0.2rem;
	color: rgba(0,0,0,0.6);
	background-color: rgba(0,0,0,0.1);
}

#inner .content section .itemIntro.x6 p.breadcrumbs {
	font-size: 0.8rem;
}
	
#inner .content section .itemIntro.x6 p.breadcrumbs a {
	font-weight: 700;

}
	
#inner #contentPublic section .itemIntro.x6 p.breadcrumbs a {
    color: #40c79a;

}
	
	
#inner #contentPrivate section .itemIntro.x6 p.breadcrumbs a {
    color: #0096ff;

}

/*---------------------------------------------* CONTENT --> HERO */

#inner .content .hero {
	width:100%;
	position:relative;
}

#inner .content #list .hero {
	height:280px;
}

#inner .content #single .hero {
	height:280px;
}

#inner .content .hero:after {
	content:"";
	position:absolute;
	z-index:90;
	left:0;
	bottom:0;
	width:100%;
	height:60px;
	background-image:url(../images/layout/hero--skew.png);
	background-position:center;
}

#inner .content .hero .badge {
	position:absolute;
	z-index:100;
	width:280px;
	height:280px;
	left:calc((100% - 280px) / 2);
}

#inner #contentPrivate .hero .badge {
	background-color:#0096ff;
}

#inner #contentPublic .hero .badge {
	background-color:#40c79a;
}

#inner #contentProfile .hero .badge {
	background-color:#9a1014;
}

#inner .content .hero .badge .title {
	position:absolute;
	width:100%;
	text-align:center;
	color:rgba(255,255,255,1.00);
	top:50%;
	transform:translateY(-50%);
}

#inner .content .hero .badge .title a {
	color:rgba(0,0,0,1.00);
}

#inner .content .hero .badge .title h1,
#inner .content .hero .badge .title h2 {
	font-weight:300;
	line-height:1.8rem;
	margin:0;
	padding:0 1rem;
}

#inner .content section:nth-of-type(odd) .itemIntro.x6.expand p.title,
#inner .content section:nth-of-type(even) .itemIntro.x6.expand p.title{
	width: 100%;
    padding-right:0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	right: 0;
	left: 0;
}

#inner .content .itemIntro.expand .title:before,
#inner .content .itemIntro.expand .title:after {
	display: none;	
}

#inner .content .itemIntro .intro {
	display: block;
	text-align: justify;
}

#inner .content .itemIntro.expand .intro {
	display: none;
}

#inner .content .itemIntro .description {
	display: none;		
}

#inner .content .itemIntro.expand .description {
	display: block;
}

#inner .content .itemIntro.expand {
	width: 100%;
	height: auto;
}

#inner .content section .itemImage.x6.collapse {
	width: 0%;
	height: 536px;
	overflow: hidden;
}

/*---------------------------------------------* CONTENT --> LIST */

#inner .content #list section:first-of-type {
	margin-top:6rem;
}

#inner #contentPrivate #list .hero {
	background-color:rgba(0,150,255,0.25);
}

#inner #contentPublic #list .hero {
	background-color:rgba(100,207,169,0.25);
}

#inner #contentProfile #list .hero {
	background-color:rgba(154,16,20,0.25);
}

#inner .content #list section .itemImage.x6 {
	height:530px;
}

#inner .content #list section.intro {
	width: 60%;
	margin: 80px auto;
	font-size: 1.2rem;
	line-height: 1.8rem;
	text-align:justify;
}

/*---------------------------------------------* CONTENT  --> SINGLE */

#inner .content #single section:first-of-type {
	margin:2rem 0 0 0;
}

#inner .content #single .hero {
	background-position:center;
	background-size:cover;
	background-blend-mode:soft-light;
}

#inner .content #single .itemIntro.x6 p.more {
	bottom:0;
	position: relative;
}

#inner .content #single #map {
	float:right;
}

#inner .content #single #map:after {
    content: "";
    display: block;
    padding-top: 49.25%;
}

#inner .content #single section.grey {
	background-color: rgba(0,0,0,0.05);
}

#inner .content #single #orderedList {
	padding:4rem;
	box-sizing:border-box;
}

#inner .content #single #orderedList ul {
	list-style:none;
	margin:0;
	padding:0;
}

#inner .content #single #orderedList ul li {
	float: left;
	width: 30%;
	margin-right: 3%;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding:1rem 2rem;
	position:relative;
	cursor:pointer;
	box-sizing:border-box;
}

#inner .content #single #orderedList ul li:after {
	width:25px;
	height:20px;
	content:"";
	position:absolute;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:100;
	left:0px;
	top:50%;
	transform:translate(-25px, -50%);
    transition:all 0.5s ease-out;
	cursor:pointer;
	opacity:0;
}

#inner #contentPrivate #single #orderedList ul li:after {
	background-image:url(../svg/arrow--blu.svg);
}

#inner #contentPublic #single #orderedList ul li:after {
	background-image:url(../svg/arrow--green.svg);
}

#inner #contentProfile #single #orderedList ul li:after {
	background-image:url(../svg/arrow--red.svg);
}

#inner #contentPublic #single #orderedList ul li:hover {
	background-color:rgba(100,207,169,0.25);	
}

#inner #contentPrivate #single #orderedList ul li:hover {
	background-color:rgba(0,150,255,0.25);	
}

#inner .content #single #orderedList ul li:hover:after {
	opacity:1;
	transform:translate(0, -50%);	
}

#inner .content #single #orderedList ul li a {
	color:#9a1014;
}

/*---------------------------------------------* FOOTER */

footer .navigation {
	background-color:#463d3d;
}

footer .x4 {
	width:33%;
	box-sizing:border-box;
	padding:4rem;
	float:left;
	position:relative;
	color:rgba(255,255,255,1.00);
	font-size:0.8rem;
}

footer .x4:nth-of-type(2) {
	width:34%;
	background-color:#313131;
}

footer .x4 ul {
	margin:0;
	padding:0;
	list-style:none;
}

footer .x4 ul li {
	position:relative;
	padding:0 0 0 2rem;
	margin-bottom:1rem;
}

footer .x4 ul li a {
	color:rgba(255,255,255,0.4);
}

footer .x4 ul li:before {
	content:"";
	position:absolute;
	z-index:100;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1rem;
	height:1px;
	border-top:1px solid rgba(255,255,255,0.2);
}

footer .x4 h3 {
	font-size:1.6rem;
	font-weight:300;
	color:#b0b0b0;
	margin-top:0;
}

footer .x4:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:10px;
}
		
footer .x4:nth-of-type(1):after {
	background-color:#9a1014;
}

footer .x4:nth-of-type(2):after {
	background-color:#0096ff;	
}

footer .x4:nth-of-type(3):after {
	background-color:#40c79a;
}

footer .credits {
	text-align:center;
	padding:1rem 0;
	font-size:0.6rem;
}

/*---------------------------------------------------------------------- */
/*---------------------------------------------* MEDIA QUERY [ WIDE ]    */
/*---------------------------------------------------------------------- */

@media screen and (min-width:1680px) {
	
html, body {
	font-size:16px
}

.desktop {
	display:block;
}
	
#inner .content section .itemIntro {
    box-sizing: border-box;
    padding: 4rem;
}

#inner .content section .itemIntro.x4 p.intro {
    height: 160px;
    overflow: hidden;
}
	
#inner .content section .itemIntro.x6 p.title {
	width: calc(100% + 120px);
}

#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title {
	padding-right:140px;
}

#inner .content section:nth-of-type(even) .itemIntro.x6 p.title {
    right: 90px;
    padding-left: 140px;
    margin-left: -20px;
}

#inner .content section .itemIntro p.intro	{
	height: 160px;	
}	
	
#inner .content section .itemIntro p.intro,
#inner .content section .itemIntro .description	{
    font-size: 1rem;
    line-height: 2rem;
}


}

/*---------------------------------------------------------------------- */
/*---------------------------------------------* MEDIA QUERY [ LARGE ]   */
/*---------------------------------------------------------------------- */

@media screen and (min-width:1366px) and (max-width:1679px) {
	
html, body {
	font-size:16px;
}
	
.desktop {
	display:block;
}	

#inner .content section .itemIntro {
    box-sizing: border-box;
    padding: 2rem;
}	
	
#inner .content section .itemIntro.x4 p.intro {
    height: 150px;
    overflow: hidden;
}
	
#inner .content section .itemIntro.x6 p.title {
	width: calc(100% + 90px);
}

#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title {
	padding-right:140px;
}

#inner .content section:nth-of-type(even) .itemIntro.x6 p.title {
    right: 90px;
    padding-left: 140px;
    margin-left: -20px;
}
	
#inner .content section .itemIntro p.intro {
    font-size: 1rem;
    line-height: 1.6rem;
}
	
#inner .content section .itemIntro p.intro	{
	height: 200px;	
}	
	
}

/*---------------------------------------------------------------------- */
/*------------------------------------------* MEDIA QUERY [ MEDIUM ]     */
/*---------------------------------------------------------------------- */

@media screen and (min-width:1200px) and (max-width:1365px) {
	
html, body {
	font-size:16px;
}
	
.desktop {
	display:block;
}	

#inner .content section .itemIntro {
    box-sizing: border-box;
    padding: 2rem;
}	
	
#inner .content section .itemIntro.x4 p.intro {
    height: 76px;
    overflow: hidden;
}
	
#inner .content section .itemIntro.x6 p.title {
	width: calc(100% + 90px);
}

#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title {
	padding-right:140px;
}

#inner .content section:nth-of-type(even) .itemIntro.x6 p.title {
    right: 90px;
    padding-left: 140px;
    margin-left: -20px;
}	
	
#inner .content section .itemIntro p.intro,
#inner .content section .itemIntro .description {
    font-size: 1rem;
    line-height: 1.6rem;
}

#inner .content section .itemIntro p.intro	{
	height: 200px;	
}	
	
}

/*---------------------------------------------------------------------- */
/*------------------------------------------* MEDIA QUERY [ SMALL ]      */
/*---------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1199px) {
	
html, body {
	font-size:16px;
}
	
.desktop {
	display:block;
}
	
nav.bigMenu .area {
    padding: 20px;
}
	
nav.bigMenu .area .subArea {
    width: 48%;
    margin-right: 2%;
}
	
nav.bigMenu .area .subArea ul li:before {
    width: 20px;
}	

nav.bigMenu .area h2 {
    font-size: 32px;
}

nav.bigMenu .area h3 {
    font-size: 24px;
}	
	
#inner .content section .itemIntro {
    box-sizing: border-box;
    padding: 2rem;
}
	
#inner .content section .itemIntro p.intro,
#inner .content section .itemIntro .description {
    font-size: 1rem;
    line-height: 1.6rem;
}
	
#inner .content section .itemIntro p.intro {
    height: 200px;
}	
	
nav.bigMenu .area .subArea ul li {
    font-size: 16px;
    padding-left: 30px;	
}	
	
#inner .content section .itemIntro.x4 p.intro {
	display: none;
}
	
#inner .content section .itemIntro.x6 p.title {
	width: calc(100% + 90px);
}

#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title {
	padding-right:140px;
}

#inner .content section:nth-of-type(even) .itemIntro.x6 p.title {
    right: 90px;
    padding-left: 140px;
    margin-left: -20px;
}	
	
#inner .content section .itemIntro p.intro {
    font-size: 1rem;
    line-height: 1.6rem;
}
	
footer .x4 {
    padding: 2rem;
}
	
footer .x4 h3 {
    font-size: 1.6rem;
}	
	
	
}


/*---------------------------------------------------------------------- */
/*------------------------------------------* MEDIA QUERY [ MOBILE ]     */
/*---------------------------------------------------------------------- */

@media screen and (max-width:1023px) {
	
html, body {
	font-size:16px;
}
	
body.menu {
	overflow: hidden;
}	
	
.desktop {
	display:block;
}
	
/*---------------------------------------------* INTRO */
	
#intro .logo {
    left: 50%;
}	
	
#intro .half h2 {
    font-size: 2rem;
	text-align: center;
}	
	
#intro .half.halfPublic .content {
    top: 10%;
    left: 0;
    right: 0;
}
	
#intro .half.halfPrivate .content {
	top:auto;
    right: 20%;
    bottom: 20%;
}	

/*---------------------------------------------* HEADER */
	
header {
	height: 120px;		
}
	
header.slideDown {
    height: 100vh;
}	

header .main .logo a {
    padding: 0px;
    margin-top: -10px;
    height: 50px;
}

header .main .logo img {
    height: 50px;
}
	
header .main {
    height: 80px;
}	
	
header .x3 {
	float: none;		
}	
	
header .x3.buttons {	
    position: fixed;
    top: 5px;	
}

header .x3.empty {
	display: none;
}
	
header .x3.logo {
	width: 100%;
	text-align: center;
}
	
/*---------------------------------------------* BIGMENU*/	

nav.bigMenu {
	height:calc(100vh - 120px);
	top: 120px;
	overflow-y: scroll;
}
	
nav.bigMenu .area {
	height: auto;
	padding: 20px;
}	
	
nav.bigMenu .area:nth-of-type(even),
nav.bigMenu .area:nth-of-type(odd) {
    float:none;
	width: 100%;
}

nav.bigMenu .area h2 {
    font-size: 32px;
}

nav.bigMenu .area h3 {
    font-size: 24px;
}	
	
nav.bigMenu .area .subArea {
    width: 100%;
    float:none;
}	

/*---------------------------------------------* CONTENT > HERO */		
	
#inner .content .hero .badge {
    width: 200px;
    height: 200px;
    left: calc((100% - 200px) / 2);
}	
	
#inner .content .hero .badge .title h1,
#inner .content .hero .badge .title h2 {
    font-size: 24px;
}
	
#inner .content .hero .badge .title h2 {
	display: none;
}

/*---------------------------------------------* CONTENT > ITEM INTRO, ITEM TITLE */	

#inner .content {
    margin-top: 120px;
}	
	
#inner .content section .itemIntro {
    box-sizing: border-box;
    padding: 1rem;
}	
	
#inner .content section .itemIntro.x4 p.intro {
	display:block;
	height: 97px;
	overflow: hidden;
}
	
#inner .content section .itemIntro.x6 p.title {
	width:100%;
}

#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title,
#inner .content section:nth-of-type(even) .itemIntro.x6 p.title {
	left: 0;
    right: 0px;
    padding-left: 0px;
    margin-left: 0px;
}	
	
#inner .content section .itemIntro p.intro {
    font-size: 1rem;
    line-height: 1.6rem;
}

#inner .content .x4 {
	width: 100%;
    height: 100vw;
}	

#inner .content section .itemIntro.x4 {
	position:relative;
	top:auto;
	left:auto;
	right:auto;
    height:100vw;
}	
	
#inner .content section:nth-of-type(even) .itemTitle.x4 ,	
#inner .content section:nth-of-type(odd) .itemTitle.x4,
#inner .content section:nth-of-type(even) .itemImage.x4,	
#inner .content section:nth-of-type(odd) .itemImage.x4 {
	width: 100%;
    float:none;
}
	
#inner .content #list section.intro {
    width: 80%;
}
	
#inner .content section:nth-of-type(even) .itemImage.x6,
#inner .content section:nth-of-type(odd) .itemImage.x6,
#inner .content section:nth-of-type(even) .itemIntro.x6,
#inner .content section:nth-of-type(odd) .itemIntro.x6	{
    float:none;
	width: 100%;
}	

#inner .content section .itemIntro.x4 p.more,
#inner .content section .itemIntro.x6 p.more {
    bottom: 0rem;
    position: relative;
	margin: 20px 0;
}
	
#inner .content section:nth-of-type(even) .itemIntro.x6 p.title:before,
#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title:before	{
    left: calc((100% - 200px) / 2);
    top:-60px;
	width: 200px;
	height: 40px;
}
	
#inner #contentPrivate section .itemIntro p.title:before,
#inner #contentPublic section .itemIntro p.title:before,
#inner #contentPrivate section .itemIntro p.title:after,
#inner #contentPublic section .itemIntro p.title:after	{
    background-color:white;
}
	
#inner #contentPrivate #area section .itemIntro p.title:before,
#inner #contentPrivate #area section .itemIntro p.title:after	{
    background-color:#0096ff;	
}
	
#inner #contentPublic #area section .itemIntro p.title:before,
#inner #contentPublic #area section .itemIntro p.title:after	{
    background-color:#40c79a;
}	
	
#inner .content section:nth-of-type(even) .itemIntro.x6 p.title:after,
#inner .content section:nth-of-type(odd) .itemIntro.x6 p.title:after {
    border-bottom: 5px solid black;
    border-top: 5px solid black;
    background-color: white;
    height: 3px;
    top: -40px;
    width: 60px;
    left: calc((100% - 60px)/2);
}
	
#inner #contentPrivate section:nth-of-type(even) .itemIntro.x6 p.title:after,
#inner #contentPrivate section:nth-of-type(odd) .itemIntro.x6 p.title:after	{
	border-color:#0096ff;
}
		
#inner #contentPublic section:nth-of-type(even) .itemIntro.x6 p.title:after,
#inner #contentPublic section:nth-of-type(odd) .itemIntro.x6 p.title:after	{
	border-color:#40c79a;
}
	
#inner .content section .itemTitle h3 {
    font-size: 2rem;
}	

#inner .content .x8 {
    width:100%;
}	
	
/*---------------------------------------------* LIST */		

#inner .content #list .hero {
    height: 200px;
}	
	
#inner .content #list section .itemImage.x6 {
    height: 50vh;
}	

#inner .content #list section .itemIntro p.intro {
    height: 200px;
}		
	
/*---------------------------------------------* SINGLE */
	
#inner .content #single .hero {
    height: 200px;
}	
	
#inner .content #single section:nth-of-type(even) .itemIntro.x6 p.title:after,
#inner .content #single section:nth-of-type(odd) .itemIntro.x6 p.title:after {
    top:auto;
	bottom: 0;
}

#inner .content #single section:nth-of-type(even) .itemIntro.x6 p.title:before,
#inner .content #single section:nth-of-type(odd) .itemIntro.x6 p.title:before	{
	display: none;
}
	
#inner .content #single .itemIntro.x6 {
    height:auto;
}	

#inner .content #single .itemIntro .intro {
    display: none;
}	
	
#inner .content #single .itemIntro .description {
    display:block;
    font-size: 1rem;
    line-height: 1.6rem;	
}	
	
#inner .content #single .itemIntro .more {
    display:none;
}	

#inner .content #single .itemImage.x6 	{
    height:40vh;
}		
	
#inner .content #single .itemImage.x6 .thumb 	{
	width: 50%;
}
	
#inner .content #single #map {
    float:none;
	height: 50vh;
}	
	
#inner .content #single #orderedList {
    padding: 1rem;
}
	
#inner .content #single #orderedList ul li {
    width: 46%;
    margin-right: 4%;
	padding: 1rem 0rem;	
}	
	
/*---------------------------------------------* FOOTER */		
	
footer .x4 {
    width: 100%;
	float: none;
}	
	
	
footer .x4:nth-of-type(n + 2) {
	display: none;
}
	
	
	
}