/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio, canvas, img, svg, video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  position: absolute;
  top: 0.2em;
  left: 50%;
  width: 500px;
  padding: 1em;
  margin-left: -250px;
  background: #ccc;
  border: 3px solid #f00;
  color: #000;
  z-index: 100;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder /* WebKit browsers */ {
  color: #ffffff;
  font-size: 12px;
  font-style: italic;
}

:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
  color: #ffffff;
  font-size: 12px;
  font-style: italic;
}

::-moz-placeholder /* Mozilla Firefox 19+ */ {
  color: #ffffff;
  font-size: 12px;
  font-style: italic;
}

:-ms-input-placeholder /* Internet Explorer 10+ */ {
  color: #ffffff;
  font-size: 12px;
  font-style: italic;
}

input:focus::-webkit-input-placeholder /* WebKit browsers */ {
  color: transparent;
}

input:focus:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
  color: transparent;
}

input:focus::-moz-placeholder /* Mozilla Firefox 19+ */ {
  color: transparent;
}

input:focus:-ms-input-placeholder /* Internet Explorer 10+ */ {
  color: transparent;
}

body, div, p, span, a, td, ul, li, input, textarea, select, option, button, h1, h2, h3, h4, h5, h6 {
  color: #454545;
  font: normal 13px/21px Verdana, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 0;
}

a, img {
  outline: none;
}

a {
  color: #cc1e54;
  text-decoration: underline;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover {
  color: #f39200;
}

a:active, a:focus {
  outline: none;
  ie-dummy: expression(this.hideFocus = true);
}

p {
  margin: 0 0 21px;
}

body {
  padding: 0;
  margin: 0;
  background: #ffffff;
}

#mainContainer {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background: #ffffff;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* min-height: 199px; */
  background: #f2f3f3;
  z-index: 999;
  overflow-x: hidden;
}

#headerTop {
  
}

#headerMenu {
  min-height: 56px;
  padding: 16px 0 12px;
  background: #cc1e54;
}

#headerBottom {
  background: #f2f3f3;
}

.headerCenter {
  position: relative;
  width: 100%;
  max-width: 990px;
  min-height: 87px;
  margin: 0 auto;
}

.headerMenuCenter {
  position: relative;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}

.headerBottomCenter {
  position: relative;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}

#logo {
  float: left;
  width: 100%;
  max-width: 189px;
  height: 70px;
  padding: 0;
  margin: 16px 0 13px 14px;
  border: 0;
  display: block;
}

#logo.subsiteLogo {
  width: 100%;
  max-width: 472px;
}

#logo img {
  width: 100%;
}

#subsiteTitle {
  float: left;
  margin: 47px 0 0 12px;
  color: #cc1e54;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 38px;
  line-height: 42px;
}

#topMenu {
  position: relative;
  float: left;
  padding: 0 7px;
  margin: 0;
  list-style: none;
}

.topMenuSeparator {
  position: relative;
  float: left;
  padding: 0 7px 8px;
  margin: 0;
  list-style: none;
  color: #555855;
  font-size: 18px;
  line-height: 20px;
}

.mobileHome {
  display: none;
}

.topMenuItem {
  position: relative;
  float: left;
  padding: 0 7px;
  margin: 0;
  list-style: none;
}

.topMenuLink {
  color: #ffffff;
  font-family: Antonio;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 1px;
  text-decoration: none;
  white-space: nowrap;
}

.topMenuLink.active, .topMenuLink:hover {
  color: #f39200;
}

#headerMenuClosed {
  min-height: 56px;
  padding: 16px 0 12px;
  background: #f39200;
}

.headerMenuClosedCenter {
  position: relative;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}

#menuClosed {
  position: relative;
  float: left;
  padding: 0 7px;
  margin: 0;
  list-style: none;
}

.menuClosedSeparator {
  position: relative;
  float: left;
  padding: 0 7px 8px;
  margin: 0;
  list-style: none;
  color: #555855;
  font-size: 18px;
  line-height: 20px;
}

.menuClosedItem {
  position: relative;
  float: left;
  padding: 0 7px;
  margin: 0;
  list-style: none;
}

.menuClosedLink {
  color: #ffffff;
  font-family: Antonio;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 1px;
  text-decoration: none;
  white-space: nowrap;
}

.menuClosedLink.active, .menuClosedLink:hover {
  color: #cc1e54;
}

#mobileSearchButton {
  position: absolute;
  top: 45px;
  right: 2px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  display: none;
  cursor: pointer;
  text-decoration: none;
}

#mobileSearchButton .icon-search {
  position: absolute;
  top: -5px;
  left: 10px;
  color: #cc1e54;
  font-family: iconfont;
  font-size: 28px;
  line-height: 50px;
}

#mobileLoginButton {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  display: none;
  cursor: pointer;
  text-decoration: none;
}

#mobileLoginButton .icon-login {
  position: absolute;
  top: -5px;
  left: 10px;
  color: #cc1e54;
  font-family: iconfont;
  font-size: 22px;
  line-height: 50px;
}

#mobileLogoutButton {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  display: none;
  cursor: pointer;
  color: #cc1e54;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}

