/* 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: 20px; text-align: center; font-family: "Open Sans", Arial, sans-serif; font-size: 16px;}
@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:0;}
.ms-slide .quote-v1 p { font-size: 1.4vw; padding: 0 16%; margin-bottom: 0.6em;}
.ms-slide .quote-v1 span { font-size: 1.2vw;}


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

/* FOOTER */

.footer-logo { width: 100px;}
.footer-v1 .footer { background: #555; }


/* 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 */

.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;}