#menumappa li a,
.subnav-porti:hover {
	text-decoration: none
}

.subnav-porti,
.testimonial blockquote p,
.tgx td,
.tgx th {
	font-family: "Open Sans", Arial, sans-serif
}

#securServerInfo,
.Accordion,
.Rtable--5cols .riga,
label[for] {
	cursor: pointer
}

.donut,
.tabpx,
.tgx,
table.tratta {
	border-collapse: collapse;
	border-spacing: 0
}

html {
	position: relative;
	min-height: 100%
}

body {
	margin-bottom: 60px !important;
	overflow-x: hidden
}

.footer {
	position: absolute !important;
	bottom: 0;
	width: 100%;
	height: 60px
}

.recensionirow {
	background-color: #f1f1f1;
	padding-right: 15px;
	border-radius: 10px;
	border: 1px solid #dedede
}

.ws-nowrap .fa-phone {
	color: #08C;
	-ms-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
	font-size: 24px
}

.ws-nowrap span {
	color: #08C;
	font-size: 32px;
	vertical-align: top
}

.ws-nowrap .frase-tel {
	font-size: 15px;
	color: #999
}

#header .header-nav-top .nav>li>p,
#header .header-nav-top .nav>li>span {
	color: #999;
	font-size: 1.1em;
	padding: 6px 10px;
	letter-spacing: -1px;
	display: inline-block;
	margin-bottom: 0
}

#header .header-nav-top .nav>li>span {
	color: #999;
	font-size: 1.1em;
	padding: 6px 0;
	letter-spacing: -1px;
	display: inline-block;
	font-weight: 700
}

.gmnoprint,
.riga.disabled input {
	display: none
}

.nav .dropdown-menu li.active>a {
	background-color: #08c;
	color: #fff !important
}

.recensionirow {
	padding-left: 15px
}

.tip-red:before {
	border-right-color: red !important
}

#header .tip-red {
	background: red;
	color: #fff
}

img.subimg {
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
	padding: 0 5px;
	width: 85px
}

.subnav-porti {
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	border-radius: 13px;
	text-shadow: 1px 1px 2px #000
}

.subnav-porti:hover {
	color: #000;
	text-shadow: none
}

.mapover {
	position: absolute
}

.backg {
	background-color: #f9f9f9
}

.prenota{
	padding-top:40px;
}

@media (min-width:991px) {
	#header .header-nav-main nav>ul>li.dropdown-mega {
		position: relative
	}
	#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu {
		border-radius: 0 4px 4px;
		left: 0;
		right: 15px;
		width: 520px
	}
	#header .header-nav-main nav>ul>li.dropdown-medium>.dropdown-menu {
		width: 310px
	}
	.fixcard {
		width: 26.333333%
	}
	.altezzauser {
		min-height: 130px
	}
}

#menumappa {
	background: url(../img/custom/menu-mappa/sardegna.png) no-repeat #A3CCFF;
	background-size: 100%;
	height: 450px;
	width: 320px
}

ul#menumappa li a {
	border: none !important
}

ul#menumappa li a:hover {
	background-color: transparent !important
}

ul#menumappa li a i {
	font-size: 20px;
	font-weight: 700;
	color: #000
}

.boxgruppi {
	color: #000;
	font-size: 1.3em;
	font-weight: 300
}

.chart span,
.spntext,
h4.h4motore {
	font-weight: 700
}

.tab_content_boxgruppi {
	border: none;
	box-shadow: none
}

.tab_content_boxgruppi_arrow {
	border: none;
	box-shadow: none;
	padding-left: 5px;
	padding-right: 5px
}

.arrow.hlb {
	background-position: -209px -101px;
	width: 99px;
	height: 44px
}