.no-touch #mobileSearchButton:hover, #mobileSearchButton.active, .no-touch #mobileLoginButton:hover, #mobileLoginButton.active, .no-touch #mobileLogoutButton:hover, #mobileLogoutButton.active {
  background: #f2f3f3;
}

#mobileSearchContainer {
  position: relative;
  float: left;
  width: 100%;
  /* height: 55px; */
  padding: 10px;/* 12px 22px; */
  background: #f2f3f3;
  display: none;
}

#mobileSearch {
  position: relative;
  width: 100%;
  padding: 0;
}

#mobileSearchInput {
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  padding: 0 20px 0 8px;
  border: 0;
  border-radius: 0;
  outline: none;
  background: #ffffff;
}

#mobileSearchInput::-webkit-input-placeholder /* WebKit browsers */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  line-height: 40px;
  font-style: normal;
  opacity: 1 !important;
}

#mobileSearchInput:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  line-height: 40px;
  font-style: normal;
  opacity: 1 !important;
}

#mobileSearchInput::-moz-placeholder /* Mozilla Firefox 19+ */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  line-height: 40px;
  font-style: normal;
  opacity: 1 !important;
}

#mobileSearchInput:-ms-input-placeholder /* Internet Explorer 10+ */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  line-height: 40px;
  font-style: normal;
  opacity: 1 !important;
}

#mobileSearchSubmit {
  position: absolute;
  top: 3px;
  right: 6px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #cc1e54;
  font-family: iconfont;
  font-size: 24px;
  line-height: 26px;
  outline: none;
}

#mobileMenuContainer {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 10px 6px;
  background: #f2f3f3;
  display: none;
}

.mobileMenu {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.mobileMenuItem {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.mobileMenuLink {
  position: relative;
  width: 100%;
  padding: 4px 4px 0;
  margin-bottom: 4px;
  background: #ffffff;
  display: block;
  color: #454545;
  font-family: Antonio;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
}

.mobileMenuLink.header {
  font-weight: bold;
}

.mobileMenuLink:hover, .mobileMenuLink.active {
  background: #cc1e54;
  color: #ffffff;
}

.mobileSubMenu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mobileSubMenuItem {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mobileSubMenuLink {
  position: relative;
  width: 100%;
  padding: 4px 4px 0;
  margin-bottom: 4px;
  display: block;
  color: #454545;
  font-family: Antonio;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
}

.mobileSubMenuLink.header {
  font-weight: bold;
}

.mobileSubMenuLink:hover, .mobileSubMenuLink.active {
  background: #cc1e54;
  color: #ffffff;
}

.menuButton {
  text-decoration: none;
  cursor: text;
}

#topButtonLogin {
  position: absolute;
  top: 0;
  right: 253px;
  width: 110px;
}

#buttonLogin {
  position: relative;
  float: right;
  width: 100%;
  height: 50px;
  padding: 0 14px;
  margin: 0 -3px 0 0;
  border: 0;
  border-radius: 0 0 7px 7px;
  background: #c2c2c2;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 20px;
  line-height: 56px;
  letter-spacing: 1px;
  text-decoration: none;
}

#buttonLogin .icon-login {
  position: absolute;
  top: 2px;
  right: 18px;
  color: #ffffff;
  font-family: iconfont;
  font-size: 20px;
  line-height: 46px;
}

#topButtonLogout {
  position: absolute;
  top: 0;
  right: 253px;
  width: 140px;
}

#buttonLogout {
  position: relative;
  float: right;
  width: 100%;
  height: 50px;
  padding: 0 14px;
  margin: 0 -3px 0 0;
  border: 0;
  border-radius: 0 0 7px 7px;
  background: #c2c2c2;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 20px;
  line-height: 56px;
  letter-spacing: 1px;
  text-decoration: none;
}

#buttonLogout .fa {
  position: absolute;
  top: 12px;
  right: 10px;
  color: #fff;
  font-size: 27px;
}

#topButtonSearch {
  position: absolute;
  top: 0;
  right: 0;
  width: 235px;
}

#buttonSearch {
  position: relative;
  float: right;
  width: 100%;
  height: 50px;
  padding: 0 14px;
  margin: 0 -3px 0 0;
  border: 0;
  border-radius: 0 0 7px 7px;
  background: #ffffff;
  display: block;
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 56px;
  letter-spacing: 1px;
  overflow: hidden;
}

#searchInput {
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
  padding: 7px 25px 0 0;
  margin: 0;
  border: 0;
  background: #ffffff;
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 50px;
  font-style: normal;
  letter-spacing: 1px;
  outline: none;
}

#searchInput::-webkit-input-placeholder /* WebKit browsers */ {
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 50px;
  font-style: normal;
  letter-spacing: 1px;
  opacity: 1 !important;
}

#searchInput:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 50px;
  font-style: normal;
  letter-spacing: 1px;
  opacity: 1 !important;
}

#searchInput::-moz-placeholder /* Mozilla Firefox 19+ */ {
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 50px;
  font-style: normal;
  letter-spacing: 1px;
  opacity: 1 !important;
}

#searchInput:-ms-input-placeholder /* Internet Explorer 10+ */ {
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 50px;
  font-style: normal;
  letter-spacing: 1px;
  opacity: 1 !important;
}

#searchSubmit {
  position: absolute;
  top: 0;
  right: 14px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #cc1e54;
  font-family: iconfont;
  font-size: 26px;
  line-height: 50px;
  outline: none;
}

