@import url('http://davidstutz.github.io/bootstrap-multiselect/css/bootstrap-multiselect.css');

/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */

.opacity{

	/* For IE 5.5 - 7 */	

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);

	/* For IE8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF)";

	/* 50% opacity */

	background: rgba(255, 255, 255, 0.5);

	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

}

.input-sm, .form-horizontal .form-group-sm .form-control{

	font-size:inherit;

	line-height:normal;

}

.btn-sm, .btn-group-sm>.btn{

	line-height:10px;

}

.smaller-inputbox{

	background-color: #FFF;

	background-image: none;

	border: 1px solid #CCC;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	width:50px;

	height:40px;width: 50px;

	height: 35px;

	padding-left: 14px;



}

/*.form-horizontal .control-label {

	padding-top: 0px;

}*/

.select-option{

	background-color: #FFF;

	background-image: none;

	border: 1px solid #CCC;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	width: 170px;

	height: 35px;

	padding-left: 14px;

}



.center{

	text-align:center;

}

.col-lg-1 {

	line-height: 30px;

	text-align:center;

}

.col-lg-2{

	/*height:50px;*/

}

.col-lg-12{

	margin-top:2px;

	margin-bottom:2px;

}

body {

  padding-bottom: 40px;

  color: #5a5a5a;

}

.fa-user{

	padding-left:5px;

	padding-bottom:5px;

}

.fa-key{

	padding-bottom:4px;

}

.fa-3x{

	padding-top:4px;	

}



.logo{

	padding-top:20px;

	padding-bottom:20px;

	background-color:#FFF;	

}



/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  position: absolute;

  right: 0px;

  left: 0;

  z-index: 20;

}






/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 15px;

  padding-left: 15px;



}

.navbar-wrapper .navbar {

  padding-right: 15px;

  padding-left: 15px;

 

}

.navbar-wrapper .navbar .container {

   width: auto;

   height:100px;

}

/* CUSTOMIZE THE LOGINBOX

-------------------------------------------------- */

.loginbox-wrapper{

  position: absolute;

  top: 160px;

  right: 0;

  left: 0;

  height:300px;

  z-index: 20;

}

.form-wrapper{

	margin-top:10px;

	padding-top:20px;

	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	background:#FFF;

	margin-bottom:10px;

	border-radius:inherit;

}

.btn-default{

	height:35px;

	background-image:url(img/login-button.jpg);	

}

.txt-login {

	font-size: 25px;

	text-align: center;

	font-family: "Arial Black", Gadget, sans-serif;

	font-weight: bold;

}

.txt-register{

	font-size:25px;

	text-align:center;

	padding-top:7px;

	font-family:"Arial Black", Gadget, sans-serif;

	font-weight:bold;

	padding-bottom:8px;



}

.background{

	background-color:#09F;

	opacity:0.5;	

}

/* CUSTOMIZE THE SEARCHBOX

-------------------------------------------------- */

.searchbox-wrapper {

	position:relative;

	top: 4px;

	right: 0;

	left: 0;

	height: 85px;

	z-index: 20;

	padding-bottom: 10px;

}

.form-wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

.agebox > .btn{
	width:20px;
}

.input-sm{
   font-weight:bold;
   border-radius:0;
   color:#000;
}

input[type="radio"], input[type="checkbox"] {
margin: 0;
padding:0;
width:15px;
line-height: 10px;
}

.linegeight{
	line-height:20px;
}

label{
margin:5px;
padding:0;
color:#333;
}

/* CUSTOMIZE THE CAROUSEL bottom
-------------------------------------------------- */
.carousel-bottom-top{
	font-family: sans-serif;
	font-size:16px;
	text-align: center;
	color: #333;
	font-family:"Roboto";
	line-height:35px;
	text-shadow:#FFF;
	font-weight:bolder;
}
.carousel-inner {
  position:absolute !important;
  width: 100%;
  /*overflow: hidden; */
}
.carousel-bottom-search{
	text-align:center;
}

.btn-group>.btn:first-child {
	font-weight: 200;
}

.form-group{
	font-family:"Roboto";	
}

.label{
	line-height:10px;	
}

/* END CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 0px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  background-color:#FFF;
  width:100%;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  opacity:0.6;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 600px;
  background-color: #777;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 600px;
}

/* Footer-top

------------------------- */

