@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700i|Raleway:400,400i,500,500i,600,600i');

body{
    font-family: 'Raleway', sans-serif !important;
    background-color: #fff !important;
    font-weight: 400 !important;
}

h1,h2,h3,h4,h5{
    font-family: 'Playfair Display', serif !important; 
    color: #8B7E70 !important;
    font-style: italic;
}

small{
    font-weight: 400;
}

.navbar-default{
    /*background: rgba(0,0,0,1);*/
    color: #fff;
    border-radius: 0px;
    /*border-color: #000;*/
    margin-bottom: 0px;
    /*nuovo*/
    /*background: rgba(15, 65, 98, 0.9);*/
    background: rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    font-size: 12px;
    border-color: transparent;
    transition: top 0.3s;
}
@media only screen and (max-width: 768px) {
    .navbar-default{
        background: #2F3136 !important;
    }
    .navbar-default .navbar-collapse {
        border-color: transparent;
        background: #2F3136 !important;
        float: left !important; 
        padding-left: 30px; 
        border-top: none;
    }
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover {
    background-color: rgba(139,126,112,0.9);
    color: rgba(15, 65, 98, 0.9);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.jumbotron{
    margin-top: 0px;
    height: 100% !important;
    margin-bottom: 0px !important;
}
.hero-image-welcome {   
    height: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-image-title {   
    /*height: 160px;*/
    height: 360px;
    background: #8B7E70;
/*    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;*/
}
.hero-image-title-no-site {   
    /*height: 160px;*/
    height: 180px;
    background: #8B7E70;
/*    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;*/
}
.hero-text {
    text-align: center;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white !important;
    font-size: 30px;
    font-weight: bold;
}
.hero-title {
    font-size: 2.6em;
    color: #faaf40;
}
.hero-purchase {
    text-align: center;
    position: absolute;
    top: 20%;
    color: white !important;
}
.hero-purchase-no-site {
    text-align: center;
    padding-top:100px;
    color: white !important;
}
.hero-educational-programmes {
    background: linear-gradient(
    rgba(20,20,20, .5), 
    rgba(20,20,20, .5)),
    url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/educational-programmes.jpg');
    background-size: 100%;   
}
.jumbotron-home{
    /*background: #c0c0c0 url("/storage/header-home.jpg");*/
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/header-home.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-home{
        background-size: 100%;    
    }
}
.jumbotron-neapolis{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/header-neapolis.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-neapolis{
        background-size: 100%;    
    }
}
.jumbotron-bellomo{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/header-bellomo.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-bellomo{
        background-size: 100%;    
    }
}
.jumbotron-orsi{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/header-orsi.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-orsi{
        background-size: 100%;    
    }
}
.jumbotron-taormina{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/header-taormina.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;
}
@media (min-width: 768px){
    .jumbotron-taormina{
        background-size: 100%;    
    }
}
.jumbotron-naxos{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/header-naxos.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-naxos{
        background-size: 100%;    
    }
}
.jumbotron-tickets{
    background: #c0c0c0 url("/storage/tickets.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-naxos-aditus{
        background-size: 100%;    
    }
}
.jumbotron-register{
    background: #c0c0c0 url("/storage/register.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-naxos-aditus{
        background-size: 100%;    
    }
}
.jumbotron-payment{
    background: #c0c0c0 url("/storage/payment.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-naxos-aditus{
        background-size: 100%;    
    }
}
.jumbotron-summary{
    background: #c0c0c0 url("/storage/summary.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-summary{
        background-size: 100%;    
    }
}
.jumbotron-engage{
    background: #c0c0c0 url("/storage/engage-home.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-engage{
        background-size: 100%;    
    }
}
.jumbotron-engage-syracuse{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/engages/engage-siracusa.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-engage-syracuse{
        background-size: 100%;    
    }
}
.jumbotron-engage-taormina{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/engages/engage-taormina.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-engage-taormina{
        background-size: 100%;    
    }
}
.jumbotron-engage-sins{
    background: #c0c0c0 url("https://storage.googleapis.com/thekey-ticketing.appspot.com/images/engages/engage-prodotti.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-engage-sins{
        background-size: 100%;    
    }
}
.jumbotron-cart{
    background: #c0c0c0 url("/storage/summary.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-cart{
        background-size: 100%;    
    }
}
.jumbotron-company{
    background: #c0c0c0 url("/storage/company.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-company{
        background-size: 100%;    
    }
}
.jumbotron-company-aditus{
    background: #c0c0c0 url("/storage/company-aditus.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-company-aditus{
        background-size: 100%;    
    }
}
.jumbotron-profile{
    background: #c0c0c0 url("/storage/profile.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-profile{
        background-size: 100%;    
    }
}
.jumbotron-password{
    background: #c0c0c0 url("/storage/modify-password.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-password{
        background-size: 100%;    
    }
}
.jumbotron-error{
    background: #c0c0c0 url("/storage/error.jpeg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-error{
        background-size: 100%;    
    }
}
.jumbotron-cards-aditus{
    background: #c0c0c0 url("/storage/card-aditus.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-cards-aditus{
        background-size: 100%;    
    }
}
.jumbotron-partners{
    background: #c0c0c0 url("/storage/partners-aditus.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-partners{
        background-size: 100%;    
    }
}
.jumbotron-cart{
    background: #c0c0c0 url("/storage/shopping-cart.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-cart{
        background-size: 100%;    
    }
}
.jumbotron-travel-agency{
    background: #c0c0c0 url("/storage/travel-agency.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-cart{
        background-size: 100%;    
    }
}

.jumbotron-school{
    background: #c0c0c0 url("/storage/school.jpg");
    /*background-size: 100%;*/
    background-repeat: no-repeat;    
}
@media (min-width: 768px){
    .jumbotron-cart{
        background-size: 100%;    
    }
}

.jumbotron h1{
    text-align: center;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 150px;
    /*font-size: 70px;*/
}