#subMenuContainer {
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 991;
}

#subMenuContainer2 {
  position: relative;
  width: 100%;
}

.subMenu {
  position: absolute;
  top: 0;
  padding: 14px;
  display: none;
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}

#subMenuPatients {
  left: 0;
  width: 487px;
  border: 0 solid #cc1e54;
  background: #cc1e54;
}

#subMenuVisitors {
  left: 253px;
  width: 487px;
  border: 0 solid #77d1de;
  background: #77d1de;
}

#subMenuService {
  left: 505px;
  width: 485px;
  border: 0 solid #5c165d;
  background: #5c165d;
}

.subMenu ul {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 22px 0 14px;
  list-style: none;
}

.subMenu li {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 5px 0;
  list-style: none;
}

.subMenuLink {
  position: relative;
  float: left;
  padding-left: 20px;
  margin: 0;
  border: 0;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
}

.subMenuLink:hover {
  color: #ffffff;
}

.subMenuLink .icon-arrow {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-family: symbolsigns;
  font-size: 20px;
  line-height: 18px;
}

.subMenuClose {
  position: absolute;
  top: 39px;
  right: 14px;
  padding: 0 40px 0 0;
  margin: 0;
  border: 0;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  text-decoration: none;
}

.subMenuClose:hover {
  color: #ffffff;
}

.subMenuClose .icon-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  display: block;
}

.subMenuClose .icon-close img {
  width: 100%;
  height: 100%;
}

.subMenu.mobile {
  position: relative;
  top: auto;
  left: auto;
  float: left;
  padding: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.subMenu.mobile .subMenuClose {
  display: none;
}

.subSubMenu {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: -1px 0 0 !important;
  list-style: none;
  display: none;
}

.subSubMenu li {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 5px 0;
  list-style: none;
}

.subSubMenuLink {
  position: relative;
  float: left;
  width: 100%;
  padding: 8px 22px 4px;
  margin: 0;
  border: 0;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
}

.subSubMenuLink:hover {
  color: #ffffff;
}

.subSubMenuLink:hover {
  color: #ffffff;
}

#subMenuPatients .subSubMenu {
  background: #f2f3f3;
}

#subMenuPatients .subSubMenuLink {
  border-top: 1px solid #2fa4c2;
  color: #cc1e54;
}

#subMenuVisitors .subSubMenu {
  background: #f2f3f3;
}

#subMenuVisitors .subSubMenuLink {
  border-top: 1px solid #8ed6e1;
  color: #77d1de;
}

#subMenuService .subSubMenu {
  background: #f2f3f3;
}

#subMenuService .subSubMenuLink {
  border-top: 1px solid #79417a;
  color: #5c165d;
}

#breadcrumbContainer {
  position: relative;
  float: left;
  width: 100%;
  min-height: 50px;
  padding: 13px 14px 9px 190px;
  color: #464646;
  font-family: Antonio;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
}



/***************/

.buttonContrast {
  position: absolute;
  bottom: 0;
  left: 60px;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  border: 0;
  background: #fff;
  outline-color: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.buttonContrast > .icon {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #555555;
  background: #555;
  overflow: hidden;
}

.buttonContrast > .icon > span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 7px;
  height: 100%;
  background: #fff;
}

.buttonContrast--active > .icon,
.buttonContrast:hover > .icon {
  border-color: #f39200;
  background-color: #f39200;
}

.buttonContrast--active {
  color: #f39200 !important;
}

.buttonContrast-mobile {
  display: none;
  position: absolute;
  z-index: 9;
  top: 10px;
  left: 10px;
  border: 2px solid #cc1e54;
}

.buttonContrast:hover {
  color: #f39200;
}

@media only screen and (max-width: 530px) {
  .buttonContrast-desktop {
    display: none;
  }
  .buttonContrast-mobile {
    display: grid;
  }
}
/***************/





.buttonReadSpeaker {
  position: absolute;
  bottom: 0;
  left: 120px;
  background: none;
  color: inherit;
  border: none;
  border-radius: 0;
  padding: 0;
  font: inherit;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: normal;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  background: #ffffff;
  display: block;
  color: #555555;
  font-family: iconfont;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.buttonReadSpeaker--active {
  color: #f39200 !important;
}

.buttonReadSpeaker-mobile {
  display: none;
  position: absolute;
  z-index: 9;
  top: 10px;
  left: 70px;
  border: 2px solid #cc1e54;
}

.buttonReadSpeaker:hover {
  color: #f39200;
}

@media only screen and (max-width: 530px) {
  .buttonReadSpeaker-desktop {
    display: none;
  }
  .buttonReadSpeaker-mobile {
    display: block;
  }
}

#readspeaker_button1 {
  display: none;
  position: absolute;
  z-index: 99999;
  top: 10px;
  left: 50%;
  transform: translate(-50%);
  margin-left: -368px;
  width: 300px !important;
}

@media only screen and (max-width: 1005px) {
  #readspeaker_button1 {
    left: 10px;
    transform: none;
    margin-left: 0;
  }
}

@media only screen and (max-width: 530px) {
  #readspeaker_button1 {
    left: 10px;
    top: 70px;
  }
}