.footer-wrapper{
	height:166px;
}

.footer-heading{
	color:#900;
	margin-top: -2px;	
}

.footer-logo {
	padding-top:55px;
	padding-bottom: 55px;
}


.panel-body{
	padding:14px;	
}


.padding-bottom{
	margin-top: 28px;
	padding-bottom: 44px;
}

.fa-facebook-square:hover { 
    color:#36C;
	cursor:pointer;
}

.fa-twitter-square:hover { 
    color:#3CF;
	cursor:pointer;
}

.fa-google-plus-square:hover { 
    color:#C00;
	cursor:pointer;
}

.fa-pinterest-square:hover { 
    color:#396;
	cursor:pointer;
}

.fa-flickr:hover { 
    color:#33C;
	cursor:pointer;
}

.footer-bottom-heading {
	color: #B63636;
	/*margin-top: -12px;
	font-size: large;*/
}

.footer-bottom-heading > a:link {
    text-decoration: none;
	color:#B63636;
}

.footer-bottom-heading > a:visited {

     text-decoration: none;

	color:#B63636;

}

.footer-bottom-heading > a:active {

     text-decoration: none;

	color:#B63636;

}

.bottom-links{

	font-size: small;

}

.bottom-links{

	font-size: small;

}

.bottom-links > a{

	display:block;

	margin-bottom:-10px;

}



.copyright{

	/*margin-top:-13px;*/

}

.photo-approved { 

	-moz-box-shadow: 0 0 5px green;

	-webkit-box-shadow: 0 0 5px green;

	box-shadow: 0 0 5px green;

}

.photo-unapproved {

	-moz-box-shadow: 0 0 5px red;

	-webkit-box-shadow: 0 0 5px red;

	box-shadow: 0 0 5px red;

}



/*-------------------------------------------------- */

/* SEARCH RESULT PAGE

-------------------------------------------------- */

.result-title {

	font-weight: bold;

	font-family: inherit;

	margin-left: 0px;

	padding-bottom: 7px;

	font-size: large;

	color:#EF3E05;

}

.result-info {
	margin-left: 0px;
	font-family: sans-serif;
}

.result-desc {
	margin-left: 0px;
}

.result-view-button{

	float:right;

	margin-bottom: -14px;

}


.result-view-button > a:hover {

	background-color: #F03B02;

	border-color:#FFFFFF;

}

.search-page-wrapper {

	margin-bottom: 45px;

}

/*END: SEARCH RESULT PAGE

-------------------------------------------------- */

/*Inner-Footer-bottom

------------------------- */

.inner-padding-bottom {

	margin-top: 27px;

	margin-bottom: 28px;

}

.inner-footer-logo{

	text-align:center;

	line-height:11;	

}

.inner-footer-wrapper {

 	margin-bottom: -17px;

}

.form-margin{

}



/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 768px){

  /* Navbar positioning foo */

  .navbar-wrapper {

    margin-top: 10px;

  }

  .navbar-wrapper .container{

    padding-right: 15px;

    padding-left: 15px;

  }

  .navbar-wrapper .navbar{

    padding-right: 0;

    padding-left: 0;

  }



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar{

    border-radius: 0px;

  }



  /* Bump up size of carousel content */

  .carousel-caption p{

    margin-bottom: 20px;

    font-size: 21px;

    line-height: 1.4;

  }

}