.jumbotron-shopping-cart{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
@media (min-width: 768px){
    .jumbotron-naxos-aditus{
        padding-bottom: 0px !important;   
    }
}
.jumbotron-shopping-cart h1{
    text-align: center;
    color: #133c53;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 60px;
    
    /*font-size: 70px;*/
}
.jumbotron p{
    text-align: center;
    color: #c0c0c0;
    align-items: center;
    display: flex;
    justify-content: center;
    /*font-size: 20px;*/
}
.content{
    padding: 0px !important;
    /*background: #fff;*/
}



.panel-home {
    box-shadow: 10px 11px 27px 0px rgba(140,125,112,1);
    border-color: transparent;
}

.panel-home-aditus {
    box-shadow: none;
    border-color: transparent;
}

.panel-home > .panel-heading {
    color: #444;
    border-bottom: #000;
}

.panel-transparent {
    box-shadow: 10px 11px 27px 0px rgba(140,125,112,1);
    border-color: transparent;
    background: transparent;
}

.panel-transparent > .panel-heading {
    color: #444;
    border-bottom: #000;
}



.panel-home-title{
    font-weight: 600;
    font-size: 14px;
}
.panel-site-title{
    font-weight: 400;
    font-size: 18px;
}
.well-home{
    background: #9e9288;
    color:#fff;
    font-weight: 400;
    font-size: 16px;
    box-shadow: 10px 11px 27px 0px rgba(140,125,112,0.5);
    border-color: transparent;
}
.engage{
    padding-top: 20px;
    min-height: 450px;
    /*background: #c0c0c0 url("/storage/engage-home.jpg");*/   
    /*color: #fff;*/
    background: #fff;   
    color: #444;    
    margin-bottom: 0px !important;
}

.places-home{
    color: #259d6d;
}
.places{
    padding-top: 20px;
    background-color: #fff;
}
.tickets{
    padding-top: 20px;
    background-color: #ededed;
}

.sites{
    padding: 20px 10px 20px 10px;
    background-color: #fff;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.sites-description{
    /*text-align: justify !important;*/
}
.sites-description > .col-md-2, .col-sm-2{
    /*padding-right: 0px !important;*/
}
.sites-description > p{
    color: #444;
}
.panel-site{
    text-align: left !important;
}
.panel-site > .panel-heading {
    color: #259d6d;
    border-bottom: #000;
}
.footer {
    color: #fff;
    background: #2F3136;
    min-height: 100px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.media-body-home{
    font-size: 14px;
    line-height: 1.1;
    text-align: left;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover  {
    color:#fff !important;
    background-color:#000 !important;
}
.dropdown-menu{
    border-color: transparent !important;
}
.navbar-brand>img {
    white-space: nowrap;
    display: inline-block !important;
}
span.logo{
    color:#9e9288;
    /*color: #d54e4d;*/
    font-weight: 500;
    font-size: 16px;    
}

.menu-active{
/*    background-color: #d54e4d !important;*/
    background-color: #000 !important;
    color: #fff !important;
}
.menu-active:hover{
    /*background-color: #d54e4d !important;*/
    background-color: #000 !important;
    color: #fff !important;
}
.menu-active-experience{
    background-color: #d54e4d !important;
    color: #fff !important;
}
.menu-active-experience:hover{
    background-color: #d54e4d !important;
    color: #fff !important;
}
a.menu-active-experience span#second_part{
    color: #444 !important;
}
a.menu-active-experience:hover span#second_part{
    color: #444 !important;
}
a.menu-inactive span#second_part{
    color: #d54e4d !important;
}
a.menu-inactive:hover span#second_part{
    color: #8c7d70 !important;
}
.menu-inactive:hover{
    background-color: #fff !important;
    color: #000 !important;
}
.menu-inactive{
    color: #fff !important;
}
.menu-inactive-site{
    color: rgba(250,175,64,1) !important;
}
.itemcontrols {
    margin-top: 5px;
    position: absolute;
    /*bottom: 5px;*/
    right: 0;
}

.list-group-item-heading{
    text-align:left !important;
    margin-top: 10px;
}
.list-group-item{
    border: transparent;
}
.list-group-item-text {
    margin-top: 10px;
    text-align:left !important;
    font-size: 15px;
    line-height: 22px;
    color: #2f3136;
}
.list-group-item-text-justify {
    margin-top: 10px;
    text-align:justify !important;
    font-size: 15px;
    line-height: 22px;
    color: #2f3136;
}

.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #8c7d70; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #8c7d70; top: 47px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #8c7d70;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

/*Form Wizard Aditus*/
.bs-wizard-aditus {margin-top: 40px;}

.bs-wizard-aditus {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard-aditus > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard-aditus > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard-aditus > .bs-wizard-step .bs-wizard-stepnum {color: #9e9288; font-size: 16px; margin-bottom: 5px;}
.bs-wizard-aditus > .bs-wizard-step .bs-wizard-info {color: #133c53; font-size: 14px;}
.bs-wizard-aditus > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #9e9288; top: 47px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard-aditus > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #133c53; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard-aditus > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard-aditus > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #9e9288;}
.bs-wizard-aditus > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard-aditus > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard-aditus > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard-aditus > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard-aditus > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard-aditus > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard-aditus > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard-aditus > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard-aditus > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard-aditus > .bs-wizard-step .bs-wizard-info a{ color: #133c53;}
/*END Form Wizard Aditus*/

/*form styles*/
#msform {
/*	width: 400px;*/
/*	margin: 50px auto;*/
	text-align: center;
/*	position: relative;*/
    margin-top: 30px;
}

#msform fieldset {
	background: #ddd;
	border: 0 none;
	border-radius: 10px;
	/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/
	padding: 20px 30px;
	
	box-sizing: border-box;
/*	width: 80%;*/
	margin: 0 auto;
	
	/*stacking fieldsets above each other*/
/*	position: absolute;*/
}
#msform h3{
    font-weight: 600;
    margin: 10px 0px 30px 0px;
    text-align: left;
}
#msform fieldset div.panel {
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea, #msform select {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
/*	margin-bottom: 10px;*/
	width: 100%;
	box-sizing: border-box;
	color: #133c53;
	font-size: 13px;
}
/*buttons*/
#msform .action-button {
	width: auto;
	background: #133c53;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px 10px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #9e9288;
}

