@charset "utf-8";
/* CSS Document */
/*css  images slider*/

.fade-carousel {
	position: relative;
	height: 100vh;
}
.fade-carousel .carousel-inner .item {
	height: 100vh;
}
.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: #ffffff;
	border-color: #ffffff;
	opacity: 0.7;
}
.fade-carousel .carousel-indicators > li.active {
	width: 10px;
	height: 10px;
	opacity: 1;
}

/*.carousel-control.prev, .carousel-control.next {
   background-image: none;
    color: #FFFFFF;
}*/

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	color: #fff;
	text-align: left;
	/*text-transform: uppercase;*/
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.hero h1 {
	/*font-size: 3em; */
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-right: 50%;
}
.hero h2 {
	/*font-size: 2em;  
	text-align: center;
	margin-right: 50%;*/
	font-size: 3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}
.fade-carousel .carousel-inner .item .hero {
	opacity: 0;
	-webkit-transition: 2s all ease-in-out 0.1s;
	-moz-transition: 2s all ease-in-out 0.1s;
	-ms-transition: 2s all ease-in-out 0.1s;
	-o-transition: 2s all ease-in-out 0.1s;
	transition: 2s all ease-in-out 0.1s;
}
.fade-carousel .carousel-inner .item.active .hero {
	opacity: 1;
	-webkit-transition: 2s all ease-in-out 0.1s;
	-moz-transition: 2s all ease-in-out 0.1s;
	-ms-transition: 2s all ease-in-out 0.1s;
	-o-transition: 2s all ease-in-out 0.1s;
	transition: 2s all ease-in-out 0.1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	/*z-index: 2;*/
	background-color: #080d15;
	opacity: 0.1;
}

/********************************/
/*          Custom Buttons      */
/********************************/

.btn.btn-lg {
	padding: 10px 40px;
}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
	color: #f5f5f5;
	background-color: #8c1818;
	border-color: #8c1818;
	outline: none;
	margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5,
.fade-carousel .slides .slide-6,
.fade-carousel .slides .slide-7,
.fade-carousel .slides .slide-8,
.fade-carousel .slides .slide-9,
.fade-carousel .slides .slide-10{
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


/*css  images slider*/

.ffondo {
	background-image: url(../images/Footer.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	min-height: 670px;
	background-size: 100% 100%;
	margin-bottom: -10px;
}

@media only screen and (max-width: 670px) {
	.ffondo {
		background-image: url(../images/Footer.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: cover;
	}
}

.buttonBlack {
	background-color: #000000;
	color: black;
	float: right;
	padding: 8px;
}

.buttonOrange {
	background-color: #ef8865;
	color: #ef8865;
	float: center;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
}

.buttonRed {
	background-color: #bd4b4b;
	color: #bd4b4b;
	float: center;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
}

.grisess {
	/*border: 1px solid black;*/
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	filter: gray; /* For IE 6 - 9 */
	-webkit-transition: all 0.6s ease; /* Transition for Webkit browsers */
}

.grisess:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: none;
}

.pacio {
	padding: 7px;
}

/********************************/
/*          Media Queries       */
/********************************/

@media screen and (min-width: 980px) {
	.hero {
		width: 980px;
	}
}

@media screen and (max-width: 980px) {
	.hero h2 {
		font-size: 2.5em;
	}
	.hero {
		left: 50%;
	}
	.hero h4 {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 767px) {
	.hero h2 {
		font-size: 2em;
	}
	.hero {
		left: 50%;
	}
	.hero h4 {
		font-size: 1em;
	}
}

/*Salvattore*/

/*@media screen and (min-width: 1px) and (max-width: 480px){
		  #nottt[data-columns]::before {
		    content: '1 .col-xs-12';
		  }
}

 @media screen and (min-width: 481px) and (max-width: 767px){
		  #nottt[data-columns]::before {
		    content: '2 .col-xs-6';
		  }
}
		
@media screen and (min-width:768px) and (max-width: 991px){
		  #nottt[data-columns]::before {
		    content: '3 .col-sm-6';
		  }
}
		
@media screen and (min-width:992px) and (max-width: 9999px){
		  #nottt[data-columns]::before {
		    content: '4 .col-md-4';
		  }
}*/

/*texto noticias*/

.txti {
	position: relative;
}

.txti > div {
	position: relative;
	bottom: 43px;
	color: #fff;
	padding: 0px 15px;
	/*text-align: center;*/
	font-weight: bold;
	/*font-size: 0.9em;*/
}

/*texto excelencia*/

.excl {
	color: #535353;
	font-size: 2.2em;
}
.excl > span {
	font-size: 2em;
}

@media screen and (max-width: 414px) {
	.excl {
		color: #535353;
		font-size: 1.9em;
	}
	.excl > span {
		font-size: 1.5em;
	}
}

@media screen and (min-width: 1400px) and (max-width: 9999px) {
	.rds {
		max-width: 500px;
	}
}
@media screen and (max-width: 380px) {
	.rds {
		max-width: 280px;
	}
}
