/************* CSS DI NORMALIZZAZIONE STILI *******************/
@import url("normalize.css");

/************* ANIMAZIONI CSS *******************/
@import url("animate.css");


/******** FONT FAMILY ********/
@import url("font/font.css");


/************* CSS SITO *******************/

body,html{
	width:100%;
	height:100%;
	overflow:hidden;
}

.clear{ clear:both; }

.grid-body{
	display:block;
	width:100%;
	height:calc( 100% - 200px );
	position:relative;
	clear:both;
	margin-top:100px;
	overflow:hidden;
}


.grid-body2{
	display:block;
	width:100%;
	height:calc( 100% - 240px );
	padding-top:120px;
	padding-bottom:300px;
	position:relative;
	clear:both;
	overflow:hidden;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}


.grid-body3{
	display:block;
	width:100%;
	height:auto;
	min-height: 100%;
	padding-top:120px;
	position:relative;
	clear:both;
	overflow:hidden;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

body.BCons, body.BLux{
	overflow-y: auto;
}


.grid-body2.BackStory .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:rgba(180, 158, 134, 1) !important; }
.grid-body2.BackStory .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(19,19,19,1.00)  !important; } 


.grid-body2 h2{
	color:rgba(236,236,236,1.00);
	text-align:center;
	font-family: 'Titillium Thin';
	font-size:2.000rem;
	padding:0px;
	padding-top:30px;
}

.grid-body2 h2 hr{
	width:50px;
	border:none;
	height:1px;
	background:rgba(255,255,255,1.00);
	padding:0px;
	margin-bottom:20px;
}

.grid-body2 h2 cite{
	font-size:1.500rem;
	text-transform:uppercase;
	font-family: 'Titillium Thin';
	padding:0px;
	font-style:normal;
	color: rgba(180, 158, 134, 1);
}





.grid-body3 h2{
	color:rgba(236,236,236,1.00);
	text-align:center;
	font-family: 'Titillium Thin';
	font-size:2.000rem;
	padding:0px;
	padding-top:30px;
}

.grid-body3 h2 hr{
	width:50px;
	border:none;
	height:1px;
	background:rgba(255,255,255,1.00);
	padding:0px;
	margin-bottom:20px;
}

.grid-body3 h2 cite{
	font-size:1.500rem;
	text-transform:uppercase;
	font-family: 'Titillium Thin';
	padding:0px;
	font-style:normal;
	color: rgba(180, 158, 134, 1);
}





.grid-body2.BackStory h2{
	color:rgba(255,255,255,1.00);
	text-transform:uppercase;
	text-align:center;
	font-family: 'Titillium Thin';
	font-size:1.100rem;
	padding:0px;
	padding-top:30px;
}


.grid-body2 .txt{
	max-width:100%;
	text-align:center;
	font-size:1.000rem;
	color:rgba(255,255,255,1.00);
	font-family: 'Titillium';
	padding:0% 10% 0% 10%;
	display:block;
	margin:0px;
	overflow:hidden;
	line-height:24px;
}


.grid-body2 .txt i{
	font-style:normal;
	padding:8px 20px;
	font-variant:normal;
	text-transform:uppercase;
	display:inline-block;
	font-size:0.800rem;
	background:rgba(0,0,0,0.50);
	border:1px solid rgba(255,255,255,1.00);
	line-height:24pt;
	border-radius:20px;
	margin-bottom:20px;
	margin-left:5px;
	margin-right:5px;
	color:rgba(255,255,255,1.00);
}

.grid-body2 .txt cite{
	font-style:normal;
	font-size:1.500rem;
	text-transform:uppercase;
}

.grid-body2 .txt strong, .grid-body2 h2 cite strong{
	font-family: 'Titillium Bold';
	font-weight:100;
}







.grid-body3 .txt{
	max-width:100%;
	text-align:center;
	font-size:1.000rem;
	color:rgba(255,255,255,1.00);
	font-family: 'Titillium';
	padding:0% 10% 0% 10%;
	display:block;
	margin:0px;
	overflow:hidden;
	line-height:24px;
}