.readspeaker_button1--show {
  display: inline-block !important;
}

#buttonHome {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  background: #ffffff;
  display: block;
  color: #555555;
  font-family: iconfont;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
}

#buttonHome:hover {
  color: #f39200;
}

.breadcrumb {
  color: #464646;
  font-family: Antonio;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  text-decoration: none;
}

#contentContainer {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 222px;
  overflow: hidden;
}

#photoContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 990px;
  height: 534px;
  overflow: hidden;
  background-color: #f2f3f3;
}

.photoSlide {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  display: none;
  z-index: 1;
  margin: 0 !important;
  transform: translateX(-50%);
}

#photoSlide_loadImage {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -10px;
}

#photoOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 252px;
  background: rgba(0, 0, 0, .2);
  z-index: 2;
}

#contentCenter {
  position: relative;
  width: 100%;
  max-width: 990px;
  padding-top: 282px;
  margin: 0 auto;
}

#contentCenter.home {
  /* padding-top: 312px; */
}

#photoMore {
  position: relative;
  float: left;
  width: 100%;
  height: 86px;
  padding: 32px 20px 0;
  z-index: 2;
}

#photoMoreLink {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 30px;
  line-height: 36px;
  text-decoration: none;
}

#photoMoreLink .icon-arrow {
  position: relative;
  top: -6px;
  padding-left: 22px;
  color: #ffffff;
  font-family: symbolsigns;
  font-size: 26px;
  line-height: 36px;
}

#photoControls {
  position: absolute;
  bottom: 35px;
  right: 0;
  width: 110px;
  height: 10px;
  font-size: 1px;
  line-height: 1px;
  text-align: right;
}

.photoControl {
  width: 10px;
  height: 10px;
  margin-left: 7px;
  border-radius: 5px;
  background: #ffffff;
  display: inline-block;
  font-size: 1px;
  line-height: 1px;
}

.photoControl.active {
  background: #f39200;
}

#content {
  position: relative;
  float: left;
  width: 100%;
  background: #ffffff;
  z-index: 2;
}

#content > .notPublished {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 6px 2px;
  background: #ff0000;
  display: block;
  color: #ffffff;
}

.pageText {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px;
  margin: 0;
}

.pageText.noPaddingTop {
  padding-top: 0;
}

.pageText.noPaddingBottom {
  padding-bottom: 0;
}

.pageText img {
  max-width: 100%;
}

.pageTextHeader {
  padding: 0;
  margin: 18px 0 0;
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
}

.pageTextHeader .icon-phone {
  color: #cc1e54;
  font-family: symbolsigns;
  font-size: 24px;
  line-height: 18px;
}

.pageTextHeader a {
  color: #cc1e54;
  font-family: Antonio;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
}

#pageHeader {
  width: 100%;
  padding: 0;
  margin: 0;
  color: #f39200;
  font-family: Antonio;
  font-size: 26px;
  line-height: 42px;
  letter-spacing: 1px;
}

.fullWidth {
  position: relative;
  float: left;
  width: 100%;
}

.itemImageContainer {
  float: left;
  width: 40%;
  padding: 6px 14px 14px 0;
  margin-top: 14px;
}

.itemImage {
  width: 100%;
}

.itemIntroText {
  position: relative;
  float: left;
  width: 100%;
}

.itemIntroText, .itemIntroText * {
  color: #262626;
}

.itemIntroText.hasImage {
  width: 60%;
}

.itemBlock {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 22px;
}

.itemBlock .notPublished {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 6px 2px;
  background: #ff0000;
  display: block;
  color: #ffffff;
}

.itemBlockImageContainer {
  float: left;
  width: 40%;
  padding-right: 14px;
}

.itemBlockImage, .itemBlockImage2 {
  width: 100%;
}

.itemBlockImage2 {
  padding: 14px 0;
  display: none;
}

.itemBlockContent {
  float: left;
  width: 60%;
}

.itemBlockDate {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 2px;
  border-bottom: 1px solid #e6e6e6;
  font-family: Antonio;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}

.itemBlockDate .separator {
  position: relative;
  top: 0;
  color: #cc1e54;
  font-family: Antonio;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}

.itemBlockDate .grey {
  color: #262626;
  font: normal 13px/21px Verdana, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 0;
}

.itemBlockTitle {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 21px;
}

.itemBlockIntro {
  position: relative;
  float: left;
  width: 100%;
}

.itemBlockLinks {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
}

.itemBlockLink {
  position: relative;
  display: inline-block;
  color: #454545;
  font-size: 12px;
  text-decoration: none;
}

.itemBlockLinks > .itemBlockLink {
  margin-right: 50px;
}

.icon-more {
  position: relative;
  top: 1px;
  padding-left: 10px;
  font-family: iconfont;
  font-size: 15px;
  line-height: 21px;
}

.icon-share {
  position: relative;
  top: 1px;
  padding-left: 10px;
  font-family: iconfont;
  font-size: 15px;
  line-height: 21px;
}

.itemBlockLinkShare {
  position: relative;
  padding-right: 78px;
  display: inline-block;
  text-decoration: none;
}

.shareLinks {
  position: absolute;
  top: 0;
  right: 0;
  width: 69px;
  height: 22px;
  display: none;
}

