html {background: #000000 url('../images/site-bg.jpg') no-repeat; background-size:cover;}
body {background: transparent; font-family: 'Lato', sans-serif;}
a {-webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s;}
a:hover {text-decoration: none;}


.container.outside {border-radius: 10px; max-width: 960px;}
.container.outside.medium {max-width: 960px;}

.container {}

.spacer15 {height: 15px; clear: both;}
.spacer30 {height: 30px; clear: both;}
.spacer60 {height: 60px; clear: both;}
.spacer90 {height: 90px; clear: both;}

.bg-white {background: #FFF;}
.bd-radius {border-radius: 10px;}

h1, h2, h3, h4, h5 {padding: 0 0 20px; margin: 0;}

h2 {color: #2088c0}

/*h2 {color: #FFF; text-transform: uppercase; letter-spacing: 1px; font-weight: 100; font-size: 25px;}
h2 span {display: inline-block;}
h2 div {display: inline-block; width: 58%; border-bottom: 2px solid #CCC; float: right; margin: 15px 0 0; opacity: 0.6;}*/

.separator {border-bottom: 2px solid #CCC; margin: 15px 0 0; opacity: 0.6;}

.inside {padding: 20px;}

.shadow {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.19);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.19);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.19);}

#upper-bg {height: 650px; z-index: -1; position: absolute; width: 100%; left: 0; top: 0; background: url(../images/upper-bg.jpg) center center repeat-x; background-size: auto 100%;
	-webkit-box-shadow: 0px 25px 100px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 25px 100px 0px rgba(0, 0, 0, 1);
	box-shadow:         0px 25px 100px 0px rgba(0, 0, 0, 1);
}

#header {position: relative; z-index: 9999;}

#header #progress {height: 120px; background: url(../images/progress-bg.png) no-repeat center center; background-size: contain; margin: 30px 0 10px; position: relative;}
#header #progress div {font-size: 12px; color: #FFF; text-transform: uppercase; position: absolute;}
#header #progress div strong {font-size: 15px;}
#header #progress .text-1 {left: 5px; top: 15px;}
#header #progress .text-2 {left: 5px; top: 80px;}
#header #progress .text-3 {left: 68%; top: 15px;}
#header #progress .text-4 {left: 74%; top: 80px;}
#header #progress .text-5 {right: 15px; top: 20px;}
#header #progress .text-6 {right: 15px; top: 80px;}

#progress-bar-bg {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 28%, rgba(0,0,0,0.73) 29%, rgba(0,0,0,0.73) 65%, rgba(0,0,0,0.73) 67%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 28%,rgba(0,0,0,0.73) 29%,rgba(0,0,0,0.73) 65%,rgba(0,0,0,0.73) 67%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 28%,rgba(0,0,0,0.73) 29%,rgba(0,0,0,0.73) 65%,rgba(0,0,0,0.73) 67%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
}


#header #menu-container .text-container { position: absolute; right: 0; top:15px; color: #efa43b; text-transform: uppercase; font-weight: 700; font-size: 25px; letter-spacing: 1px; text-shadow: 0px 0px 25px rgba(9, 48, 63, 1);;}
#header #menu-container .text-container a {color: #FFF; font-weight: 900;}


#header #menu-container .logo {width: 300px; position: absolute; z-index: 99; top:10px;}
#header #menu-container {position: relative; min-height: 170px;} 
#header #menu-container ul {padding: 0; margin: 0; background: #FFF; padding: 0 0; width: 80%; float: right; text-align: right; margin: 80px 0 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;}
#header #menu-container ul li {padding: 0; margin: 0; list-style: none; display: inline-block; height: auto; position: relative; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s;}
#header #menu-container ul li a {color: #000; font-size: 16px; text-transform: uppercase; line-height: 18px; letter-spacing: 1px; padding: 15px 25px; display: inline-block;}
#header #menu-container ul li:hover a {text-decoration: none; color: #1e7fb8}
#header #menu-container ul li a.active {background: #1e7fb8; color: #FFF;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;}
#header #menu-container ul li.active a {color: #1c75af; font-weight: bold; color: #FFF}
#header #menu-container ul li:last-child a {border-right: none;}
#header #menu-container ul .sub-menu {display: none; position: absolute; top: 100%; background: #1e7fb8; margin: 0; padding: 0; width: 250px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;}
#header #menu-container ul .sub-menu li {float: none; display: block; padding: 0; margin: 0; border: none;}
#header #menu-container ul .sub-menu li a {line-height: 40px;color: #FFF; text-align: left; padding: 0; margin: 0; border: none; padding: 0 20px; text-align: left !important; display: block; font-size: 16px;}
#header #menu-container ul .sub-menu li:hover {background: #17638c;}
#header #menu-container ul li:hover .sub-menu {display: block;}


#header #menu-container .dropdown-container {background: #FFF; padding: 50px 30px 30px; width: 100%; border-radius: 15px; clear: both; border-top-right-radius: 0; display: block; display: none;}
#header #menu-container .dropdown-container ul {padding: 0; margin: 0; width: auto;}
#header #menu-container .dropdown-container ul li {margin: 0; padding: 0; display: block; border-radius: 5px;}
#header #menu-container .dropdown-container ul li a {line-height: 28px; padding: 0 20px; margin: 0; color: #1c75af; font-size: 15px;}
#header #menu-container .dropdown-container ul li:hover a {color: #FFF; background: #1c75af; border-radius: 5px;}
#header #menu-container .dropdown-container h3 {text-transform: uppercase; font-size: 16px; color: #efa43b; padding: 0 0 10px; margin: 0;}
#header #menu-container .dropdown-container h3.dark {color: #333}
#header #menu-container .dropdown-container h3 a {color: inherit;}
#header #menu-container .dropdown-container .home-testimony {font-size: 13px; clear: both;}
#header #menu-container .dropdown-container .home-testimony img {float: left; margin: 0 10px 10px 0;}
#header #menu-container .dropdown-container .home-testimony .testimony-author {font-weight: bold;}
#header #menu-container .dropdown-container .sep {border-bottom: 1px solid #EFEFEF; margin-bottom: 7px;}
#header #menu-container .dropdown-container input[type="text"] {width: 70%; float: left;}



