h1,h2,h3 {
	margin:0;
	padding:0;
}
a {
	color:white;
}
a:hover{
	color:Ghostwhite;
}
.row{margin:0}
.navbar-inverse .navbar-nav{
	font-family: 'Open Sans', sans-serif;
}
.navbar-inverse .navbar-nav li a{
	font-weight:700;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav li a.active{
	color:white;
}
.container-icon {
	margin-bottom:5rem;
}
.container-slider{
	display:none;
	font-family: 'Open Sans', sans-serif;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
    background-color: #ff0000;
    border-radius: 50%;
    padding: 3rem;
}
.carousel-control .icon-prev:before, .carousel-control .icon-next:before {
    position: absolute;
    top: 22%;
    left: 38%;
}
.carousel-control .icon-next:before {
    left: 42%;
}
.header-mobile figure{
	width:100%;
	position:relative;
}
.header-mobile figure img{
	max-width:100%;
	display:block;
	height:auto;
}
.header-mobile figure figcaption{
	position: absolute;
    font-family: 'Open Sans', sans-serif;
    top: 60%;
    left: 5%;
    font-size: 2.5rem;
    color: white;
    text-align: center;
    width: 90%;
}
.header-mobile figure figcaption strong{
	text-transform:uppercase;
	color:#ff0000;
}
.container-slider-flotta{
	font-family: 'Open Sans', sans-serif;
}
.container-slider-flotta h2 {
	text-align:center;
	font-size:3rem;
	margin:3rem 0;
}
.container-slider-flotta article {
	font-family: 'Source Sans Pro', sans-serif;
	padding:1rem 1.5rem;
}
.container-slider-flotta article p{
	font-size:1.5rem;
	color:black;
	text-shadow:none;
	position:static;
	text-align:left;
}

.container-slider-flotta .item-flotta > div {padding:0}
.container-slider-flotta .item-flotta figure{
	margin:0;
	padding:0;
	width:100%;
}
.container-slider-flotta .item-flotta .item-flotta-txt{margin-bottom:2rem;}
.container-slider-flotta .item-flotta .btn-flotta{
	position:relative;
	padding:0 1.5rem;
	top:0;
}
.container-slider-flotta .item-flotta figure img{ width:100%; }

.carousel-caption{
	font-size:3rem;
	top:35%;
}
.carousel-caption strong{
	text-transform:uppercase;
	color:#ff0000;
}
.row {
	margin:0;
}
.row > div{
	padding:0;
}
.container-fluid{
	padding:0;
}
.icon-box {
	width:90%;
	margin-left:5%;
	height:360px;
}
.icon-inner-box {
	top:25%;
	height:75%;
	margin:0;
	position:relative;
	background-color:#e9e9e9;
	cursor:pointer;
}
.icon-inner-box:hover{
	background-color:#fe0000;
}
.icon-inner-box figure {
	position:absolute;
	top:25%;
	width:100%;
}
.icon-inner-box figure img {
	width:20%;
	margin:0 auto;
}
.icon-inner-box h2{
	font-family: 'Open Sans', sans-serif;
	font-size:2rem;
	font-weight:700;
	position:relative;
	top: 80%;
}
#content-number:hover:before{
	font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    content: 'Numero verde 800 9121 65';
	padding:0 3.5rem;
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 35%;
    background-color: #FF0000;
    z-index: 2;
}
#content-number:hover:after{
	font-family: 'Open Sans', sans-serif;
	font-size:1.750rem;
	color:#ffffff;
	content:'chiamaci per avere informazioni e prenotazioni';
	padding:0 1rem;
	position:absolute;
	top:65%;
	left:0;
	width:100%;
	height:35%;
	background-color:#FF0000;
}
#content-reservation:hover:before{
	font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    content: 'Effettua la tua prenotazione';
	padding:0 2rem;
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 35%;
    background-color: #FF0000;
    z-index: 2;
}
#content-reservation:hover:after{
	font-family: 'Open Sans', sans-serif;
	font-size:1.750rem;
	color:#ffffff;
	content:'Scegli la data e il veicolo ';
	position:absolute;
	top:65%;
	left:0;
	width:100%;
	height:35%;
	background-color:#FF0000;
}
#content-destinations:hover:before{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.250rem;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    content: 'Raggiungi le seguenti destinazioni: Aeroporto Leonardo da Vinci - Aeroporto Ciampino - Porto di Civitavecchia';
	padding:0 2rem;
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 45%;
    background-color: #FF0000;
    z-index: 2;
}
#content-destinations:hover:after{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.250rem;
    color: #ffffff;
    text-transform: uppercase;
	content:'Oppure: Parco Macchine - Giro Città ed Escursioni - Congressi e Meetings - Tours Privati Italia';
	padding:0 2rem;
	position:absolute;
	top:65%;
	left:0;
	width:100%;
	height:35%;
	background-color:#FF0000;
}
.black {
	background-color: #000000;
	color:#ffffff;
}
.white {
	background-color:#ffffff;
	color:#000000;
	margin-top:6rem;
}
.title-rates {
	font-family: 'Open Sans', sans-serif;
	font-size:6rem;
	margin-bottom:1rem;
}
.tagline-rates {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:3rem;
	font-weight:700;
	text-transform:uppercase;
	color:#ff0000;
	padding:2rem 0;
}
.example-rates  h2, .example-transferts h2{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	color:white;
	width:100%;
	padding:1rem 0;
	background-color:black;
	text-align:center;
	position:relative;
    font-size:2rem;
}
.example-rates  h2 #icon-euro, .example-rates  h2 #icon-wheel, .example-transferts h2 #icon-wheel{
	width:24px;
	height:24px;
	margin-left:3rem;
}

