/* Add here all your css styles (customizations) */

body { font-size: 15px;}

/* HEADER */
.header .topbar { padding: 0 0 4px 0; margin: 0;}
.header > .container { margin-bottom: 0;}

.header-v7 .dropdown-menu li ul li:before { content: "";}
.dropdown-menu {background:none;}
.dropdown-menu>li>a { white-space:normal; position: relative;}

.header-v7 .navbar-default .navbar-nav > li > a { border-bottom: 1px solid #eee; font-weight: 600;}
	@media (min-width: 768px) {
		.header-v7 .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 0;}
		.header-v7 .navbar-nav .dropdown-menu a { border-bottom: 1px solid #eee; display: block; padding: 5px 15px;}
	}

.header-v7 .navbar-default {background: #fafafa;}
.header-v7 .navbar-default .navbar-nav > li:hover > a {color: #0099ff;}
.header-v7 .dropdown-menu li a:before { content: "»"; position: absolute; left: 0; display: inline-block; color: #CCC}

.header-socials li i { margin-right: 12px;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: none;}

.header-v7 .logo a:hover { text-decoration: none;}
.header-v7 .logo span { display: block; margin-top: 14px; text-align: center; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; line-height: 1.3;}
@media (max-width: 767px) {
	.header-v7 .logo img { float: left;}
	.header-v7 .logo span { float: left; text-align: left; margin: 16px 0 0 16px; width: calc(100% - 118px);}
}
@media (max-width: 399px) {
	.header-v7 .logo span { font-size: 14px; }
}


/* SLIDER */

.interactive-slider-v1 { padding: 80px 0 240px;} /* 70 0 190 */
.interactive-slider-v1 h2 { text-transform: none; color: #274084;}
.interactive-slider-v1 p { text-transform: none; color: #274084;}
.interactive-slider-v1:after { display: none;}


.ms-slide .quote-v1 { padding:0px 18px;}
.ms-slide .quote-v1 p { font-size: 1.4vw; padding: 0 16%; margin-bottom: 0.6em;}
.ms-slide .quote-v1 span { font-size: 1.1vw; display: block; margin-bottom: 1em;}
.ms-slide .quote-v1 p::before { display:none;}
.ms-slide .quote-v1 a { font-size: 1.1vw; }


@media (max-width: 991px) {
	.ms-slide .quote-v1 p { font-size: 2.8vw;}
	.ms-slide .quote-v1 span { font-size: 2.4vw;}
	.ms-slide .quote-v1 a { font-size: 2.2vw; }
}
@media (max-width: 767px) {
	.ms-slide .quote-v1 p { font-size: 4vw;}
	.ms-slide .quote-v1 span { font-size: 3.2vw;}
	.ms-slide .quote-v1 a { font-size: 3.2vw; }
}

/* FOOTER */

.footer-logo { width: 100px;}
.footer-v1 .footer { background: #555; }
.footer-v1 .footer ul.list-unstyled.link-list li a { width: 95%;}

/* GENERAL Classes */
@media (min-width: 992px) {
	.text-right-md { text-align:right}
}




/* Search Box from Header_v8 */
.topbar .search-btn {
	color: #fff;
	cursor: pointer;
	padding: 10px 0 4px 4px;
}
.topbar .search-btn:hover {
	color: #bbb;
}

.topbar-search-block {
	top: 0;
  left: 0;
	width: 100%;
	display: none;
  background: #333;
}
.topbar-search-block .container {
  padding-top: 0;
  padding-bottom: 0;
}
.topbar-search-block form {
	position: relative;
}
.topbar-search-block .search-close {
  top: 10px;
  right: 0;
  color: #fff;
  cursor: pointer;
  position: absolute;
}
.topbar-search-block .form-control {
  padding: 0;
  color: #eee;
  border: none;
  min-height: 35px;
  font-weight: 200;
  background: #333;
}
.topbar-search-block .form-control:focus {
	box-shadow: none;
}
.topbar-search-block .form-control::-moz-placeholder {
  color: #eee;
  font-weight: 200;
}
.topbar-search-block .form-control:-ms-input-placeholder {
  color: #eee;
  font-weight: 200;
}
.topbar-search-block .form-control::-webkit-input-placeholder {
  color: #eee;
  font-weight: 200;
}

/* MX Custom Classes */
.imageparent {clear:both;}
.imagewrapper {display: inline-block;}
.imageleft { max-width: 50%; float:left; margin:0 1.5em 1em 0;}
.imageright { max-width: 50%; float:right; margin:0 0 1em 1.5em;}

@media (max-width: 767px){
	.imageright,
	.imageleft {  max-width: 33%;}
}

.imagecaption { display: block; color: #999; background-color: #fff; padding: 2px 8px 0px; font-size: 11px; text-align: right;}

.MX-ratio-column {padding-bottom: 25%; position: relative;}
.MX-ratio-column-box {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.MX-ratio-column-valign {position: relative; top: 50%; transform: perspective(1px) translateY(-50%);}
@media (max-width: 991px) {
	.MX-ratio-column { width: 100%; padding-bottom: 50%; }
}

/* front-end MODx toolbar */
#toolbar { position: fixed; z-index: 9999; top: 0px; left: 0px; padding: 6px; border: 1px solid #ccc; background-color: rgba(102,102,102,0.6); color: #ccc; font-size:11px; line-height:1.1em;}
#toolbar a {color: #ccc; font-weight:bold;}
#toolbar a:hover {color: #ccc;}