#box-motore-rp #box-content-motore {
	background: #feffff;
	background: -moz-linear-gradient(top, #feffff 0, #d2ebf9 100%);
	background: -webkit-linear-gradient(top, #feffff 0, #d2ebf9 100%);
	background: linear-gradient(to bottom, #feffff 0, #d2ebf9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9', GradientType=0)
}

.page-header,
.page-header2 {
	background-repeat: no-repeat, repeat-x;
	background-position: left, right
}

#box-motore-lp {
	margin-top: -120px !important
}

h4.h4motore {
	font-size: 25px
}

.fa-star,
.fa-star-half-o {
	color: #fdbb02;
	font-size: 20px;
	vertical-align: middle
}

.datepicker {
	z-index: 110 !important
}

.today {
	background-color: #ddd !important;
	color: #FFF !important;
	font-size: 18px !important
}

.day {
	color: #000 !important;
	background-color: #eee
}

.day:hover {
	background-color: #ddd !important
}

.disabled,
.old {
	color: #aaa !important
}

.blog-posts article.offerteb1 {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

#accauno,
.page-header.right-sidebar .breadcrumb {
	text-align: right
}

.donut .iist,
.tgx .tgx-baqh,
.tgx .tgx-s6z2 {
	text-align: center
}

.breadcrumb>li.active a {
	color: #fafafa !important
}

.page-header .breadcrumb>li+li:before {
	color: #fafafa;
	opacity: 1
}

h1:not(.homep) {
	margin-bottom: -52px !important;
	padding-bottom: 49px !important
}

.page-header.int-page.right-sidebar {
	padding-bottom: 10px
}

.breadcrumb {
	margin-top: 10px !important
}

.ratestar {
	margin-bottom: 5px
}

.ratestar i {
	font-size: 16px
}

.ratestar i.fa {
	display: initial
}

h2.recensioni {
	color: #08c;
	margin: 0 0 15px;
	border-bottom: 1px solid #ddd
}

h2.recensioni span {
	font-size: 18px
}

h2.recensioni span.verificato {
	font-size: 14px;
	color: gray;
	margin-left: 12px
}

.boxutente {
	clear: both;
	margin-top: 5px
}

.spntext {
	padding: 0 10px
}

.donut .ist,
.tgx th {
	font-weight: 400;
	word-break: normal;
	overflow: hidden
}

.grey {
	color: #ddd
}

.donut td {
	font-size: 14px;
	padding: 0 5px;
	overflow: hidden;
	word-break: normal
}

.donut .ist {
	font-size: 14px;
	padding: 5px 17px
}

.donut .iist {
	vertical-align: top
}

.donut .iistbottom {
	text-align: center;
	vertical-align: bottom
}

.donut .iiist {
	vertical-align: center
}

.donut .tg-baqh {
	vertical-align: top
}

.tgx .tgx-baqh,
.tgx .tgx-yw4l {
	vertical-align: middle
}

.donut th i {
	font-size: 30px;
	padding-bottom: 5px
}

.donut .tg-baqh.bb {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd
}

.donut .ist.pt {
	padding-top: 10px
}

.donut .box-stellone {
	margin-left: 70px
}

.tgx {
	color: #F2F2F2
}

.tgx td {
	font-size: 14px;
	padding: 6px 5px;
	overflow: hidden;
	word-break: normal
}

.tgx th {
	font-size: 30px;
	padding: 10px 5px;
	border-bottom: 1px solid #fff
}

.tar {
	text-align: right !important
}

.tal {
	text-align: left !important
}

.btn-primary {
	color: #fff;
	background-color: #0099e6;
	border-color: #0099e6 #0099e6 #0077b3
}

.prossime_partenze table tbody tr td {
	text-align: center
}

table thead tr:first-child th:first-child {
	border-top-left-radius: 10px
}

table thead tr:first-child th:last-child {
	border-top-right-radius: 10px
}

table tr:last-child td:last-child {
	border-bottom-right-radius: 10px
}

@media only screen and (max-width:767px) {
	#bannergruppicentro,
	#bannergruppinew {
		top: 0 !important;
		margin: 20px auto;
		left: 0 !important;
		float: none !important
	}
	#bannergruppicentro {
		margin: 50px auto 20px !important
	}
	#no-more-tables table,
	#no-more-tables tbody,
	#no-more-tables td,
	#no-more-tables th,
	#no-more-tables thead,
	#no-more-tables tr {
		display: block
	}
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	#no-more-tables tr {
		border: 1px solid #ccc;
		margin-top: 15px
	}
	#no-more-tables td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 56%;
		white-space: normal;
		text-align: left
	}
	#no-more-tables td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: 700
	}
	#no-more-tables td.tblprice {
		padding-left: 40%;
		margin: 5px auto;
		border-bottom: none
	}
	.prossime_partenze td:nth-child(1):before {
		content: "Tratta:"
	}
	.prossime_partenze td:nth-child(2):before {
		content: "Compagnia:"
	}
	.prossime_partenze td:nth-child(3):before {
		content: "Orario di partenza:"
	}
	.table-bordered {
		border: none;
		padding-right: 0;
		padding-left: 0
	}
}

.h4pp,
.tabpx,
select {
	width: 100%
}

.forcednomargin {
	margin-right: 0;
	margin-left: 0
}

.cf>tr>th {
	background-color: #0099E6;
	color: #FFF
}

.table-bordered>tbody>tr>td {
	text-align: center
}

@media (min-width:991px) {
	.trentuno {
		font-size: 14px;
		font-weight: 400
	}
	.pxp a {
		font-weight: 600 !important
	}
}

@media (max-width:991px) {
	#box-motore-lp {
		margin-top: 0 !important
	}
	#switchbock {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical
	}
	#bloccoA {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2
	}
	#bloccoB {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1
	}
	.page-header h1 {
		border-bottom: none
	}
	.centrah2 h2 {
		text-align: center !important
	}
	/*mod
    .header-logo img {
        max-width: 230px 
    }
	*/
	.ws-nowrap-off {
		display: inline-block;
		margin-top: 40px
	}
	.oon {
		display: none !important
	}
	.ws-nowrap-off span {
		font-weight: 700
	}
	#header .header-btn-collapse-nav {
		margin: 34px 0 8px 15px
	}

	.page-header {
		border-bottom: 0!important;
	}

}

.bluband,
.h4pp {
	display: inline-block
}

#centro-motore input,
#centro-motore select {
	padding: 0 !important;
	margin: 3px 0 !important
}

.css-label1 {
	margin-top: 5px
}

.css-label2 {
	margin-top: 13px
}

select {
	height: 35px;
	border: 1px solid #ccc
}

button {
	margin-top: 16px
}

.page-header {
	background-image: url(../img/img-backgroung/custom-header-bg-cs7.jpg);
	/* background-color: #01233c; */
	background-color: #FFF;
	background-size: cover
}

.int-page {
	background-image: none
}

.page-header2 {
	background-image: url(../img/img-backgroung/custom-right-layer.jpg), url(../img/img-backgroung/custom-right-layer.jpg)
}

.toggle.toggle-simple .toggle.active>label:before {
	left: 0;
	content: "\f21a";
	font-size: 20px;
	font-weight: lighter
}

.toggle.toggle-simple .toggle>label:before {
	top: 8px;
	left: 3px;
	right: auto;
	margin-top: 0;
	content: "\f21a";
	font-size: 15px;
	font-weight: lighter
}

aside h4 {
	margin-left: 5px
}

.h4pp {
	padding: 10px 0;
	text-align: center;
	border-radius: 5px;
	color: #08c
}