.example-rates #black-triangle, .example-transferts #black-triangle {
	display: block;
    width: 40px;
    position: relative;
    left: 45%;
}

.example-rates h3, .example-transferts h3 {
	font-family: 'Open Sans', sans-serif;
	font-size:1.250rem;
	font-weight:700;
	text-align:center;
	border:1px solid black;
	width:100%;
	margin-top:.5rem;
	padding:.5rem 0;
}
.example-rates .price {
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size:3.5rem;
	font-weight:700;
	color:#ff0000;
	display:block;
	line-height:3rem;
	padding:1rem 0;
	position:relative;
	z-index:10;
	overflow:hidden;
}
.example-rates .price span{
	font-weight:400;
	font-size:1.5rem;
	display:block;
}
.example-rates .price::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0,0,0,.8);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translate3d(-150%,0,0) skewX(40deg);
    transform: translate3d(-150%,0,0) skewX(40deg);
}
.example-rates:hover .price::before {
	opacity: 1;
    -webkit-transform: translate3d(0,0,0) skewX(0deg);
    transform: translate3d(0,0,0) skewX(0deg);
}
.example-rates .departures ul{
	font-family: 'Source Sans Pro', sans-serif;
	list-style:none;
	width:100%;
	margin:0 auto;
	padding:0 0 2rem;
	display:flex;
	justify-content:space-around;
}
.example-rates .departures ul li{
	font-size:1.5rem;
	text-align:center;
	width:33.33%;
}
.example-transferts ul{
	font-family: 'Source Sans Pro', sans-serif;
	list-style:none;
	padding:1rem 0;
}
.example-transferts ul li{
	font-size:2rem;
	line-height:4rem;
	padding:0 1rem .5rem;
	cursor:pointer;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:transparent;
	transition: all .3s;
}
.example-transferts ul li:hover{
	border-bottom-color:black;
} 
.example-transferts ul li span{
	color:#ff0000;
	font-weight:bold;
}
.black article, .white article {
	font-family: 'Source Sans Pro', sans-serif;
	padding:10px 0;
	margin-bottom:10px;
}
.black article h2, .white article h2{
	font-size:16px;
	margin-bottom:6px;
}
.black article h3, white article h3{
	font-size:22px;
	font-weight:900;
	margin-bottom:12px;
}
.black article p, .white article p{
	font-size: 16px;
	line-height: 24px;
	text-align:left;
	min-width:100%;
}
.btn-red, .btn-red-2 {
	background-color:#fe0000;
	color:#ffffff;
	text-decoration:none;
	padding:17px 72px;
	text-transform:uppercase;
	font-weight:bold;
	transition: all .3s;
	display: block;
    text-align: center;
    margin-bottom: 5px;
}