@media (max-width: 1821px){

.carousel {
  width:100%;
}

.myBanner img{

	width:100%;	

}



@media (max-width: 1280px){

.carousel {

  width:100%;

}

.loginbox-wrapper {

	top: 214px;

}

.carousel-bottom-top { line-height:10px;}
.searchbox-wrapper {
	top: 0px;
	height: 132px;
}

.logo {

	padding-top:10px;

	padding-bottom: 8px;

	text-align: center;

}

.footer-logo{

	text-align: center;

}

.footer-heading{

	color:#900;

	text-align:center;

}

.carousel-bottom-top {

	line-height: 39px;

}

.center{

	display:block;

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

}

.footer-wrapper {

	height: 336px;

	margin-top: 119px;

}

.footer-logo {

	padding-top:0px;

	padding-bottom: 15px;

}

.padding-bottom{

	margin-top: 0px;

	padding-bottom: 15px;

}



@media (max-width: 991px){

.navbar-wrapper {

	margin-top: 0px;

}

.center{

	display:inline;

	margin-left:10px;

}

.form-inline .form-control{

	margin-top: 6px;

	margin-left: 11px;

	margin-right: auto;

	font-family: Myriad Pro Light;

	line-height: initial;

}

.input-sm, .form-horizontal .form-group-sm .form-control {

	font-size: initial;

}



.fa-user{

	padding-left:65px;

	padding-bottom:5px;

}

.fa-key{
	padding-left:65px;
	padding-bottom:4px;
}

.searchbox-wrapper {
	top: 305px;
}

.padding-search{
	padding-left:79px;
}

.padding-search-heading{
	padding-left:0px;
}

.loginbox-wrapper {
	top: 163px;
}

.footer-wrapper{
	height: 342px;
}



.center {
	margin-left: 0px;
}

.footer-links-center{
	margin-left: 0px;
	text-align:center;
	margin-top: 0px;
}

@media (max-width:767px) and (min-width: 344px){
.btn {padding:2px 10px; font-size:15px;
}	
.form-horizontal { margin:0;}
div.myBanner h1 { display:none;}
.form-margin {
	margin-top: 50px;
}
.navbar-wrapper {
	top: 0px;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	width: 100%;
}

.loginbox-wrapper{
	top: 280px;
}

.myBanner-title {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 74px;
	margin-bottom: -38px;
}
.searchbox-wrapper{

	top: 587px;

	height: 344px;

}

.footer-wrapper {

	height: 366px;

	margin-top: 901px;

}

.footer-bottom-heading {

	margin-top: 40px;

}



.footer-links-center {

	margin-top: -20px;

}

.opacity{

	/* For IE 5.5 - 7 */	

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);

	/* For IE8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF)";

	/* 50% opacity */

	background: rgba(213, 223, 224, 0.6);

	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;

}

.padding-search {

	padding-left: 0px;

}

.fa-facebook-square{ 

    color:#36C;

}

.fa-twitter-square{ 

    color:#3CF;

}

.fa-google-plus-square{ 

    color:#C00;

}

.fa-pinterest-square{ 

    color:#396;

}

.fa-flickr{ 

    color:#33C;

}

.searchbox-wrapper {

	height:289px;

	top: 284px;

}

.footer-wrapper {

	margin-top: 825px;

}

.none{

	display:none;	

}

}



@media (max-width:598px){

	.footer-wrapper {

		height: 384px;

	}

@media (max-width:517px){

	.footer-wrapper {

		height: 405px;

	}

}

@media (max-width:461px){

	.footer-wrapper {

		height: 422px;

	}

}

@media (max-width:461px){	

}

@media (max-width:418px){

	.footer-wrapper {

		height: 443px;

	}

}

@media (max-width:376px){

	.footer-wrapper {

		height: 464px;

	}

}

@media (max-width:438px){

	.searchbox-wrapper {

		height: 341px;

	}

	.footer-wrapper {

		margin-top: 900px;

	}

}

@media (max-width:348px){

	.footer-wrapper {

		height: 485px;

	}

	.footer-bottom-heading {

		margin-top: 35px;

	}
	.cont-responsive{ position:relative !important; top:600px !important;}
	.copyright { position:relative !important; top:600px !important;}

}

@media (max-width:347px){

	.footer-wrapper {

		margin-top: 932px;

	}

	.searchbox-wrapper {

		height: 374px;

	}
	.cont-responsive{ position:relative !important; top:600px !important;}
	.copyright { position:relative !important; top:600px !important;}

}

@media (min-width:320px){

	.none{

		display:none;	

	}

	.loginbox-wrapper {

		top: 258px;

	}
	.cont-responsive{ position:relative !important; top:600px !important;}
	
	.copyright { position:relative !important; top:600px !important;}

}

@media (max-width:415px){

	.none{
		display:none;	
	}
#fullwidth	 {display:none;}

	.loginbox-wrapper {
		top: 258px;
	}

	.form-margin {

		margin-top: 230px;

	}
	.cont-responsive{ position:relative !important; top:600px !important;}

}





<!--CSS for Inner Footer-->



<!--END of CSS for Inner Footer-->