.cella,
.navetta {
	text-align: left
}

.tabpx {
	padding-top: 20px
}

.tabpx td,
.tabpx th {
	border-width: 1px;
	overflow: hidden;
	word-break: normal
}

.tabpx .cella {
	vertical-align: top
}

.proxpa {
	margin: 15px auto;
	line-height: 18px;
	border-bottom: 1px dotted rgba(112, 128, 144, .5);
	padding-bottom: 10px
}

.pxp {
	color: #1d2127
}

.trenta,
.trentuno {
	color: #0078d8
}

.undici {
	width: 11%
}

.ottantanove {
	width: 89%
}

.cinquantanove {
	width: 59%
}

.trenta {
	width: 30%;
	font-size: 12px;
	font-weight: 600
}

.margin20 {
	margin-top: 20px
}

.cella.trenta {
	letter-spacing: -.5px
}

.navetta {
	vertical-align: initial
}

.navetta span i {
	color: #08C
}

.proxpa img {
	vertical-align: sub;
	padding-left: 10px
}

.toggle.toggle-simple .toggle>label:after {
	width: 30px;
	height: 30px;
	left: -4px;
	top: 16px;
	margin-top: -12px
}

#footer {
	background: 0 0;
	border-top: none;
	margin-top: 0;
	padding: 0
}

#footer .footer-copyright {
	background-color: #01233c;
	border-top: 4px solid #01233c !important
}

.attivo {
	color: #000;
	text-shadow: none
}

.attivo:hover {
	color: #fff;
	text-shadow: 1px 1px 2px #000
}

blockquote.mod {
	background: #fff !important;
	border: 1px solid #eee;
	color: #000 !important;
	min-height: 100px
}

blockquote.mod p,
blockquote.mod p:before {
	border-left: 1px dotted #bbb
}

blockquote.mod p {
	color: #777;
	margin-top: 10px;
	margin-left: -10px;
	padding-left: 10px;
	min-height: 60px
}

.testimonial blockquote.mod:before {
	left: 20px;
	content: "";
	color: #ccc
}

.testimonial blockquote.mod:after {
	right: 20px;
	content: "";
	color: #ccc
}

.base,
.voto-medio strong {
	color: #000
}

.testimonial blockquote p {
	font-style: italic;
	font-size: 14px
}

.testimonial.mod {
	position: relative
}

.testimonial.mod .testimonial-author {
	width: 100px;
	position: absolute;
	top: 0;
	left: -12px
}

.testimonial.mod .testimonial-author p {
	width: 100px;
	text-align: right;
	padding-right: 1px
}

.testimonial .testimonial-author span {
	line-height: 13px
}

.testimonial .testimonial-author strong {
	line-height: 15px
}

.outer-box {
	border: 1px dotted #eaeaea;
	background: #f5f5f5
}

.outer-box h5 {
	padding: 15px
}

.voto-medio p span {
	color: #000;
	font-size: 30px
}

.vm {
	font-size: 20px !important
}

.voto-medio p {
	text-align: right
}

.partenze td,
.partenze th,
.voto-medio h5 {
	text-align: center
}

.stelle i {
	font-size: 32px
}

.tooltip-inner {
	background-color: #fff;
	max-width: 300px !important
}

@media only screen and (max-width:480px) {
	.cf {
		padding-right: 5px;
		padding-left: 5px
	}
	.rece {
		text-align: center
	}
	.fixedd {
		width: 42% !important
	}
	.vm {
		font-size: 15px !important
	}
	.voto-medio p span {
		font-size: 20px
	}
	.box-stellone {
		margin-left: -15px
	}
}

.bluband {
	background: #fdbb02;
	height: 28px
}

.img_stellone {
	background-image: url(/assets/img/maschera-stars.png);
	background-repeat: no-repeat;
	z-index: 10;
	height: 29px
}

.box-stellone {
	width: 163px;
	background: grey;
	height: 29px
}

.fix-center-tac {
	margin-top: 24px
}

blockquote.mod {
	padding: 10px 10px 10px 125px
}

.testimonial.mod .testimonial-author p {
	margin-left: 15px
}

.testimonial.mod .testimonial-author p i {
	font-size: 15px
}

.fixwhite {
	vertical-align: middle;
	color: #08C
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	#header .header-nav-main nav>ul>li>a {
		padding: 10px 6px
	}
}

.intestazione-t h3,
.intestazione-t p {
	padding: 6px 0;
	font-size: 20px
}

.compagnie {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

#footer .footer-copyright nav {
	float: none
}

.breadcrumb>.active {
	color: #fff
}

.intestazione-t button i,
.intestazione-t button span,
.intestazione-t h3 i {
	color: #000
}

.intestazione-t {
	border-top: 4px solid #037ACC;
	background-color: azure
}

.intestazione-t p {
	color: #000
}

.intestazione-t button {
	background-color: #FFF;
	border: 1px solid #ddd
}

h1,
h2,
h3 {
	margin-top: 0
}

h1,
h2 {
	text-transform: uppercase
}

hr {
	border: none;
	border-top: solid 1px rgba(112, 128, 144, .5);
	margin: 2em 0
}

#goahead {
	width: 200px !important;
	padding: 10px;
	font-size: 20px
}

#goback {
	margin-top: 16px;
	padding: 14px
}

.partenze>tbody>tr:nth-of-type(even) {
	background-color: #f1f1f1
}

.partenze tr:hover {
	background-color: #E7F5FD;
	cursor: pointer
}

table thead tr:first-child th:first-child,
table thead tr:first-child th:last-child,
table tr:last-child td:last-child {
	border-radius: 0 !important
}

