/*********************************
************* NAV ****************
*********************************/

* {
	-webkit-font-smoothing: antialiased;
}

mark {background: #f4f1af;}

footer {background: #2e2e2e; color:white; padding: 20px 0;}
footer p {margin: 0;}
body {padding-bottom: 0;}

h1, h2, h3, h4, .openSans {font-family: 'Open Sans', sans-serif; letter-spacing: -1px;}
h2 {font-size: 3em;}


.capabilities-text {
    width: 50%;
    padding: 0 50px;
/*     color: white; */
    font-size: 1.1em;
}

.gradient {
    background: #723899;
    background: -moz-linear-gradient(45deg,  #723899 0%, #02a3e2 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#723899), color-stop(100%,#02a3e2));
    background: -webkit-linear-gradient(45deg,  #723899 0%,#02a3e2 100%);
    background: -o-linear-gradient(45deg,  #723899 0%,#02a3e2 100%);
    background: -ms-linear-gradient(45deg,  #723899 0%,#02a3e2 100%);
    background: linear-gradient(45deg,  #723899 0%,#02a3e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#723899', endColorstr='#02a3e2',GradientType=1 );
}

.flex-vert {
    
}

.capabilities-image {
    width: 50%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.flex {
    display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column /* works with row or column */
   flex-direction: column;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
    }

.capable-form h4, .capable-form p { margin: 0; padding: 0; }
.capable-form { position: fixed; top: 20%; right: -300px; width: 300px;
    background: black; z-index: 999999;
    color: white;
    list-style: none;
-webkit-transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
   -moz-transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
     -o-transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
        transition: all 300ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); 
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */   
}

.capable-form:hover {
    -moz-transform: translateX(-300px);
-webkit-transform: translateX(-300px);
-o-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
}

.capable-form-inside {position: relative;padding: 20px;
}
.capable-form-inside:before {
/*     font-family: "FontAwesome"; */
    content: 'More Info';/* \f0e0  */
    left: -77px;
    background-color: black;
    z-index: 9999;
    top:30px;
    position: absolute;
    font-size: 1em;
    line-height: 100%;
    padding: 15px;
    cursor: pointer;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    
}

.pad-this-big {padding: 100px 0;}
.pad-this-sm {padding: 40px 0;}

.negativeBox {background: #3e3e3e; color: white;}

.check-opac {
    opacity: .25;
    -webkit-opacity: .25;
    -moz-opacity: .25;
}


.cert-list {
    margin: 20px auto;
    padding: 0;
    display: table;
}

.cert-list li {
    height: 80px;
    width: 80px;
    border-radius: 400px;
    -webkit-border-radius: 400px;
    list-style: none;
    display: inline-block;
    overflow: hidden;
    margin: 0 10px;
}

.leadership {margin:0 auto; padding: 0; display: table;}

.leadership li {
    width: 128px;
    display: table-cell;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    list-style: none;
    float: left;
    }


.leadership li figure {
    height: 128px;
    overflow-y: hidden;
    border-radius: 999px;
    width: 100%;
}

.leadership h4 {font-size: 1em;margin-bottom: 0px;}
.leadership p {font-size: .8em; margin-top: 0px;}


.capabilities {margin:0 auto; padding: 0; display: table;}

.capabilities li {
    width: 150px;
    display: table-cell;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    list-style: none;
    float: left;
    }


.capabilities li figure {
    height: 150px;
    overflow-y: hidden;
    border-radius: 999px;
    width: 100%;
}











.about {margin:0 auto; padding: 0; max-width: 900px;}

.about li {
    vertical-align: middle;
    text-align: center;
    margin-right:.5%;
    margin-left:.5%;
    margin-bottom: 10px;
    margin-top: 0px;
    list-style: none;
    float: left;
    width: 48%;
    background: #5e5e5e;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    padding: 20px 0;
    }

.about li:last-child {
}

.about li p {
    padding: 30px 0;
    margin: 0;
    line-height: 0;
}


footer ul {padding: 0;}
footer ul li {
    list-style: none;
    margin: 0;
    font-size: .8em;
    padding-bottom: 5px;
}

footer ul li a, footer ul li a:hover, footer ul li a:visited {
    color: #ffffff;
}



img {width: 100%;}

#nav-main li {
	display: inline;
	list-style: none;
	padding: 10px;
}

button.mobile-nav-icon {
	border-radius: 300px !important;
	background-color: black;
	padding: 13px 11px;
	background: gray;
}

button.mobile-nav-icon .icon-bar {
	width: 15px;
	background-color: white !important;
}

button.mobile-nav-icon .icon-bar + .icon-bar {
	margin-top: 2px;
}

.navbar-default {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 0;
}

#top {
    position: fixed;
    right: 0; left: 0; top: 0; 
    /* your height */
    height: 50px;
    /* .... */
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    z-index: 9999;
}
#top.scrolled {
    /* subtract your height */
    -webkit-transform: translate3d(0,-60px,0);
    -moz-transform: translate3d(0,-60px,0);
    transform: translate3d(0,-60px,0);
}





@media (max-width: 768px) {
    
    .mobile-center {
        text-align: center;
    }

}