body{
	background-image: url("../images/bg_texture.png");
}

.navbar{
	background-color: #000;
	background-image: url("../images/logo.jpg");
	background-position: 15px 5px;
	background-repeat: no-repeat;
	border-bottom: dotted 2px #CF5300;
	text-align: center;
}

.navbar ul.nav.navbar-nav li.icon a {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.navbar ul.nav.navbar-nav li.icon i.fa:hover {
	color: #CF5300 !important;
}

#loading-bar .bar {
	border: none;
	background-color: #CF5300;
	height: 1px;
	padding: 3px;
}

body.modal-open #loading-bar .bar {
	padding: 10px;
}

div.content{
	background-color: #000;
	color: #B8B8B8;
	margin-top: 50px;
	padding: 0;
	padding-bottom: 20px;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
}

div.footer {
	background-color: #000;
	color: #999999;
	font-size: x-small;
	text-align: center;
	padding: 5px;
}
div.footer i.fa {
	font-size: large !important;
	margin: 3px;
}

h1, h2, h3, h4, h5, h6 {
	color: #CF5300;
}

h1{
	font-weight: 300;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: capitalize;
}

h3 {
	font-size: small;
}

blockquote {
	font-size: small;
}

input, textarea {
	color: #000;
	padding: 5px;
}

div.recaptcha div{
	margin: auto;
	margin-bottom: 20px;
	width: 300px;
}

img.lightbox{
	cursor: pointer;
	margin-bottom: 2px;
}
img {
	max-width: 100%;
}

form.validation-failed input[required],
form.validation-failed textarea[required] {
	background-color: #ebccd1;
	border-left: solid 3px #a94442 !important;
}

div.alert {
	font-weight: bold;
	text-align: center;
}

div.centered{
	text-align: center;
}

div.credits {
	font-size: small;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
}

.highlight {
	color: #cf5300;
}
.toggle{
	-webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

.true {
	color: green;
}
.false {
	color: red;
}
.female {
	color: #FF3399;
}
.male {
	color: #3399FF;
}
.content img:hover {
	-webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	opacity: 0.5;
}

.fix-to-top {
  position: fixed;
  top: 0;
}


.caption {
	color: #FFF !important;
	font-size: x-small !important;
	height: 20px;
	margin-top: -20px;
	padding-right: 5px;
	opacity: 0.75;
}

/* Show/Hide Animation */
/* The starting CSS styles for the enter animation */
.fadeslow.ng-hide-remove {
  -webkit-transition:all linear 1s;
  -moz-transition:all linear 1s;
  -o-transition:all linear 1s;
  transition:all linear 1s;
  display:block!important;
}

.fadeslow.ng-hide-add.ng-hide-add-active,
.fadeslow.ng-hide-remove {
  opacity:0;
}

.fadeslow.ng-hide-add,
.fadeslow.ng-hide-remove.ng-hide-remove-active {
  opacity:1;
}

.animate-enter, 
.animate-leave
{ 
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
} 
 
.animate-enter {
    left: 100%;
}
.animate-enter.animate-enter-active {
    left: 0;
}
 
.animate-leave {
    left: 0;
}
.animate-leave.animate-leave-active{
    left: -100%;
}
/* Show/Hide Animation */


/* Carousel */
.carousel {
	margin:0 auto;
}

.carousel .carousel-indicators {
	display: none;
}

.share a {
	cursor: pointer;	
}

.carousel .carousel-indicators li {
}

.carousel .item {
	width: 100%;
	height: auto;
}
.carousel-inner > .item > img {
	max-height: 576px;
	height: auto;
}
.carousel img {
  margin:auto;
}
.carousel img:hover {
	opacity: 1;
}

.carousel-control{
	cursor: pointer;
}
aa.left.carousel-control {
	margin-left: -50px;
}
aa.right.carousel-control {
	margin-right: -50px;
}

#slides_control > div {
  height: 320px;
}
#slides_control {
	left:50%;
	margin-left:-200px;
	position:absolute;
	top:20px;
	width: 400px;  
}
/* Carousel */

/* Thumbnails */
.thumbnail-toggle {
	color: #666;
	cursor: pointer;
	font-size: 25px;
	margin-top: -35px;
	margin-left: auto;
	margin-right: 0;
	text-align: right;
	width: 80px;
}
.thumbnail-toggle span {
	margin-left: 5px;
}
.thumbnail-toggle span.on {
	color: #CF5300;
}
.thumbnails {
	text-align: center;
}

.thumbnails li {
	cursor: pointer;
	padding-left: 0px;
	padding-right: 0px;
}

.thumbnails li img {
	border: solid 1px #000;
	/*border-radius: 150px;*/
	-webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	max-width: 100%;
}
.thumbnails li img:hover {
	/*border-color: #CF5300;*/
	/*border-radius: 0;*/
	opacity: 0.5;
}

a.thumbnail{
	background-color: transparent;
}
/* Thumbnails */

/* Lightbox */
.modal.fade {
	background-color: #000;
}
.modal-content{
	background-color: #000;
	text-align: center;
}

.lightbox-modal button.close{
	color: #FFF;
	font-size: xx-large;
	opacity: 1;
	-webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

.lightbox-modal button.close:hover {
	color: #990000;
}

.lightbox-image-container img {
	width: 100%;
}

.bio-pic {
	overflow: hidden;
	padding: 0px !important;
}
.bio-pic img {
	border-radius: 320px !important;
	max-width: 250px !important;
}

div.social-links {
	font-size: 40px !important;
}

div.social-links .fa {
	
}
/* Lightbox */

/*Form*/
input.ng-invalid {
	border-width: 1px;
}
/*Form*/