/* Add here all your CSS customizations */

form label {
    float: left;
}

@media only screen 
    and (min-width: 992px) {
    #header .header-body{
        background: url(../img/oldmap2.jpg) center center;
        background-size: cover;
        border-top: none;
/*        background: #fc0;*/
    }
        
        .header-nav-main nav {
            background-color: #ae7447;
            background-color: rgba(174,116,71, .9);
            -webkit-border-radius: 3px;
            border-radius: 3px;
            color: rgba(174,116,71, .9);
            padding: 5px 0;
        }    
        
        #header .header-nav-main nav > ul > li > a.dropdown-toggle:hover, #header .header-nav-main nav > ul > li.dropdown:hover > a {
            padding-top: 8px;
            padding-bottom: 8px;
        }
.slider-contact-form {
	margin: -45px 0 25px;
}
}


.mandatory {
    color: red;
}

#contactPageForm label {
    float: left;
}


@media (min-width: 992px) {
    .active-subpage {
    background: #eee;
}
	.slider-contact-form {
		margin: 0;
		position: absolute;
		top: 220px;
		z-index: 99;
		width: 100%;
	}
    
    input[type="submit"].customMargin {
        margin-top: 27px;
    }

	#header .header-nav-main nav > ul > li > a {
        font-size: 16px;
/*        color:#0088cc;   */
        color:#fff;   
    }
    #header .header-nav-main nav > ul > li.active > a {
        color: #fff;
    }
     .featured-box .box-content {
	padding: 10px 10px 5px 10px;
    }
    .box-content .mb-none {
        text-align: center;
    }

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

    .featured-box .box-content {
	border-radius: 8px;
	border-top: 1px solid #CCC;
	border-top-width: 4px;
	padding: 10px 20px 5px 10px;
	position: relative;
	top: -1px;
}
    .featured-box .box-content p {
        margin-bottom: 0;
    } 
    .featured-box .box-content .form-group {
        margin-bottom: 5px;
    }
}