#brand-logo {
	width: 150px;
}

.btn-icon-right.btn-lg {
  padding-left: 24px;
  padding-right: 2em;
}

li.active a>i.fa :hover{
	color: white;
}

.box-super-tiny {
  width: 16px;
}
.box-super-tiny i {
  font-size: 7px;
}

li.milestones {
	font-size: 1em;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	border-radius: 1em;
	margin: 0 4.5em;
	display: inline-block;
	color: white;
	position: relative;
}

li.milestones::before{
  content: '';
  position: absolute;
  top: .9em;
  left: -10em;
  width: 10em;
  height: .2em;
  background: #334E5F;
  z-index: -1;
}


li.milestones:first-child::before {
  display: none;
}

/*
.active {
  background: #32B68E;
}

.active ~ li.milestones {
  background: #344E5E;
}

.active ~ li.milestones::before {
  background: #344E5E;
}
*/

li.milestones h3 {
	margin-left: -0.55em;
	padding-top: 0.75em;
}

li.milestones p {
	margin-left: -4em;
}

img.circle {
	width:150px !important;
	height:150px !important;
}

.nav-tabs > li.active > a:focus > i.fa {
	color: white;
}

.nav-tabs > li.active > a:hover > i.fa {
	color: white;
}

.nav-tabs > li > a:hover > i.fa {
	color: white;
}


img.feature-image {
	margin: 0 auto;
	vertical-align: top;
	padding-bottom: 1em;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    border:none;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */

}

.nav-tabs, .nav-pills {
    text-align:center;
    border:none;
}
button.projects-button.btn.btn-primary.btn-lg.btn-icon-right {
	background-color: #334E5F;
}

button.projects-button.btn.btn-primary.btn-lg.btn-icon-right:hover {
	background-color: #1F303B;
}

footer > section a {
	color: white;
}
footer > section a:hover {
	color: #334E5F;
}

button#government-modal-trigger {
	background-color:#F95A5B;
}

button#government-modal-trigger:hover {
	background-color:#C34646;
}

button#ngo-modal-trigger {
	background-color:#3696BF;
}

button#ngo-modal-trigger:hover {
	background-color:#256B89;
}

button#learning-centres-modal-trigger {
	background-color:#28B78D;
}

button#learning-centres-modal-trigger:hover {
	background-color:#1D8768;
}

#floating-button {
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 2000;
}

#floating-button > ul {
	width: 2em;
	list-style: none;
	padding:0;
	text-align: center;
	background-color: #000;
}

#floating-button > ul > li {
	width:2em;
	height: 100%;
	color:#fff;
	vertical-align: middle;
	font-size: 1.35em;
	margin: 0;
	padding:0;
	display: inline-block;
}

#floating-button > ul > li > a {
	width:100%;
	height: 100%;
	color:#fff;
	vertical-align: middle;
	text-align: center;
	padding:0.3em;
	float:left;
	clear: right;
}

#floating-button > ul > li.fb > a {
	background-color: #3D5B96 !important;
}
#floating-button > ul > li.tw > a {
	background-color: #58ACEC !important;
}
#floating-button > ul > li.yt > a {
	background-color: #C4302C !important;
}
#floating-button > ul > li.wa > a {
	background-color: #29B200 !important;
}

#floating-button > ul > li.fb > a:hover {
	background-color: #2F4775 !important;
}
#floating-button > ul li.tw > a:hover {
	background-color: #3C76A2 !important;
}
#floating-button > ul li.yt > a:hover {
	background-color: #902220 !important;
}
#floating-button > ul li.wa > a:hover {
	background-color: #197100 !important;
}

/***** MODAL PROPERTIES *****/
 #video-modal > .modal-dialog > .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
#video-modal > .modal-dialog > .modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}
#video-modal > .modal-dialog > .modal.content > .modal-body > .close {
    font-size: 80px;
    margin:-20px 0 0 0;
}
/***** MEDIA QUERIES *****/
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    #video-modal > .modal-dialog > .modal.content > .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    #video-modal  > .modal-dialog > .modal-content {
        padding:0;
        margin: 0;
    }
    #video-modal > .modal-dialog {
        position: relative;
        width: auto;
        margin: 15px;
    }
    #video-modal > .modal-dialog > .modal.content > .modal-body > .close {
        margin:-12px 0 0 0;
    }
}
@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
    #video-modal > .modal-dialog > .modal.content > .modal-body > .close {
        font-size: 80px;
        margin:30px -43px -20px 100px;
    }
}

/*Center Carousel Images*/
div.c-wrapper{
    width: 80%; /* for example */
    margin: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
width: auto; /* use this, or not */
max-height: 400px !important;
margin: auto;
}

#about div.description > p.lead {
    font-size: 1.5em;
}

#about .box.box-round.box-small.right-column {
    float: left;
    margin-right: 1em;
    margin-top: -0.75em;
}

#about .box.box-round.box-small.left-column {
    float: right;
    margin-left: 1em;
    margin-top: -0.75em;
}

/* Custom styles for Romanov.Flash Messages */
[data-notify="progressbar"] { margin-bottom: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5px; }
/* Custom styles for Romanov.Flash Messages */



/* Custom Media Queries */

/*iPad 1 / 2 / Mini*/
@media (max-width: 1024px) {
    #about .box-small {
        width: 40px;
    }
    #about .box-small i {
        font-size: 18px;
    }
    #about div.description > p.lead {
        font-size: 1em;
    }
}

/* Custom Media Queries */