.partenze,
.partenze th {
	border: 1px solid #e2e6e9
}

.partenze {
	margin-bottom: 0 !important
}

.partenze th {
	font-size: 11px;
	background-color: #037acc;
	color: #fff
}

.partenze td {
	vertical-align: middle !important;
	padding: 5px !important
}

.partenze .input-sm {
	height: 25px !important;
	padding: 0
}

.partenza-selezionata {
	background-color: #c9e2ef
}

.t-footer {
	margin-bottom: 20px
}

.partenze .selezionata {
	background-color: #c9e2ef !important
}

.partenze span.non_scontato {
	text-decoration: line-through;
	font-size: 11px
}

.Rtable-cell h5 {
	font-size: .8em
}

.Rtable {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	top: 3px;
	left: 3px;
	margin-bottom: 2em;
	padding: 0;
	border-bottom: 4px solid #037ACC !important;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px
}

.Rtable-cell {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 100%;
	margin: -3px 0 0 -3px;
	padding: .4em 1em;
	background-color: #fff;
	border: 1px solid #e2e6e9;
	list-style: none
}

.Rtable-cell h1,
.Rtable-cell h2,
.Rtable-cell h3,
.Rtable-cell h4,
.Rtable-cell h5,
.Rtable-cell h6 {
	margin: 0
}

.Rtable-cell--head {
	color: #fff;
	background-color: #fff;
	border-color: #ddd
}

.Rtable-cell select {
	font-size: .9em;
	height: 25px
}

.Rtable--2cols>.Rtable-cell {
	width: 50%
}

.Rtable--3cols>.Rtable-cell {
	width: 33.33%
}

.Rtable--4cols>.Rtable-cell {
	width: 25%
}

.Rtable--5cols>.Rtable-cell {
	width: 18%
}

.Rtable--6cols>.Rtable-cell {
	width: 16.6%
}

.Rtable--cols-15p>.Rtable-cell {
	width: 15%
}

.Rtable--cols-40p>.Rtable-cell {
	width: 40%
}

.custom-width-15 {
	width: 15%
}

.custom-width-35 {
	width: 35%
}

@media all and (max-width:991px) {
	.Rtable--collapse {
		display: block
	}
	.Rtable--collapse>.Rtable-cell {
		width: 100%
	}
	.Rtable--collapse>.Rtable-cell--foot {
		margin-bottom: 1em
	}
	.Rtable-cell select {
		font-size: 1em;
		margin: 0 0 3px
	}
}

.no-flexbox .Rtable {
	display: block
}

.no-flexbox .Rtable-cell--foot {
	margin-bottom: 1em
}

@media all and (max-width:991px) {
	.offe-small,
	.u-hiddenSmall {
		display: none !important
	}
	.u-hiddenSmall {
		visibility: hidden !important
	}
	.Rtable-cell--foot {
		border-color: #a9b3bc
	}
	.intestazione-t {
		padding-bottom: 0
	}
	.intestazione-t h3 {
		font-size: 14px
	}
	.intestazione-t p {
		font-size: 15px
	}
}

@media all and (min-width:991px) {
	.offe-large,
	.u-hiddenLarge {
		display: none !important
	}
	.u-hiddenLarge {
		visibility: hidden !important
	}
}

.Accordion {
	position: relative;
	top: -3px;
	left: -3px;
	width: 100%;
	width: calc(100% + 3px);
	margin: 0 0 .5em;
	padding: .6em .6em .6em 30px;
	border-radius: .3em;
	text-align: left;
	border: 3px solid #0368ad;
	background-color: #037ACC;
	text-decoration: none;
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
	color: #fff;
	font-size: 1.1em
}

.Accordion:focus,
.Accordion:hover {
	outline: 0;
	-webkit-filter: contrast(150%);
	filter: contrast(150%)
}

.Accordion[aria-selected=true] {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-width: 0;
	background-color: #037ACC;
	color: #fff;
	font-size: 1.2em
}

.Accordion:before {
	content: "+";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	background-size: 20px 20px;
	color: #fff
}

.Accordion button,
.Rtable-cell {
	font-size: 1.1em
}

.Accordion[aria-selected=true]:before {
	content: "-";
	color: #fff
}

.intestazione {
	background-color: #037acc
}

.intestazione h5 {
	color: #fff
}

.colonna1 input,
.colonna1 span {
	margin-right: 20px
}

.Rtable h5 {
	font-size: .68em
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: red;
	border-width: 5px 5px 0
}

.tooltip-inner {
	color: #000;
	background: #fafafa;
	border: 3px solid #555;
	padding: 10px;
	font-size: 1.2em
}

.ui-datepicker-trigger {
	border: none;
	background: 0 0
}

@media only screen and (min-width:992px) {
	#goahead {
		width: 60%
	}
}

.riga.selected {
	background-color: #c9e2ef !important
}

table.tratta {
	color: #0d2c4a;
	width: 100%
}

.tratta-detail {
	background: #e7f5fd;
	border: 1px solid #CCC;
	color: #0d2c4a;
	padding-top: 1em;
	padding-bottom: 1em;
	position: relative;
	text-align: left;
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 10px
}

.tratta-detail table p {
	margin: 0;
	padding: 0
}

.tratta-detail .riepilogo-periodo {
	padding: .5em 2em 1em;
	border-bottom: 1px dotted #517895
}

.tratta-detail table {
	margin: 15px 0 0
}

.editabe {
	padding: 0 10px
}

.editabe p span {
	color: #0d2c4a
}

p.dettnumb {
	color: #0d2c4a;
	font-weight: 700;
	font-size: 14px
}

