/*
	AUTHOR : MESH99.COM
	DATE CREATED : 25-12-2015
*/

body {
	padding: 0px;
	margin:0px;
	font-family: 'Droid Sans', sans-serif;
	font-style: normal;
	font-weight: normal;
	min-width: 250px;
}

h1, h2 {
	font-weight: bold;
}

label {
	color: #5c5c5c;
}

input, textarea {
	width: 100%;
	padding: 8px;
	background: #fefefe;
	border: 1px solid #dedede;
	border-radius: 2px;
	margin-bottom: 10px;
}

section {
	padding: 45px 0px;
	padding-bottom: 55px;
}

footer {
	background-color: black;
	color: white;
	padding:20px;
	border-bottom:8px solid #37BC08;
}

footer ul {
	padding:0px;
	padding-right: 5px;
}

footer ul li {
	padding-top:7px;
}

footer ul li a {
	color: white;
}

.fbClr {
	background-color: #3B5998;
}

.twitClr {
	background-color: #1DA1F2;
}

.linkClr {
	background-color: #2670AC;
}

.socialOps li a {
	color: white;
	padding: 13px 17px;
	display: block;
	border-radius: 2px;
}

.socialOps li {
	display: inline-block;
	margin:0px 0px;
	border-radius: 2px;
}

.subHeader {
	background-color: #002B46;
	height: 23px;
	color: white;
	font-weight: bold
}

.subHeader ul li {
	display: inline-block;
	margin: 0px 5px;
}

.navbarCustom {
	border-bottom: 1px solid #eee;
	border-radius: 0px;
	background: white;
	margin-bottom: 0px;
}

.logo {
	height: 100%;
	width: auto;
}

.headings {
	text-align: center;
	padding-bottom: 30px;
}

.candidateMenu {
	text-align: center;
}

.candidateMenu img {
	margin-bottom: 30px;
}

.candidateMenu h4 {
	color: black;
	font-weight: bold;
}

#bgHeading {
	background:#eee;
	text-align: center;
	color: white;
}

#bgHeading h1 {
	padding: 10px 0px;
}

#mainSlider {
	padding:0px;
}

#schools {
	background-color: #002B46;
}

#schools h1 {
	color: white;
}

#schools p {
	font-size: 18px;
}

.slidericon {
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

.subsliderLeft {
	color: #4F4F4F;
	left: -14%;
}

.subsliderRight {
	color: #4F4F4F;
	right: -14%;
}

#subSlider p {
	font-size: 18px;
}

.flip-container {
    perspective: 1000px;
    -webkit-perspective: 1000px; /* Chrome, Safari, Opera */
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	-webkit-perspective: 1000px; /* Chrome, Safari, Opera */
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 298px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

.front img {
	width: 100%;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	padding:20px;
	background-color:white;
}

/*BOOTSTRAP EDITING*/
.navbar-brand {
	height: 100px;
}

.navbar-nav {
	margin: 39px 0px;
	font-size: 1.2em;
	font-weight: 400;
}

.navbar-default .navbar-nav > li > a {
	color: #002B46;
	border-right: 1px solid #eee;
	padding: 1px 15px;
}



/*developer 2 area*/
.copyright{
	padding-top: 10px;
	font-size:12px;
	text-align: center;
}

.mobileMenu {
	width: 210px;
	background-color: #333333;
	position: fixed;
	z-index: 1000000;
	top: 0px;
	right: -210px;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
}

.mobileMenu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.mobileMenu ul li {
	display:list-item;
}

.mobileMenu ul li a {
	padding: 15px 20px;
	display: block;
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid #272727;
}

.mobileMenu ul li a:hover {
	background-color: #30B641;

}

.mobileMenu ul li ul li a {
	padding: 6px 10px;
	display: block;
	color: #000;
	text-decoration: none;
}

.menumobilebtn {
	background-image: url('../images/menuicon.jpg');
	width: 107px;
height: 41px;
border: none;
top: 19px;
}

.card {
	height:305px;
	margin:12px 0px;
}

@media (max-width: 790px) {
 	.navbarCustom {
 		border-bottom:4px solid #30B641; 
 	}
 	#schools p {
    		font-size: 15px;
	}
}

@media (max-width: 767px) {
 	.menumobilebtn {
    		right: -262px;
	}
	
	
}

@media (max-width: 481px) {
 	.navbar-brand {
 		margin-top:-57px;
 	}
 	
}

@media (max-width: 379px) {
 	.menumobilebtn {
    		right: 0px;
	}
	.navbar-brand {
 		margin-top:0px;
 	}
 	
 	.col-lt-12 {
 		width:100%;
 	}
}