.grid-body3 .txt i{
	font-style:normal;
	padding:8px 20px;
	font-variant:normal;
	text-transform:uppercase;
	display:inline-block;
	font-size:0.800rem;
	background:rgba(0,0,0,0.50);
	border:1px solid rgba(255,255,255,1.00);
	line-height:24pt;
	border-radius:20px;
	margin-bottom:20px;
	margin-left:5px;
	margin-right:5px;
	color:rgba(255,255,255,1.00);
}

.grid-body3 .txt cite{
	font-style:normal;
	font-size:1.500rem;
	text-transform:uppercase;
}

.grid-body3 .txt strong, .grid-body3 h2 cite strong{
	font-family: 'Titillium Bold';
	font-weight:100;
}




/************* CSS COMUNI *******************/


/** btn scopri di più **/

a.btn-scopri{
	display:block;
	text-align:center;
	color:rgba(255,255,255,1.00);
	max-width:140px;
	padding:20px 40px;
	border:1px solid rgba(255,255,255,1.00);
	border-radius:50px;
	text-decoration:none;
	font-family: 'Titillium';
	margin-top:50px;

}


/** hamburger menu **/

.btn-menu{
	position:fixed;
	right:42px;
	top:42px;
	width:50px;
	height:50px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	transition:all 0.3s ease-in;
	z-index:9999; 
}


.btn-menu .line{
	background:rgba(255,255,255,1.00);
	border:none;
	position:relative;
	display:block;
	width:80%;
	height:4px;
	border-radius:2px;
	margin-top:6px;
	margin-bottom:6px;
	cursor:pointer;
	transition:all 0.5s ease-in, 0.3s ease-in;
}


.btn-menu .line:nth-child(1){ margin-top:12px !important; }

.btn-menu.active .line:nth-child(2){ opacity:0; }

.btn-menu.active .line:nth-child(1){
	transform:rotate(45deg);
	margin-top:20px !important;
}

.btn-menu.active .line:nth-child(3){
	transform:rotate(-45deg);
	margin-top:-18px !important;
}


/** hamburger menu2 **/

.btn-menu2{
	position:fixed;
	right:0px;
	top:0px;
	padding:25px;
	width:50px;
	height:50px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	transition:all 0.3s ease-in;
	z-index:9999;
	background:rgba(0,0,0,1.00); 
}


.btn-menu2 .line{
	background:rgba(255,255,255,1.00);
	border:none;
	position:relative;
	display:block;
	width:80%;
	height:4px;
	border-radius:2px;
	margin-top:6px;
	margin-bottom:6px;
	cursor:pointer;
	transition:all 0.5s ease-in, 0.3s ease-in;
}


.btn-menu2 .line:nth-child(1){ margin-top:12px !important; }

.btn-menu2.active .line:nth-child(2){ opacity:0; }

.btn-menu2.active .line:nth-child(1){
	transform:rotate(45deg);
	margin-top:20px !important;
}

.btn-menu2.active .line:nth-child(3){
	transform:rotate(-45deg);
	margin-top:-18px !important;
}




/*** barra intestazione pagine  ***/

.intro-bar{
	top:0px;
	height:100px;
	width:100%;
	position:fixed;
	background:rgba(229,229,229,1.00);
	overflow:hidden;
	z-index:1000;
}

.intro-bar .logoSkpMin{
	overflow:hidden;
	position:absolute;
	left:30px;
	top:22px;
}

.intro-bar .logoSkpMin img{ height:55px; }


.HConsulenza{
	background:rgba(48,170,222,0.50) !important;
}

.HFormazione{
	background:rgba(0,163,83,0.50) !important;
}

.Hinvestigazione{
	background:rgba(242,129,61,0.50) !important;
}

.HContatti{
	background:rgba(227,227,227,1.00) !important;
}


.HVigilanza{
	background:rgba(22,65,137,0.50) !important;
}

.HTecnology{
	background:rgba(227,227,227,0.50) !important;
}

.HLuxury{
	background:rgba(140,128,117,0.50) !important;
}


/************* HEADER *************/

header{
	position:fixed;
	z-index:5000;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1.00);
    opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
	transition:all 0.9s ease-in, 0.4 ease-in;
}


/** LOGO SKP **/
.LogoSkp{
	width: 150px;
	margin: auto;
	margin-top:30px;
}