#msform .row{
    text-align:left !important;
}
#msform.form-control, #msform.select2 {
	text-align: left !important;
    font-family: raleway, arial, verdana;
    width:90% !important;
}
#msform .select2-container--default .select2-selection--multiple{
    height: 36px !important;
}
#msform .select2-search__field{
    border:none;
    width:150% !important;
    padding-top:2px;
}
#msform input[type=checkbox] { 
    width: auto 
}
.btn-disabled{
    background: #c0c0c0 !important;
}
.btn-enabled{
    background: #005b00 !important;
}
/*headings*/
.fs-title {
	font-size: 30px;
	color: #133c53;
    margin-left: 30px;
    
}
.fs-subtitle {
	font-weight: normal;
	font-size: 16px;
	color: #666;
}
/*progressbar*/
#progressbar {
    text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #666;
	text-transform: none;
	font-size: 14px;
	width: 16.665%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
    height: 30px;
	line-height: 30px;
	display: block;
	font-size: 12px;
	color: #666;
	background: white;
	border-radius: 30px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 15px;
    color: #133c53;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
    background: #133c53;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active{
	color: #9e9288;
    font-weight: 500;
}
#progressbar li.active:before,  #progressbar li.active:after{
	background: #133c53;
	color: white;
    font-weight: 400;
}
#msform fieldset label{
    font-size:20px;
    margin:20px;
}
.list-radio{
    font-size:12px !important;
    margin-left:30px;
}
/*end stepping experience card*/


.badge {
    color: #d54e4d !important;
    background-color: #fff;
}
.badge-languages {
    color: #2F3136 !important;
    background-color: #fff;
    padding: 5px 6px 5px 10px;
    border-radius: 2px;
}
.badge-languages-inverted {
    color: #2F3136 !important;
    background-color: #2F3136;
    padding: 1px 3px 1px 7px;
    border-radius: 0px;
}
.badge-aditus {
    color: #fff !important;
    background-color: #2F3136;
}

.popover{
    width:300px;
    height:80px;
    opacity: 0.5;
}

.input-has-error{
    border-color: #d54e4d;
}
.form-inline .form-control{
    width:100%;
}
.login-page{
/*    background: #c0c0c0 url("/storage/login4.jpg");
    background-size: 100%;
    background-repeat: no-repeat; */
    overflow: hidden
}
.login-box {
   height: 100%;
   margin: 0px !important;
   padding: 0px !important;
   width: 100% !important;
}
.login-box-body{
    margin-top: 0px;
    border-radius: 0px; 
    background:white;
    border: 0px solid black;
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */ 
}

/*aditus*/
.content{
    width:100%;
}
.navbar-default-aditus {
    /*background: #efc73d;*/
    /*background: #133c53;*/
    /*background: #133c53;*/
    background: #fff;
    color: #2F3136 !important;
    border-radius: 0px;
    border-color: #9e9288;
    margin-bottom: 5px;
}
.navbar-brand-aditus>img {
    margin:-5px !important;
}
.navbar-footer{
    text-align: center;
}
.menu-inactive-aditus {
    color: #2F3136 !important;
    font-weight: 400;
}
.menu-active-aditus {
    background: #2F3136 !important;
    color: #8B7E70 !important;
    font-weight: 400;
}
.footer-aditus {
    color: #fff;
    background: #8B7E70;
    min-height: 100px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.logo-footer-aditus{
    background: #2F3136;
    border-radius: 20%;
    padding: 10px;
}
@media (min-width: 768px) {
    .navbar-nav.navbar-center {
        position: absolute;
        left: 48%;
        transform: translatex(-45%);
    }
}
.experience{
    padding-top: 20px;
    background: whitesmoke;
}
.experience-online{
    padding-top: 30px;
    background: #9e9288;
    /*background: #fff*/
}
.experience-home{
    color: #133c53;
}

#home-video{
    width: 100%; 
    height: 100%;
    margin: 0px 0px -5px 0px !important;
    right: 0;
    bottom: 0; 
}
/*@media (max-width: 768px){
   #home-video{
       width:500px;
   }
}*/
.video-site-container{
    position: relative;
}
.video-content {
    position: absolute;
    bottom: 0px;
    background: linear-gradient(rgba(47, 43, 40, 0.5), rgba(47, 43, 40, 0.3), rgba(47, 43, 40, 0.1));
    color: #fff;
    width: 100%;
    padding: 20px;
    text-align:center;
}
.video-content-mobile {
    background: transparent;
}
.title-home-aditus{
    color: #fff !important; 
    margin-top:10px !important;
    font-size: 18px !important;
    letter-spacing: 5px;
    padding-top:0px !important;
    font-weight: 500;
}
.img-home-aditus{
    margin-top:-150px !important;
    padding-top:0px !important;
}
.home-aditus{
    /*background: #f2f2f2;*/
    padding: 10px;
    /*opacity:0.7;*/
    color:#000 !important;
    letter-spacing: 5px;
    border-radius: 20px;
}
.jumbotron-home-aditus{
    background: #c0c0c0 url("/storage/header-home-aditus.jpg");
    background-size: 100%;
    background-repeat: no-repeat;    
}
.panel-home-title-aditus{
    font-weight: 400;
    font-size: 20px !important;    
}
.SR1-style{
    color:#259d6d !important;
}
.ME3-style{
    color:#fbbd19 !important;
}
.btn-SR1-style{
    background:#259d6d;
    color:#fff;
}
.btn-SR1-style:hover{
    background:#005b00;
    color:#fff;
}
.btn-ME3-style{
    background:#fbbd19;
    color:#fff;
}
.btn-ME3-style:hover{
    background:#E49900;
    color:#fff;
}
.panel-body-aditus{
    text-align: justify;
    font-weight: 400;
    font-size:16px;
    background: #9e9288;
    color:#fff;
    border: #9e9288 1px solid;
}
.img-experience-home{
    box-shadow: 10px 11px 27px 0px rgba(0,0,0,0.5);
    border-radius: 5%;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

a.disabled > i {
   color: #eaeaea;
}

.btn-payment{
    background: #9e9288;
    color:#fff;
}
.btn-payment:hover{
    background: #8c7d70;
    color:#fff;
}
a.a-btn-payment:hover{
    text-decoration: none;
}

.overlay {
    background: #4B494B;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    z-index: 999999;
    width: 100%;
    height: 100%;
}

.payment_experience_loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #9e9288;
    border-bottom: 16px solid #133c53;
    width: 120px;
    height: 120px;
    margin: 100px auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 9999999;
}