.shareLink {
  float: left;
  width: 22px;
  height: 22px;
  margin-left: 1px;
  display: inline-block;
  color: #ffffff;
  font-family: iconfont;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
}

.shareLink:hover {
  color: #ffffff;
}

.shareLink.twitter {
  font-size: 13px;
  background: #00aced;
}

.shareLink.facebook {
  font-size: 12px;
  background: #3b5998;
}

.shareLink.linkedin {
  font-size: 11px;
  background: #007bb6;
}

.purple .itemBlockDate, .purple .itemBlockTitle, .purple * .itemBlockLink span, .purple > .icon-more, .purple > .icon-share {
  color: #791d79;
}

.yellow .itemBlockDate, .yellow .itemBlockTitle, .yellow * .itemBlockLink span, .yellow > .icon-more, .yellow > .icon-share {
  color: #ab9921;
}

.blue .itemBlockDate, .blue .itemBlockTitle, .blue * .itemBlockLink span, .blue > .icon-more, .blue > .icon-share {
  color: #cc1e54;
}

.turquoise .itemBlockDate, .turquoise .itemBlockTitle, .turquoise * .itemBlockLink span, .turquoise > .icon-more, .turquoise > .icon-share {
  color: #00acbc;
}

#bannerContainer {
  margin-top: 12px;
}

.banner {
  position: relative;
  float: left;
  width: 234px;
  height: 239px;
  margin: 18px 0 0 18px;
  background: #f2f3f3;
  border: 0;
  outline: none;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.banner.fourCol_0 {
  margin-left: 0;
}

.bannerImageContainer {
  position: relative;
  float: left;
  width: 234px;
  height: 162px;
  display: block;
  overflow: hidden;
}

.bannerImageContainer .notPublished {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 6px 2px;
  background: #ff0000;
  display: block;
  color: #ffffff;
}

.bannerImage {
  width: 100%;
  height: 100%;
}

.bannerLink {
  position: relative;
  float: left;
  width: 234px;
  height: 77px;
  padding: 14px 12px 0;
  border: 0;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
}

.bannerLink:hover {
  color: #ffffff;
}

.bannerLink .icon-arrow {
  position: absolute;
  top: 0;
  right: 10px;
  color: #ffffff;
  font-family: symbolsigns;
  font-size: 20px;
  line-height: 46px;
}

.bannerTitle {
  width: 100%;
  padding-right: 20px;
  display: inline-block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 1px;
}

footer {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 30px;
  background: #cc1e54;
}

#footerCenter {
  position: relative;
  width: 100%;
  max-width: 990px;
  min-height: 100px;
  padding-right: 232px;
  margin: 0 auto;
}

#footerColumn1 {
  position: relative;
  float: left;
  width: 50%;
}

#footerColumn2 {
  position: relative;
  float: left;
  width: 50%;
}

#footerColumn3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 232px;
  padding-bottom: 70px;
}

.footerColumn ul {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 20px 0 10px;
  list-style: none;
}

.footerColumn li {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footerColumn li, .footerLink {
  position: relative;
  float: left;
  color: #ffffff;
  font-family: Antonio;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footerLink:hover {
  color: #f39200;
}

.footerLink.bold {
  font-weight: bold;
}

.footerLink.marginTop {
  margin-top: 30px;
}

.footerColumn * .icon-phone {
  color: #ffffff;
  font-family: symbolsigns;
  font-size: 20px;
  line-height: 21px;
}

.footerColumn * .icon-home {
  padding-right: 0.3em;
  color: #ffffff;
  font-family: iconfont;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

#mLink {
  position: relative;
  float: left;
  margin: 20px 0 10px;
  display: block;
  color: #f39200;
  font-size: 11px;
  text-decoration: none;
}

#mIcon {
  position: relative;
  top: 2px;
  color: #f39200;
  font-family: icomm;
  font-size: 15px;
}

#mIcon:before {
  content: "\e900";
}

#footerSocial {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 232px;
  height: 52px;
}

.footerSocialLink {
  float: left;
  width: 52px;
  height: 52px;
  margin-left: 8px;
  background: #ffffff;
  display: block;
  color: #cc1e54;
  font-family: iconfont;
  line-height: 52px;
  text-align: center;
  text-decoration: none;
}

.footerSocialLink.twitter {
  margin-left: 0;
  font-size: 25px;
}

.footerSocialLink.facebook {
  font-size: 26px;
}

.footerSocialLink.youtube {
  font-size: 30px;
}

.footerSocialLink.linkedin {
  font-size: 20px;
}

.subMenuPage {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
  display: table;
  vertical-align: top;
}

.subMenuPageLeft {
  position: relative;
  width: 235px;
  padding: 0 18px 18px;
  display: table-cell;
  border-right: 2px solid #cc1e54;
  vertical-align: top;
}

.subMenuPageRight {
  position: relative;
  display: table-cell;
}

.subMenuLeft {
  padding: 0;
  margin: 0;
  list-style: none;
}

.subMenuLeftItem {
  padding: 0;
  margin: 0;
  list-style: none;
}

