/* CSS Document */
.image-responsive {
  width: 100%;
  height: auto;
}

.container{
	 border: 1px solid silver;
	 background-color:#FFF;
}

/* card_listing*/
.card_listing{
background-color:#EEEEEE;
width:100%;
padding:0px 0px 5px 0px;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.card_listing:hover{
background-color:#EEEEEE;
width:100%;
padding:0px 0px 5px 0px;
  border: 1px;
  border-style: solid;
  border-spacing: 1px;
	border: 1px solid #666;
	box-shadow: 2px 2px 0px silver; 
}

.card_listing_location{
background-color:#F1E0DA;
width:100%;
padding:0px 0px 5px 0px;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}
.card_listing_location:hover{
background-color:#F1E0DA;
width:100%;
padding:0px 0px 5px 0px;
  border: 1px;
  border-style: solid;
  border-spacing: 1px;
	border: 1px solid #666;
	box-shadow: 2px 2px 0px silver; 
}

.card_listing_title h1{
/*  background: linear-gradient(to bottom right, #9d0b0e, white);*/
background-color:#9d0b0e;

	color:#FFF;
	height:30px;
	padding-top:5px;
	padding-left:5px;
}
.card_listing_title_location h1{
/*  background: linear-gradient(to bottom right, #9d0b0e, white);*/
background-color:#B86145;

	color:#FFF;
	height:30px;
	padding-top:5px;
	padding-left:5px;
}
/* card_listing end */

/* box_login*/
.box_login{
background-color:#EEEEEE;
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
/*margin:10px 10px 10px 10px;*/
}

.box_login:hover{
background-color:#EEEEEE;
  border: 1px;
  border-style: solid;
  border-spacing: 1px;
	border: 1px solid #666;
	box-shadow: 2px 2px 0px silver; 
}
/* box_login end */

/* recaptcha */
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
/* recaptcha end */




@media only screen and (min-width: 765px) {
h2 {
  font-size: 17px;
  font-weight: bold;
  color:#051A2D;
  height:5px;
}
}
@media only screen and (max-width: 765px) {
h2 {
  font-size: 14px;
  font-weight: bold;
  color:#051A2D;
  height:5px;
}
}

h1 {
  font-size: 18px;
  margin-bottom: 0;
  color:#9d0b0e;
  font-weight:bold;
}



h2_header {
  font-size: 16px;
  font-weight: bold;
  color:#F39;
}

h3 {
  font-size: 15px;
  font-weight: bold;
  color:#051A2D;
}

h4 {
  font-size: 13px;
  font-weight: bold;
  color:#051A2D;
}


/* btn */
.btn-primary {
  color: #fff;
  background-color: #333;
  border-color: #000;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #999;
  border-color: #000;
}
.btn-primary:hover {
  color: #fff;
  background-color: #9d0b0e;
  border-color: #000;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #999;
  background-image: none;
  border-color: #000;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #999;
  border-color: #000;
}


.btn-orange {
	font-size:0.9em;
	font-weight:bold;
    background-color: #9d0b0e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	color:#fff;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    background-color: #C50E12;
	color:#fff;
}

.btn-green {
	font-size:0.9em;
	font-weight:bold;
    background-color: #79A70A;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	color:#fff;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
    background-color: #5E8307;
	color:#fff;
}

.btn-false {
	font-size:0.9em;
	font-weight:bold;
    background-color: #FF8000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	color:#fff;
}

.btn-false:hover, .btn-false:focus, .btn-false:active, .btn-false.active, .open .dropdown-toggle.btn-false {
    background-color: #FF8000;
	color:#fff;
}

.btn-month {
    
	font-size:0.9em;
	font-weight:bold;
    background-color: #9d0b0e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	color:#fff;
}
.btn-month-active {
    
	font-size:0.9em;
	font-weight:bold;
    background-color: #C50E12;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	color:#fff;
}

.btn-month:hover, .btn-month:focus, .btn-month:active, .btn-month.active, .open .dropdown-toggle.btn-month {
    background-color: #C50E12;
	color:#fff;
}

.btn-paypal {
	font-size: 14px;
	letter-spacing: 1px;
    color: #CCC;
	text-transform: uppercase;
	font-weight: 600;
	text-align: left;
	background-color:transparent;
}

.btn-paypal:hover, .btn-paypal:focus, .btn-paypal:active, .btn-paypal.active, .open .dropdown-toggle.btn-paypal {
	color:#fff;
	background-color:transparent;
}


a.next-previous{
	font-size:16px;
	
	color:#333;
}
a.next-previous:hover{
	font-size:16px;
	
	color: #9d0b0e;
}


/* btn end */

/* ------- Navigation ------------ */

#navigation {
/*	background: #fff;*/
	z-index: 9999;
    box-sizing:border-box;
/*
	border-bottom: 1px solid #eee;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
*/
	text-align: left;
	margin: 0 auto;
}
.navbar {
    margin-bottom: 0;
}
.navbar-brand {
    font-weight: 600;
}
.navbar-brand:focus {
    outline: 0;
}
.nav.navbar-nav {
/*    background-color: rgba(255,255,255,.6);*/
}


