/*****************************************************************
* VARIABLES
*****************************************************************/
/*****************************************************************
* GLOBALS
*****************************************************************/
*:focus {
  outline: 0 !important; }

html, body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 16px; }

.ccm-image-block {
  max-width: 100%;
  height: auto; }

h1 {
  font-weight: 100;
  font-size: 40px;
  color: #0077be;
  padding: 0;
  margin: 0 0 30px 0; }

h2 {
  font-weight: 400;
  font-size: 22px;
  text-transform: uppercase;
  padding: 0;
  margin: 35px 0 35px 0; }

h4 {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #0077be;
  margin: 6px 0 30px 0; }

a {
  color: #0077be;
  text-decoration: none; }

input {
  background-color: #ececec;
  border: 0;
  padding: 5px; }

.border-top {
  border-top: 1px solid #ececec; }

.logo-row {
  padding-top: 35px;
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
  .logo-row {
    padding-top: 80px;
    margin-bottom: 30px; } }

img.logo {
  max-width: 310px;
  height: auto;
  /*****************************************************************
* NAVIGATIONS
*****************************************************************/ }

div.navbar {
  background: #fff; }

div.meta-nav {
  background-color: #fff;
  float: right; }
  div.meta-nav ul.nav {
    padding: 0;
    margin: 0; }
  div.meta-nav li {
    float: left;
    width: auto;
    background-color: #fff; }
  div.meta-nav a, div.meta-nav a:active, div.meta-nav a:visited, div.meta-nav a:focus, div.meta-nav a:hover {
    color: #000;
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: normal; }

.home div.main-nav .navbar {
  margin-bottom: 0; }

div.main-nav {
  /*****************************************************************
* ELEMENTS
*****************************************************************/ }
  div.main-nav .navbar {
    margin-bottom: 60px;
    border-bottom: 1px solid #ececec;
    /*
		hr.navbar-bottom {
			clear: both;
			margin-top: -10px;
			padding: 0;
			color: $default-input-bg-color;
			height: 1px;
			box-shadow: none;
			box-sizing: inherit;
			border-top: 1px solid $default-input-bg-color;
			display: block;
		}
		*/
    position: relative; }
  div.main-nav ul.nav {
    margin: 0 0 0 3px;
    position: absolute;
    top: 3px; }
    div.main-nav ul.nav li {
      margin: 0 0 7px 0; }
    div.main-nav ul.nav a.active.siblings, div.main-nav ul.nav a.active.siblings:active, div.main-nav ul.nav a.active.siblings:visited, div.main-nav ul.nav a.active.siblings:focus {
      color: #0077be;
      border-bottom: 1px solid #3d99dd; }
    div.main-nav ul.nav a:hover {
      color: #0077be; }
  div.main-nav ul.dropdown-menu.level-1 a {
    margin-bottom: 5px !important; }
  div.main-nav ul.dropdown-menu.level-1 li a {
    background-color: #fff !important;
    font-size: 14px;
    padding: 0;
    margin: 0; }
  div.main-nav ul.dropdown-menu.level-1 li a.active.siblings, div.main-nav ul.dropdown-menu.level-1 li a.active.siblings:active, div.main-nav ul.dropdown-menu.level-1 li a.active.siblings:visited, div.main-nav ul.dropdown-menu.level-1 li a.active.siblings:focus {
    color: #0077be;
    border-bottom: none; }
  div.main-nav ul.level-1 {
    padding: 10px; }
    div.main-nav ul.level-1 li {
      margin: 0 0 7px 0;
      padding: 0;
      clear: both; }
    div.main-nav ul.level-1 li.dropdown {
      margin-bottom: 10px !important;
      clear: both; }
  div.main-nav ul.level-2 {
    height: auto;
    display: block;
    margin: 0;
    padding: 0; }
    div.main-nav ul.level-2 li {
      font-size: 14px;
      list-style-image: none;
      list-style-type: none;
      clear: both;
      margin: 7px 0 7px 10px; }
      div.main-nav ul.level-2 li a {
        padding: 3px 10px 3px 10px;
        font-weight: normal !important; }
  div.main-nav li {
    float: left;
    position: relative;
    text-transform: uppercase; }
    div.main-nav li .dropdown ul li.dropdown {
      clear: both; }
    div.main-nav li ul.dropdown-menu {
      -webkit-box-shadow: 7px 7px 15px 0px rgba(51, 51, 51, 0.3);
      -moz-box-shadow: 7px 7px 15px 0px rgba(51, 51, 51, 0.3);
      box-shadow: 7px 7px 15px 0px rgba(51, 51, 51, 0.3); }
    div.main-nav li :hover, div.main-nav li a:focus {
      background-color: #fff; }
  div.main-nav li.dropdown:hover ul.dropdown-menu {
    display: block;
    border: none; }
    div.main-nav li.dropdown:hover ul.dropdown-menu li {
      width: 100%; }
  div.main-nav a, div.main-nav a:active, div.main-nav a:visited, div.main-nav a:focus {
    color: #000;
    padding: 10px;
    font-weight: 800; }

.header-desktop {
  display: block; }
  @media screen and (max-width: 767px) {
  .header-desktop {
    display: none; } }

.header-mobile {
  display: none; }
  @media screen and (max-width: 767px) {
  .header-mobile {
    display: block; } }
  .header-mobile .language-switcher-wrapper {
    margin-top: 5px;
    margin-left: 15px; }
  .header-mobile .navbar {
    text-transform: uppercase; }
    .header-mobile .navbar hr:not(:last-child) {
      border-top: 1px solid #ddd; }
  .header-mobile .nav-icon {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer; }
  .header-mobile ul.level-1, .header-mobile ul.level-2 {
    display: none;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    list-style-image: none;
    list-style-type: none; }
    .header-mobile ul.level-1 li, .header-mobile ul.level-2 li {
      padding: 0;
      margin: 0; }
    .header-mobile ul.level-1 a, .header-mobile ul.level-2 a, .header-mobile ul.level-1 a:visited, .header-mobile ul.level-2 a:visited, .header-mobile ul.level-1 a:hover, .header-mobile ul.level-2 a:hover, .header-mobile ul.level-1 a:active, .header-mobile ul.level-2 a:active {
      background: #fff;
      color: #000; }
    .header-mobile ul.level-1 a.active, .header-mobile ul.level-2 a.active {
      background: #fff;
      color: #000; }
  .header-mobile ul.level-1 li a {
    padding-left: 25px; }
  .header-mobile ul.level-2 li a {
    padding-left: 50px; }
  .header-mobile .navbar-nav {
    margin: 7px 0px; }
  .header-mobile .navbar-nav > ul {
    border-bottom: 1px solid #ececec; }
  .header-mobile .navbar-nav > li {
    margin-bottom: 10px; }
  .header-mobile .navbar-nav > li > a {
    padding: 0;
    margin: 0;
    display: block; }
  .header-mobile .navbar-nav > li.active > a.active {
    color: #0077be; }
  .header-mobile .navbar-collapse {
    min-height: 386px; }
  .header-mobile .navbar-default .navbar-nav > .active > a, .header-mobile .navbar-default .navbar-nav > .active > a:focus, .header-mobile .navbar-default .navbar-nav > li > a {
    color: #000;
    background-color: #fff; }
  .header-mobile .navbar-default .navbar-nav > .active > a:hover {
    color: #0077be; }
  .header-mobile .navbar-default ul {
    margin-bottom: 10px !important; }
  .header-mobile .navbar-default .navbar-nav .active > a {
    color: #0077be; }
  .header-mobile .navbar-default .navbar-nav .active > ul {
    display: block; }
  .header-mobile .dropdown-menu {
    position: relative !important; }
  .header-mobile .dropdown-menu > li > a {
    display: block;
    padding: 0;
    clear: both; }
  .header-mobile .meta-navigation .navbar-nav li:first-child {
    display: none; }
    .header-mobile .meta-navigation .navbar-nav li a {
      text-transform: none; }

div.language-switcher-wrapper {
  position: absolute;
  font-size: 14px; }
  div.language-switcher-wrapper select#language {
    position: absolute;
    left: -9999px;
    top: -9999px;
    background-color: #fff;
    border: none; }
    div.language-switcher-wrapper select#language:focus {
      outline: 0; }
  div.language-switcher-wrapper ul.language-picker {
    background: #fff;
    border: 0;
    padding: 0;
    margin: 0;
    list-style-image: none;
    position: absolute;
    top: 10px;
    left: 0;
    display: none;
    z-index: 9000; }
    div.language-switcher-wrapper ul.language-picker li {
      margin: 0;
      padding: 0;
      list-style-type: none;
      list-style-image: none;
      background-color: #fff; }
    div.language-switcher-wrapper ul.language-picker li a {
      display: block;
      width: 25px;
      background-color: #fff; }
  div.language-switcher-wrapper a.open-language-selector {
    display: block;
    width: 35px;
    float: left;
    margin-top: 10px; }
    div.language-switcher-wrapper a.open-language-selector .fa {
      margin-top: 3px;
      float: right; }

div.sidebar {
  padding-left: 20px;
  border-left: 1px solid #0077be; }
  @media screen and (max-width: 767px) {
  div.sidebar {
    padding-left: 0;
    border-left: none;
    margin-top: 50px; } }

div.search {
  float: right;
  position: relative; }
  div.search input[type="text"] {
    width: 255px; }
  div.search input[type="submit"] {
    position: absolute;
    top: 4px;
    right: 0;
    border: 0;
    background: rgba(0, 0, 0, 0) url("../img/btn_loupe.png") no-repeat scroll 0 4px; }
  @media screen and (max-width: 767px) {
  div.search {
    display: none; } }

.search-wrapper {
  margin-bottom: 20px; }
  .search-wrapper input.ccm-search-block-text {
    width: 60%;
    height: 36px; }
  .search-wrapper input[type="submit"] {
    color: #fff;
    background-color: #4f97dc;
    border-color: #3a8ad8; }
  .search-wrapper div#searchResults {
    margin-top: 30px;
    clear: both; }
  .search-wrapper ul.custom-pagination {
    list-style-type: none;
    padding: 0;
    margin: 30px 0 0 0; }
    .search-wrapper ul.custom-pagination li {
      float: left;
      margin-right: 20px; }

.fontsize-wrapper {
  display: block;
  float: left;
  height: 22px;
  width: 19px;
  vertical-align: bottom !important; }

.fontsize.active {
  color: #0077be; }

.ccm-image-slider-container {
  margin-bottom: 65px;
  height: 420px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
  .ccm-image-slider-container {
    height: 420px;
    overflow: hidden; } }
  .ccm-image-slider-container a.mega-link-overlay {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    left: 0px; }
  .ccm-image-slider-container img {
    width: 100%; }
    @media screen and (max-width: 767px) {
  .ccm-image-slider-container img {
    width: auto; } }
  .ccm-image-slider-container .ccm-image-slider-title {
    margin-top: 0; }
  .ccm-image-slider-container .ccm-image-slider-text {
    position: absolute;
    width: 45%;
    left: 0;
    top: 10%; }
  .ccm-image-slider-container .ccm-image-slider-text {
    background-color: rgba(79, 151, 220, .3);
    position: absolute;
    top: 275px;
    right: 0;
    width: 100%;
    height: auto;
    min-height: 145px;
    text-align: center;
    font-weight: 200;
    clear: inherit;
    padding-top: 0; }
    @media screen and (max-width: 767px) {
  .ccm-image-slider-container .ccm-image-slider-text {
    bottom: 0;
    padding: 20px;
    top: auto;
    text-shadow: 2px 2px #333; } }
    .ccm-image-slider-container .ccm-image-slider-text h2 {
      color: #fff;
      font-size: 40px;
      font-weight: 200;
      padding-top: 20px; }
    @media screen and (max-width: 767px) {
    .ccm-image-slider-container .ccm-image-slider-text h2 {
      font-size: 30px; } }
    .ccm-image-slider-container .ccm-image-slider-text p {
      color: #fff;
      font-size: 24px;
      font-weight: 200; }
    @media screen and (max-width: 767px) {
    .ccm-image-slider-container .ccm-image-slider-text p {
      font-size: 18px; } }

#tabs {
  margin-top: 15px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #000;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ececec; }

.nav-tabs > li.ui-state-default {
  color: #000;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.nav-tabs > li.ui-tabs-active > a, .nav-tabs > li.ui-tabs-active > a:hover {
  color: #0077be;
  border-bottom: 1px solid #0077be;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-weight: bold; }

.nav-tabs > li > a {
  font-weight: bold; }

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  color: #fff; }

.tab-content {
  margin-top: 35px; }
  .tab-content a {
    color: #0077be; }

.footer-wrapper {
  margin-top: 100px;
  padding-top: 20px;
  font-size: 14px;
  border-top: 1px solid #ececec; }
  .footer-wrapper a, .footer-wrapper a:active, .footer-wrapper a:visited, .footer-wrapper a:focus {
    color: #000; }

.float-left {
  float: left;
  margin-right: 40px; }

.googleMapCanvas {
  margin-bottom: 50px; }

@media print {
  a[href]:after {
    content: none !important; } }
