* {
	margin: 0;
	padding: 0;
	-moz-box-sizing:border-box;
}

#values {
	font-size: 10px;
}


body {
	background-image:url('../images/bg.gif');
	font-family: 'overpassregular';
}

.group {
	content: "";
	display: table;
	clear: both;
}

@font-face {
    font-family: 'overpassregular';
    src: url('body font/Overpass_Regular-webfont.eot');
    src: url('body font/Overpass_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('body font/Overpass_Regular-webfont.woff') format('woff'),
         url('body font/Overpass_Regular-webfont.ttf') format('truetype'),
         url('body font/Overpass_Regular-webfont.svg#overpassregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'sf_archery_blackoblique';
    src: url('header font/SF_Archery_Black_Oblique-webfont.eot');
    src: url('header font/SF_Archery_Black_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('header font/SF_Archery_Black_Oblique-webfont.woff') format('woff'),
         url('header font/SF_Archery_Black_Oblique-webfont.ttf') format('truetype'),
         url('header font/SF_Archery_Black_Oblique-webfont.svg#sf_archery_blackoblique') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'lobster_1.3regular';
    src: url('label font/lobster_1.3-webfont.eot');
    src: url('label font/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('label font/lobster_1.3-webfont.woff') format('woff'),
         url('label font/lobster_1.3-webfont.ttf') format('truetype'),
         url('label font/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.container {
	background: white;
	padding: 0px 30px 10px 30px;
	margin: 0 auto 0px auto;
}

#container-holder {
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.5);
	margin: 0 auto;	
}

.body-container {
	min-height: 1000px;
}

#logo {
	height: 75px;
	line-height: 100px;
}

#logo img {
	width: 70px;
	height: 70px;

}

#logo h2 {
	font-size: 30px;
	font-family: 'overpassregular';
}

span.glyphicon {	
	font-size: 12px;
	position: relative;
	top: 0px;

}

span.profile-font {	
	font-size: 15px;
	position: relative;
	top: 0px;

}

#style {
	height: 50px;
	width: 50px;
	margin-top: -10px;
	padding-right: 20px; 
	float: left;
	margin-right: 30px;
}

.navbar-collapse,.navbar-nav {
	margin: 0;
	padding: 0;
}

.navbar {
	background: #355655;
	border-bottom: 5px solid #1cA085;
}

.navbar .navbar-nav li a {
	background: #355655;
	font-size: 14px;
	color:white;
	display: block;
	padding: 10px 12px;
	font-family: 'overpassregular';
	text-transform: capitalize;
	outline: none;
}

.navbar .navbar-nav li a:hover {
	background: #1abc9c;
	color: white;
}

.navbar .navbar-nav li a.colored {
	background: #4cdcb7 -webkit-linear-gradient(310deg, #4cdcb7 0%, #4cdcb7 10%, #49d1ae 10%, #49d1ae 20%, #43c1a1 19%, #45c6a5 21%, #45c6a5 20%, #45c6a5 30%, #3fb698 29%, #41bb9b 31%, #41bb9b 30%, #41bb9b 40%, #3cac8f 39%, #3db092 41%, #3db092 40%, #3db092 50%, #38a185 49%, #39a589 51%, #39a589 50%, #39a589 60%, #34967c 59%, #359a80 61%, #359a80 60%, #359a80 70%, #308b73 69%, #328f77 71%, #328f77 70%, #328f77 80%, #2c806a 79%, #2e846e 81%, #2e846e 80%, #2e846e 90%, #287561 89%, #2a7965 91%, #2a7965 90%, #2a7965 100%);
	color: white;
}


.navbar .navbar-nav li:hover > ul {
	display: block;
}

.navbar .navbar-nav li:hover > a {
	background: #4cdcb7 -webkit-linear-gradient(310deg, #4cdcb7 0%, #4cdcb7 10%, #49d1ae 10%, #49d1ae 20%, #43c1a1 19%, #45c6a5 21%, #45c6a5 20%, #45c6a5 30%, #3fb698 29%, #41bb9b 31%, #41bb9b 30%, #41bb9b 40%, #3cac8f 39%, #3db092 41%, #3db092 40%, #3db092 50%, #38a185 49%, #39a589 51%, #39a589 50%, #39a589 60%, #34967c 59%, #359a80 61%, #359a80 60%, #359a80 70%, #308b73 69%, #328f77 71%, #328f77 70%, #328f77 80%, #2c806a 79%, #2e846e 81%, #2e846e 80%, #2e846e 90%, #287561 89%, #2a7965 91%, #2a7965 90%, #2a7965 100%);
	text-decoration: none;
}