.text_payment_experience_loader {
    margin: 120px auto;
    z-index: 999999;
    color: whitesmoke;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    width: 100%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.hr-home-carousel{
    margin:10px !important;
}

.home-site-carousel,
.sites-related-carousel,
.home-service-carousel, 
.home-advantage-carousel, 
.home-package-carousel{
    margin-left:5px;
    margin-right:-5px;
}

.slick-next {
    right: -50px;
}
.home-site-carousel > .slick-next:before {
    color:#8c7d70 !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.sites-related-carousel > .slick-next:before {
    color:#8c7d70 !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.home-advantage-carousel > .slick-next:before {
    color:#3097D1 !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.home-service-carousel > .slick-next:before {
    color:#001f3f !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.home-package-carousel > .slick-next:before {
    color:#d54e4d !important;
    font-size: 40px !important;
    opacity: 1 !important;
}

.slick-prev {
    left: -50px;
}
.home-site-carousel > .slick-prev:before {
    color:#8c7d70 !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.sites-related-carousel > .slick-prev:before {
    color:#8c7d70 !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.home-advantage-carousel > .slick-prev:before {
    color:#3097D1 !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.home-service-carousel > .slick-prev:before {
    color:#001f3f !important;
    font-size: 40px !important;
    opacity: 1 !important;
}
.home-package-carousel > .slick-prev:before {
    color:#d54e4d !important;
    font-size: 40px !important;
    opacity: 1 !important;
}

.slick-carousel-row{
    margin: 10px 50px 0px 50px;
}

@media (max-width: 768px){
    .slick-carousel-row{
        margin: 10px 0px 0px 0px;
    }
}

.btn-navy{
    background-color:#133c53 !important;
    color: #fff !important;
}
.btn-navy:hover{
    background-color:#0e2d3e !important;
    color: #fff !important;
}

.m-b-10{
    margin-bottom: 10px !important;
}
.m-b-20{
    margin-bottom: 20px !important;
}
.m-t-10{
    margin-top: 10px !important;
}
.m-t-20{
    margin-top: 20px !important;
}

.bg-aditus{
    background-color:#8c7d70 !important;
}

.truncate_tour{
    height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;  
    text-align:justify;
}
.truncate_service{
    height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;  
    text-align:justify;
}

.carousel-inner {
    /*max-height: 500px;*/
}

.carousel-caption {
    top: 10% !important;
    margin-bottom: 200px;
}

.btn-aditus{
    background: #9e9288;
    color:#fff;
}
.btn-aditus:hover{
    background: #8c7d70;
    color:#fff;
}
.text-aditus{
    color: #9e9288;
}

.select2-container .select2-selection, 
.select2-selection__rendered, 
.select2-selection__arrow {
    height: 36px !important;
    line-height: 36px !important;
}

.slick-list draggable{
    margin: 0px auto;
    width: 33%;
}

.slick-slide{
    margin:10px;
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
        
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1 !important;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0) !important;
}

.carousel-fade .carousel-inner  .carousel-control {
    z-index: 2;
}

@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff !important;
    }
}

.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}

.grid {
    margin-top: 3rem;
}

.sub-grid {
    margin: 0rem !important;
}

hr.site-tickets--hr{
    border-top: 1px solid rgba(250,175,64,1);
}
hr.site-cart--hr{
    border-top: 1px solid #2f3136;
}
hr.hr-aditus{
    border-top: 2px solid #8B7E70;
    margin-top: 0px;
}

.container-site-tickets {
    margin-bottom: 30px;
}
.site-tickets--header {
    background: none;   
}
.site-tickets--title {
    text-transform: uppercase;
}
.site-tickets--item {
    background: none;
    text-align: left;
}
@media only screen and (max-width: 768px) {
    .site-tickets--item { 
        text-align: center;
    }
}
.site-tickets--price {
    font-size: 2em;
    font-weight: bold;
    color: rgba(250,175,64,1);
}
.site-tickets--name {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}
.site-tickets--cart {
    background: none;
    text-align: left;
    margin: 10px 10px 10px 10px;
}
.site-tickets--cart-bg {
    background: whitesmoke;
}
.site-tickets--cart-description {
    font-size: 1.2em;
    font-weight: bold;
    color: #2f3136;
    text-align: left;
    margin: 5px 0px 5px 0px;
}
.site-tickets--cart-price {
    font-size: 1.2em;
    font-weight: bold;
    color: #2f3136;
    text-align: right;
    margin: 5px 0px 5px 0px;
}
.site-tickets--cart-qty {
    font-size: 1em;
    font-weight: normal;
    color: #2f3136;
    text-align: left;
    margin: 5px 0px 5px 0px;
}

.container-site-hours-bellomo{
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-bellomo.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-bellomo.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-bellomo@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-bellomo@3x.png') 3x
       );      
    color: #fff; 
}
.container-site-hours-orsi{
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-orsi.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-orsi.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-orsi@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-orsi@3x.png') 3x
       );      
    color: #fff; 
}
.container-site-hours-neapolis{
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-neapolis.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-neapolis.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-neapolis@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-neapolis@3x.png') 3x
       );      
    color: #fff; 
}
.container-site-hours-taormina{
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-taormina.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-taormina.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-taormina@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-taormina@3x.png') 3x
       );      
    color: #fff; 
}
.container-site-hours-naxos{
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-naxos.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-naxos.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-naxos@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/sites/site-hours-naxos@3x.png') 3x
       );      
    color: #fff; 
}
.site-hours--header {
    background: none;   
}
.site-hours--title {
    text-transform: uppercase;
}
.site-hours--item {
    background: none;
    padding: 2rem;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    height: 100%;
    color:#fff;    
}
.site-hours--label {
    background: #fff;
    font-size: 1.2em;
    color: #8B7E70;
}
.site-hours--weekday {
    font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top:10px;
}
.site-hours--hour {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;   
}