#global-price-content,
.tratta-detail .total {
	font-size: 1.4em;
	text-align: center;
	border-top: 1px dotted #517895
}

.tratta-detail .total {
	margin-top: 10px;
	padding: 20px 0 10px;
	font-weight: 700;
}

#global-price-container {
	background: #b2e5ff;
	border: 1px solid #CCC;
	margin-top: 3em;
	padding-top: .3em;
	padding-bottom: .3em;
	text-align: center;
	width: 100%
}

#global-price-container span {
	display: inline-block;
	width: 25%;
    padding-right: 3px;
}

#global-price-container table {
	color: #0d2c4a;
	margin: 1em auto;
	width: 50%
}

#global-price-content {
	padding: 1em 0
}

#global-price-content span {
	color: #0d2c4a;
	font-weight: 600
}

.alert-danger {
	margin-top: 30px
}

.important_color {
	color: #333
}

.important_bold_color {
	color: #333;
	font-weight: 700
}

.with-borders {
	background-color: #f1f1f1
}

#securServerInfo {
	paddingt-top: 15px
}

.total .frase-prezzo {
	display: inline-block;
	width: 58%;
	text-align: left
}

.total #prezzo_resultA,
.total #prezzo_resultR {
	visibility: hidden;
	font-size: 13px;
	text-decoration: line-through;
	text-align: right;
	display: inline-block
}


.total #costoTotaleA,
.total #costoTotaleR {
	display: inline-block;
	width: 32%;
	text-align: right
}

@media screen and (max-width: 992px) {
	.total #costoTotaleA,
	.total #costoTotaleR {
		width: 37%;
	}

	.editabe {
		padding: 0 8px
	}

	.editable-accessorio {
	width: 180px;
	}

}

@media screen and (max-width: 500px) {
	.total #costoTotaleA,
	.total #costoTotaleR {
		width: 32%;
	}
}

@media screen and (max-width: 400px) {
	.total #costoTotaleA,
	.total #costoTotaleR {
		width: 30%;
	}
}





.boxautobus .gruppiautobus_ext:hover .clickme,
.boxautobus .gruppiautobus_ext:hover .clickme2 {
	background-color: #069
}

.clickme,
.clickme2 {
	font-weight: 600;
	font-size: 15px
}

.rif_num2 {
	height: auto;
	transition: all .3s ease
}

#footer .dati-az img {
	line-height: 13px;
	height: 13px
}

.popover {
	max-width: 300px
}

.popover-alert+.tooltip>.tooltip-inner {
	color: #333;
	border: 3px solid red
}

.cont-err {
	margin-top: 50px;
	text-align: center
}

.cod-error {
	font-size: 65px;
	color: #666
}

.img_stellone {
	width: 163px
}

.donut .box-stellone {
	margin: 0 auto
}

#bg-loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(218, 218, 218, .8);
	z-index: 999999;
	overflow: hidden;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

#bg-loading .loading {
	width: 280px;
	height: 280px;
	position: relative;
	margin: 12% auto 0
}

#bg-loading .timone {
	width: 100%;
	position: absolute;
	z-index: -1;
	animation: 15s rotate360 infinite linear
}

#bg-loading .logo {
	width: 100%
}

#bg-loading .frase-loading {
	font-size: 25px;
	font-style: italic;
	font-weight: 700;
	color: #ED6000;
	max-width: 450px;
	margin: 0 auto;
	padding: 10px 5px
}

@keyframes rotate360 {
	to {
		transform: rotate(360deg)
	}
}

@media screen and (max-width:544px) {
	.conferma-immediata {
		display: block;
		padding-left: 10px
	}
}

@media screen and (max-width:362px) {
	#amazon-img {
		margin-left: 20px !important
	}
}

@media screen and (max-width:767px) {
	.ui-datepicker-trigger {
		margin-top: -10px !important
	}

	@media only screen and (max-width:767px) {
		.fa-calendar,
		.frase-date {
			vertical-align: middle
		}
		.data-part,
		.durata,
		.ora-partenza,
		.partenze .durata,
		.partenze .partenza,
		.prezzo {
			font-weight: 700
		}
		.icona-int-tabella {
			filter: brightness(0) invert(1);
			width: 16px
		}
		.intestazione-t {
			background: #037ACC;
			border-radius: 10px 10px 0 0
		}
		.intestazione-t h3 {
			color: #fff;
			font-weight: 700;
			padding: 0
		}
		.intestazione-t h3 i {
			color: #fff
		}
		.intestazione-t p {
			color: #fff;
			margin-top: -12px !important
		}
		.ui-datepicker-trigger {
			padding: 0 4px
		}
		.frase-date {
			font-size: 12px;
			display: inline-block;
			line-height: 1
		}
		.Rtable {
			border: 1px solid #037ACC;
			top: 0;
			left: 0;
			border-bottom: 4px solid #01243d
		}
		.Rtable-cell {
			margin: 0;
			border: 0;
			width: 100% !important;
			padding: 4px 0 0;
			position: relative;
			min-height: 30px
		}
		.Rtable-cell--foot {
			margin-bottom: 0 !important;
			padding-bottom: 15px;
			border-bottom: 4px solid #a9b3bc
		}
		.prezzo {
			color: #01243d;
			font-size: 17px;
			line-height: normal
		}
		.offe-large {
			cursor: pointer
		}
		.ora-partenza input[type=radio] {
			position: absolute;
			z-index: 2;
			width: 20px;
			height: 20px;
			bottom: -116px;
			left: 15px
		}
		.riga {
			text-align: left
		}
		#goahead {
			width: 55% !important
		}
		.partenze {
			border: 1px solid #037ACC
		}
		.frase-date {
			white-space: normal;
			width: auto
		}
		.partenze td {
			border: 0 !important;
			padding: 0 0 2px !important
		}
		.partenze td,
		.partenze tr {
			display: inline-block !important;
			text-align: left !important;
			clear: both
		}
		.partenze tr {
			position: relative !important;
			border: 1px solid #ddd;
			padding: 10px 0
		}
		.partenze tr:hover {
			background-color: inherit;
		}
		.partenze [class*=col-] {
			position: static
		}
		td.my-float-left {
			float: left !important
		}
		.partenza input[type=radio] {
			position: absolute;
			right: 3%;
			top: 30%;
			width: 25px;
			height: 25px
		}
	}
}