.btn-red:hover {
	text-decoration:none;
	color:#fe0000;
	background-color:#ffffff;
}
.btn-red-2:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:black;
}
.btn-red:focus, .btn-red-2:focus {
	text-decoration:none;
	color:white;
}
.carousel-indicators-flotta {
	width:100%;
	background-color:black;
	position:relative;
	top:0;
	left:0;
	margin:0;
}
.carousel-indicators-flotta li{
	border-radius:0;
	width:100%;
	color:white;
	text-align:center;
	text-transform:uppercase;
	border:0;
	text-indent:initial;
	height:auto;
	padding:2rem 0;
	font-size:1.250rem;
	font-weight:bold;
	margin:0;
}
.carousel-indicators-flotta .active {
	width:100%;
	height:auto;
	background-color:#FF0000;
}
#icons { 
	padding:60px 0 90px;
	background-color:#e9e9e9;
}
#icons #sprite-icons{ 
	
}
#icons #sprite-icons .icon {
	min-height:128px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:3rem;
}
#icons #sprite-icons .icon h3{
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
	position:absolute;
	width:90%;
	left:5%;
	bottom:-20%;
	margin-bottom:10px;
}
#icons #sprite-icons .icon:nth-child(1){ 
	background:url(http://www.autonoleggioroma-ncc.it/images/icona-ncc.png);
	background-position:center 0;
	background-repeat:no-repeat;
	transition:0.5s;
	cursor:pointer;
}
#icons #sprite-icons .icon:nth-child(2){ 
	background:url(http://www.autonoleggioroma-ncc.it/images/icona-ztl.png);
	background-position:center 0;
	background-repeat:no-repeat;
	transition:0.5s;
	cursor:pointer;
}
#icons #sprite-icons .icon:nth-child(3){ 
	background:url(http://www.autonoleggioroma-ncc.it/images/icona-grangala.png);
	background-position:center 0;
	background-repeat:no-repeat;
	transition:0.5s;
	cursor:pointer;
}
#icons #sprite-icons .icon:nth-child(4){ 
	background:url(http://www.autonoleggioroma-ncc.it/images/icona-bus.png);
	background-position:center 0;
	background-repeat:no-repeat;
	transition:0.5s;
	cursor:pointer;
}

#icons #sprite-icons .icon:hover:nth-child(1){ background-position:center -128px}
#icons #sprite-icons .icon:hover:nth-child(2){ background-position:center -128px}
#icons #sprite-icons .icon:hover:nth-child(3){ background-position:center -128px}
#icons #sprite-icons .icon:hover:nth-child(4){ background-position:center -128px}

