#TopContent {
    background-color:#333333;
}

body {
		overflow-x: hidden; /* prevents horizontal scrolling */
	}

.text-white {
    color: #FFFFFF !important;
}

/* Fallback panel colors per DCE-931 https://vafb.atlassian.net/browse/DCE-931 */
.red-panel {
    background-color: #8a2432 !important;
}

.green-panel {
    background-color: #4e800f !important;
}

.blue-panel {
    background-color: #537d88 !important;
}

.hero-div
{
    position: relative;
    background-position: center;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    height: 750px;
    width: auto;
    background-size: cover;
    /*display: flex;*/
}

#home-page-wrapper {
    margin-top: -18px;
}

#home-page-wrapper .slogan-div {

    position: relative;
    top: 260px;
    left: 0;
    background-color: rgba(51, 51, 51, .45);
    display: inline-block;
    padding: 25px 25px 25px 25px;
    border: none;
    border-left: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}

#home-page-wrapper .slogan-div h1 {
    color: #fff;
    line-height: 1.3em;
        margin-top: 4px;
    margin-bottom: 4px;
}
.slogan-div h4 {
    line-height: 1.3em;
}

.vfb-breadcrumb
{
    display: none;
}

.slogan-div a
{
    width: 175px;
    margin-top: 10px;
}

    #home-page-wrapper .slogan-div::before {
	content: "";
	position: absolute;
	z-index: -1; /* behind the parent */
	width: 100%;
	top: 0;
    bottom: 0;
    width: 100%;
    right: 100%;
	background: rgba(51, 51, 51, .45);
}
#home-page-wrapper .form-control {
	height: 55px; /* to match height of .button-lg */
	font-size: 1.333em; /* to match size of h3.lead */
}

#home-page-wrapper input.form-control {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#home-page-wrapper  input.form-control::placeholder {
	font-style: italic;
}

#home-page-wrapper .action-panel-area {
    height: auto;
    margin-top: -300px; 
    padding-top: 60px;
}
#home-page-wrapper .action-panel-area .vfb-panel, 
#home-page-wrapper .action-panel-area .panel {
    color: #fff;
    height: 460px;
}


#home-page-wrapper .action-panel .panel-body h2 {
    margin-top: .25em;
}

#home-page-wrapper .action-panel-area .container, 
#home-page-wrapper .action-panel-area .action-col {
    padding-right: 0;
    padding-left: 0;
}

#home-page-wrapper .action-panel-area .panel{
    margin-bottom: 0;
}
    
#home-page-wrapper .action-panel.blue-wood-panel .btn {
    margin-bottom: 20px;
}

    
@media (max-width: 767px)
{
        #home-page-wrapper .action-panel.blue-wood-panel {
        margin-top: 0px !important;
            
    }

        #home-page-wrapper .action-panel-area {
            margin-top: 0px; 
            padding-top: 0px;
    }

    #home-page-wrapper .action-panel-area .panel  {
    margin-bottom: 0;

    }

    #home-page-wrapper .action-panel-area {
    margin-top: 0; 
}

    .xs-no-padding {
		padding-left: 0;
		padding-right: 0;
	}	


        .hero-div {
		height: 500px;
	}

        #home-page-wrapper .slogan-div::after {
		content: "";
		position: absolute;
		z-index: -1; /* behind the parent */
		width: 100%;
		top: 0;
        bottom: 0;
        width: 100%;
        left: 100%;
		background: rgba(51, 51, 51, .45);
	}

        

}
@media (max-width: 991px)
{
    #home-page-wrapper .slogan-div {
		top: 260px;
	}

    #home-page-wrapper .action-panel.blue-wood-panel {
        margin-top: 30px;
        margin-bottom: 30px;
        height: auto;
    }


}
@media (min-width: 992px) {
            #home-page-wrapper .action-panel-area .panel {        
        height: 490px;
}
    }
@media (min-width: 1200px)
{
        
}