/*
------------------------------------------------------------------------------------
COM.EZZATO.DEV
By : Andre Lorenzoni at andre@ezzato.com
------------------------------------------------------------------------------------
*/	

.home-carousel {
	position: relative;
	display: table;
	width: 100%;
	height: 100vh;
}

.carousel .content {
	position:absolute;
	/*display:none;*/
	display:table;
	width:1000px;
	height: inherit;
	vertical-align:middle;
	top:0px;
	left: -moz-calc((100vw - 1000px) /2);
    left: -webkit-calc((100vw - 1000px) /2);
    left: calc((100vw - 1000px) /2);
	z-index:1;
}

.carousel .content .main {
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:middle;
	vertical-align: bottom;
	padding: 0px 0px 70px;
}

.carousel .content .main span {
	display:table;
	text-align:left;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	filter: alpha(opacity=0); 	
	-khtml-opacity: 0;      	
	-moz-opacity: 0;       		
	opacity: 0;    
}

.carousel .carousel-active .content .main span {
	filter: alpha(opacity=100); 	
	-khtml-opacity: 1;      	
	-moz-opacity: 1;       		
	opacity: 1;    
}

.carousel .content .main span:nth-child(1) {
  font-size: 50px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  text-transform: uppercase;
}

.carousel .content .main span:nth-child(2) {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.6;
	padding:20px 0px;
}

.carousel .content a {
	position: relative;
	display: table;
	font-family: "Material Icons";
	font-size:60px;
	cursor: pointer;
}

.carousel .content .splash {
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:middle;
}

.carousel .content div:first-child .circle-1 {
	float:none;
}

.carousel .content .label {
	position:relative;
	vertical-align:middle;
	display: table-cell;
}

.carousel .content .label .info {
	position:relative;
	vertical-align:middle;
	display: table;
	margin: 0 auto;
	width:300px;
	height:300px;
	-moz-border-radius: 300px;
	-webkit-border-radius: 300px;
	border-radius: 300px;
	vertical-align: middle;
	text-align: center;
}

.carousel .content .label .center {
	position:relative;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

.carousel .content .label span {
	display:table;
	font-family: Ubuntu;
	line-height: 1.04;
	text-transform:uppercase;
	text-align:center;
	margin:0 auto;
}

.carousel .content .label.initial span em {
	font-size:20px;
	font-style: normal;
}

.carousel .dot-navigator li.active {
	/*border:none!important;*/
}

/*
--------------------------------------------------------------------------------------
DESKTOP ONLY
--------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 800px) and (max-width: 10000px) { 

	
}

/*
--------------------------------------------------------------------------------------
SMALL SCREEN
--------------------------------------------------------------------------------------
*/

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


	.carousel .content {

		width:1000px;
		left: -moz-calc((100vw - 1000px) /2);
    	left: -webkit-calc((100vw - 1000px) /2);
    	left: calc((100vw - 1000px) /2);
		
	}

}


/*
--------------------------------------------------------------------------------------
TABLET SMALL SCREEN
--------------------------------------------------------------------------------------
*/

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


	.carousel .content {
		width:100%;
		left:0px;
		padding:20px;
		
	}

}

/*
--------------------------------------------------------------------------------------
SMARTPHONE
--------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 200px) and (max-width: 800px) { 

	.home-carousel {
		position: relative;
		display: table;
		width: 100%;
		height: 100vw;
	}
	
	.carousel .content {
		width: 100vw;
		left: 0px;
		padding:20px;
		z-index: 2;
	}

	.carousel .content a {
		font-size:18px;
	}

	.carousel .content .main {
		font-size: 14px;
		padding:0px 0px 50px 0px;
		width:70%;
	}

	.carousel .content .main span {
		padding:5px 0px!important;
		color:#ffffff;
		font-size: 12px;
		line-height: 120%;
	}

	.carousel .content .main span:first-child {
		font-size:30px;
	}

	.carousel .content .main span:nth-child(2) {
		font-size:13px;
	}
	
}