.nav-tabs li a {
	outline: none;
	padding-left: 10px;
	padding-right: 6px;

}

.dropdown-menu {
	padding: 0px;
}

.nav-tabs li a:hover {
	color: #1abc9c;
}

.nav-tabs li.active a {
	color: #1abc9c;
}

.gry {
	color: gray;
}

/*################################## Edit Post ##################################*/


.pagination li span {
	background: #337AB7;
	color: white;
}

span.glyphicon img {
	width: 30px;
	height: 30px;
}

/*######################################### SLIDER ##########################################*/

#slider {
	width: 100%;
	height: 400px;
	margin-bottom: 50px;
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	-os-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	position: relative;
}

.cycle-slideshow img {
	width: 100%;
	height: 400px;
}

p#alt-caption{
	background: rgba(0,0,0,0.7);
	padding: 20px 0 20px 20px;
	color: white;
	margin-top: -60px;
	z-index: 999;
	position: absolute;
	width: 100%;
	font-family: 'overpassregular';
}

#prev,#next {
	background: #4cdcb7 -webkit-linear-gradient(310deg, #4cdcb7 0%, #4cdcb7 10%, #49d1ae 10%, #49d1ae 20%, #43c1a1 19%, #45c6a5 21%, #45c6a5 20%, #45c6a5 30%, #3fb698 29%, #41bb9b 31%, #41bb9b 30%, #41bb9b 40%, #3cac8f 39%, #3db092 41%, #3db092 40%, #3db092 50%, #38a185 49%, #39a589 51%, #39a589 50%, #39a589 60%, #34967c 59%, #359a80 61%, #359a80 60%, #359a80 70%, #308b73 69%, #328f77 71%, #328f77 70%, #328f77 80%, #2c806a 79%, #2e846e 81%, #2e846e 80%, #2e846e 90%, #287561 89%, #2a7965 91%, #2a7965 90%, #2a7965 100%);
	padding: 10px 25px;
	position: absolute;
	z-index: 999;
	color: white;
	top: 180px;
	font-family: 'overpassregular';
	cursor: pointer;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-os-transition: all .5s;
	transition: all .5s;
}

#prev:hover,#next:hover {
	background: #c4605f -webkit-linear-gradient(310deg, #c4605f 0%, #c4605f 10%, #ba5b5a 10%, #ba5b5a 20%, #ad5554 19%, #b15756 21%, #b15756 20%, #b15756 30%, #a3504f 29%, #a75251 31%, #a75251 30%, #a75251 40%, #994b4a 39%, #9d4d4c 41%, #9d4d4c 40%, #9d4d4c 50%, #8f4645 49%, #934847 51%, #934847 50%, #934847 60%, #854141 59%, #894343 61%, #894343 60%, #894343 70%, #7c3d3c 69%, #803f3e 71%, #803f3e 70%, #803f3e 80%, #723837 79%, #763a39 81%, #763a39 80%, #763a39 90%, #683332 89%, #6c3534 91%, #6c3534 90%, #6c3534 100%);
}

#prev {

	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-os-border-top-right-radius: 10px;
	border-top-right-radius: 10px;

	-moz-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-os-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;

	
}

#next {
	right: 0;

	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-os-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-os-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

@media only screen and (min-width: 450px) and (max-width: 768px) {
	.posts img {
		width: 800px;
	}
}

.posts img:hover {
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}


.individual-post img {
	width: 100%;
	height: 400px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-top: 10px;	
}

.posts .watch,.individual-post .watch {
	color: #1abc9c;
	font-family: 'overpassregular';
}

.form-group label {
	font-family: 'overpassregular';
}

.form-group .star {
	color: #1abc9c;
}

.form-group .btn {
	font-family: 'overpassregular';
}

