/*It's Brian Johnson's CSS!*/

p {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif !important;
	color: #555555;
}

li {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif !important;
	color: #555555;
}

.banner {
	height: 100%;
	background: repeat center right fixed url(../img/airplane.jpg);

}

.splash {
	position: relative;
	text-align: center;
	z-index: 4;
}

.splash h1 {
	margin-top: 25%;
	text-align: center;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700;
	font-size: 63px;
	display: inline-block;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.splash h3 {
	text-align: center;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 200;
	font-size: 28px;
	color: #FFFFFF;
}

.overlay {
	background-color: #075c97;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.50;
    filter: alpha(opacity=75);
    z-index: 1;
}

.scrollchev {
	color: #FFFFFF;
	text-align: center;
	z-index: 4;
	position: absolute;
    bottom: 10px;
    margin-left: 47%;
}

.title {
	font-size: 54px;
    text-align: center;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    margin-top: 10px;
    color: #075c97;
}

.subtitle {
	font-size: 28px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    margin-top: 10px;
    color: #075c97;
}

.details-p {
	margin-bottom: 10px;
}

.tag {
	text-align: center;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	color: #555555;
}

.section {
	padding: 40px 0;
	position: relative;
}

.section:nth-of-type(even) {
	background-color: #f7f7f7;
	
}

.footer {
	background: #253946;
	color: #FFFFFF;
}

.footer-title {
	font-size: 54px;
    text-align: center;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    margin-top: 10px;
    color: #FFFFFF;
}

.footer p {
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
}

.circular {
	width: 250px;
	height: 250px;
	border-radius: 125px;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	background: url(../img/brian.jpg) no-repeat;
	border: 7.5px solid #555555;
	margin: auto;
}

.skill-list {
	list-style: none;
}

.skill-list li {
	color: #555555;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
}

.skill-list li:hover {
	background-color: #f7f7f7;
}

.skill-list li:hover .star-fill {
	margin-left: 2px;
}

.skill-list li:hover .star-nofill {
	margin-left: 2px;
}



.skill-grade {
	float: right;
}

.star-fill {
	color: #075c97;
}

.star-nofill {
	color: #DFE0E0;
}

.career-company {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700;
}

.career-company-sub {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700;
}

.career-title {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700;
}

.career-location {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif !important;
	color: #075c97;
}

.career-divider {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif !important;
	color: #075c97;
}

.career-link {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif !important;
	color: #075c97;
}

.carrer-item {
	margin-bottom: 40px !important;
}

.reverse {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.contact-item {
	color: #FFFFFF;
	margin-left: 10px;
	list-style: none;
	text-align: center;
}

.contact-item-icon {
	color: #FFFFFF;
}

.contact-item-text a {
	color: #FFFFFF;
	margin-left: 10px;
	margin-bottom: 5px;
}