/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
font-family: 'Arvo';
font-style: normal;
font-weight: 400;
src: local('Arvo'), url(http://fonts.gstatic.com/s/arvo/v9/J0GYVYTizO1mjpT3aOcSbQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	position: relative;
	height: 100%; 
    width: 100%;
}

.logo-image {
    height: 25vh;
}

.navbar {
    margin-bottom: 0;
    background-color: #ffffff;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 3 !important;
    height: 30vh;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
    text-align: center;
    border-bottom: 1px solid;
}

.mynavbar {
    margin-top: -3vh;
}

.navbar li a, .navbar .navbar-brand {
  color: #fff;
}
.navbar-nav li a:hover, .navbar-nav .active a {
    background-color: #fff !important;
    padding-bottom: 1px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

@media (min-width: 768px) {
    .navbar-centered .navbar-nav {
        float: none;
        text-align: center;
    }
    .navbar-centered .navbar-nav > li {
        float: none;
    }
    .navbar-centered .nav > li {
        display: inline;
    }
    .navbar-centered .nav > li > a {
        display: inline-block;
    }


}

@media (max-width: 767px) {

    .navbar-fixed-top {
    position: relative;
    top: auto;
    }

    .office-light {
    background-image: url('IMG_1271.jpg');
    color: #ffffff;
    margin-top: 0px !important;
    }
}

.jumbotron { 
    background-size: cover;
    background-position: center;
    height: 50vh;
    border-bottom: 1px solid;
}

.office-light {
    background-image: url('IMG_1271.jpg');
    color: #ffffff;
    margin-top: 30vh;
    margin-bottom: -.3vh;
}

.nuts-bolts {
    background-image: url('pen.jpg');
    color: #ffffff;
    text-align: center;
}
				
.span12 {text-align: center}

#counselors {
    color: #fff; 
    padding-top:10px; 
    padding-bottom: 50px; 
    overflow: auto; 
    margin-top: 40px; 
    border-top: 1px solid #797979; 
    border-bottom: 1px solid #797979; 
    background-color: #f9f8f7;
}
		
#meet {
	color: #fff; 
	padding-top:10px; 
	padding-bottom: 50px; 
	overflow: auto; 
	border-bottom: 1px solid #797979; 
	background-color: #f9f8f7;
}

#contact {
	color: #fff; 
	height: auto; 
	width: 100%; 
    text-align: center;
	background-color: #fff;
}

#fees {
	color: #fff; 
	padding-top:10px; 
	margin-top: 40px; 
	border-top: 1px solid #797979; 
	background-color: #f9f8f7;
    padding-bottom:75px;
}

#careers {
    border-top: 1px solid #797979; 
    height: auto; 
    width: 100%; 
    background-color: #fff;
    padding:20px;
}

#trainings {
    color: #fff; 
    border-top: 1px solid #797979; 
    margin-top: 40px;
    height: auto; 
    min-height: 300px;
    width: 100%; 
    background-color: #f9f8f7;
}

.mycontainer {
 max-width: 900px;
 margin-left: auto;
 margin-right: auto;
}

.image { 
position: relative; 
background-color: #fff;
width: 100%; /* for IE 6 */
min-width: 178.59px;
max-width: 400px;
}

h1 { 
color: #abaaaa; 
font-family:Lato;
font-size: 18px;
letter-spacing: -1px;  
padding: 0px; 
text-align: center;
}
		
h2 { 
color: #432F21; 
font-family:Lato;
font-size: 20px;
padding: 5px; 
}

h3 {
color: #432F21; 
font-family:Lato;
font-size: 40px;
letter-spacing: -1px;  
padding: 0px; 
text-align: center;		
}

h4 { 
color: #432F21; 
font-family:Segoe UI;
font-size: 24px;
letter-spacing: -1px;  
padding: 0px; 
}


h5 { 
color: #797979; 
font-family:Segoe UI;
font-size: 18px;
letter-spacing: -1px;  
padding: 0px; 
}
		
		
		
#signature {
color: #432F21; 
font-family: 'La Belle Aurore', cursive;		
font-size: 40px;
padding: 5px; 
text-align: right;	
}





#supervisor { 
color: #ffffff;
font-family: 'La Belle Aurore', cursive;        
font-size: 25px;
position: absolute;
left:0px;
bottom:0px;
}

h6 { 
color: #ffffff;
font-family: 'La Belle Aurore', cursive;		
font-size: 25px;
position: absolute; 
top: 0px; 
left: 0px; 
}

h6 span { 
color: white; 
font-family: 'La Belle Aurore', cursive;		
letter-spacing: -1px;  
background: rgb(0, 0, 0); /* fallback color */
background: rgba(0, 0, 0, 0.7);
}
		
/* centered columns styles */
.row-centered {
	text-align:center;
}
.col-centered {
	display:inline-block;
	float:none;
	/* reset the text-align */
	text-align:left;
	/* inline-block space fix */
	margin-right:-4px;
}

#map {
      height: 30%;
      width: 100%;
}

#contactForm {
    padding-top: 10px;
    padding-bottom: 50px;
    overflow: auto;
    border-bottom: 1px solid #797979;
    background-color: #f9f8f7;
}

#exampleFormControlInput1, 
#exampleFormControlInput2,
#exampleFormControlInput3,
#exampleFormControlInput5,
#exampleFormControlInput6 {
    margin: 7px;
    border-top-color: #fff;
    border-left-style: none;
    border-bottom: 1px solid;
    border-right-style: none;
    border-radius: 0px;
}

,
#exampleFormControlInput4 {
    margin: 7px;
    border-radius: 0px;
}

#send {
    background-color: #d5d5d5;
    color: #fff;
}

.formLabel {
    margin: 7px;
}

.myFormContainer {
 margin-bottom:50px;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
}

.dayPicker {
    text-align: right;
    clear: both;
    float:left;
    margin-right:15px;
}


.error {
    color: #FF0000;
}