.clr {
	color: #1abc9c;
}

.cus-font {
	font-family: 'overpassregular';
}

.text-bold {
	font-weight: bold;
}

input[type="file"] {
	display: none;
}

#lb-pic {
	font-family: 'overpassregular';
	background: gray;
	padding: 8px 10px;
	color: white;
	font-size: 14px;
	-moz-border-radius: 3px;
	webkit-border-radius: 3px;
	-os-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
	-os-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
}

/*############################# add news #####################################*/

.registration input[type="radio"]/*,
.registration input[type="checkbox"]*/ {
	display: none;

}

.registration input[type="radio"] + label:before/*,
.registration input[type="checkbox"] + label:before*/ {
	background: white;
	border: 2px solid gray;
	content: "";
	display: inline-block;
	border-radius: 20px;
	font-size: 35px;
	text-indent: 0px;
	height: 25px;
	width: 25px;
	line-height: 22px;
	margin: 0px 6px 0 5px;
	text-align: center;
	vertical-align: middle;
	color: #1abc9c;
}

.registration input[type="checkbox"] + label:before {
	margin-top: -4px;
}

.registration input[type="radio"]:checked + label:before/*,
.registration input[type="checkbox"]:checked + label:before*/ {
	content: "\2022";
}




/*######################################## LATEST NEWS SECTION ################################*/
#latest-news h2,#recent-news h2 {
	font-weight: bold;
}

#recent-news h2 {
	font-family: 'overpassregular';
	font-size: 20px; 
	margin-bottom: 20px;
}

#recent-news input[type="text"] {
	height: 32px;
	border: 1px solid #C9C9C5;
	padding: 5px;
	float: left;
	margin-right: 0px;
}

#recent-news input[type="submit"] {
	height: 32px;
	border: 1px solid #C9C9C5;
	background: #01577F;
	color: white;
	padding: 5px;
	font-size: 10px;
}

::-moz-placeholder {
	font-family: 'overpassregular';
}

::-webkit-placeholder {
	font-family: 'overpassregular';
}

::-o-placeholder {
	font-family: 'overpassregular';
}

::placeholder {
	font-family: 'overpassregular';
}

.sidebar {
	padding-left: 30px;
}

@media only screen and (max-width: 970px) {
	.sidebar {
		padding-left: 0px;
	}

}

.img-responsive {
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.img-user {
	width: 80px;
	height:100px;
	margin-right: 10px;
}

.img-post {
	width: 200px;
	height:100px;
	margin-right: 10px;
}

.side {

	padding-bottom: 5px;
	padding-top: 10px;
	border-top: 1px solid #DCDCD3;
}

button.dropdown-toggle:hover > ul.dropdown-menu {
	display: block;
}

.sp {
	/*background: #117c71;*/
	color: black;
	border-radius: 20px;
	padding: 15px 15px 15px 5px;
	text-align: left;
	cursor: pointer;
	border-left: 5px solid #117c71;
	
}
.sp:hover {
	border-left: 5px solid #900C3F;
}

.sp:hover .dsn {
	background: #900C3F;
}
.dsn {
	transition: all .5s;
	background: #4ebeab;
	color: white;
	padding: 10px;
	border-radius: 20px;
}
.side a {
	color: #1abc9c;
	font-family: 'overpassregular';
	font-size: 14px;
	text-decoration: none;
}

.side a:hover {
	color: gray;
}

#latest-news .col-md-12 {
		margin-bottom: 20px;
}

#up-key {
	background: #1c9edc -webkit-linear-gradient(310deg, #1c9edc 0%, #1c9edc 10%, #1b96d1 10%, #1b96d1 20%, #198bc2 19%, #198ec6 21%, #198ec6 20%, #198ec6 30%, #1783b7 29%, #1886bb 31%, #1886bb 30%, #1886bb 40%, #167bac 39%, #177eb0 41%, #177eb0 40%, #177eb0 50%, #1573a1 49%, #1576a5 51%, #1576a5 50%, #1576a5 60%, #136b96 59%, #146e9a 61%, #146e9a 60%, #146e9a 70%, #12638b 69%, #12668f 71%, #12668f 70%, #12668f 80%, #105b80 79%, #115f84 81%, #115f84 80%, #115f84 90%, #0f5475 89%, #105779 91%, #105779 90%, #105779 100%);
	width: 40px;
	height: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-os-border-radius: 40px;
	border-radius: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 15px;
	float: right;
	font-family: 'lobster_1.3regular';
	color: white;
	cursor: pointer;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-os-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