.container-site-services {
    /*margin-bottom: 30px;*/
    background: #8B7E70;
    color: #fff;
}
.site-services--header {
    background: none;   
}
.site-services--title {
    text-transform: uppercase;
}
.site-services--item {
    background: none; 
    padding: 1rem;
}
.site-services--name {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.container-site-points {
    margin-bottom: 30px;
}
.site-points--header {
    background: none;   
}
.site-points--title {
    text-transform: uppercase;
}
.site-points--item {
    background: none; 
    padding: 1rem;
}

.container-bellomo-cafe {
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/bellomo-cafe-background.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/bellomo-cafe-background.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/bellomo-cafe-background@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/bellomo-cafe-background@3x.png') 3x
       );      
    color: #fff;
    background-repeat: no-repeat;
}
.container-neapolis-cafe {
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/cafe/cafe/neapolis-cafe-background.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/neapolis-cafe-background.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/neapolis-cafe-background@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/neapolis-cafe-background@3x.png') 3x
       );      
    color: #fff; 
    background-repeat: no-repeat;  
}
@media only screen and (max-width: 768px) {
    .container-bellomo-cafe, .container-neapolis-cafe { 
        background-repeat: repeat-y;
    }
}
.site-coffeshop--header {
    background: none;   
}
.site-coffeshop--title {
    text-transform: uppercase;
}
.site-coffeshop--item {
    background: none; 
    padding: 1rem;
    margin-bottom: 100px;
}
.site-coffeshop--text {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
}
@media only screen and (max-width: 768px) {
    .site-coffeshop--text { 
        text-align: justify;
    }
}

.container-site-where {
    /*margin-bottom: 30px;*/
    padding: 0px;
}
.site-where--header {
    background: none;   
}
.site-where--title {
    text-transform: uppercase;
}
.site-where--item {
    background: none;   
}

.container-site-plans {
    margin-bottom: 30px;
}
.site-plans--header {
    background: none;   
}
.site-plans--title {
    text-transform: uppercase;
}
.site-plans--item {
    background: none;   
}
.site-plans--legend {
    background: none;
    font-size: 0.7em;
}

.site--item.is-sticky {
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
}

.site--item-menu {
    text-align: left;
    font-size: 130%;
    font-weight: bold;
}

.sub-example .example--item {
  background: rgba(255, 255, 255, 0.6);
  color: #2c303a;
}
.example--item {
  background: linear-gradient(45deg, #3494e6, #ec6ead);
  padding: 3rem;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  height: 100%;
  color:#fff;
}

.example--item p {
  font-size: 1.7rem;
  text-align: left;
}

.example--item.is-sticky {
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
}

.engage--item {
    padding: 2rem;
}
.engage--container-image{
    display: block;
    position: relative;
    overflow: hidden; 
    transition: transform .2s;
}
.engage--image:hover{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    opacity: 0.7;
}

.btn-dark-blue{
    background: #2F3136;
    color: #fff;
}
.btn-blue{
    background: rgba(15, 65, 98, 0.9);
    color: #fff;
}

.site-slide{
    height: 48rem;
    background: none;
    /*padding: 0.8rem;*/    
}

.programmes-slide{
    height: 26rem;
    background: none;
    padding: 1rem;    
}
@media only screen and (min-width: 768px) {
    .site-slide{
        height: 40rem;
        background: none;
        /*padding: 0.8rem;*/    
    } 
    .programmes-slide{
        height: 24rem;
        background: none;
        padding: 1rem;    
    }
}

.owl-carousel .nav-btn{
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 35% !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide{
    left: -25px;
}
.owl-carousel .next-slide{
    right: -26px;
}
.owl-carousel .prev-slide:hover{
    background-position: 0px -53px;
}
.owl-carousel .next-slide:hover{
    background-position: -24px -53px;
}

.owl-stage{
    -webkit-transition: all 2s ease-out 1s !important;
    -moz-transition: all 2s ease-out 1s !important;
    -o-transition: all 2s ease-out 1s !important;
    transition: all 2s ease-out 1s;
}

.cd-hero p.official_ticket {
    font-size: 2.5rem !important;
}

.bgimage-educational-programmes, .bgimage-account {
    padding:0px;
    display: block;
    position: relative;
    overflow: hidden;       
}

.bgimage-food-and-wine-neapolis, .bgimage-food-and-wine-bellomo {
    padding:30px;
    display: block;
    position: relative;
    /*overflow: hidden;*/     
}

.bgimage-inside {
    height: 690px;
    background-size: cover;  
    transition: transform .2s;
    /*background-attachment: fixed;*/
    background-position: center center;
    background-repeat: no-repeat;    
}

.bgimage-col {
    height: 300px;
    background-size: cover;  
    transition: transform .2s;
    /*background-attachment: fixed;*/
    background-position: center center;
    background-repeat: no-repeat;    
}

.bgimage-inside-food-and-wine-neapolis { 
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/background-3.png');
    background-image: 
       -webkit-image-set(
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/background-3.png') 1x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/background-3@2x.png') 2x,
           url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/background-3@3x.png') 3x
       );   
}
.bgimage-inside-food-and-wine-bellomo { 
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/cafe/bellomo3.jpg');
}
.bgimage-inside-educational-programmes { 
    background: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/educational-programmes.jpg');
}
.bgimage-inside-account-privates {
    margin-left:40px;
    margin-right:40px;
    background:none;
/*    background-image: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-privati.png');
    background-image: 
        -webkit-image-set(
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-privati.png') 1x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-privati@2x.png') 2x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-privati@3x.png') 3x
        );*/
}
.bgimage-inside-account-schools { 
    background-image: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-scuole.png');
    background-image: 
        -webkit-image-set(
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-scuole.png') 1x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-scuole@2x.png') 2x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-scuole@3x.png') 3x
        );    
}
.bgimage-inside-account-agencies { 
    background-image: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-agenzie.png');
    background-image: 
        -webkit-image-set(
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-agenzie.png') 1x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-agenzie@2x.png') 2x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/img-sfondo-agenzie@3x.png') 3x
        );
}

@media only screen and (max-width: 768px) {
    .bgimage-inside-educational-programmes, .bgimage-inside-food-and-wine-neapolis, .bgimage-inside-food-and-wine-bellomo { 
        height: 300px;
    }
}

.bgimage-inside-educational-programmes:hover {
/*    transform: scale(1.1);
    opacity: 0.7;*/
}