@media screen and (max-width:991px) {
	#footer,
	.page-header,
	section.page-header div {
		text-align: center
	}
	.page-header h1,
	.prezzo {
		line-height: normal
	}
	.data-part,
	.durata,
	.intestazione-t h3,
	.ora-partenza,
	.prezzo {
		font-weight: 700
	}
	.page-header {
		padding: 0;
		margin-bottom: 15px;
		background-image: none
	}
	h1 {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important
	}
	.mt-xl {
		/*OLD margin-top: 30px !important
        margin-top: 5px !important; MOD */
	}
	.google-map.small {
		height: 200px
	}
	#header .header-logo {
		text-align: center;
		float: none
	}
	#header .header-logo img {
		margin: 0
	}
	/*MOD
    #header .header-body {
        position: fixed !important; 
        top: 0;		
        border-bottom: 2px solid #ddd 
    }
	*/
	#header .header-btn-collapse-nav,
	#header .ws-nowrap-off {
		margin-top: 0 !important
	}
	#header .ws-nowrap-off a {
		/*MOD padding: 10px */
	}
	#header .ws-nowrap-off span {
		display: none
	}
	#header .ws-nowrap-off .fa-envelope,
	#header .ws-nowrap-off .fa-phone {
		color: #fff;
		padding: 7px;
		font-size: 20px
	}
	#header .fa-envelope {
		transform: rotate(0)
	}
	#header .header-btn-collapse-nav {
		background: 0 0;
		margin: 0 !important
	}
	#top {
		/*MOD  margin-top: 120px !important */
	}
	.mt-none {
		margin-top: 0 !important
	}
	.icon-mobile-nav {
		display: inline-block !important;
		width: 100%;
		background: #08c;
		border-radius: 4px;
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
	}
	/*.main {
        margin-top: 136px
    }*/
	.header-nav-main nav {
		height: auto;
		overflow: scroll
	}
	.recensioni {
		flex-direction: column;
		display: flex;
		flex-flow: column
	}
	.recensioni .box1 {
		order: 2
	}
	.recensioni .box2 {
		order: 1
	}
	.donut {
		width: 100%
	}
	.box-inverte-ordine .blocco-a {
		order: 2
	}
	.box-inverte-ordine .blocco-b {
		order: 1
	}
	.box-inverte-ordine {
		flex-direction: column;
		display: flex;
		flex-flow: column
	}
	#sidebar-result {
		margin: 0;
		display: none
	}
	#sidebar-prenotazione h4:first-child.collapsed:after,
	#sidebar-result h4.collapsed:after {
		font-family: FontAwesome;
		content: "\f078";
		float: right
	}
	#sidebar-prenotazione h4:first-child:after,
	#sidebar-result h4:after {
		font-family: FontAwesome;
		content: "\f077";
		float: right
	}
	.icona-int-tabella {
		filter: brightness(0) invert(1);
		width: 16px
	}
	.intestazione-t {
		border-radius: 10px 10px 0 0
	}
	.Rtable {
		border: 1px solid #037ACC;
		top: 0;
		left: 0
	}
	.Rtable-cell {
		margin: 0;
		border: 0;
		width: 100% !important;
		padding: 4px 0 0;
		position: relative;
		min-height: 30px
	}
	.Rtable-cell--foot {
		margin-bottom: 0 !important;
		padding-bottom: 15px;
		border-bottom: 4px solid #a9b3bc
	}
	.prezzo {
		color: #01243d;
		font-size: 17px
	}
	.offe-large {
		cursor: pointer
	}
	.ora-partenza input[type=radio] {
		position: absolute;
		z-index: 2;
		width: 20px;
		height: 20px;
		bottom: -116px;
		left: 15px
	}
	.riga {
		text-align: left
	}
	#goahead {
		width: 55% !important
	}
	#layer-ritorno {
		margin-top: 40px
	}
	#global-price-container table {
		width: 85% !important
	}
	.breadcrumb {
		text-align: center !important
	}
	.breadcrumb a {
		color: #fff
	}
	#global-price-container span {
		display: inline-block;
		width: 45%
	}
	#securServerInfo {
		width: 100%;
		display: inline-block;
		margin: 10px 0 !important
	}
	.total .frase-prezzo {
		text-align: center
	}
	/*.total #prezzo_resultA,
	.total #prezzo_resultR {
		min-width: auto
	}*/
	/*pagine interne (no home) sparisce burger menu e logo a sx
	#myburger {display:none!important}
	*/
}

.furgonemerci_int,
.gruppiautobus_int {
	border-top: 3px solid #08C
}

@media(max-width:1199px) {
	.boxautobus {
		margin-top: 100px !important;
		margin-bottom: 50px !important
	}
}

@media screen and (max-width:768px) {
    #global-price-container span {
        display: inline-block;
        width: 42%
    }
}


@media screen and (max-width:600px) {
    #global-price-container span {
        display: inline-block;
        width: 45%
    }
}


@media screen and (max-width:365px) {
	#global-price-container span {
		font-size: .8em
	}
}


