/* Enter Your Custom CSS Here */

@media (max-width: 767px) {
.logo-img2 {top: 20px !important;}
}

body > header > div.fs-container > div > div > ul > li:nth-child(1) > a{color:#000; font-weight:500;}
body > header > div.fs-container > div > div > ul > li:nth-child(4) > a{color:#fff; font-weight:500;}
body > header > div.fs-container > div > div > ul > li:nth-child(3) > a{color:#fff; font-weight:500;}
body > header > div.fs-container > div > div > ul > li:nth-child(2) > a{color:#fff; font-weight:500;}

@media (min-width: 575px) {
.login {
	display: none !important;
}
}

@media (min-width: 575px) {
.top-btn.mobi {
	display: none !important;
}
}

body > header > div.login > div > a:hover {
	
	text-decoration: none;
}


body > header > div:nth-child(1) > a {
	margin: 30px 10px;
	font-size: calc(12px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
}


.students-page {
	
	text-align: left;
	display: inline-block;
	width: 100%;
	
}

.students-page-links {

	top: 60px;
	
}

a.students-button {
	
	text-decoration: none !important;
	display: inline-block;
	background: #0A3E66;
	padding: 10px;
	font-size: calc(12px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));
	color: white;
	margin: 10px;
	
}



.login {background-color: #751c10; text-align: center; position: relative; margin: auto; padding-top: 10px; padding-bottom: 10px; top: 20px;}

.login-mobi {background-color: #FCC61C; font-size: 1.4rem; line-height: 140%; font-weight: 500; position: relative; max-width: 276px; margin: auto; padding: 5px;}


body > header > div.fs-container > div > div > ul > li:nth-child(3) {
	
	margin-right: 8px;
}


body > header > div.fs-container > div > div > ul > li:nth-child(2) {
	
	margin-right: 8px !important;
}

body > header > div.fs-container > div > div > ul > li:nth-child(1) > a {
	
	background-color: #fcc61c !important;
}

.address {
	margin: 30px 10px;
	font-size: calc(12px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));
}


.students-page {
	
	text-align: left;
	display: inline-block;
	width: 100%;
	
}

.students-page-links {

	top: 60px;
	
}

a.students-button {
	
	text-decoration: none !important;
	display: inline-block;
	background: #751C10;
	padding: 10px;
	font-size: calc(12px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));
	color: white;
	margin: 10px;
	
}

@media (max-width: 767px) {
.header-wrap {
    padding-top: 10px;
    padding-bottom: 20px !important;
}
}

@media (max-width: 767px) {
.top-phone {

	margin-top: 50px !important;
}
}

@media (max-width: 767px) {
.search-ico {

	margin-top: 50px !important;
}
}

.quiz-wrap {
	display: table;
    width: 100%;
    height: 100%;
}

.take-quiz {
	padding: 20px;
	display: table-cell;
  vertical-align: middle;
	background: #FFB319;
	text-align: center !important;
}
.take-quiz h2, .take-quiz h3 {
	color: #8C0D04 !important;
	font-size: 18px !important;
	background-color: #FFB319;
	padding: 2px;
}
body > div.page-wrap > section.hm-featured-boxes.bg-white.sec-space > div > div > div:nth-child(1) > div:nth-child(3) > div > div > figure > div > div > a {
	color: #8C0D04 !important;
	background: #FFB319 !important;
	border: 1px solid #8C0D04;
}

.aside-form-wrap {
  background-color: #8c0d04 !important;
}

a:hover { color: #8c0d04; }
a  { color: #8c0d04; }

.navbar-default .navbar-nav>li>a {font-weight: bold;}

.navbar-brand {
    margin-top: -10px;
}
.hm-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(140, 13, 4, 0.05) !important;
    background: linear-gradient(rgba(140, 13, 4, 0.05), rgba(140, 13, 4, 0.80)) !important;
}
.top-btn a {
    background-color: #8c0d04;
}
.intro-section {
    background-color: #808080;
}
.aid-content {
    background-color: #8c0d04;
}
.five-que-wrap {
    background-color: #8c0d04;
}
.user-block-inner {
    background-color: #8c0d04;
}
.feat-vid-title {
    background-color: #8c0d04;
}
.fw-three-col h2 {
    color: #ffc61a;
}
.prog-col-inner .media .media-body h3 {
    color: #ffc61a;
}
.home-user-blocks .row .col-md-4:nth-child(even) .user-block-inner {
    background-color: #a0a0a0;
}
.inner-page-hero {
    background-color: #a0a0a0;
  
}
.hero-content-col {
    color: #fff;
}

@media screen and (max-width:968px){

.hero-content-col h1 {
    font-size: 38px;
}
}