/*######################################## menu item sections ################################*/

.breadcrumb li a {
	color: #1abc9c;
}




.arrow {
	float: left;
	width: 0;
	height: 0;
}

.left {
	border-left: 20px solid #A4A7A9;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
}


form label,input {
	font-family: 'overpassregular';
}

.btn-primary {
	border: 1px solid #1cA085;
	background: #4cdcb7 -webkit-linear-gradient(310deg, #4cdcb7 0%, #4cdcb7 10%, #49d1ae 10%, #49d1ae 20%, #43c1a1 19%, #45c6a5 21%, #45c6a5 20%, #45c6a5 30%, #3fb698 29%, #41bb9b 31%, #41bb9b 30%, #41bb9b 40%, #3cac8f 39%, #3db092 41%, #3db092 40%, #3db092 50%, #38a185 49%, #39a589 51%, #39a589 50%, #39a589 60%, #34967c 59%, #359a80 61%, #359a80 60%, #359a80 70%, #308b73 69%, #328f77 71%, #328f77 70%, #328f77 80%, #2c806a 79%, #2e846e 81%, #2e846e 80%, #2e846e 90%, #287561 89%, #2a7965 91%, #2a7965 90%, #2a7965 100%);
}

.btn-primary:hover {
	border: 1px solid #c4605f;
	background: #c4605f -webkit-linear-gradient(310deg, #c4605f 0%, #c4605f 10%, #ba5b5a 10%, #ba5b5a 20%, #ad5554 19%, #b15756 21%, #b15756 20%, #b15756 30%, #a3504f 29%, #a75251 31%, #a75251 30%, #a75251 40%, #994b4a 39%, #9d4d4c 41%, #9d4d4c 40%, #9d4d4c 50%, #8f4645 49%, #934847 51%, #934847 50%, #934847 60%, #854141 59%, #894343 61%, #894343 60%, #894343 70%, #7c3d3c 69%, #803f3e 71%, #803f3e 70%, #803f3e 80%, #723837 79%, #763a39 81%, #763a39 80%, #763a39 90%, #683332 89%, #6c3534 91%, #6c3534 90%, #6c3534 100%);
}

/*##################### Gallery ####################################*/

.gallery_area{
  float: left;
  display: inline;
  width: 100%;
}
.gallery_area a {  
  display: inline-block;
  height: 200px;
  margin: 0 9px 18px;
  width: 23%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;  
}
.gallery_area a>img{
  width: 100%;
  height: 100%;  
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.gallery_area a:hover .gallery_img{
  transform: scale(2.2);
}
.view_btn {
  display: none;
  left: -100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;  
}
.gallery_area a:hover .view_btn{
  display: block;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  height: 100%;
  left:0;
  padding-top: 34%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.tos-caption-0{ 
  font-family: 'Varela', sans-serif;
  font-size: 22px;
}

.contact-information {
	padding-top: 20px;
	padding-right: 10px;
	line-height: 15px;
	text-align: right;
}

.contact-information p {
	color: #16a085;
	font-family: 'overpassregular';
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}

.helpe {
	margin-bottom: 20px;
}

#about-para {
	margin-top: 20px;
	line-height: 23px;
	text-align: justify;
}

#form-image {
	width: 100px;
	height: 100px;
}

/*###################### modal Design ####################################*/

.highlight {
	color: white;
	background: #128478;
	padding: 5px 10px 5px 5px;
	border-radius: 5px;
	margin-right: 6px;
	margin-bottom: 5px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.modal-body {
	line-height: 22px;
}

#modal-message {
	line-height: 26px;
	text-align: justify;
	position: relative;
	text-transform: capitalize;
}

.modal-message-holder {
	/*position: relative;*/
}

.glyphicon-chevron-right {
	color: red;
	position: relative;
	left: 20px;
	top: 6px;
	font-size: 25px;
}
.glyphicon screenshot {
	outline: none;
}