.form-reserve {
	background-image: url('http://www.autonoleggioroma-ncc.it/images/form-prenota-img.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:50px;
	padding:3rem 0;
	position:relative;
}
.form-reserve h1{
	font-family: 'Open Sans', sans-serif;
	font-size:3rem;
	color:white;
	text-align:center;
	margin-bottom:3rem;	
}
.form-reserve h1 strong{
	color:#ff0000;
}
.form-reserve form {
	font-family: 'Source Sans Pro', sans-serif;
	width:95%;
	margin:0 auto;
	background-color: rgba(0,0,0,.7);
	float:left;
	margin-left:2.5%;
}
.form-reserve form h2{
	font-size:2rem;
	color:white;
	width:100%;
	padding:1rem .5rem;
	background-color: rgb(0,0,0);	
}
.form-reserve form h3{
	font-size:1.5rem;
	color:white;
	font-weight:bold;
	width:100%;
	margin-bottom:1rem;
}
.form-reserve form fieldset {
	padding-top:2rem;
}
.form-reserve form input, .form-reserve form select, .form-reserve form textarea{
	background-color: rgba(96,96,96,0.7);
	border:none;
	color:white;
}
.form-reserve form .checkbox{
	color:white;
}
.form-reserve form .checkbox label{
	padding:2rem 0;
	margin-left:4rem;
}

.form-reserve .form-submit {
	background-color:#ff0000;
	color:white;
	border:none;
	border-radius:0;
	float:right;
	position:relative;
	right:10px;
	bottom:10px;
}
.container-contact {
	background-image:url('http://www.autonoleggioroma-ncc.it/images/img-sfondo-contatti.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	padding:5rem 0; 
}
.form-contact-6 {
	width:48%;
	float:left;
}
.form-contact-6:first-child {
	margin-right:4%;
}
.form-contact-6 input, .form-contact-12 input, .form-contact-12 textarea {
	width:100% !important;
	background-color: rgba(96,96,96,0.7);
	border-radius:0;
	border:0;
	margin-bottom:1rem;
}

form-contact-12 {
	width:100%;
	float:left;
	padding:0;
}
.form-inline button {
	background-color: rgba(96,96,96,0.7);
	border-radius:0;
	border:0;
	margin-bottom:1rem;
	color:white;
	transition:all .3s;
}
.form-inline button:hover {
	color: black;
}

.container-contact {
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-size:1.500rem;
	line-height:2.5rem;
}
.container-contact form .form-control{
	color:white;
}
footer {
	font-family: 'Open Sans', sans-serif;
	position:relative;
}
footer a {
	color:black;
}
footer a:hover {
	color:grey;
}
footer .fb-btn {background-color:#3b5998;color:white;height:2rem;padding:1rem 0 2.5rem;margin:1rem 0;border:2px solid #3b5998;transition:all .3s}
footer .tw-btn {background-color:#55acee;color:white;height:2rem;padding:.750rem 0 2.75rem;margin:1rem 0;border:2px solid #55acee;transition:all .3s}

footer .fb-btn span{
	font-weight:bold;
	text-transform:uppercase;
	display:none;
}
footer .tw-btn span{
	font-weight:bold;
	text-transform:uppercase;
	display:none;
}
footer .back-to-top{
	width:32px;
	height:32px;
	background-color: rgba(255,0,0,.5);
	position:fixed;
	cursor:pointer;
	bottom:10px;
	right:10px;
	transition:all .3s;
}
footer .back-to-top:hover{
	background-color: rgba(255,0,0,1);
}
footer .back-to-top svg{
	margin-top:4px;
	width:24px;
	height:24px;
}
@media only screen
and (min-width : 480px)
{
	.header-mobile figure figcaption{font-size:3.5rem;}
}

@media only screen 
and (min-width : 640px) 
{	
	.header-mobile figure figcaption{top:65%}
	.icon-box {width:60%;margin-left:20%}
    .header-mobile figure img{width: 100%}
}

@media only screen 
and (min-width : 768px) 
{
    
	.btn-red, .btn-red-2 {display:inline;margin: 0 1rem 0 0;float:left;}
	.black-col-right {margin-top:20px;}
	.black-col-right img{width:100%;}
	.icon-inner-box {margin:0 2rem;}
	.icon-inner-box figure img {width:25%}
	.form-reserve form {width:100%;}
}
@media only screen 
and (min-width : 992px) 
{
	.container-slider{display:block}
	.header-mobile{display:none}
	.black{padding:15px 0}
	.black-col-right {margin-top:0;}
	.icon-box {width:33%;margin-left:auto}
	.icon-inner-box {margin:0 2rem;}
	.icon-inner-box figure img {width:30%;}
	#icons #sprite-icons .icon h3{bottom:-35%}
	#content-number:hover:before{padding:0 7rem;}
	.container-contact {padding:10rem 0;}
	.carousel-indicators-flotta {width:75%; margin:0 auto 2rem;padding:2rem 0}
	.carousel-indicators-flotta .active {width:25%}
	.carousel-indicators-flotta li{display:inline;padding:1.5rem 2rem;}
	footer .fb-btn span{display:inline}
	footer .tw-btn span{display:inline}
	#facebook-icon{display:none}
	#twitter-icon{display:none}
	#carousel-flotta .carousel-inner{max-width:70%;height:450px;margin:0 auto;}
	.container-slider-flotta .item-flotta .btn-flotta{top:2rem}
	.btn-red-2{padding: 17px 48px;}
	footer .fb-btn:hover{color:#3b5998;background-color:transparent}
	footer .tw-btn:hover{color:#55acee;background-color:transparent}
}