@charset "utf-8";
/* Aggiungi di seguito il tuo stile personalizzato */

/* CODICI COLORE

#e30613 - Base	|  #e51c28 - hover chiaro  |  #cf0612 - hover scuro
#dde8f0 - GRIGIO-BLU CHIARO	\	

*/


/* ==== CLASSI GENERALI  ==== */

.over-the-top-bar *, 
.navbar *, 
ol.breadcrumb *,
.footer-below * {
	font-family: 'Quicksand', sans-serif;
}


.box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.hideme {
    opacity:0;
}


.overlay-area a {
	color:#e51c28;
}

.overlay-area a:hover {
	color:#dde8f0;
}

.overlay-area {
    background: rgba(0,0,0,0.8);
}

.scroll {
    background: rgba(227,6,19,0.7);
}

.scroll:hover {
    background: rgba(227,6,19,1);
}

.scroll .fa {
	color: #FFF;
}

/* Font e Haelings */
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Quicksand', sans-serif;
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, 
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
	font-weight: 700;
}

h2.with-separator {
	margin-bottom: 68px;
}

h2.with-separator:after {
    content: '';
    width: 28px;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -39px;
    background-color: #e51c28;
}

h2.with-separator:before {
    content: '';
    width: 158px;
    height: 1px;
    background: #d0d0d0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -38px;
}

section h2 {
    font-size: 2.25em;
}

.bold {
	font-weight: 700;
}

/* Pulsanti */
.btn {
    font-weight: 400;
    text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus, .btn:target {
    outline: 0 none;
}


/* == Paginazione == */

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #e51c28;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
 
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e51c28;
    border-color: #e51c28;
}


.emphasis, 
.emphasis .small, 
.emphasis p {
	color:#e51c28;
	}

/* == list group */

#colonna-secondaria {
	font-size: 1.1em;
}


/* == Form == */

.form-control:hover, .form-control:focus, .form-control:active {
    border: 1px solid #e51c28 !important;
	box-shadow: none;
}

/* == Owl Carousel == */

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #e30613;
}


/* Header */

header .container h3 {
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 2em;
}

/* Section */

section.success {
    background: #e30613;
}


section.success h1, section.success h2, section.success h3, section.success h4, section.success h6, 
section.success .h1, section.success .h2, section.success .h3, section.success .h4, section.success .h6 {
	color: #FFF;
}

section.success a, section.success a:hover, section.success a:focus, section.success a:active, section.success a.active {
    outline: 0;
    color: #e51c28;
}

hr {
    border-top: 1px solid rgba(0,0,0,.15);
}

/* == Over-the-top bar == */
.over-the-top-bar {
	background:#e30613;
	font-size: 1em;
	font-weight: lighter;
	}


.over-the-top-bar button, .over-the-top-bar .dropdown button {
    font-size: 0.9em;
    padding: 6px 8px;
    background: rgba(0,0,0,0.15);
    color: #ddd;
    margin: 0;
}

.over-the-top-bar .pull-left ul li:after {
    content: "|";
    padding-left: 10px;
	margin-right: 0px;
	color: rgba(255,255,255,0.15);
}


@media (min-width:768px) {
	.over-the-top-bar i {
		margin-right:8px !important;
		}
}


/* Menu principale  */

.navbar-nav{
	font-weight: 600;
    text-transform: uppercase;
}


/* panels */

.contenutoLaterale > .panel-heading, .panel-heading  {
    background: #e51c28;
    color: #ffffff;
}

.contenutoLaterale a.badge:hover {
    background: #e51c28;
}

.social-sharing i {
    color: #e51c28;
}

.social-sharing .btn-social:hover {
	border-color: #e30613;
}

.social-sharing .btn-social:hover i {
    color: #e30613;
}

.social-sharing .btn-social {
    border: 2px solid #e51c28;
}

/* == FOOTER == */
footer .footer-above {
    background-color: #e30613;
}

footer .footer-above a:link, footer .footer-above a:visited {
    color: #dde8f0;
}

footer .footer-above a:hover {
    color: #FFF;
}

footer .footer-above a.btn-social.btn-outline i{
	color: #fff;
	-webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    -ms-transition:     all 0.3s ease;
    transition:         all 0.3s ease;
}

footer .footer-above a:hover.btn-social.btn-outline i{
	color: #e51c28;
}

footer .footer-below {
    background-color: #0f2a36;
    color: #a4bab7;
}

footer .footer-below a:link, footer .footer-below a:visited {
	color: #f1f1f1;
}
footer .footer-below a:hover{
	color: #fff;
}


.tabella-prezzi [class^="col-"].enfatizzato {
    border: 3px solid #e30613;
}

.lista .panel-heading * {
    font-weight: 400;
}

.spedizione-gratuita, 
.prezzoWrapper .scontato, 
.totale, 
.tabella-prezzi .title,
.emphasis, .emphasis .small, .emphasis p{
    color: #e51c28;
}

.label.disponibilita {
    background: #e51c28;
}