#menu .nav.navbar-bar {
	text-align: left;
	float: none;
	margin: 0 auto;
}

.navbar-custom ul.nav {
	text-align: left;
	float: none;
	margin: 0 auto;
}
.navbar-custom ul.nav li a {
	font-size: 13px;
	letter-spacing: 1px;
    color: #CCC;
	text-transform: uppercase;
	font-weight: 600;
	text-align: left;
}

.navbar-custom ul.nav li a:hover{
	background-color:#9d0b0e;
    color: #fff;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
}

.active a {
	background-color:#9d0b0e;
    color: #fff;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.navbar-toggle {
    padding: 4px 6px;
    font-size: 20px;
    color: #666;
}
.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

.signature_menu {
  font-family: 'Arizonia', cursive;
  color: #555;
  font-weight: bold;
  font-size: 25px;
}

/* ------- Navigation end ------------ */

/* header */
.header-linear-gradient {
/*  background: linear-gradient(to bottom right, grey, white);*/
  background-color:#9d0b0e;
}
.header_index{
/*	background-color:#333;*/
	padding-bottom:5px;
}
.header_top{
/*	background-color:#333;*/
}
.header_top_small{
/*	background-color:#333;*/
}
/* header end */


/* footer */
.footer-linear-gradient {
/*  background: linear-gradient(to top left, grey, white);*/
  background-color:#9d0b0e;
  padding-top:10px;
  padding-bottom:10px;
}
/* footer */

.signature {
  font-family: 'Arizonia', cursive;
  color: #555;
  font-weight: bold;
  font-size: 25px;
  display: block;
}

.progress-bar-orange{
      background-color: #9BC90D !important;
	  font-weight:bold;

}

div.contactresult{
  
  font-weight: normal;
  color: #FE7C10;
  text-align:center;
}


/* artistes */

.filter-button{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;
	background-color:#FFF;
}

.filter-button:hover{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;
}

.filter-button:active{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;
}


.Portfolio {
    position: relative;
    margin: 2px;
    border: 2px solid black;
    transition-duration: 0.4s;
    border-radius: 5px;
    animation: winanim 0.5s ;
	-webkit-backface-visibility:visible;
    backface-visibility:visible;
    box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)
}

.Portfolio:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 silver;
}


.desc {
    padding: 5px;
    text-align: center;
    font-size: 90%;
    background:black;
    color:#42B32F;
	font-weight:bold;
}
/* artists end */


/* tableaux responsive */
    @media (max-width: 700px){
    .table thead {
    display: none;
    }

    .table tr{
    display: block;
    margin-bottom: 40px;
    }

    .table td {
    display: block;
    text-align: center;
    }

    .table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    }
    }
/* tableaux responsive end */

.fa-check {
	font-size:1.2em;
	font-weight:bold;
    background-color: #79A70A;
	color:#fff;
}
.fa-times {
	font-size:1.2em;
	font-weight:bold;
    background-color: #9d0b0e;
	color:#fff;
}

span.active_link{
    color: #fff;
}

hr{
 border-top: 1px solid #CCCCCC;

}
	

span.violet{
	color: #FF26FF;
}

/*stars*/
.fa-star{
	color:#FFC600;
}
.rating { 
  border: none;
  float: left;
  margin:0px 0px 0px 28px;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin-top: 0px;
  padding:0px 5px 0px 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
	color: #fff; 
	float: right;
	margin:4px 1px 0px 0px;
	background-color:#9B9B8C;
	border-radius:15px;
  height:25px;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { 
	background-color:#FFC600 !important;
  cursor:pointer;
} /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { 
	background-color:#FFC600 !important;
  cursor:pointer;
}