.subMenuLeftLink {
  position: relative;
  width: 100%;
  padding: 4px 4px 0;
  margin-bottom: 4px;
  background: #ececec;
  display: block;
  color: #454545;
  font-family: Antonio;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.subMenuLeftLink:hover, .subMenuLeftLink.active {
  background: #f39200;
  color: #ffffff;
}

.subMenuLeftLink.header {
  background: #cc1e54;
  color: #ffffff;
  font-weight: bold;
}

.subSubMenuLeft {
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
}

.subSubMenuLeft.open {
  display: block;
}

.subSubMenuLeftItem {
  padding: 0;
  margin: 0;
  list-style: none;
}

.subSubMenuLeftLink {
  position: relative;
  width: 100%;
  padding: 4px 4px 0;
  margin-bottom: 4px;
  display: block;
  color: #454545;
  font-family: Antonio;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
}

.subSubMenuLeftLink.header {
  font-weight: bold;
}

.subSubMenuLeft.open .subSubMenuLeftLink {
  color: #f39200;
}

.subSubMenuLeftLink:hover, .subSubMenuLeftLink.active {
  background: #f39200;
  color: #ffffff !important;
}

.subMenuLeftLinkArrow {
  float: right;
  padding-bottom: 2px;
  margin: 0 0 4px 4px;
  display: block;
  color: #ffffff;
  font-family: iconfont;
  font-size: 12px;
  line-height: 18px;
}

#overlayWhite {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/opacity_white_50.png');
  display: none;
  z-index: 999;
}

#customPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 460px;
  max-width: 98%;
  margin-left: -230px;
  margin-top: -96px;
  display: none;
  z-index: 999;
}

#customPopup .header {
  position: relative;
  float: left;
  width: 100%;
  height: 49px;
  padding: 0 20px;
  background: #cc1e54;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 20px;
  line-height: 56px;
  letter-spacing: 1px;
}

#customPopup .content {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 20px 100px;
  border: 1px solid #cc1e54;
  background: #ffffff;
}

#customPopup .buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  padding: 20px;
  text-align: center;
}

#customPopup .button {
  min-width: 160px;
  height: 50px;
  padding: 0 20px;
  margin: 0 20px;
  border-radius: 7px;
  background: #cc1e54;
  display: inline-block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#customPopup .button:hover {
  background: #f39200;
}

#sliderAdminLink {
  top: -487px;
  left: auto;
  right: 16px;
}

#sliderSettingsLink {
  top: -487px;
  left: auto;
  right: -3px;
}

#userManagementButton {
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 19px;
  height: 20px;
  z-index: 999;
}

#otherPagesAdminLink {
  top: auto;
  bottom: -3px;
  left: auto;
  right: -3px;
  cursor: pointer;
}