.negozio .in-offerta:after, .modal .modal-header {
    background-color: #e51c28;
}

/* ==== SEZIONI SPECIFICHE ==== */

/* Home */

.spettacoli-home .text-col {
	overflow: hidden;
}

.spettacoli-home .cerchio {
	position: absolute; 
	top:-50px; 
	left:-80px; 
	width: 200px; 
	height: 200px;
	border-radius: 100px;
	z-index: 0;
	display: none;
}

.spettacoli-home aside {
	z-index: 1;
}

.spettacoli-home .text-col h2 {
	font-size: 2.5em;
}

@media (min-width:768px) {
	.spettacoli-home .cerchio {
	display: block;
	}
}


#home-slider .slide-wrapper {
	height: 460px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#home-slider .overlay {
	position:absolute;
	bottom:0.5rem;
	right:1.5rem;
	background: #e30613;
	color: #FFF;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	padding: .75rem 1rem;
	z-index: 1;
}

.relative .overlay {
	position:absolute;
	bottom:1.5rem;
	right:2.5rem;
	background: #e30613;
	color: #FFF;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	padding: 1rem 1.5rem;
	z-index: 1;
}

#home-slider .overlay.bottom-left{
	bottom:0.5rem;
	left:0.5rem;
	background: transparent;
	color: #FFF;
	padding: 0;
	z-index: 1;
	width: 220px;
}

.relative .overlay.bottom-left {
	bottom:1.5rem;
	left:3rem;
	background: transparent;
	color: #FFF;
	padding: 0;
	z-index: 1;
	width: 220px;
}

#home-slider .contenuto {
	top:1em;
	bottom:1rem;
	right:0;
	left:1rem;
	width: inherit;
	transform: translate(0%,0%);
}

.relative .spotbanner {
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	background: transparent;
	padding: 1rem 1.5rem;
	z-index: 1;
	max-width: 300px;
}

#home-slider .spotbanner {
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	background: transparent;
	padding: 1rem 1.5rem;
	z-index: 1;
	max-width: 260px;
}

#intro-text blockquote {
	background: #e30613;
	color: #FFF;
	margin-bottom: 2em;
}
#intro-text blockquote:before {
    color: #FFF;
    content: open-quote;
    font-size: 6em;
    line-height: 0em;
    margin: 0;
    vertical-align: -0.5em;
}

#intro-text .blockquote-footer{
	color: #FFF;
} 

@media (min-width:992px) {
	#intro-text blockquote {
		margin-bottom: 0em;
	}
	
}

.homeSection .backgroundImage {
	position: relative;
	z-index: 1;
}

.homeSection .col-md-6.text-center {
	position: relative;
	overflow: hidden;
	padding: 5rem;
	z-index: 0;
}

.homeSection .col-md-6.text-center h5, 
.homeSection .col-md-6.text-center .h5, 
.homeSection .col-md-6.text-center h2, 
.homeSection .col-md-6.text-center .h2 {
	position: relative;
	z-index:2;
}

@media (min-width:768px) {
	.homeSection .col-md-6.text-center {
		padding: 8rem;
	}
}

@media (min-width:1025px) {
	.homeSection .col-md-6.text-center {
		padding: 10rem;
	}
}

.homeSection .backgroundImage {
	height: 600px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.homeSection .accent {
	position: absolute; 
	top:-50px; 
	left:-80px; 
	width: 200px; 
	height: 200px;
	border-radius: 100px;
	z-index: 0;
}


/* Compagnia */

.compagnia .media {
	margin-bottom: 2em;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 2em;
}

.compagnia .media img {
	width: 150px;
}

@media (min-width:768px) {
	.compagnia .media-left img {
		width: 150px;
		margin-right: 3rem;
	}
	.compagnia .media-right img {
		width: 150px;
		margin-left: 3rem;
	}
}

/* Tour */

.tour ul.list-group li.list-group-item {
	border: 0px;
	background-color: #FFF;
	border-radius: 0;
	padding-bottom: 6px;
}


.tour ul.list-group li.list-group-item:first-child {
	padding-top: 20px;
}
.tour ul.list-group li.list-group-item:last-child {
	padding-bottom: 20px;
}

.tour table td{
    font-weight: 600;
	}

.tour table th{
    color: #E30613;
	font-size: 1.4em;
	}


@media (min-width:768px) {
.tour table td{
	font-size: 1.2em;
	}
}

/* Contenuti didattici */

.contenuti-didattici .btn-danger{
	background-color:#E30613;
	padding: 4.4rem 1rem;
	text-transform: none;
	letter-spacing: 0px;
	font-size: 1.1em;
	border: none;
	color: #FFF;
}

.contenuti-didattici .btn-danger:hover{
	background-color:#ba0510;
	border: none;
}

.contenuti-didattici .btn-danger i {
	margin: 0;
}

.scarca-la-brochure {
	width: 200px;
}

/* Modal */

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid transparent;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

button.close {
    position: absolute;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    top: 0.9em;
    right: 15px;
}