#slider {position: relative; margin: 20px 0;
	-webkit-box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 10px 22px 0px rgba(0, 0, 0, 1);
	box-shadow:         0px 10px 22px 0px rgba(0, 0, 0, 1);}
	#slider ul {list-style: none; padding: 0; margin: 0;}
#slider li {height: 400px; background-size: cover; background-position: center center; padding: 0; margin: 0; color: #FFF; font-size: 18px; border-radius: 10px;}

.bx-controls {position: absolute; bottom:-40px; width: 100%; text-align: center; z-index: 999}
.bx-controls .bx-pager-item {display: inline-block; margin: 0 5px;}
.bx-controls .bx-pager-item a {display: block; width: 15px; height: 15px; border: 2px solid #FFF; color: transparent; border-radius: 30px;}
.bx-controls .bx-pager-item a.active {background: #FFF;}

#web-portals {padding: 10px 0;}
#web-portals a img {border-radius: 20px; width: 12.775%; margin-right: 1.5%; 
	-webkit-transition: all .3s linear; 
	-moz-transition: all .3s linear; 
	transition: all .3s;}
#web-portals a img:hover {opacity: 0.7;}
#web-portals a:last-child img {margin-right: 0;}

#email-updates {position: relative; z-index: 0; color: #FFF; text-transform: uppercase; font-weight: 100; font-size: 15px; letter-spacing: 1px;}
#email-updates a {color: #efa43b; font-weight: 700;}

#footer {padding: 30px 0; color: #CCC;}
#footer h3 {color: #FFF; font-weight: 100; text-transform: uppercase; letter-spacing:1px; }
#footer h3 strong {color: #f1a63b;}
#footer img {width: 70%; margin: 30px auto; display: block;}

.ticker {margin: 40px 0; height: 140px;}
#client-ticker li {height: 140px;}
#client-ticker .inside {height: auto; display: block; vertical-align: middle; position: relative; line-height: normal;}
#client-ticker .inside img {max-height: 100px; width: auto; max-width: 180px; vertical-align: middle; display: inline-block; margin: 0 auto; line-height: normal;}



#map-container {padding: 50px 0 0;}
#map-container .container {position: relative;}
#map-container .logo {width: 100%; display: block; position: absolute; bottom: -72px;  width: 1140px;} 
#map-container h4 {font-size: 30px; font-weight: 100; position: absolute; left: 0; bottom: 0px; line-height: 25px; left: 250px; color: #FFF; text-transform: uppercase; letter-spacing: 1px; z-index: 99}
#map-container #map {height: 500px;}
#map-container .hub-modal {display: none;}

#map-container .hub-modal {display: none; z-index: 9999; width: 440px; padding: 15px; position: absolute; left: 0; top:0; background: #424040;
-webkit-box-shadow: 2px 2px 29px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    2px 2px 29px 0px rgba(0, 0, 0, 1);
box-shadow:         2px 2px 29px 0px rgba(0, 0, 0, 1);}
#map-container .hub-modal .line {width: 3px; height: 30px; background: #df2129; position: absolute; left: 49%; bottom: -30px;}
#map-container .hub-modal.below .line {bottom: auto; top:-30px;}
#map-container .hub-modal .close {position: absolute; right: 8px; top:6px; color: #FFF; opacity: 0.7;}
#map-container .hub-modal h3 {padding:0 0 20px; margin: 0; color: #FFF; text-transform: uppercase; letter-spacing: 1px; font-weight: 100;}
#map-container .hub-modal h3 span {font-weight: 100; color: #999; font-size: 17px;}
#map-container .hub-modal h5 {line-height: 24px; padding:0 0 5px; text-transform: uppercase; margin: 0; color: #f1a63b; font-size: 20px;}



#user-dashboard {}
#user-dashboard img {max-width: 100%;}
#user-dashboard .right-column {background: url(/images/user-dashboard-separator.jpg) no-repeat center left; min-height: 800px;}
#user-dashboard .avatar {border: 1px solid #CCC; border-radius: 5px;}
#user-dashboard .right-column .inside {padding-left: 60px;}
#user-dashboard .left-column {padding-right: 0;}

#user-dashboard .nav-tabs {border: none; margin: 50px 0; overflow: visible;}
#user-dashboard .nav-tabs > li {display: block; float: none; margin-bottom: 15px; overflow: visible;}

#user-dashboard .nav-tabs > li > a,
#user-dashboard .nav-tabs > li.active > a, 
#user-dashboard .nav-tabs > li.active > a:hover, 
#user-dashboard .nav-tabs > li.active > a:focus {border: none; padding: 0 7px; margin: 0; text-align: left; line-height: 40px;}

#user-dashboard .nav-tabs > li.active > a {background: #2088c0; color: #FFF; border-radius: 5px;}

#user-dashboard .nav-tabs > li > a i {float: right; display: block; line-height: 40px;}

#user-dashboard #giving .radio label {margin-bottom: 15px; font-size: 15px; line-height: 24px}