/*
Theme Name: SitBusShuttle
Theme URI:
Description: A wordpress theme developed exclusively for SitBusShuttle
Author: 77Agency
Author URI:
Version: 2.0
License:
License URI:
Tags:
*/
@charset "utf-8";
.bck-lightest-grey{ background-color: #F8F8F8; }
.bck-light-grey{ background-color: #E9EBF1; }
.bck-grey{ background-color: #F4F5F7; }
.bck-fulldark-grey{ background-color: #545C68; }
.bck-white{ background-color: white; }

.title-page-book{
    font-size: 24px;
    font-weight: bold;
    color: #545C68;
    margin: 0px 0px;
	padding-top: 0px;
}

.top-viaggio{
    background-color: #F4F5F7;
	padding: 24px 0px;
}
.top-viaggio-aggiuntivo{
	padding: 14px 0px;
    background-color: #EDF0F5;
}
.top-viaggio-aggiuntivo h4{
	font-size: 16px;
	color: #545C68;
	margin: 5px 0px;
}
.blocco-offerte{
    margin-top: 30px;
    padding-bottom: 20px;	
}
.info-icon{
	font-size: 38px;
    margin: 5px 17px;
    color: #545C68;
}
.single-offerta{
    min-height: 190px;
	background-color: #717D97;
    width: 100%;
    height: 240px;
    padding: 20px 0px;
	cursor: pointer;
}
.single-offerta h2{
	color: #AEB9D2;
	font-size: 28px;
	font-weight: normal;
    margin: 10px 0px 10px 0px;
}
.single-offerta h2 span{
	color: #AEB9D2;
	font-size: 40px;
	font-family: 'Montserrat-Light';
	margin: 0px;
}

.single-offerta h4{
	color: #AEB9D2;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5px;
	margin-bottom: 0px;
}
.single-offerta p{
	color: #AEB9D2;
	font-size: 40px;
	font-weight: bold;
}
.single-offerta:hover, .single-offerta:active{
	background-color: white;
}
.single-offerta:hover h2, .single-offerta:active h2, .single-offerta:hover h2 span, .single-offerta:active h2 span,
.single-offerta:hover h4, .single-offerta:active h4,  .single-offerta:hover p, .single-offerta:active p{
	color: #585858;
}
.single-offerta:hover .custom-btn-offerta, .single-offerta:active .custom-btn-offerta{
	background-color: #FFB500;
	color: white;
}
.custom-btn-offerta{
	height: 40px;
	width: 150px;
	border: 1px solid #FFB500;
	background-color: #717D97;
	border-radius: 100px;
	color: #FFB500;
	font-size: 14px;
	text-align: center;
}
.custom-btn-offerta:hover, .custom-btn-offerta:active{
	background-color: #FFB500;
	color: white;
}
#another-transfer{
	padding: 50px 0px;
}
#another-transfer h2{
	color: #585858;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	margin-bottom: 30px;
}

.block-container-img img{
	max-width: 135px;
	height: 135px;
	border-radius: 50%;	
}
#interessi-carousel .item img#img-interests{
	max-width: 115px;
	height: 115px;
	border-radius: 50%;	
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    	
}

@media only screen and (max-width: 480px) {
	#interessi-carousel .item img#img-interests{
		max-width: 115px;
		height: 115px;
		border-radius: 50%;	
		position: relative;
	    margin-top: 20px;
	    transform: none;
	}
}

.val-price{
	min-width: 160px;
	width: 160px;
	background-color: #EDF0F5;
	border: 1px solid #545C68;
	height: 50px;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	color: #545C68;
	display: inherit !important;
    float: left;	
}
.custom-btn-viaggio{
    width: 160px;
    height: 50px;
    background-color: #545C68;
    color: white;
    border-radius: 0px;
	font-size: 16px;
	vertical-align: baseline !important;
}
.custom-btn-viaggio{
	width: 100% !important;
	background-color: #717D97;
    border: 0px solid transparent;
	margin: 0;
	padding: 0;
	line-height: 50px;
}
.custom-btn-viaggio:hover, .custom-btn-viaggio:active{
	color: #FFFFFF;
	background-color: #FFCE56;
}
.custom-btn-viaggio:hover .viaggio-price, .custom-btn-viaggio:active .viaggio-price{
	color: #FFFFFF;
	background-color: #FFB500;
}

.viaggio-price{
	background-color: #34456A;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 700;
	width: 28%;
	max-height: 50px;
}
.viaggio-price span{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
}
.custom-btn-transfer{
	height: 50px;
	width: auto;
	border-radius: 100px;
	background-color: #FFB500;
	font-size: 16px;
	text-align: center;
	line-height: 18px;
	color: #FFFFFF;
}
.custom-btn-thank{
	min-width: 270px;
	height: 50px;
	display: block;
	border-radius: 0px;
    text-transform: uppercase;
	font-size: 14px;
	vertical-align: baseline !important;
	
}
.custom-btn-blue{
	height: 50px;
	width: auto;
	border-radius: 100px;
	border: 1px solid #717D97;
	background-color: white;
	font-size: 16px;
	text-align: center;
	line-height: 18px;
	color: #717D97;
	min-width: 260px;	
}
.custom-btn-blue:hover, .custom-btn-blue:active{
	background-color: #717D97;
	color: white;
}
.main-prod-agg{
	padding: 20px 0px;
}
.top-viaggio-dx{ float: right; }
.info-viaggio img{ margin-right: 12px; }
.info-viaggio p{ 
	margin-top: 12px;
	font-weight: bold;
}
.semi-block-agg{ width: 50%; float: left; }
.content-agg-txt{
	background-color: white;
	min-height: 210px;
	padding: 25px 20px;
}
.content-agg-txt p{
	font-size: 14px;
	padding-right: 24px;
}
#imposta-viaggio{
	margin-top: 24px;
}
.prod-agg{
	background-color: #F4F5F7;
	padding: 30px 0px;
}
.checkout-form{
	margin-top: 40px;
}
.prod-agg h2, .checkout-form h2{
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0px;
}
.riepilogo{
	background-color: white;
}
.riepilogo-post{
	background-color: #E9EBF1;
}
/* CHECKOUT */
.main-checkout-form h2.tit{
    color: #585858;
    font-size: 22px;
    font-weight: bold;
    padding: 0;
    margin: 0;
	line-height: 80px;
	border-bottom: 1px solid #AEB9D2;
}
.riepilogo, .riepilogo-post, .riepilogo-final{
	padding: 15px 15px;
}


