@charset "utf-8";
/* CSS Document */

.homebg{
	background:#787a77 url(../images/homepage.jpg) top center no-repeat;
	width: 100%;
	height: 850px;
	margin-bottom: 50px;
}

.subbg{
	background:#787a77 url(../images/subpage.jpg) top center no-repeat;
	width: 100%;
	min-height: 300px;
	margin-bottom: 50px;
}

/*-----------------------------------------------------------Nav*/

.social{
	margin-right: 20px;
	float:right;
}
.menu{
	margin-top: 80px;
}

.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-nav > li > a {
  color: #ffffff;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: #228848;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: #228848;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  color: #228848;
  background-color: #000000;
}
.navbar-toggle {
  border-color: #000000;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #000000;
}
.navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-collapse,
.navbar-form {
  border-color: #ffffff;
}
.navbar-link {
  color: #ffffff;
}
.navbar-link:hover {
  color: #228848;
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.navbar-toggle{
	margin-top: 80px;
	margin-right:20px;
}

.line{
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin-top: 113px;
}

/*-----------------------------------------------------------home header*/

.homebox{
	margin-top: 150px;
	padding: 50px;
	background-color: #228848;
	border: thin solid #fff;
}

.homebox h1{
	color: #fff;
	font-size: 30px;
	line-height: 150%;
}
/*-----------------------------------------------------------home boxes*/

.box1{
	width: 100%;
	background: #228848;
	padding: 10px 30px 30px;
	margin-bottom: 30px;
}

.box2{
	width: 100%;
	background: #2922C4 url(../images/office.jpg) top center no-repeat;
	padding: 10px 30px 30px;
	margin-bottom: 30px;
}

.box3{
	width: 100%;
	background: #DF7207 url(../images/handshake.jpg) top center no-repeat;
	padding: 10px 30px 30px;
	margin-bottom: 30px;
}

.box4{
	width: 100%;
	background: #be1e2d;
	padding: 10px 30px 30px;
	margin-bottom: 30px;
}

.box h2, .box h3{
	color: #fff;
}
/*----------------------------------------------Outline button white */

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

 
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
    background: #D1CECE;
}
 
.btn-white:active, .btn-white.active {
    background: #ffffff;
    box-shadow: none;
}

.btn.outline {
	background: none;
	padding: 12px 22px;
}

.btn-white.outline {
	border: 2px solid #ffffff;
	color: #ffffff;
}

.btn-white.outline:hover, .btn-white.outline:focus, .btn-white.outline:active, .btn-white.outline.active, .open > .dropdown-toggle.btn-white {
	color: #D1CECE;
	border-color: #D1CECE;
}
.btn-white.outline:active, .btn-white.outline.active {
	border-color: #ffffff;
	color: #ffffff;
	box-shadow: none;
}

/*-----------------------------------------------------Spotlight */
.spotlight h2{
	color: #be1e2d;
}
.spotlight h3{
	color: #228848;
}
.spotlight h4{
	color: #f7941d;
}

.spotlight{
	text-align: center;
	margin-bottom: 30px;
}

/*-------------------------------------------------------foot*/

.purple{
	background-color: #6f1a55;
	width: 100%;
	padding: 50px;
	text-align: center;
	margin: 50px 0 20px 0;
}

.purple h3{
	color: #fff;
	margin-bottom: 20px;
}

.footer{
	width: 100%;
	padding: 50px;
	background-color: #414042;
}

.footer p{
	color: #fff;
}

.footer .row{
	margin-bottom: 30px;
}

.footer a:link, .footer a:visited{
	color: #fff;
	text-decoration: none;
}

.footer a:hover{
	color: #E4E3E3;
}


/*------------------------------------------------------------Calendar*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------------Content*/

.content h1{
	margin-bottom: 20px;
	color: #228848;
}

.content h2{
	color: #DF7207;
}

.content h3{
	color: #1b75bc;
}

.content .row{
	margin-bottom: 30px;
}

.partners{
	background-color:#f1f2f2;
	width: 100%;
	padding: 50px;
}

.partners img{
	margin-bottom: 20px;
}

.box h2, .box h3, .box p{
	color: #fff;
}

.box3 a{
	margin-bottom: 15px;
}

.box2 a{
	margin-bottom: 5px;
}

.board h1, .board h3{
	text-align: center;
	margin-bottom: 0;
}

.member{
	margin-bottom: 20px;
}

/* -------------------------------------------------------------------------------------------------------TO TOP BUTTON */

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #228848 url("../images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}