.container-home-educational-programmes{
    background: linear-gradient(to bottom, #fff 0%,#fff 50%,#fff 50%,#8B7E70 50%,#8B7E70 100%); 
}

@media only screen and (max-width: 768px) {
    .container-home-educational-programmes{
        padding-top: 50px;
        padding-bottom: 30px;
        background: #fff;
        margin-bottom: -30px;
    }   
}

.container-home-tour-operators{
    background: linear-gradient(to bottom, #8B7E70 0%,#8B7E70 50%,#8B7E70 50%,#fff 50%,#fff 100%); 
}
@media only screen and (max-width: 768px) {
    .container-home-tour-operators{
        padding-top: 50px;
        padding-bottom: 30px;
        background: #fff;
        margin-bottom: -30px;
    }   
}

.container-food-and-wine{
    background: linear-gradient(to bottom, #fff 0%,#fff 50%,#fff 50%,#FAAF40 50%,#FAAF40 100%);  
}
@media only screen and (max-width: 768px) {
    .container-food-and-wine{
        padding-top: 50px;
        padding-bottom: 30px;
        background: #fff;
        margin-bottom: -30px;
    }   
}

.container-account{
   /*min-height:690px;*/ 
   background: #fff;
   color: #8B7E70;
   text-align: justify;
}

.container-tours{
/*    min-height:690px; 
    background-image: url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/sfondo-servizi-turistici.png');
    background-image: 
        -webkit-image-set(
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/sfondo-servizi-turistici.png') 1x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/sfondo-servizi-turistici@2x.png') 2x,
            url('https://storage.googleapis.com/thekey-ticketing.appspot.com/images/home/sfondo-servizi-turistici@3x.png') 3x
        );
   color: #fff;
   text-align: justify;*/
    padding-top: 90px;
    padding-bottom: 30px;
    background: #fff;
}

.container-blog{
    padding-top: 90px;
    padding-bottom: 30px;
    background: #2f3136;    
}

.container-social-wall{
    padding-top: 50px;
    padding-bottom: 30px;
    background: #fff;    
}

/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card{ background-color: #fff; border: 0px solid transparent; border-radius: 0px; max-height:690px;}
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 0px; }
.card .card-img{ position: relative; padding: 0; /*display: table;*/ }
.card .card-img .card-caption{
    position: inherit;
    right: 0;
    /*bottom: 16px;*/
    bottom: 60px;
    left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 0px; padding: 8px; }
.card .card-footer{ border-radius: 0px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


/* -- price theme ------ */
.card-price{ border-color: #999; background-color: transparent; margin-bottom: -3em; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 0px; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { text-align: center; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{ 
  text-align: center; 
  color: #337ab7; 
  font-size: 3em; 
  text-transform: uppercase;
  line-height: 0.7em; 
  margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    /*width: 272px;*/
    height: 20em;
    /*border: 1px solid #f1f1f1;*/
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    margin: 0px auto;
    /*padding-bottom: 20px;*/
}
@media only screen and (min-width: 1281px) {
    .flip-card {
        height: 25em;
    } 
    .card-price{ 
        margin-bottom: 6em; 
    }    
}
@media only screen and (min-width: 1441px) { 
    .card-price{ 
        margin-bottom: 12em; 
    }    
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: transparent;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: #8B7E70;
  color: white;
  transform: rotateY(180deg);
  opacity: .7;
}

.btn-play {
  position: relative;
  background: #fff;
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  line-height: 60px;
  font-size: 27px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  -webkit-transition-property: color, background, border-color;
  transition-property: color, background, border-color;
}
.btn-pause {
  position: relative;
  background: #fff;
  width: 60px;
  height: 60px;
  border: none;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  line-height: 60px;
  font-size: 27px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  -webkit-transition-property: color, background, border-color;
  transition-property: color, background, border-color;
}
.btn-play:after,.btn-pause:after {
  content: '';
  border: 1px solid;
  border-color: #fff;
  width: 150%;
  height: 150%;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  left: -25%;
  top: -25%;
  opacity: 1;
  -webkit-animation: 1s play-video linear infinite;
  animation: 1s play-video linear infinite;
}
.play {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #000;
    margin-right: -3px;
}
.pause {
    width: 35px;
    height: 35px;
    border-style: double;
    margin: 0px 25px 0px 25px;
    border-width: 0px 0px 0px 30px;
    border-color: #000;
}
@keyframes play-video {
  0% {
    -webkit-transform: scale(0.68);
    transform: scale(0.68);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

#frmRegisterSchools input.form-control, #frmRegisterSchools select.form-control, #frmLoginSchools input.form-control, #frmLoginSchools select.form-control{
    border-color: #636b6f !important;
}

#frmRegisterSchools div.input-group span.input-group-addon, #frmLoginSchools div.input-group span.input-group-addon{
    border-color: #636b6f !important;
}

#frmRegisterSchools div.input-group div.input-group-addon, #frmLoginSchools div.input-group div.input-group-addon{
    border-color: #636b6f !important;
}

#icon-school-datepicker, #icon-school-datepicker1, .glyphicon-time{
    cursor:pointer !important;
}

/*login in home page*/
.form-input {
  margin: 15px 0;
  width: 100%;
}
.form-input label {
  position: relative;
  display: block;
  width: 100%;
  min-height: 45px;
}
.form-input .placeholder {
  position: absolute;
  display: block;
  top: 23px;
  z-index: 2;
  font-size: 12px;
  transition: all 200ms ease-in-out;
  width: 100%;
  cursor: text;
}
.form-input input {
  background: none;
  position: absolute;
  top: 15px;
  z-index: 1;
  width: 100%;
  font-size: 16px;
  border: 0;
  border-bottom: 1px solid #8B7E70;
  transition: border-color 200ms ease-in-out;
  outline: none;
  padding: 0;
  margin: 0;
}
.form-input textarea {
  min-height: 30px;
  padding: 8px 0;
}
.form-input input {
  height: 30px;
}
.form-input-privates input:focus,
.form-input-privates input:valid {
  border-bottom: 2px solid #faaf40;
}
.form-input-schools input:focus,
.form-input-schools input:valid {
  border-bottom: 2px solid #fff;
}
.form-input-agencies input:focus,
.form-input-agencies input:valid {
  border-bottom: 2px solid #2f3136;
}
.form-input-privates input:focus + .placeholder,
.form-input-privates input:valid + .placeholder {
  top: 0;
  cursor: inherit;
  font-size: 14px;
  color: #faaf40;
}
.form-input-schools input:focus + .placeholder,
.form-input-schools input:valid + .placeholder {
  top: 0;
  cursor: inherit;
  font-size: 14px;
  color: #fff;
}
.form-input-agencies input:focus + .placeholder,
.form-input-agencies input:valid + .placeholder {
  top: 0;
  cursor: inherit;
  font-size: 14px;
  color: #2f3136;
  font-weight: bold;
}

.tours--grid {
    padding: 1rem;
    text-align: center;
    width: 100%;
    height: 100%;    
}

.tours--bordered {
    border-top: 1px solid #cfcfcf;
}

ul.tickets{
    background: none;
    list-style-type: none;
}

ul.tickets > li {
    background: none;
    float:left; 
    text-align:center;
}

.educational-programmes-filters{
    padding-left:20px;
    text-align: left;
}
#educational-programmes-slider .slider-selection {
    background: #faaf40;
}
.educational-programmes-img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.educational-programmes-overlay {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;  
    /*color:#faaf40;*/
    color: #2F3136;
}

.educational-programmes-item{
    position: relative;  
}

.educational-programmes-item:hover .educational-programmes-img {
    /*background: rgba(0,0,0,0.2);*/
    opacity: 0.2;
    border: 2px solid #8B7E70;
}

.educational-programmes-item:hover .educational-programmes-overlay {
    opacity: 1;
}

.nav-pills > li + li{
    margin-left: 0px !important;
}

.nav-pills, .nav-pills-content {
    background: rgba(255,255,255,0.6);
}
.nav-pills li {
    border-radius : 0px !important;
    width:33.33% !important;
}

.nav-pills > li > a {
    color: #fff;
    font-weight: bold;
    /*background: #8B7E70;*/
    background: rgba(139,126,112,0.8);
    border-radius : 0px !important;
}
.nav-pills > li > a:hover {
    background: #2f3136;
}
.nav-pills > li > a.active {
    border-radius : 0px !important;
    background: rgba(250,175,64,1) !important;
    color:#fff;
}
.nav-pills > li > a.active:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(250,175,64,1);
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 50%;
}
.nav-pills > li > a.active:hover {
    background: rgba(250,175,64,1);
}
.nav-link {
    /*min-width: 250px;*/
}

