/* HEAD PAGE
-------------------------------------------------- */

.headcome{
    background-color: #FFF;
	max-width: 1660px;
	padding:0px;
	background-image: url("../images/headcome.png");
	background-repeat: no-repeat;
	background-size:100%;
	min-height: 600px;
	position: relative;
	z-index:20;
}

.headcome img{
    width: 100%;
}

.headcome_cont_txt{
    position: absolute;
	top: 15%;
	width: 43%;
	left: 15%;
	}

.headcome_tit{
	font-family: "AeonikPro-Bold";
	font-size: 32px;
	color: #1e242f;
	line-height:  32.6px;
	letter-spacing: -0.32px;
	}

.headcome_txt{
	font-family: "AeonikPro-Bold";
	font-size: 77px;
	color: #FFF;
	line-height:  84.7px;
	letter-spacing: 0.63px;
	}



/* INTESTAZIONE
-------------------------------------------------- */

.intestazione{
	float: left;
	width: 100%;
	position: relative
}

.intestazione_contain{
	position:relative;
	padding-top: 30px;
	padding-left:13%;
	width:65%;
}

.intestazione h3{
	font-family: "AeonikPro-Bold";	
	font-size: 32px;
	line-height:  35px;
	color:#24a3e1;
	letter-spacing:-0.32px;
	}

.intestazione h2{
	padding-left:50px;
	font-family: "AeonikPro-Bold";	
	font-size: 63px;
	line-height:  64.3px;
	letter-spacing:-1.26px;	
}




/* SLOT
-------------------------------------------------- */



.come_slot{
    background-color: #FFF;
	max-width: 1660px;
	padding:0px;
	background-repeat: no-repeat;
	background-size:100%;
	width: 100%;
	position: relative;
	float: left;	
}

.slot1{
	background-image: url("../images/bkg-slotcome1.jpg");
	padding: 300px 0 200px 0;
}

.slot2{
	background-image: url("../images/bkg-slotcome2.jpg");
	padding: 140px 0 250px 0;
}

.slot3{
	background-image: url("../images/bkg-slotcome3.jpg");
	padding: 140px 0 250px 0;
}

.slot4{
	background-image: url("../images/bkg-slotcome4.jpg");
	padding: 250px 0 270px 0;
}

.slot5{
	background-image: url("../images/bkg-slotcome5.jpg");
	padding: 300px 0 200px 0;
}

.slot6{
	background-image: url("../images/bkg-slotcome6.jpg");
	padding: 300px 0 200px 0;
}


.come_cont {
	position: relative;
	padding-left: 15%;
	width: 100%;
}

.come_number{
  padding: 0 0 20px 0;
  font-family: "AeonikPro-Bold";
  font-size: 200px;
  line-height:204px;
  color: #24a3e1;	
}



.come_caption {
  font-family: "Canela-Bold-italic";
  padding: 0 0 20px 0;	
  font-size: 32px;
  line-height: 32.6px;
  color: #1e242f;
  letter-spacing: -0.32px;
  border-bottom: 5px solid #24a3e1;
  margin-bottom: 25px;	
}

.come_cont h2 {
  padding: 0 0 20px 0px;
  font-family: "AeonikPro-Bold";
  font-size: 56px;
  line-height: 57.1px;
  letter-spacing: -0.56px;
  color: #24a3e1;	
}

.come_cont p {
  font-family: "AeonikPro-Regular";
  font-size: 21px;
  line-height: 33.6px;
  letter-spacing: 0.21px;
  color: #1e242f;	
}

.square_slot2{
	width: 80px;
	height: 80px;
	background-color: #24a3e1;
	position: absolute;
	bottom:0;
	right:450px;
}

.square_slot4{
	width: 115px;
	height: 115px;
	background-color: #000;
	position: absolute;
	bottom:0;
	right:115px;
}

.square_slot5{
	width: 115px;
	height: 115px;
	background-color: #24a3e1;
	position: absolute;
	top:0;
	right:0;
}

.button_cont {
  position: absolute;
  margin-top: 60px;
  width: auto;
}


/*MOBILE */

@media (max-width: 576px) {
	
	.headcome{
	background-image: url("../images/headcome_mobile.png");
	min-height: 300px;
	}
	
	.headcome_cont_txt {
	  position: absolute;
	  top: 10%;
	  width: 95%;
	  left: 5%;
	}
	
	.headcome_tit{
	font-size: 24px;
	line-height:  24px;
	}
	
	.headcome_txt{
	font-size: 40px;
	line-height: 52.7px;
	}
	
	.intestazione_contain {
	  padding-top: 50px;
	  padding-left: 5%;
	  width: 95%;
	}
	
	.intestazione h3 {
		font-size: 24px;
		line-height: 24px;
	}
	
	.intestazione h2 {
		padding-left: 20px;
		font-size: 40px;
		line-height: 40.8px;
	}

	
	.col-sm-7 {
	padding-left: 0;
	}
	
	.come_number {
	padding: 0 0 20px 0;
	font-size: 80px;
	line-height: 50px;	
	}
	
	.come_cont {
		padding-left: 10%;
		width: 100%;
	}
	
	.come_cont h2 {
		font-size: 40px;
		line-height: 44px;
	}
	
	.slot1, .slot2, .slot3, .slot5 {
		background-image: none;
		padding: 50px 0 50px 0;
	}
	
	.slot2, .slot6 {
		background-color:#f9f9f9;
	}
	
	.slot3 {
		background-color:#1e252f;
	}
	
	.slot4 {
		background-size:cover;
		padding: 50px 0 50px 0;
	}
	
	.slot6 {
		background-size:cover;
		padding: 50px 0 150px 0;
	}
	
	.square_slot4, .square_slot5{
		display: none;
	}
	
}