.LogoSkp svg{ width:  100% !important;}


/** NAVIGATION **/

.header-nav{
	font-size:1.4rem;
	margin-top:0px;
}

.header-nav a{
	clear:both;
	color:rgba(255,255,255,1.00);
	width:100%;
	text-decoration:none;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	font-family: 'Titillium';
	transition:all 0.3s ease-in, 0.1s ease-in
}

/*.header-nav a:nth-child(5){
	margin-top:40px;
} */

.header-nav a:hover{
	color:rgba(180,158,134,1.0);
}

.header-nav a.active{
	color:rgba(180,158,134,1.0);
}


/************* FOOTER *************/

footer{
	background:rgba(0,0,0,1.00);
	width:100%;
	height:100px;
	position:fixed;
	z-index:1000;
	overflow:hidden;
	bottom:0px;
}

footer .grid{
	width:100%;
	height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

footer .grid .left{ float:left; display:inline-block;}

footer .grid .right{ float:right; display:inline-block;}

footer .grid h3{
	color:rgba(40,40,40,1.00);
	text-align:center;
	font-size:0.8rem;
	font-family: 'Titillium';
	font-weight:100;
	padding-top:14px;
}

footer .grid h3 p{
	display:inline-block;
	padding:0px;
	margin:0px;
	margin-left:15px;
	margin-right:15px;
	text-transform:uppercase;
	padding-top:14px;
}

footer .grid h3 a{
	color:rgba(180,158,134,1.00);
	font-family: 'Titillium Thin Italic';
	font-weight:100;
	text-decoration:none;
	padding-top:5px;
	display:inline-block;
}


/************* HOME *************/

.home{
	width:100%;
	height:100%;
	position:relative;
	background-image:url(../img/Backgrounds/Skp_home_page.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
}


.home h2{
	margin-top:100px;
	text-align:center;
	padding:10px;
	font-size:3.0rem;
	line-height:3.2rem;
	color:rgba(255,255,255,1.00);
	font-weight:100;
	font-family: 'Titillium Regular Upright';
}




/** LOGO SKP HOME **/

.LogoSkpHome{
	margin-top:122px;
}




/************* IL GRUPPO *************/


.grid-body .item{
	width:33.33%;
	height:50%;
	position:relative;
	display:block;
	background:rgba(0,0,0,1.00);
	margin:0px;
	padding:0px;
	overflow:hidden;
	border:none;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.grid-body .item.formazione{
	background-image:url(../img/Thumb_menu/Formazione_thumb.jpg);
}

.grid-body .item.consulenza{
	background-image:url(../img/Thumb_menu/Consulenza_thumb.jpg);
}

.grid-body .item.investigazione{
	background-image:url(../img/Thumb_menu/Investigazioni_e_-sicurezza_thumb.jpg);
}

.grid-body .item.vigilanza{
	background-image:url(../img/Thumb_menu/Vigilanza_thumb.jpg);
}

.grid-body .item.tecnology{
	background-image:url(../img/Thumb_menu/Tecnologie_thumb.jpg);
}

.grid-body .item.luxury{
	background-image:url(../img/Thumb_menu/Luxury_thumb_thumb.jpg);
}


.grid-body .item a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background:rgba(0,0,0,0.00);
	text-decoration:none;
	font-family: 'Titillium';
	transition:all 0.8s ease-in, 0.4s ease-in;
}

.grid-body .item a:hover{
	background:rgba(99,84,79,0.80);
}



.grid-body .item.formazione a{
	background:rgba(0,163,83,0.50);
}

.grid-body .item.formazione a:hover{
	background:rgba(0,163,83,0.00) !important;
}




.grid-body .item.consulenza a{
	background:rgba(48,170,222,0.50);
}

.grid-body .item.consulenza a:hover{
	background:rgba(48,170,222,0.00) !important;
}



.grid-body .item.investigazione a{
	background:rgba(242,129,61,0.50);
}

.grid-body .item.investigazione a:hover{
	background:rgba(242,129,61,0.00) !important;
}



.grid-body .item.vigilanza a{
	background:rgba(22,65,137,0.50);
}
.grid-body .item.vigilanza a:hover{
	background:rgba(22,65,137,0.00) !important;
}



.grid-body .item.tecnology a{
	background:rgba(227,227,227,0.70);
}
.grid-body .item.tecnology a:hover{
	background:rgba(227,227,227,0.00) !important;
}



.grid-body .item.luxury a{
	background:rgba(140,128,117,0.50) !important;
}
.grid-body .item.luxury a:hover{
	background:rgba(140,128,117,0.00) !important;
}



.grid-body .item a span{ display:block; }


.grid-body .item a img{ 
    margin-top:20%;
	opacity:1;
	transition:all 0.8s ease-in, 0.4s ease-in;
}

.grid-body .item a h2{
	font-family: 'Titillium';
	text-transform:uppercase;
	font-weight:100;
	font-size:2.000rem;
	color:rgba(255,255,255,1.00);
	opacity:1;
	transition:all 0.8s ease-in, 0.4s ease-in;
}

.grid-body .item a:hover img, .grid-body .item a:hover h2{ opacity:0; }



/************* CONSULENZA *************/

.BCons{
	background-image:url(../img/Backgrounds/Consulting_page.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}



.contentForm{
	width:100%;
	min-height: 520px;
	padding-bottom: 100px;
	background: #F2F2F2;
	clear: both;
	position: relative;
	margin-top: 100px;
	overflow: hidden;
}

.contentForm form{
	max-width: 980px;
	width: 100%;
	height: auto;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	clear: both;
	padding: 10px;
	margin-top: 10px;
}

.contentForm form h3{
	margin-left: 15px;
	font-size:2rem;
	font-weight: 100;
	text-align: center;
	width: 100%;
}

.contentForm form h3 hr{
	  clear: both;
	  position: relative;
	  display: block;
      border:none;
	  width:50px;
	  height: 1px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 10px;
	  background:#A1A1A1;
}

.contentForm form label{
	width: calc(50% - 15px);
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.contentForm form label span{
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	
}

.contentForm form label input{
	max-width:300px;
	padding: 5px;
	width: 100%;
	position: relative;
	display: block;
	float: right;
	overflow: hidden;
	border-radius: 10px;
	border:1px solid #CCC;
	font-size:0.9rem;
}

.contentForm form label.message{
	width: calc(100% - 12px);
	
}

.contentForm form label.message textarea{
	width: calc(100% - 22px);
	margin-top: 10px;
	border-radius: 10px;
	border:1px solid #A1A1A1;
	height: 150px;
	padding: 10px;
}

.contentForm form button{
	padding: 10px 30px;
	background: rgba(140,140,140,1.00);
	color: #FFF;
	margin-left: 15px;
	margin-top: 10px;
	border:none;
}

/************* INVESTIGAZIONE *************/

.BInv{
	background-image:url(../img/Backgrounds/investigazione.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;}


/*.grid-body2.BackInvestigazione{
	background-image:url(../img/Backgrounds/Investigazioni_e_-sicurezza_page.jpg);
}
*/





/************* Vigilanza *************/


.BVig{
	background-image:url(../img/Backgrounds/vigilanza.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}

/*.grid-body2.BackVigilanza{
	background-image:url(../img/Backgrounds/vigilanza.jpg);
	/*background:rgba(15,15,15,1.00);
}*/


/************* Tecnology *************/

.BTec{
	background-image:url(../img/Backgrounds/tec.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}

/*.grid-body2.BackTecnology{
	background-image:url(../img/Backgrounds/tec.jpg);
}

*/




/************* Tecnology *************/

.BForm{
	background-image:url(../img/Backgrounds/Formazione_page.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}



/************* Luxury *************/

.BLux{
	background-image:url(../img/Backgrounds/luxury.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}

/*.grid-body2.BackLuxury{
	background-image:url(../img/Backgrounds/luxury.jpg);
}*/

/************* Storia *************/

.grid-body2.BackStory{
	/*background-image:url(../img/Backgrounds/story.jpg);*/
	background:rgba(15,15,15,1.00);
}



/************* POLICY *************/


.BPol{
	background-image:url(../img/Backgrounds/policy.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}

/*.grid-body2.BackPolicy{
	background-image:url(../img/Backgrounds/story.jpg);
}
*/


.grid-body2.BPol .txt p{
	color:rgba(0,0,0,1.00);
}

/*------------------------------------*\
-------- DEMO Code: accordion
\*------------------------------------*/
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0);
	border-radius:3px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #1a1a1a;
	background:#000;
	transition:all linear 0.15s;
	/* Type */
	font-size:1.200em;
	text-shadow:0px 1px 0px #1a1a1a;
	color:#fff;
	
}

.accordion-section-title.active, .accordion-section-title:hover {
    color: rgba(180, 158, 134, 1);
	/* Type */
	text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}


/************* Contatti *************/

.contatti{ overflow:hidden; background:rgba(0,0,0,1.00); }


.contatti h2{
	padding-top:100px;
	padding-bottom:100px;
	background:rgba(0,0,0,1.00);
	margin:0px;
}

.contatti .txt{ 
   background:rgba(0,0,0,1.00);
	margin:0px;
	padding-bottom:50px; 
}

.contatti .left{
	width:calc(33% - 1px );
	border-right:1px solid rgba(255,255,255,1.00);
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

.contatti .right{
	width:33%;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
}

.contatti h3{
	font-family: 'Titillium';
	font-size:1.000rem;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}

.contatti a{
	color:rgba(253,253,253,1.00);
	text-decoration:none;
}


.contatti iframe{
	width:100% !important;
	min-height:50%;
	padding-left:30px; 
}





/************* COOKIES *************/

.cookies{
	width:100%;
	height:60px;
	z-index:10000;
	position:fixed;
	background:rgba(180, 158, 134, 1);
	top:0;
}

.cookies center{
	width:calc( 100% - 130px); 
	float:left;
	margin-top:-20px;
	text-align:left;
	font-size:0.900rem;
	padding-left:10px;
	color:rgba(255,255,255,1.00);
}

.cookies .boxCenter{
	width:100%;
	padding:10px;
	min-height:100px;
	position:relative;
	overflow:hidden;
	
}

.cookies h2{
	color:rgba(255,255,255,1.00);
	font-size:1.200rem;
	font-family: 'Titillium';
	margin:0px;
	padding:2px 0px 5px 0px;
	text-align:left;
}
 
.cookies hr{
	display:none;
	border:none;
	position:relative;
	/*top:48px;
	left:0px;*/
	width:100%;
	height:1px;
	background:rgba(255,255,255,1.00);
}


.cookies{
	padding:20px;
	font-size:0.800;
}
.cookies a{
	color:#63544f;
	text-decoration:none;
}

.cookies .close{
	padding:32px 36px;
	background:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
	position:absolute;
	top:0px;
	right:40px;
	cursor:pointer;
	font-size:2.200rem;
}

.grid-body2.BackPolicy h2{
	padding-top:15%;
} 

.grid-body2.BackPolicy .txt {
	font-size:1.000rem;
	font-family: 'Titillium';
	color:rgba(0,0,0,1.00);
	text-align:left !important;
}


/************* MEDIA QUERY 1280px *************/

@media all and (max-width:1280px){
	

 .grid-body.Mobile{
	overflow-y:scroll; 
 }
 
 .grid-body.Mobile .item{
	 width:50%;
 }
 
 .grid-body.Mobile .item h2{
	 font-size:1.200rem;
  }
  
}



/************* MEDIA QUERY 768px *************/

@media all and (max-width:1000px){



.contentForm form label{
	width: calc(100% - 45px);
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	clear: both;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.contentForm form label span{
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	
}

.contentForm form label input{
	max-width:300px;
	padding: 5px;
	width: 100%;
	position: relative;
	display: block;
	float: right;
	overflow: hidden;
	border-radius: 10px;
	border:1px solid #CCC;
	font-size:0.9rem;
}

.contentForm form label.message{
	width: calc(100% - 30px);
	
}

.contentForm form label.message textarea{
	width: calc(98% - 20px);
	margin-top: 10px;
	border-radius: 10px;
	border:1px solid #A1A1A1;
	height: 150px;
	padding: 10px;
}

.contentForm form button{
	padding: 10px 30px;
	background: rgba(140,140,140,1.00);
	color: #FFF;
	margin-left: 15px;
	margin-top: 10px;
	border:none;
}

}

/************* MEDIA QUERY 768px *************/

@media all and (max-width:768px){
	
/************* CSS COMUNI *******************/


/** btn scopri di più **/

a.btn-scopri{
	display:block;
	text-align:center;
	color:rgba(255,255,255,1.00);
	max-width:140px;
	padding:10px 20px;
	border:1px solid rgba(255,255,255,1.00);
	border-radius:50px;
	text-decoration:none;
	font-family: 'Titillium';
	margin-top:30px;

}	
	

/************* COOKIES *************/
	
.cookies .boxCenter{
	max-width:260px;
	padding:10px;
	min-height:100px;
	position:relative;
	overflow:hidden;
	background:rgba(207,207,207,1.00);
}	

.cookies h2{
	color:rgba(255,255,255,1.00);
	font-size:1.400rem;
	font-family: 'Titillium';
	margin:0px;
	padding:6px 0px 0px 0px;
	text-align:left;
}

.cookies p{ padding-top:10px; }

.cookies{
	width:100%;
	height:auto !important;
	min-height:100px;
	z-index:10000;
	position:fixed;
	background:rgba(180, 158, 134, 1);
	top:0;
}


/************* HOME *************/

.home{
	width:100%;
	height:100%;
	position:relative;
	background-image:url(../img/Backgrounds/Skp_home_page.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	overflow-y:scroll;
}

.home h2{
	margin-top:40px;
	text-align:center;
	padding:10px;
	font-size:1.500rem;
	line-height:2.200rem;
	color:rgba(255,255,255,1.00);
	font-weight:100;
	font-family: 'Titillium Regular Upright';
}


/************* CONTATTI *************/


.grid-body2.contatti .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:rgba(180, 158, 134, 1) !important; }
.grid-body2.contatti .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(19,19,19,1.00)  !important; } 
	
.contatti .left{
	width:100%;
	border-right:none;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}

.contatti .right{
	width:100%;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}
	
	
}

@media all and (max-width:700px){
	
/************* COOKIES *************/

.cookies{
	width:100%;
	max-height:200px;
	height:auto;
	z-index:10000;
	padding-top:10px;
	position:fixed;
	background:rgba(180, 158, 134, 1);
	top:0;
}	

.cookies p{ padding-top:0;}	

.cookies center{ padding-top:8px; }

 .LogoSkp{ display:none;}
	
 .header-nav{ margin-top:30%;}

 .grid-body.Mobile{
	overflow-y:scroll; 
 }
 
 .grid-body.Mobile .item{
	 width:50%;
 }
 
 .grid-body.Mobile .item h2{
	 font-size:1.200rem;
  }
  
  footer .grid h3{
	color:rgba(40,40,40,1.00);
	text-align:center;
	font-size:0.8rem;
	line-height:12px;
	font-family: 'Titillium';
	font-weight:100;
	padding-top:5px;
}

footer .grid h3 p{
	display:inline-block;
	padding:0px;
	margin:0px;
	margin-left:15px;
	margin-right:15px;
	text-transform:uppercase;
	padding-top:14px;
}

.contatti iframe{ display:none; } 

.contatti h2{ display:none; }

.contatti .txt{ padding-top:50px; } 

.btn-scopri{ display:none !important; }

	
}


@media all and (max-width:400px){


.contentForm form label{
	width: calc(100% - 45px);
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	clear: both;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.contentForm form label span{
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	
}

.contentForm form label input{
	max-width:300px;
	padding: 5px;
	width: 100%;
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	border-radius: 10px;
	border:1px solid #CCC;
	font-size:0.9rem;
	margin-top: 10px;
}

.contentForm form label.message{
	width: calc(100% - 30px);
	
}

.contentForm form label.message textarea{
	width: calc(98% - 60px);
	margin-top: 10px;
	border-radius: 10px;
	border:1px solid #A1A1A1;
	height: 150px;
	padding: 10px;
}

.contentForm form button{
	padding: 10px 30px;
	background: rgba(140,140,140,1.00);
	color: #FFF;
	margin-left: 15px;
	margin-top: 10px;
	border:none;
}


}

@media all and (max-width:340px){
	
	.header-nav {
		margin-top: 30%;
	}
	
}