.furgonemerci_int h4,
.gruppiautobus_int h4 {
	color: #fff !important;
	background: #08C;
	margin: -6px -1px 6px;
	padding-top: 1px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-family: 'Open Sans'
}

.gruppiautobus_int {
	margin-bottom: -6px;
	background: #ddd
}

.furgonemerci_int img,
.gruppiautobus_int img {
	position: relative;
	width: 100%;
	margin-top: -4px;
	margin-bottom: -1px
}

.clickme,
.clickme2 {
	position: absolute;
	z-index: 2;
	width: 40%;
	max-width: 190px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto;
	left: 0;
	padding-top: 7px;
	font-family: 'Open Sans';
	letter-spacing: -.5px;
	min-width: 185px;
	color: #fff;
	right: 0
}

.clickme {
	border: 2px solid #fff;
	bottom: 27px
}

.clickme2 {
	background: linear-gradient(to bottom, #ccce57 0, #b0b22b 100%);
	border-radius: 0;
	border: 2px solid #fff;
	bottom: 22px
}

.clickme2:hover,
.clickme:hover {
	background-color: #069;
	color: #fff;
	text-decoration: none
}

@media print {
	@page {
		size: A4;
		size: auto;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 20px;
		margin-bottom: 20px
	}
	body,
	html {
		background-color: #FFF;
		height: 100%
	}
	* {
		color: #000 !important;
		text-shadow: none !important;
		background: 0 0 !important;
		box-shadow: none !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact
	}
	a[href]:after,
	abbr[title]:after {
		content: " " !important
	}
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "" !important
	}
	.hidden-xs {
		display: grid !important
	}
	p {
		page-break-inside: avoid;
		-webkit-region-break-inside: avoid
	}
	.container {
		width: 1100px
	}
	.col-lg-12,
	.col-md-12,
	.col-sm-12 {
		width: 100%;
		float: left;
		display: block
	}
	.col-lg-11,
	.col-md-11,
	.col-sm-11 {
		width: 91.66666667%;
		float: left;
		display: block
	}
	.col-lg-10,
	.col-md-10,
	.col-sm-10 {
		width: 83.33333333%;
		float: left;
		display: block
	}
	.col-lg-9,
	.col-md-9,
	.col-sm-9 {
		width: 75%;
		float: left;
		display: block
	}
	.col-lg-8,
	.col-md-8,
	.col-sm-8 {
		width: 66.66666667%;
		float: left;
		display: block
	}
	.col-lg-7,
	.col-md-7,
	.col-sm-7 {
		width: 58.33333333%;
		float: left;
		display: block
	}
	.col-lg-6,
	.col-md-6,
	.col-sm-6 {
		width: 50%;
		float: left;
		display: block
	}
	.col-lg-5,
	.col-md-5,
	.col-sm-5 {
		width: 41.66666667%;
		float: left;
		display: block
	}
	.col-lg-4,
	.col-md-4,
	.col-sm-4 {
		width: 33.33333333%;
		float: left;
		display: block
	}
	.col-lg-3,
	.col-md-3,
	.col-sm-3 {
		width: 25%;
		float: left;
		display: block
	}
	.col-lg-2,
	.col-md-2,
	.col-sm-2 {
		width: 16.66666667%;
		float: left;
		display: block
	}
	.col-lg-1,
	.col-md-1,
	.col-sm-1 {
		width: 8.33333333%;
		float: left;
		display: block
	}
	.col-lg-offset-12,
	.col-md-offset-12,
	.col-sm-offset-12 {
		margin-left: 100%
	}
	.col-lg-offset-11,
	.col-md-offset-11,
	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.col-lg-offset-10,
	.col-md-offset-10,
	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.col-lg-offset-9,
	.col-md-offset-9,
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-8,
	.col-md-offset-8,
	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.col-lg-offset-7,
	.col-md-offset-7,
	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.col-lg-offset-6,
	.col-md-offset-6,
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-5,
	.col-md-offset-5,
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.col-lg-offset-4,
	.col-md-offset-4,
	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.col-lg-offset-3,
	.col-md-offset-3,
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-2,
	.col-md-offset-2,
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.col-lg-offset-1,
	.col-md-offset-1,
	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.col-lg-offset-0,
	.col-md-offset-0,
	.col-sm-offset-0 {
		margin-left: 0
	}
	.visible-xs {
		display: none !important
	}
	thead.hidden-xs {
		display: table-header-group !important
	}
	.header-nav {
		display: none
	}
	#header .header-body {
		position: relative !important
	}
	.main {
		margin-top: 0
	}
	#detail-andata .tratta-detail .total,
	#detail-ritorno .tratta-detail .total,
	#global-price-content .text-left,
	.page-header h1 {
		font-weight: 400
	}
	.label {
		border: none
	}
}

@media (min-width:992px) {
	#header .header-nav-main-effect-1 nav>ul>li.dropdown:hover>.dropdown-menu {
		max-height: 450px;
		overflow: auto
	}
	#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu {
		width: 490px
	}
	#header .header-nav-main nav>ul>li>a {
		border-radius: 0 !important;
		padding: 13px 20px 13px 13px !important
	}
	#phone-mobile{ 		/*MOD cornetta mobile scompare in desktop*/
		display:none;
	}
	.page-header{background-color:#01233c!important;} /*MOD  colore blu ritorna in desktop*/
}

@media screen and (min-width:1200px) {
	.row-nascite div {
		padding: 0 1px
	}
	.label-nascite {
		margin-left: -10px
	}
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.row-nascite div:first-child {
		padding: 0
	}
	.row-nascite div:first-child+div {
		padding: 0 4px
	}
	.row-nascite div:last-child {
		padding: 0
	}
}