.nav-pills-content{
    padding:20px;
}

.nav-pills-content select.form-control {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    /*height: 54px;*/
}

.nav-pills-content .form-control {
    /*height: 54px;*/
}

.nav-pills-content button.cd-hero__btn{
    margin-top: 0px !important;    
}

.home-booking-site {
    margin-top: 10px;
/*    padding-left:20px;
    padding-right:20px;*/
}  

@media only screen and (max-width: 768px) {
    .nav-pills li {
        border-radius : 0px !important;
        width:50% !important;
    } 
    .home-booking {
        margin-top: -25px;
        padding-left:30px;
        padding-right:30px;
    }
    .home-booking-site {
        margin-top: -55px;
        padding-left:30px;
        padding-right:30px;
    }    
    .nav-pills > li > a {
        font-size:80%;
    }
    .nav-pills-content .form-control {
        margin-bottom:5px;
    }    
}

.row-buy-online{
    margin:60px 10px 0px 10px; 
    font-weight: 400;    
}
@media only screen and (max-width: 768px) {
    .row-buy-online{
        margin:10px 10px 0px 10px; 
        font-weight: 400;    
    }  
}

.site-details {
    background: #8B7E70;
}
.row.site-details #presentation_details,
.row.site-details #more_details
{
    color:#ffffff;
}

.panel-cart-sites {
    border: 1px solid #faaf40;
}
.panel-cart-sites > .panel-heading {
    background: #faaf40;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.panel-cart-sites > .panel-body {
    border-bottom: 1px solid #faaf40;
    font-size: 80%;
}

.panel-cart-sites > .panel-footer {
    background: #fff;
}

.panel-cart-site {
    margin-top: -30px;
    border: 1px solid #2f3136;
}
.panel-cart-site > .panel-heading {
    background: #2f3136;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.panel-cart-site > .panel-body {
    border-bottom: 1px solid #2f3136;
}
p.list-tickets-name,
p.list-services-name
{
    margin-top: 7px;
    font-size: 0.8em;
    text-align: left !important;
}
p.list-tickets-price,
p.list-services-price
{
    margin-top: 7px;
    font-size: 0.9em;
    text-align: right !important;
}
.site-ticket-qty,
.site-service-qty
{
    font-size: 1.3em;
    color: rgb(250,175,64);
    font-weight: bold;
    border: 1px solid rgb(250,175,64);
    padding: 3px 10px;
}
p.list-tickets-qty,
p.list-services-qty
{
    text-align: center !important;
}
.list-tickets-minus,
.list-services-minus
{
    font-size: 1em;
    color: rgb(250,175,64);
}
.list-services-minus-galata
{
    font-size: 1em;
    color: #bd2426;
}
.list-tickets-minus.disabled,
.list-tickets-minus-disabled,
.list-services-minus.disabled,
.list-services-minus-galata.disabled,
.list-services-minus-disabled
{
    font-size: 1em;
    color: rgb(191,191,191);
}
.list-tickets-plus,
.list-services-plus
{
    font-size: 1em;
    color: rgb(250,175,64);
}
.list-services-plus-galata
{
    font-size: 1em;
    color: #bd2426;
}
.list-tickets-plus.disabled,
.list-tickets-plus-disabled,
.list-services-plus.disabled,
.list-services-plus-galata.disabled,
.list-services-plus-disabled
{
    font-size: 1em;
    color: rgb(191,191,191);
}
.row-qty-in-cart {
   background: rgb(250,175,64);
   color: #fff;
   margin-bottom: 5px;
   border: 2px solid #e19d39;
   font-size: 110%;
   padding-top:5px;
}
.list-tickets-plus-enabled,
.list-services-plus-enabled
{
    color: rgb(255,255,255) !important;
}
.site-ticket-qty-enabled,
.site-service-qty-enabled
{
    color: rgb(255,255,255);
}
.list-tickets-minus-enabled,
.list-services-minus-enabled
{
    color: rgb(255,255,255) !important;
}
.panel-cart-site > .panel-footer {
    border-top: none;
    background: #eaeaea;
}

.nav-tabs-site > li > a {
    color: #fff;
    font-weight: bold;
    background: #8B7E70;
    border-radius : 0px !important;
}
.nav-tabs-site > li > a:hover {
    background: #2f3136;
    color:#fff;
}
.nav-tabs-site > li.active > a {
    border-radius : 0px !important;
    background: #2f3136 !important;
    color:#fff !important;
}
.nav-tabs-site > li.active a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2f3136;
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 45%;
}
.nav-tabs-site > li.active a:hover {
    color:#fff;
}