.editButton {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 3px;
  display: block;
  background-color: #e6e9ea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c3c6c9));
  background-image: -webkit-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: -moz-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: -ms-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: -o-linear-gradient(#f2f5f6, #c3c6c9);
  background-image: linear-gradient(#f2f5f6, #c3c6c9);
  border: 1px solid #727374;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  color: #5b5b5b;
  font-size: 11px;
  line-height: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999;
}

.editButton:hover {
  background-color: #b1b7bf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c9d1), to(#808389));
  background-image: -webkit-linear-gradient(#c1c9d1, #808389);
  background-image: -moz-linear-gradient(#c1c9d1, #808389);
  background-image: -ms-linear-gradient(#c1c9d1, #808389);
  background-image: -o-linear-gradient(#c1c9d1, #808389);
  background-image: linear-gradient(#c1c9d1, #808389);
  color: #ffffff;
}

.editButtonImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  background-image: url('../images/editbuttons.png');
}

.buttonModify {
  background-position: -1px -1px;
}

.buttonSettings {
  background-position: -647px -1px;
}

.buttonForm {
  background-position: -837px -1px;
}

.pageBottomLinks {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 42px;
}

.pageBottomLink {
  position: relative;
  float: left;
  display: block;
  height: 26px;
  padding: 4px 6px 0 36px;
  margin: 0 12px 10px 20px;
  background: #cc1e54;
  color: #ffffff;
  font-family: Antonio;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pageBottomLinkArrow {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 26px;
  width: 30px;
  padding: 2px 0 0 7px;
  background: #cc1e54;
  border-right: 4px solid #ffffff;
  color: #ffffff;
  font-family: symbolsigns;
  font-size: 20px;
  line-height: 18px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pageBottomLink:hover, .pageBottomLink:hover .pageBottomLinkArrow {
  background: #f39200;
  color: #ffffff;
}

/* SEARCH PAGE */
#searchPageSearch {
  position: relative;
  width: 100%;
  padding: 10px;
  background: #f2f3f3;
}

#searchPageSearchInput {
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  padding: 0 20px 0 8px;
  border: 0;
  border-radius: 0;
  outline: none;
  background: #ffffff;
}

#searchPageSearchInput::-webkit-input-placeholder /* WebKit browsers */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  font-style: normal;
  opacity: 1 !important;
}

#searchPageSearchInput:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  font-style: normal;
  opacity: 1 !important;
}

#searchPageSearchInput::-moz-placeholder /* Mozilla Firefox 19+ */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  font-style: normal;
  opacity: 1 !important;
}

#searchPageSearchInput:-ms-input-placeholder /* Internet Explorer 10+ */ {
  color: #454545;
  font-family: Antonio;
  font-size: 14px;
  font-style: normal;
  opacity: 1 !important;
}

#searchPageSearchSubmit {
  position: absolute;
  top: 12px;
  right: 16px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #cc1e54;
  font-family: iconfont;
  font-size: 24px;
  line-height: 26px;
  outline: none;
}

.searchResult {
  padding-bottom: 20px;
}

.searchResultTitle {
  font-size: 14px;
  font-weight: bold;
}

.searchResultHighlight {
  color: #791d79;
}

/* NEWS ITEM */
.newsItemDate {
  position: relative;
  width: 100%;
  margin-bottom: 2px;
  border-bottom: 1px solid #e6e6e6;
  font-family: Antonio;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}

.newsItemDate .separator {
  position: relative;
  top: 0;
  color: #cc1e54;
  font-family: Antonio;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}

.newsItemDate .grey {
  color: #262626;
  font: normal 13px/21px Verdana, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 0;
}

.newsItemImageContainer {
  float: left;
  width: 40%;
  padding: 6px 14px 14px 0;
  margin-top: 14px;
}

.newsItemTitle {
  padding: 0;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 21px;
}

.newsItemIntroText {
  position: relative;
  float: left;
  width: 100%;
}

.newsItemIntroText, .newsItemIntroText * {
  color: #262626;
}

.newsItemIntroText.hasImage {
  width: 60%;
}

.newsItemLinkShare {
  position: relative;
  float: right;
  padding-right: 78px;
  margin-bottom: 10px;
  display: inline-block;
  text-decoration: none;
}

.newsItemLink {
  position: relative;
  display: inline-block;
  color: #454545;
  font-size: 12px;
  text-decoration: none;
}

.newsItemLink, .newsItemLink .icon-share {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.newsItemLink:hover, .newsItemLink:hover .icon-share {
  color: #f39200;
}

.purple .newsItemDate, .purple .newsItemTitle, .purple * .newsItemLink span, .purple > .icon-more, .purple > .icon-share {
  color: #791d79;
}

.yellow .newsItemDate, .yellow .newsItemTitle, .yellow * .newsItemLink span, .yellow > .icon-more, .yellow > .icon-share {
  color: #ab9921;
}

.blue .newsItemDate, .blue .newsItemTitle, .blue * .newsItemLink span, .blue > .icon-more, .blue > .icon-share {
  color: #cc1e54;
}

.turquoise .newsItemDate, .turquoise .newsItemTitle, .turquoise * .newsItemLink span, .turquoise > .icon-more, .turquoise > .icon-share {
  color: #00acbc;
}

/* AGENDA ITEM */
.agendaItemDate {
  position: relative;
  width: 100%;
  margin-bottom: 2px;
  border-bottom: 1px solid #e6e6e6;
  font-family: Antonio;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}

.agendaItemDate .separator {
  position: relative;
  top: 0;
  color: #cc1e54;
  font-family: Antonio;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}

.agendaItemDate .grey {
  color: #262626;
  font: normal 13px/21px Verdana, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 0;
}

.agendaItemImageContainer {
  float: left;
  width: 40%;
  padding: 6px 14px 14px 0;
  margin-top: 14px;
}

.agendaItemTitle {
  padding: 0;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 21px;
}

.agendaItemIntroText {
  position: relative;
  float: left;
  width: 100%;
}

.agendaItemIntroText, .agendaItemIntroText * {
  color: #262626;
}

.agendaItemIntroText.hasImage {
  width: 60%;
}

.agendaItemLinkShare {
  position: relative;
  float: right;
  padding-right: 78px;
  margin-bottom: 10px;
  display: inline-block;
  text-decoration: none;
}

.agendaItemLink {
  position: relative;
  display: inline-block;
  color: #454545;
  font-size: 12px;
  text-decoration: none;
}

.purple .agendaItemDate, .purple .agendaItemTitle, .purple * .agendaItemLink span, .purple > .icon-more, .purple > .icon-share {
  color: #791d79;
}

.yellow .agendaItemDate, .yellow .agendaItemTitle, .yellow * .agendaItemLink span, .yellow > .icon-more, .yellow > .icon-share {
  color: #ab9921;
}

.blue .agendaItemDate, .blue .agendaItemTitle, .blue * .agendaItemLink span, .blue > .icon-more, .blue > .icon-share {
  color: #cc1e54;
}

.turquoise .agendaItemDate, .turquoise .agendaItemTitle, .turquoise * .agendaItemLink span, .turquoise > .icon-more, .turquoise > .icon-share {
  color: #00acbc;
}

/* COOKIE NOTIFICATION */
#cookieNotification {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #181818;
  border-bottom: 1px solid #181818;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
}

#cookieNotificationCenter {
  position: relative;
  width: 100%;
  max-width: 990px;
  padding: 14px;
  margin: 0 auto;
}

#cookieNotificationCenter, #cookieNotificationCenter p, #cookieNotificationCenter span {
  color: #fff;
}

#cookieNotificationClose {
  float: right;
  margin-left: 14px;
  display: block;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

#cookieNotificationButtons {
  width: 100%;
  margin-top: 14px;
  text-align: center;
}