.modal-header > .close {
	width: 25px;
	height: 25px;
	text-align: center;
	background: black;
	border: 1px solid black;
	border-radius: 25px;
	color: white;
	z-index: 999;
	opacity: 1;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,.5);
	transition: all .5s;
}

.modal-header > .close:hover {
	transform: rotate(360deg);
}

.modal-body {
	/*line-height: 22px;*/
}

#modal-message {
	text-align: justify;
	position: relative;
}

.modal-message-holder {
	/*position: relative;*/
}

#describe-student {
	position: relative;
	padding: 6px 0px 5px 0px;
}
.bottom-container .glyphicon-chevron-right {
	color: #128478;
	position: relative;
	left: -20px;
	top: 6px;
	font-size: 25px;
}
.glyphicon screenshot {
	outline: none;
}

.bottom-container .glyphicon-zoom-in {
	font-size: 18px;
}

.modal-content > .bg-primary {
	background-color: #355655 !important;
}

.school-intro > h2 > .school-sp {
	color: #16a085;
}

.school-intro img {
	margin-right: 20px;
}

.school-intro img:hover {
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
}

.messageone,.meeesgetwo,.messagethree {
	padding: 5px;
}

.messageone h2{
	padding-bottom: 10px;
	color: #16a085;
	font-size: 23px;
	border-bottom: 1px solid #16a085;
	text-transform: capitalize;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.folder {
	padding: 5px;
}

.read-more img {
	height: 100%;
	transition: all .5s;	
	width: 100%;

}

.read-more {
	height: 190px;
	overflow: hidden;
	position: relative;
	top: 20px;
}



.read-more:hover img {
	transform: scale(1.2);
}

.read-more:hover .text {	
	top: 28px;
}

.text {
	top: 220px;
	min-height: 170px;
	background: rgba(0,0,0,0.5);
	padding: 5px;
	position: absolute;
	color: #f0f0f0;
	text-align: justify;
	transition: all .5s;
	width: 100%;
}

.text p {
	font-size: 15px;
}


.folder img {
	
}

.glyphicon-zoom-in {
	position: relative;
	top: 10px;
}

.footer {
	padding-top: 50px;
	background: #355655;
}

.main-footer {
	height: 250px;
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.copy {
	color: white;
	font-size: 15px;
}

.left-footer {
	border-right: 1px solid #f0f0f0;
}
.right-footer {

}

.left-footer h2,.right-footer h2 {
	color: white;
	font-size: 22px;
}

.left-footer ul,#latest-news ul {
	list-style: none;
}

.left-footer ul li,#latest-news ul li {
	margin-bottom: 8px;
}

.left-footer ul li a,#latest-news ul li a {
	color: white;
}

.footer span,#latest-news span {
	padding: 0;
	margin: 0;
	position: relative;
	left: 0px;
	color: white;
}

#latest-news ul {
	list-style: none;
	padding-left: 10px;
}

#latest-news span {
	color: black;
}

#calender span {
	color: white;
}

#latest-news ul li a {
	color: black;
}

.social img {
	width: 35px;
	height: 35px;
}

.messages img {
	width: 200px;
	height: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#animate {
	position: absolute;
	top: 250px;
	left: 500px;
	display: none;
	z-index: 999;
}

.glyphicon-zoom-in {
	color: #355655;
}

.logo-section {
	padding-bottom: 30px;
	border-bottom: 5px solid #355655;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

select#error {
	border: 1px solid red;
	color: red;
}

.bg-primary {
	background: #355655;
}

.bg-info {
	background: white;
}

a {
	color: red;
}

/*################################## IMAGE UPLOAD STYLES ###############################*/
.img-upload-section {
	position: relative;
}

.image-loader {
	position: absolute;
	z-index: 909999;
	top: 10px;
	left: 70px;
}

.image-loader img {
	width: 65px;
	height: 65px;
}

.image-container {
  	overflow: hidden;
  	width: 170px;
  	height: 185px;     
  	border: 5px solid #355655;
  	position: relative;
}

.image-holder {
	width: 170px;
  	height: 185px;
}

