body{ background:#0e0e0e; /*background: url(../img/bg.jpg) left top no-repeat;*/ font-family: 'Josefin Sans', sans-serif; font-size:12px;}
.jspPane:focus{ outline:none !important; border:0px; border-style:none;}
body:focus{ outline:none !important; border:0px; border-style:none;}

.navbar { position: relative; min-height: 0px; margin-bottom: 0px; }
.navbar-brand{ height:auto;}
.navbar-inverse{ background:none; border:0px solid transparent;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background:none; color:#4ed3e4 !important;}
.nav>li>a{ font-size:13px; border-right:2px solid #4ed3e4; padding-top: 0px; padding-bottom: 0px; color:#FFFFFF !important; text-transform:uppercase;}
.nav>li>a:hover{ color:#4ed3e4 !important; text-decoration:underline;}


.page-title {
    padding: 0;
    margin: 0px 0 0 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #4ed3e4;
    margin-top: -3px;
}
.thumbnail-div{ padding:5px; background-color:#6c6d6d; margin:15px 0;}
.thumbnail-row{ margin-bottom:0px;}



footer{ position:fixed; bottom:0px; border-top:1px solid #4ed3e4; width:100%; padding:10px 0; text-align:center; color:#FFFFFF; background:#0e0e0e;}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#photos { width:100%; height:100%; }
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ position:absolute; z-index:999; width:100%;}
	.nav>li>a{ border-right: 0px solid #4ed3e4; padding:6px 0; text-align:center; background-color: rgba(0, 0, 0, .8); }
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background-color: rgba(0, 0, 0, .8);}
	.nav>li>a:hover{ background-color: rgba(0, 0, 0, .8);}
	.nav>li>a:focus{ background-color: rgba(0, 0, 0, .8);}
	.top-menu{ margin-top:0%;}
	footer{ position:relative;}
	.indx_footer{ position:fixed !important;}
	.intro-text{ height:100%; padding:0 15px !important; margin-top:15px; width:100% !important;}
	.jspContainer{ width:100% !important;}

}

.btn-send {
    background: #4ed3e4;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

*:focus {
    outline: none;
}

.top-menu {
    margin-top: 10%;
	color:#FFF;
	font-size:16px;
	text-align:right;
}

.welcome{color:#FFF;
	font-size:16px;
	text-align:right; margin-top:15px;}

a.logout{ color:#4ed3e4 !important;}

ol.howtolog { color:#FFF; padding-left: 22px;
    padding-top: 15px;
    font-size: 18px;}	
ol.howtolog li{ margin-bottom:10px;}
.email{ color: #4ed3e4; text-decoration: underline;}

	
@import "bourbon";


.wrapper {	
	margin-top: 20px;
	margin-bottom: 80px;
}

.error{color: red;
    font-size: 18px;
    margin-top: 14px;
    display: block;}

.form-signin {
  max-width: 400px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);  
}
  .form-signin-heading,
	.checkbox {
	  margin-bottom: 30px;
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

	input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
}	


.scrollup{
		
     position: fixed;
     bottom: 80px;
     display: none; 
	 background-image:url("") 
     background-color: transparent; 

	}
	
		.scrollupmain{
		
     position: fixed;
     bottom: 80px;
     display: none; 
	 background-image:url("") 
     background-color: transparent; 

	}
	
        .imgcontent {
    position: absolute;
    bottom: 20px;
    background: rgb(0, 0, 0);
    background: rgba(86, 86, 86, 0);
    color: #f1f1f1;
    width: 87%;
    padding: 10px;
    text-align: left;
    font-weight: 700;
}