@media screen and (max-width:767px) {
	.row-nascite div:first-child {
		padding-left: 0
	}
	.row-nascite div:first-child+div {
		padding: 0 4px
	}
	.row-nascite div:last-child {
		padding-right: 0
	}
	.row-bread {
		margin-bottom: 0 !important
	}
}

.apartenze {
	color: inherit !important
}

.rece {
	line-height: 36px
}

.alto {
	padding-top: 30px
}

.heightfix {
	display: inline-table
}

.recens {
	padding-top: 35px
}

.cento {
	width: 100%
}

.compagnie {
	padding-top: 30px;
	background: #eef1f3;
	filter: none
}

.compagnie .mb-xl {
	display: inline-block;
	float: none;
	margin-right: -4px;
	text-align: center
}

.box-cont-gruppi,
.box-cont-gruppi img {
	display: block;
	margin: 0 auto
}

#footer .footer-copyright {
	margin-top: 0
}

.hr {
	margin: 0 !important;
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
	border: 0 !important;
	background-image: linear-gradient(to right, transparent, #ccc, transparent) !important;
	height: 2px !important;
	opacity: .5
}

#form-prenotazioni .container,
.featured-box,
.google-map.small,
.testimonial blockquote,
.title-mot {
	border-radius: 0
}

.clickme,
.submit-river-flat-button {
	background: linear-gradient(to bottom, #ccce57 0, #b0b22b 100%);
	border-radius: 0
}

.submit-river-flat-button:hover {
	background: #b0b22b
}

.submit-river-flat-button:focus {
	outline: 0
}

.gruppiautobus_int h4 {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.alto120 {
	height: 120px
}

.contact-grid {
	padding: 0 1em 0 0
}

.contact-grids {
	margin: 3em 0 0
}

.contact-grid input[type=text] {
	width: 100%;
	padding: 11px;
	outline: 0;
	border: 1px dotted #ddd;
	border-radius: 0;
	-webkit-appearance: #f5f5f5;
	background: #f5f5f5
}

.contact-grid p {
	margin: .8em 0;
	color: #777
}

.contact-para textarea {
	resize: none;
	width: 100%;
	padding: 1em;
	margin: 0;
	outline: 0;
	border: 1px dotted #ddd;
	-webkit-appearance: #f5f5f5;
	background: #f5f5f5
}

.contact-para input[type=submit] {
	font-size: 16px;
	background: #08c;
	padding: .7em 3em;
	text-align: center;
	color: #fff;
	border: none;
	outline: 0;
	margin: 0 auto;
	-webkit-appearance: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
	font-weight: 100
}

p.your-para {
	margin: .8em 0;
	color: #777
}

.contact-para input[type=submit]:hover {
	background: #001d35
}

.send {
	margin: 2em 0 0;
	text-align: center
}

.bgg {
	font-weight: 700
}

.riga-form {
	border-top: solid 1px rgba(233, 234, 234, .5);
	margin-top: 40px
}

.contact-para {
	margin-bottom: 40px
}

.featured-box-primary:hover .clickme,
.featured-box-primary:hover .clickme2 {
	background: #b0b22b !important
}

#bannergruppicentro,
#bannergruppinew {
	background: #ddd;
	width: 284px;
	height: 284px;
	position: relative;
	z-index: 0;
	border-radius: 100%
}

.comitive {
	top: -6px !important;
	left: -6px !important
}

#bannergruppinew {
	top: 60px;
	left: 78px
}

#bannergruppicentro {
	float: right
}

#bannergruppicentro img,
#bannergruppinew img {
	margin: 0 auto;
	width: 294px;
	position: absolute;
	left: 0;
	right: 0;
	top: 32px
}

.gruppicontainer {
	width: 100%;
	top: -50px
}

.row-bread {
	margin-bottom: 20px
}

input[name=pay-with] {
	margin-right: 5px
}

/*MOD TOP:NAV aggiungo step x dim logo e posizione burger e phone*/
@media screen and (max-width:380px) {
	.header-logo img {
		max-width: 210px;
		margin-left: 5px!important;
	}
	#myburger {
		position: absolute;
		top: 10px !important;
		left: -11px !important;
		font-size: 20px!important;
	}
	#header #phone-mobile span{
		position: absolute;
		top: -5px;
		right: -8px;
	}
	#header .ws-nowrap-off .fa-phone {font-size:26px;}
	.title-mot {font-size: 16px;}
}
@media screen and (min-width:381px) and (max-width:490px) {
	.header-logo img {
		max-width: 240px;
		margin-left: 0px!important;
	}
	#myburger {
		position: absolute;
		top: 10px !important;
		left: -11px !important;
		font-size: 20px!important;
	}
	#header #phone-mobile span{
		position: absolute;
		top: -5px;
		right: -8px;
	}
	#header .ws-nowrap-off .fa-phone {font-size:26px;}
}
@media screen and (min-width:491px) and (max-width:992px) {
	.header-logo img {
		max-width: 340px;
		margin-left: 5px!important;
	}
	#myburger {
		position: absolute;
		top: 22px !important;
		left: -11px !important;
		font-size: 20px!important;
	}
	#header #phone-mobile span{
		position: absolute;
		top: 8px;
		right: -8px;
	}
	#header .ws-nowrap-off .fa-phone {font-size:26px;}
}
.finoa,.oltre {
	display:none;
}
@media screen and (max-width:450px) {
	.finoa{display:block}
}
@media screen and (min-width:451px) {
	.oltre{display:block}
}
@media screen and (min-width:1200px) {
	.oltre{display:none}
}