#img-remover {
  	cursor: pointer;
  	margin-top: 5px;
}

.image-container:hover .text-holder {
  	left: 0px;
}

.image-container:hover img {
  	transform: scale(1.3);
}

.image-holder img {
  	width: 100%;
  	height: 100%;
  	transition: all 1s;
}

.text-holder {
  	position: absolute;
  	width: 170px;
  	height: 185px;
  	background: rgba(0,0,0,0.5);
  	z-index: 99999;
  	top:0px;
  	left:170px;
  	line-height: 185px;
  	text-align: center;
  	transition: all .3s;
}

#img-name {
  	font-size: 14px;
  	color: white;
}

input[type="file"] {
	display: none;
}

#uploader {
	color: white;
	border-radius: 3px;
	display: block;
	width: 170px;
	border: 2px solid #355655;
	height: 185px; 
	text-align: center;
	line-height: 185px;
}

#uploader #up_img {
	background: #355655;
	padding: 8px;
	border-radius: 5px;
}

.file {
	width: 170px;
	height: 105px;
}

/*########## End of file uploader design ###############*/

h2.form {
	padding-bottom: 15px;
	border-bottom: 3px solid gray;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-bottom: 25px;
}

#show-time {
	position: relative;
	top: 3px;
	
}

#show-time span {
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

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

input[type="radio"]:focus {
	outline: none;
}

#bday #b {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0px;
}



.profile_link {
	outline:none;
}

.student-profile {
	background: #117c71;
	height: 100px;
	line-height: 100px;
	border-radius: 5px;
	transition: all .5s;
}

.student-profile:hover {
	background: #900C3F;
	color: #117c71;
}

.sidebar-header {
	color: white;
	background: black;
	text-align: center;
	font-size: 18px;
}

.sidebar-header  span {
	color: white;
	padding: 8px 15px;
	background: #117c71;	
	text-align: center;
	text-transform: uppercase;
}

.student-profile:hover h2{
	color: white;
}

.student-profile h2 {
	font-family: 'lobster_1.3regular';
	line-height: 100px;
	color: white;
	text-align: center;
	font-size: 20px;
	text-shadow: 0px 0px 5px 5px rgba(0,0,0,0,5);
}

input.state {
	display: none;
}

#check {
	display: block;
}

input#publish + label:before {
	/*background: #363434;*/
	content: "";
	border: 1px solid gray;
	display: inline-block;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	-os-border-radius:5px;
	border-radius: 25px;
	font-size: 100px;
	text-indent: 0px;
	font-weight: bold;
	height: 200px;
	width: 200px;
	line-height: 200px;
	margin: 30px 6px 0 200px;
	text-align: center;
	vertical-align: middle;
	color: white;
}


input#publish + label:before {
	margin-top: 7px;
}

input#publish:checked + label:before {
	content: "\2713";
	background:#2FB78F;
	border: none;
}

input.trigger {
	display: none;
}

input.trigger + label:before {
	/*background: #363434;*/
	content: "";
	border: 1px solid gray;
	display: inline-block;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	-os-border-radius:5px;
	border-radius: 25px;
	font-size: 20px;
	text-indent: 0px;
	font-weight: bold;
	height: 30px;
	width: 30px;
	line-height: 30px;
	margin: 30px 6px 0 10px;
	text-align: center;
	vertical-align: middle;
	color: white;
}


input.trigger + label:before {
	margin-top: 7px;
}

input.trigger:checked + label:before {
	content: "\2713";
	background:#2FB78F;
	border: none;
}

input.state {
	display: none;
}

input.state + label:before {
	/*background: #363434;*/
	content: "";
	border: 1px solid gray;
	display: inline-block;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;
	-os-border-radius:5px;
	border-radius: 25px;
	font-size: 20px;
	text-indent: 0px;
	font-weight: bold;
	height: 30px;
	width: 30px;
	line-height: 30px;
	margin: 30px 6px 0 20px;
	text-align: center;
	vertical-align: middle;
	color: white;
}


input.state + label:before {
	margin-top: 7px;
}

input.state:checked + label:before {
	content: "\2713";
	background:#2FB78F;
	border: none;
}

.dropdown-menu {padding: 0px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}