.cookieNotificationButton {
  padding: 4px 12px 6px;
  margin: 2px 7px;
  border-radius: 7px 0;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

.cookieNotificationButton:hover {
  color: #fff;
}

.cookieNotificationButton.accept {
  background: #419c00;
}

.cookieNotificationButton.deny {
  background: #db000b;
}

.ytVideoLink {
  position: relative;
  border: 1px solid #cc1e54;
  display: inline-block;
  cursor: pointer;
}

.ytVideoLink .icon-movie  {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -27px;
  margin-left: -25px;
  text-shadow: 0px 0px 5px rgba(150, 150, 150, 0.5);
  color: #ffffff;
  font-family: iconfont;
  font-size: 50px;
  line-height: 54px;
}

.googleMapsLink {
  position: relative;
  width: 100%;
  padding: 14px;
  border: 1px solid #ececec;
  background: #fafafa;
}

.googleMapsLink .text {
  color: #777;
}

.googleMapsLink .buttons {
  width: 100%;
  margin-top: 14px;
  text-align: center;
}

.googleMapsLink .button {
  padding: 4px 12px 6px;
  margin: 2px 7px;
  border-radius: 7px 0;
  background: #999;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.googleMapsLink .button:hover {
  color: #fff;
}

.googleMapsLink .button.accept:hover, .touch .googleMapsLink .button.accept {
  background: #419c00;
}

.googleMapsLink .button.deny:hover, .touch .googleMapsLink .button.deny {
  background: #db000b;
}

.documentCategory {
  position: relative;
  float: left;
  width: 100%;
  padding: 6px 0 4px 30px;
  margin-top: 4px;
  border-bottom: 1px solid #efefef;
  display: block;
  cursor: pointer;
  font-family: Antonio;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
}

.documentCategory .fa {
  position: absolute;
  top: 3px;
  left: 2px;
  color: #cc1e54;
  font-size: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.documentCategory.first {
  padding-top: 10px;
  border-top: 1px solid #efefef;
}

.documentCategory.first .fa {
  top: 7px;
}

.documentCategory:hover, .documentCategory:hover .fa {
  color: #f39200;
}

.documentCategoryContent {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 15px;
}

.documentCategoryContent.open {
  display: block;
}

.documentCategoryContent.closed {
  display: none;
}

.documentItem {
  position: relative;
  float: left;
  width: 100%;
  padding: 7px 130px 7px 30px;
  border-bottom: 1px solid #efefef;
  line-height: 24px;
}

.documentItem .fa {
  position: absolute;
  top: 10px;
  left: 5px;
  font-size: 20px;
}

.documentItem .fileSize {
  position: absolute;
  top: 7px;
  right: 40px;
  line-height: 24px;
}

.documentItem .fa-download {
  position: absolute;
  top: 7px;
  right: 3px;
  left: auto;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
}

.documentItem .fa-file-o {
  color: #333;
}

.documentItem .fa-file-pdf-o {
  color: #dc2c34;
}

.documentItem .fa-file-word-o {
  color: #488ccb;
}

.documentItem .fa-file-excel-o {
  color: #589c29;
}

.documentItem .fa-file-powerpoint-o {
  color: #ff9600;
}

.documentItem .fa-file-image-o {
  color: #ab8cc0;
}

.documentItem .fa-file-zip-o {
  color: #333;
}

.documentItem .fa-file-audio-o {
  color: #333;
}

.documentItem .fa-file-video-o {
  color: #333;
}

.documentItem .fa-file-code-o {
  color: #333;
}

.vsv-form {
  margin-top: 20px;
}

/* MERLIN FORMS */
.mf-successmsg, .mf-errormsg, .mf-maxregistrationsmsg {
  padding: 12px;
  margin: 12px 0;
}

.mf-successmsg {
  border: 2px solid #cc1e54;
}

.mf-errormsg, .mf-maxregistrationsmsg {
  border: 2px solid #f00;
}

.mf-errormsg {
  color: #f00;
}

.merlinform {
  width: 100% !important;
}

td.mf-field {
  padding-bottom: 10px;
}

.mf-form input, .mf-form select {
  padding: 4px;
}

.mf-form input.error {
  border: 1px solid #f00;
}

.mf-form .mf-button {
  float: left;
  height: 26px;
  padding: 4px 6px 0;
  margin: 0 12px 10px 0;
  border: 0;
  border-radius: 0;
  background: #cc1e54;
  display: block;
  color: #ffffff;
  font-family: Antonio;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.mf-form .mf-button:hover {
  background: #cc1e54;
}

.merlinform * input[type=text]:focus, .merlinform * textarea:focus {
  -webkit-box-shadow: 0 0 2px rgba(0, 146, 183, 0.4);
  -moz-box-shadow: 0 0 2px rgba(0, 146, 183, 0.4);
  box-shadow: 0 0 2px rgba(0, 146, 183, 0.4);
}

.merlinform *, .merlinform  *:before, .merlinform  *:after {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/*custom form*/
/* Floating column for labels: 25% width */
.form-col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
  text-align:left;
}

/* Floating column for inputs: 75% width */
.form-col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.form-row:after {
  content: "";
  display: table;
  clear: both;
}

.form-field
{
  width:100%;
}

@media (max-width: 700px) {
  .form-col-25, .form-col-75, .form-button, .form-field, .login-error {
    width: 100%;
    margin-top: 0;
  }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request: h5bp.com/r
   ========================================================================== */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}