.blocco-testo-riepilogo, .blocco-testo-thank{
	padding: 15px 0px;
	color: #585858;
}

.blocco-testo-riepilogo h2, .blocco-testo-thank h2{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.blocco-testo-riepilogo p, .blocco-testo-thank h2{
	font-size: 16px;
	margin: 0;
}
.riepilogo-final{
	background-color: #FFB500;
}

.riepilogo-final p{
    color: white;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
}
/* END */


/* THANK YOU PAGE */
.main-cont-thank{
	/*padding: 25px 0px;*/
	min-height: 220px;
}
.tit-conf{
	float: left;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}
.codice p{
	font-size: 16px;
	margin: 0;
}
.codice-label{
	font-size: 24px !important;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	margin-top: 7px !important;
}
.container-title-thank{ margin-bottom: 12px; }
.container-title-thank h2{
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    color: #585858 !important;
    min-height: 75px;
    border-bottom: 1px solid rgba(188,190,196,1);
    padding-top: 27px;
}
.testo-mappa{
	background-color: #D1D6DF;
	padding: 20px 0px;
}
.testo-mappa h4, .testo-mappa p{
	margin: 0;
	font-size: 14px;
}
/* END */

#booking-main-cont h4{
	color: #585858;
	font-size: 22px;
	font-weight: bold;
    margin: 35px 0px;
}
.times-main-cont{
	padding: 40px 0px;
}
/* HORIZONTAL SLIDE */
.bstimeslider {
    width: auto !important;
    height: 54px;
    position: relative;
    margin-top: 25px;
    border-top: 1px solid #455880;
    min-height: 86px;
}

.bktibx {
    float: left;
    margin: 0 0px 0 0;
    font-size: 16px;
    width: 20%;
    height: 86px;
    display: block;
    color: #545C68;
    text-align: center;
    cursor: pointer;
	min-height: 86px;
    padding-top: 25px;
}
.bktibx.active, .bktibx:hover{
	color: #545C68;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px solid #FFB500;
}


.single-orario{
	max-width: 75px;
	max-height: 75px;
	width: 75px;
	height: 75px;
	border-radius: 50%;
}
.single-orario.active, .single-orario:hover{
	background-color: #FFB500;
	color: white;
}


.tslshow {
	position: absolute;
    left: 3%;
    width: 94%;
}

#leftArrow {
	position:absolute;
	left:0px;
	top: 15px;
}
.tslshow span{
	position: relative;
    top: 7px;	
}
#rightArrow {
	position:absolute;
	right:0px;
	top: 15px;
}

#viewContainer {
	width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}
#rightArrow img, #leftArrow img{
	margin: 17px 12px;
	cursor: pointer;
}
#rightArrow img{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (max-width: 1200px) {
	.content-agg-txt {
		min-height: 172px;
		padding: 1px 20px;
	}    
}

@media only screen and (max-width: 991px) {
	.container {
		width: 100% !important;
	}
}

@media only screen and (max-width: 768px) {
	.content-agg-txt{ min-height: 275px !important; }
	.custom-btn-thank{ float: none !important; margin: 0 auto; }
	.main-nav .container{ margin: 0 !important; padding: 0; }
	.main-top-menu{
		background-color: #F7F7F7;
		z-index: 9999 !important;
		opacity: 1;
		display: block !important;
		position: relative;
		margin: 0 !important;
	}
	.navbar-collapse{
		border-top: 0px !important;
	}
	.main-top-menu li a:hover, .main-top-menu li a:active{
		max-height: inherit !important;
	}
	.navbar{
		position: static !important;
	}
	.navbar .nav > li{
		z-index: 1001 !important;
	}

}

@media only screen and (max-width: 600px) {
	.semi-block-agg{ width: 100%; display: block; }
	.single-offerta{
		float: none !important;
	}
	.col-xs-4{
		float: none !important;
		width: 100% !important;
	}
	ul.footer-nav{
		padding: 0;
	}
	.blocco-testo-thank, .codice{
		width: 100%;
		margin-top: 9px;
	}
	.codice-label{ text-align: left; }
}
@media only screen and (max-width: 480px) {
	.info-icon{ float: none !important; }	
	.custom-btn-transfer{ font-size: 12px; }
}

@media only screen and (max-width: 400px) {
	.footer-main{
		padding: 12px;
	}
}

/* END */

/* CENTERING MODAL */

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-content{
	border-radius: 0px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* END */