/* Add here all your css styles (customizations) */
body {
font-family:'Open Sans', sans-serif;
font-size:14px;
}



/* top bar */

.blog-topbar {
    background: #313131;
}
.topbar-time {
padding: 3px 12px 3px 0;
text-transform:none;
font-size:16px;
}

.topbar-list li {
font-size:15px;
padding: 2px 5px;
}

.topbar-list > li:before {
display:none;
}

.topbar-log_reg li {
text-transform:none !important;
}

/* top nav */
.navbar-brand {
padding:5px;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -5px;
}

.header-v8 .navbar-nav > li > a {
    text-transform: none;
}
.header-v8 .navbar-brand {
    height: 94px;
    max-height: 94px;
}

/* footer */

.footer {
	padding: 40px 0;
	background-color: #0c151f !important;
	border-top: none;
	color: white;
	text-align: center;
}

.footer-v3 .copyright {
	background-color: #0c151f !important;
}
	.footer h3 {
		color: white;
		font-family: 'Montserrat', sans-serif !important;
		font-size: 22px;
	}


.copyright {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #414b56;
	text-align:center;
}



.footer .col-md-4 {
	padding-right: 5px;
	padding-left: 5px;
}

.footer .contactfield {
	margin-bottom: 10px;
	background-color: #414b56;
	color: #0c151f;
	padding: 14px;
	border: 0px;
	font-size: 14px;
}

	.footer .contactfield::-webkit-input-placeholder { /* Chrome */
		color: #0c151f;
		font-weight:bold;
	}

	.footer .contactfield:-ms-input-placeholder { /* IE 10+ */
		color: #0c151f;
		font-weight: bold;
	}

	.footer .contactfield::-moz-placeholder { /* Firefox 19+ */
		color: #0c151f;
		opacity: 1;
		font-weight: bold;
	}

	.footer .contactfield:-moz-placeholder { /* Firefox 4 - 18 */
		color: #0c151f;
		opacity: 1;
		font-weight: bold;
	}

.footer .contactbutton {
	background-color: transparent;
	border: 1px solid #909ca9;
	color: #909ca9;
}



/* responsive css styles. these are in the v9 content.css file but duplicated here for v8 cms */


.contentimageleft {
	max-width:50%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.contentimageright {
	max-width:50%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentimagerightfixed {
	width:50%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentimageleft40 {
	max-width:40%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.contentimageright40 {
	max-width:40%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentimagerightfixed40 {
	width:40%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentimageleft30 {
	max-width:30%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.contentimageright30 {
	max-width:30%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentimagerightfixed30 {
	width:30%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentimageleft20 {
	max-width:20%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.contentimageright20 {
	max-width:20%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.contentimagerightfixed20 {
	width:20%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

@media (max-width: 500px) {
	.contentimageright, .contentimageleft, .contentimagerightfixed,
	.contentimageright40, .contentimageleft40, .contentimagerightfixed40,
	.contentimageright30, .contentimageleft30, .contentimagerightfixed30,
	.contentimageright20, .contentimageleft20, .contentimagerightfixed20  {
		float: none !important;
		max-width: 100% !important;
		margin: 0px;
	}
}

body {
	font-family: 'Montserrat', sans-serif;
}

.interactive-slider-v2 {
	background: url(/images/home1.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	font-family: 'Montserrat', sans-serif;
}

	.interactive-slider-v2 h1 {
		font-size: 50px;
		line-height: 65px;
		font-family: 'Montserrat', sans-serif !important;
	}
		.content {
	background-color: #eaebee;
}


@media (min-width: 992px) and (max-width:1200px) {
	.container {
		width: 100%;
	}
}