.breadcrumb{
    background: #fff;
}
.breadcrumb > li > a{
    color: #444;
}
.breadcrumb > li.active{
    font-weight: bold;
}

.viewer-h1-top {
    color:#fff !important;
}
@media only screen and (max-width: 992px) {
    .res-from-1170{
        display: none;
    }
    .res-from-992{
        display: "block";
    }
    .res-from-768{
        display: none;
    }    
}
@media only screen and (max-width: 1170px) {
    .res-from-1170{
        display: none;
    }
    .res-from-992{
        display: "block"; 
        margin-right: -15px;        
    }
    .res-from-768{
        display: none;
    }    
}
@media only screen and (min-width: 1170px) {
    .res-from-1170{
        display: "block";
        margin-right: -15px;
    }
    .res-from-992{
        display: none;
    }
    .res-from-768{
        display: none;
    }    
}

.img-home-tour-operators{
    position: absolute !important;
}
@media only screen and (max-width: 1170px) {
    .img-home-tour-operators{
        margin-top: 100px;
    }   
}

.img-home-educational-programmes{
    position: absolute !important;
}
@media only screen and (max-width: 1170px) {
    .img-home-educational-programmes{
        margin-top: 100px;
    }   
}

@media only screen and (min-width: 992px) {
    .sites-column-image{
        float: none; 
        display: table-cell; 
        vertical-align: bottom;        
    }
    .sites-column-details{
        float: none; 
        display: table-cell;
        vertical-align: bottom;
    }
    .home-column-image{
        float: none; 
        display: table-cell; 
        vertical-align: middle;        
    }
    .home-column-details{
        float: none; 
        display: table-cell;
        vertical-align: middle;
    }
    .sites-viewer-column-filter{
        float: none; 
        display: table-cell;
        vertical-align: bottom;        
    }
    .sites-viewer-column-results{
        float: none; 
        display: table-cell;
        vertical-align: bottom;        
    }
    .educational-programmes-column-image{
        float: none; 
        display: table-cell; 
        vertical-align: top;        
    }
    .educational-programmes-column-details{
        float: none; 
        display: table-cell;
        vertical-align: top;
    }    
}
@media only screen and (max-width: 992px) {
    .sites-column-details{
        margin-top: 20px;
    }
    .sites-viewer-column-filter{
        float: none; 
        display: table-cell;
        vertical-align: bottom;        
    }
    .sites-viewer-column-results{
        float: none; 
        display: table-cell;
        vertical-align: bottom;        
    }          
}

.inheritback{    
    background-color: inherit; 
    border: none
}
.inheritback-col{
    float: none; 
    display: table-cell;
    vertical-align: middle;      
}

.input-group-addon{
    min-width: 45px;
}

input.datepicker::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    padding-left:10px;
}
input.datepicker::-moz-placeholder { /* Firefox 19+ */
    padding-left:10px;
}
input.datepicker:-ms-input-placeholder { /* IE 10+ */
    padding-left:10px;
}
input.datepicker:-moz-placeholder { /* Firefox 18- */
    padding-left:10px;
}

.img-service-container{
    position: relative;
    text-align: center;
    color: white;    
}
.bottom-centered {
    position: absolute;
    bottom: -22px !important;
    padding: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.7);
    width: 100%;
    color:#444;
}
.frm-register {
    margin-left:40px;
    margin-right:40px;
}
.frm-login {
    margin-left:20px;
    margin-right:20px;
}

/* vertical line */
.vertical-line {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border: 2px solid #ddd;
  height: 350px;
  margin-top:10px;
}

/* text inside the vertical line */
.vertical-line-innertext {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 10%;
  padding: 8px 10px;
  z-index: 100 !important;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
}
.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #000, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}
.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #000;
    background-color: #fcfcfa;
}

#school_request_document {
    display:none;
}

.btn-school-request-document {
    display: inline-block;
    margin-top: 25px;
    padding: 0.6em 1.8em 0.6em 1.8em;
    background-color: rgba(250,175,64,1);
    font-size: 1.1rem;
    font-weight: bold !important;
    color: #ffffff;
    border: 2px solid rgb(250,175,64) !important;
    text-transform: uppercase;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    text-align: center !important;
    border-radius: 0px;
    cursor: pointer;
}

#school_request_document_name{
    font-size:8px;
}

@media (min-width: 768px){
    .split {
        height: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        overflow-x: hidden;
        padding-top: 20px;
    }
}

/* Control the left side */
.left {
    left: 0;
    width: 70%;
}

.split.left > h1, .login-box-body > h1{
    text-transform: uppercase; 
    font-weight:600; 
    font-style: normal !important; 
    color:#fff !important;
    padding-right:20px;
    margin-top:20px;
    font-family: Montserrat !important;
}
.split.left > h1{
    color:#fff !important;
}
.login-box-body > h1{
    color:#8c7d70 !important;
}
h3.welcome-admin-page{
    text-transform: uppercase; 
    font-weight:600; 
    font-style: normal !important; 
    color:#fff !important;
    font-family: Montserrat !important;    
}
h4.welcome-admin-page{
    width:50%;
    text-transform: none; 
    font-weight:400; 
    font-style: normal !important; 
    color:#fff !important;
    padding-right:20px;
    font-family: Montserrat !important;
}
.split.left > h2, .login-box-body > h2{
    text-transform: none; 
    font-weight:400; 
    font-style: normal !important; 
    color:#fff !important;
    padding-right:20px;
    font-family: Montserrat !important;
    margin-top: -10px;
}
.login-box-body > h2{
    color:#8c7d70 !important;
}
.split.left > h2{
    color:#fff !important;
}

/* Control the right side */
.right {
    right: 0;
    background-color: white;
    z-index: 9999999;
}

@media (min-width: 768px){
    .right {
        width: 30%;
    }
}


#modalOrderDetail .modal-content .modal-title
{
    text-transform: uppercase;
    font-weight:400;
    font-style: normal !important;
    color: #ffffff !important;
}

#modalOrderDetail .modal-content .order-items-list .orderItem.row{
    padding:5px 0 5px 0;
    margin: 3px;
}

#modalOrderDetail .modal-content .order-items-list .orderItem.row:nth-child(odd)
{
    background: #e6e4e1;
}
#modalOrderDetail .modal-content .order-items-list .orderItem.row:nth-child(even)
{
    background: #ffffff;
}