/*/  _____ __     __ _   _            __  __  _____  _______  _____
  |  __ \\ \   / /| \ | |    /\    |  \/  ||_   _||__   __||  ___|
  | |  | |\ \_/ / |  \| |   /  \   | \  / |  | |     | |   | |__
  | |  | | \   /  | . ` |  / /\ \  | |\/| |  | |     | |   |  __|
  | |__| |  | |   | |\  | / ____ \ | |  | | _| |_    | |   | |___
  |_____/   |_|   |_| \_|/_/    \_\|_|  |_||_____|   |_|   |_____| AG | ASW – www.dynamite.ch ////////////////////////////////
/*/

/*/ BASE STYLES //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
    margin: 0px;
    padding: 0px;
      box-sizing: border-box;
}

html {

}

body {
      color: #29343A;
      font-size: 12pt;
      line-height: 1.5;
      background: #FFFFFF;
      font-family: Raleway, sans-serif;
}

  h1, h2,
  h3, h4,
  h5, h6 {
      font-family: Raleway, sans-serif;
  }

  h1, h2 {
      margin-bottom: 20px;
  }

h1, h2,
  h3, h4 {
      font-weight: bold;
}

  h5, h6 {
      font-weight: normal;
  }

h2 {
  font-size: 22pt;
}

  h3 {
  font-size: 18pt;
}

  h4, h5 {
  font-size: 12pt;
}

  h6 {
  font-size: 10pt;
}

  p {
      font-size: 1.0em;
      margin-bottom: 20px;
  }

  p.center {
      text-align: center;
  }

a,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
      color: #7794AE;
}

  a {
      -webkit-transition: color 0.25s ease;
     -moz-transition: color 0.25s ease;
      -ms-transition: color 0.25s ease;
     -o-transition: color 0.25s ease;
      transition: color 0.25s ease;
  }

  a[href^="tel:"],
  a[href^="mailto:"] {
      white-space: nowrap;
      -webkit-hyphens: none;
         -moz-hyphens: none;
              hyphens: none;
  }

  a[href^="tel:"] span,
  a[href^="mailto:"] span {
      margin: 0;
      padding: 0;
      float: left;
      max-width: 0;
      display: none;
      position: relative;
  }

  a.box-link,
  button.box-link {
      padding: 6px 10px;
      display: inline-block;
      -webkit-transition: background 0.25s linear, color 0.25s ease;
     -moz-transition: background 0.25s linear, color 0.25s ease;
      -ms-transition: background 0.25s linear, color 0.25s ease;
     -o-transition: background 0.25s linear, color 0.25s ease;
      transition: background 0.25s linear, color 0.25s ease;
  }

  a.box-link,
  a.box-link:visited,
  button.box-link {
      color: #FFFFFF;
      background: rgba(255,255,255,0.1);
  }

  a.box-link:hover,
  a.box-link:active,
  button.box-link:hover {
      color: #FFFFFF;
      background: rgba(255,255,255,0.5);
  }

  a.box-link.expand,
  button.box-link {
      width: 100%;
      display: block;
      text-align: center;
  }

div.download-opts{
  width:100%;
  padding:10px 0;
  text-align:center;
  font-size: 13px;
}

  button {
      border: 0;
      margin: 0;
      padding: 0;
      outline: none;
      font-family: Raleway, sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }

  button,
  button:hover,
  button:active {
      background: none;
  }

.hyphenate {
  -ms-word-break: break-word;
    word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      hyphens: auto;
}

.no-hyphens {
  -ms-word-break: initial;
    word-break: initial;
  -webkit-hyphens: none;
     -moz-hyphens: none;
      hyphens: none;
}

.animate-this {
  -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
     -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
}

  .full-width div,
  .full-width img,
  .full-width figure {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      float: left;
      width: 100%;
      height: auto;
      display: block;
      position: relative;
  }

  .full-width-header h3 {
      margin: 0;
      padding: 10px 0;
  }

  .csc-default div:not(.styled-list) > ul {
      list-style: none;
  }

  .csc-default div:not(.styled-list) > ul li {
      display: block;
      margin-left: 10px;
  }

  .csc-default div:not(.styled-list) > ul li:before {
      width: 10px;
      content: '›';
      margin-left: -10px;
      display: inline-block;
  }

  .csc-textpic-caption {
      margin: 6px 0;
      line-height: 1;
      font-size: 10pt;
  }
  
  div.csc-textpic .csc-textpic-imagewrap img{
  width: 100%;
  max-width: 100%;
  position: relative;
}
  

/*/ STRUCTURE STYLINGS ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

  #wrapper {
      max-width: 100%;
      overflow-x: hidden;
  }

  #header {
      z-index: 9999;
      background: #FFFFFF;
      box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  }

  #main,
  #header,
  #footer,
  #content,
  #featured {
      float: left;
      width: 100%;
      display: bock;
      position: relative;
  }

  #footer {
      color: #FFFFFF;
      padding: 40px 0;
  }

  #header .top,
  #header .sub {
      display: block;
      position: relative;
  }

  #header .top {
      z-index: 1;
      padding: 32px 0 0;
  }

  #header .sub {
      z-index: 0;
      box-shadow: inset 0px 5px 5px rgba(0,0,0,0.1);
  }

  #header .logo {
      width: 100%;
      display: block;
      margin-bottom: 27px;
  }

  #footer .logo,
  #footer .logo-1,
  #footer .logo-2,
  #footer .logo-3 {
      width: 100%;
      display: block;
  }

  #footer .logo {
      margin-bottom: 30px;
  }

  #footer .logo-1,
  #footer .logo-2,
  #footer .logo-3 {
      margin-bottom: 15px;
  }

  #footer h4 {
      color: #FFFFFF;
      font-weight: normal;
      margin-bottom: 10px;
  }

  #main {
      min-height: 500px;
  }

/*/ PROGRAM PAGE SPECIFIC STYLES /////////////////////////////////////////////////////////////////////////////////////////////*/

  #program .csc-header > * {
      margin: 0;
  }

  #program .csc-header + h2,
  #program .csc-header + h3 {
      margin-bottom: 20px;
  }

/*/ TOP MENU STYLE ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  #top-menu,
  #top-menu a,
  #top-menu ul,
  #top-menu li {
      position: relative;
  }

  #top-menu,
  #top-menu a {
      width: 100%;
      display: block;
  }

  #top-menu ul,
  #top-menu li {
      margin: 0;
      padding: 0;
  }

  #top-menu ul {
      display: block;
      list-style: none;
  }

  #top-menu li {
      display: inline-block;
  }

  #top-menu a {
      height: 100%;
      text-align: left;
      padding: 4px 10px 25px;
  }

  #top-menu .cur a,
  #top-menu a:hover,
  #top-menu a:active {
      font-weight: bold;
  }

  #top-menu .cur a:after {
      left: 10px;
      bottom: -16px;
      content: ' ';
      display: block;
      position: absolute;
      border-top: 8px solid #FFFFFF;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid transparent;
  }

  #top-menu li {
      -webkit-transition: width 0.5s ease;
     -moz-transition: width 0.5s ease;
      -ms-transition: width 0.5s ease;
     -o-transition: width 0.5s ease;
      transition: width 0.5s ease;
  }

  #top-menu a {
      -webkit-transition: color 0.5s ease, font-weight 0.5s ease;
     -moz-transition: color 0.5s ease, font-weight 0.5s ease;
      -ms-transition: color 0.5s ease, font-weight 0.5s ease;
     -o-transition: color 0.5s ease, font-weight 0.5s ease;
      transition: color 0.5s ease, font-weight 0.5s ease;
  }

/*/ MAIN MENU STYLES /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  #main-nav,
  #main-nav ul {
      float: right;
  }

  #main-nav,
  #main-nav a {
      width: 100%;
  }

  #main-nav,
  #main-nav a,
  #main-nav ul,
  #main-nav li {
      position: relative;
  }

  #main-nav,
  #main-nav a,
  #main-nav ul {
      display: block;
  }

  #main-nav ul,
  #main-nav li {
      margin: 0;
      padding: 0;
  }

  #main-nav ul {
      list-style: none;
  }

  #main-nav li {
      width: 0;
      float: left;
      overflow: hidden;
      display: inline-bock;
  }

  #main-nav a {
      height: 55px;
      padding: 14px 0;
      text-align: right;
  }

  #main-nav a:after {
      top: 0;
      right: 20px;
      opacity: 0;
      content: ' ';
      display: block;
      position: absolute;
      border-top: 8px solid #FFFFFF;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid transparent;
  }

  #main-nav .cur a,
  #main-nav a:hover,
  #main-nav a:active {
      font-weight: bold;
  }

  #main-nav .cur a:after {
      opacity: 1;
      -webkit-transition: opacity 0.5s ease;
     -moz-transition: opacity 0.5s ease;
      -ms-transition: opacity 0.5s ease;
     -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
  }

  #main-nav a {
      -webkit-transition: color 0.5s ease, font-weight 0.5s ease;
     -moz-transition: color 0.5s ease, font-weight 0.5s ease;
      -ms-transition: color 0.5s ease, font-weight 0.5s ease;
     -o-transition: color 0.5s ease, font-weight 0.5s ease;
      transition: color 0.5s ease, font-weight 0.5s ease;
  }

  #main-nav.ready li {
      width: auto;
  }

  #main-nav.go-resp {
      opacity: 0;
      max-height: 0;
      overflow: hidden;
  }

  #main-nav.go-resp li {
      width: 100%;
      display: block;
  }

  #main-nav.go-resp a {
      text-align: center;
  }

  #main-nav.go-resp .cur a:after {
      display: none;
  }

  #main-nav.go-resp {
      -webkit-transition: max-height 1.0s ease, opacity 1.0s ease;
     -moz-transition: max-height 1.0s ease, opacity 1.0s ease;
      -ms-transition: max-height 1.0s ease, opacity 1.0s ease;
     -o-transition: max-height 1.0s ease, opacity 1.0s ease;
      transition: max-height 1.0s ease, opacity 1.0s ease;
  }

  #main-nav[data-status="open"] {
      opacity: 1;
      max-height: 640px;
  }
  
  /* @group Language Menu */

  #main-nav ul.lmenu{
      display: none;
    float: left;
    border-right: 1px solid #7794AE;
  }
  
  #main-nav ul.lmenu li a.act{
    display: none;
  }
  
  #main-nav.go-resp ul{
    width: 100%;
  }
  
  #main-nav.go-resp ul.lmenu{
    border: none;
    float: right;
    background: rgba(255,255,255,0.1);
    margin: 0;
  }
  
/* @end */

/*/ OPEN MENU BUTTON /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  #open-nav {
      width: 40px;
      height: 40px;
      float: right;
      display: none;
      overflow: hidden;
      position: relative;
      -webkit-transition: background 0.5s ease;
     -moz-transition: background 0.5s ease;
      -ms-transition: background 0.5s ease;
     -o-transition: background 0.5s ease;
      transition: background 0.5s ease;
  }

  #open-nav.go-resp {
      display: block;
  }

  #open-nav .line {
      left: 50%;
      width: 60%;
      height: 2px;
      display: block;
      position: absolute;
  }

  #open-nav .line.tp,
  #open-nav .line.bt {
      -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
      transform: translateX(-50%);
  }

  #open-nav .line.tp {
      -webkit-transition: top 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
     -moz-transition: top 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
      -ms-transition: top 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
     -o-transition: top 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
      transition: top 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
  }

  #open-nav .line.bt {
      -webkit-transition: bottom 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
     -moz-transition: bottom 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
      -ms-transition: bottom 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
     -o-transition: bottom 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
      transition: bottom 0.5s ease, opacity 0.5s ease, width 0.5s ease, background 0.5s ease;
  }

  #open-nav .line.m1,
  #open-nav .line.m2 {
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: -webkit-transform 0.5s ease, width 0.5s ease, left 0.5s ease, background 0.5s ease;
     -moz-transition:    -moz-transform 0.5s ease, width 0.5s ease, left 0.5s ease, background 0.5s ease;
      -ms-transition:     -ms-transform 0.5s ease, width 0.5s ease, left 0.5s ease, background 0.5s ease;
     -o-transition:      -o-transform 0.5s ease, width 0.5s ease, left 0.5s ease, background 0.5s ease;
      transition:         transform 0.5s ease, width 0.5s ease, left 0.5s ease, background 0.5s ease;
  }

  #open-nav .line.tp {
      top: 10px;
  }

  #open-nav .line.bt {
      bottom: 10px;
  }

  #open-nav[data-status="open"] .line.tp,
  #open-nav[data-status="open"] .line.bt {
      width: 0;
      opacity: 0;
  }

  #open-nav[data-status="open"] .line.tp {
      top: 50%;
  }

  #open-nav[data-status="open"] .line.bt {
      bottom: 50%;
  }

  #open-nav[data-status="open"] .line.m1,
  #open-nav[data-status="open"] .line.m2 {
      left: 10%;
      width: 80%;
      -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

  #open-nav[data-status="open"] .line.m1 {
      -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  #open-nav[data-status="open"] .line.m2 {
      -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

/*/ FEATURE + polygon STYLEs /////////////////////////////////////////////////////////////////////////////////////////////////*/

  #featured img,
  #featured .placer,
  #featured .polygon,
  #featured .polygon .text {
      display: block;
  }

  #featured .polygon a, #featured .polygon a:visited {
      color: #fff;
  }

  #featured img {
      width: 100%;
      height: auto;
      position: relative;
  }

  #featured .placer,
  #featured .polygons,
  #featured .polygon .text {
      position: absolute;
  }

  #featured .placer {
      left: 50%;
      width: 100%;
      z-index: 999;
      bottom: -125px;
      padding: 0 10px;
      max-width: 1080px;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%);
  }

  #featured .polygons {
      left: 0;
      z-index: 998;
      width: 215px;
      height: 300px;
      display: block;
      bottom: -115px;
  }

  #featured .polygon {
    float: right;
    width: 406px;
    height: 406px;
    overflow: hidden;
    position: relative;
  }

  #featured .polygon .text {
      top: 50%;
      left: 52%;
      width: 240px;
      height: auto;
      -webkit-transform: translate(-50%,-50%);
         -moz-transform: translate(-50%,-50%);
          -ms-transform: translate(-50%,-50%);
           -o-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
  }

  #featured .polygon p,
  #featured .polygon h2,
  #featured .polygon h2 b,
  #featured .polygon h2 small {
      display: block;
      color: #FFFFFF;
      line-height: 1.15;
  }

  #featured .polygon p,
  #featured .polygon h2 {
      text-shadow: 0px 0px 10px rgba(0,0,0,0.4);
  }

  #featured .polygon p,
  #featured .polygon h2 b {
      font-weight: bold;
  }

  #featured .polygon p {
      margin: 0;
      font-size: 14pt;
  }

  #featured .polygon h2 {
      margin-bottom: 20px;
      font-weight: normal;
  }

  #featured .polygon h2 b {
      font-size: 24pt;
      margin-top: 10px;
  }

  #featured .polygon h2,
  #featured .polygon h2 small {
      font-size: 16pt;
  }

/*/ CONTENT SECTIONS STYLES //////////////////////////////////////////////////////////////////////////////////////////////////*/

  div[class*="blue"],
  div[class*="blue"] h2,
  div[class*="blue"] h3,
  div[class*="blue"] h4,
  section[class*="blue"],
  section[class*="blue"] h2,
  section[class*="blue"] h3,
  section[class*="blue"] h4 {
      color: #FFFFFF;
  }

/*/ STYLED LISTS STYLINGS ////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .styled-list {
      clear: both;
  }

  .styled-list ul {
      padding: 0;
      margin: 20px 0;
      list-style: none;
  }

  .styled-list ul li {
      padding: 5px 10px 9px;
  }

  .styled-list ul li {
      list-style: none;
      line-height: 1.0;
  }

  .styled-list ul li b {
      line-height: 1.5;
      font-weight: normal;
  }

  .styled-list p small {
      display: block;
      padding: 0px 10px;
  }

  .styled-list p small,
  .styled-list ul li small {
      font-size: 10pt;
  }

  .styled-list.of-pdfs ul li,
  .styled-list.of-links ul li {
      padding: 7px 0;
  }

  .styled-list.of-pdfs ul li a,
  .styled-list.of-links ul li a {
      display: block;
      position: relative;
      padding: 0 10px 0 0;
      -webkit-transition: color 0.25s ease;
     -moz-transition: color 0.25s ease;
      -ms-transition: color 0.25s ease;
     -o-transition: color 0.25s ease;
      transition: color 0.25s ease;
  }
/*.light-blue a, .styled-list ul li a, .styled-list ul li a:visited {color:#fff !important;}*/

  .styled-list ul li a:after,
  .styled-list ul li a:before {
      width: 10px;
      float: right;
      font-size: 15pt;
      margin-top: -5px;
      text-align: right;
      margin-right: -10px;
      display: inline-block;
  }

  .styled-list ul li a:after {
      content: '›';
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:after,
  .styled-list.of-pdfs ul li a[href*=".pdf"]:before {
      width: 16px;
      height: 16px;
      content: ' ';
      margin-top: 0;
      margin-right: -10px;
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:after {
      margin-right: -16px;
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:after,
  .styled-list.of-pdfs ul li a[href*=".pdf"]:before {
      background: url(../svg/file_icons_scheme-1.svg) no-repeat;
      background-size: 64px 32px;
  }

  .no.svg .styled-list.of-pdfs ul li a[href*=".pdf"]:after,
  .no.svg .styled-list.of-pdfs ul li a[href*=".pdf"]:before {
      background: url(../img/file_icons_scheme-1.png) no-repeat;
      background-size: 64px 32px;
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:after {
      opacity: 0;
      background-position: 0 -16px;
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:before {
      opacity: 1;
      background-position: 0 0;
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:hover:after {
      opacity: 1;
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:hover:before {
      opacity: 0;
  }

  .styled-list.of-pdfs ul li a[href*=".pdf"]:after,
  .styled-list.of-pdfs ul li a[href*=".pdf"]:before {
      -webkit-transition: opacity 0.25s ease;
     -moz-transition: opacity 0.25s ease;
      -ms-transition: opacity 0.25s ease;
     -o-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease;
  }

/*/ ON HOVER TEXT BLOCK //////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .on-hover-text {
      padding: 10px;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      background: #6E8EA9;
      margin-bottom: 20px;
  }

  .on-hover-text,
  .on-hover-text .text,
  .on-hover-text .full,
  .on-hover-text .cover {
      width: 100%;
      display: block;
  }

  .on-hover-text .text {
      color: #FFFFFF;
      text-align: center;
      position: relative;
  }

  .on-hover-text .cover {
      left: 0;
      padding: 10px;
      position: absolute;
  }

  .on-hover-text .full {
      opacity: 0;
      position: relative;
  }

  .on-hover-text .cover {
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
  }

  .on-hover-text .cover .text {
      font-weight: bold;
  }

  .on-hover-text .full .text {
      font-size: 11pt;
  }

  .on-hover-text.show {
      background: #29475C;
  }

  .on-hover-text.show .full {
      opacity: 1;
  }

  .on-hover-text.show .cover {
      opacity: 0;
  }

  .on-hover-text {
      -webkit-transition: background 0.25s ease;
     -moz-transition: background 0.25s ease;
      -ms-transition: background 0.25s ease;
     -o-transition: background 0.25s ease;
      transition: background 0.25s ease;
  }

  .on-hover-text .full,
  .on-hover-text .cover {
      -webkit-transition: opacity 0.25s ease;
     -moz-transition: opacity 0.25s ease;
      -ms-transition: opacity 0.25s ease;
     -o-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease;
  }

/*/ EXPANDER STYLES //////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .expander {

  }

  .expander .exp-head,
  .expander .exp-body {
      display: block;
      position: relative;
  }

  .expander .exp-body {
      margin: 0px;
      overflow: hidden;
  }

  .expander .exp-head h2 {
      margin: 0;
      padding: 0;
  }

  .expander .exp-head {
      background: #497797;
      padding: 3px 40px 5px 15px;
      -webkit-transition: background 0.25s ease;
     -moz-transition: background 0.25s ease;
      -ms-transition: background 0.25s ease;
     -o-transition: background 0.25s ease;
      transition: background 0.25s ease;
  }

  .expander .exp-head:hover {
      background: #7794AE;
  }

  .expander.ready .exp-head {
      cursor: pointer;
  }

  .expander.ready .exp-head:after {
      top: 10px;
      right: 10px;
      width: 30px;
      height: 30px;
      content: '>';
      font-size: 22pt;
      font-weight: bold;
      line-height: 25px;
      position: absolute;
      text-align: center;
      -webkit-transition: -webkit-transform 0.25s ease;
     -moz-transition:    -moz-transform 0.25s ease;
      -ms-transition:     -ms-transform 0.25s ease;
     -o-transition:      -o-transform 0.25s ease;
      transition:         transform 0.25s ease;
  }

  .expander[data-expanded="0"] .exp-body {
      height: 0;
      opacity: 0;
  }

  .expander[data-expanded="1"] .exp-body {
      opacity: 1;
      margin-top: 40px;
  }

  .expander[data-expanded="0"] .exp-head:after {
      -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
      transform: rotate(90deg);
  }

  .expander[data-expanded="1"] .exp-head:after {
      -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }

.expander .exp-body nav,
.expander .exp-body nav ul,
.expander .exp-body nav ul li{
  min-height:40px;
}

.expander .exp-body nav ul.csc-menu-1 li{
  position: relative;
  width: 100%;
  height: 40px;
  display: block;
}

.expander .exp-body nav ul.csc-menu-1 li a{
  padding: 7px 10px;
  border-bottom: 1px solid #4CB2D0;
    width: 100%;
    display: block;
    position: relative;
    height: 40px;
}

/*/ OVERLAYS STYLES //////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  #overlays {
      top: 0;
      opacity: 0;
      z-index: 9999;
      display: none;
      position: fixed;
      max-height: 100%;
      overflow-x: hidden;
      background: #FFFFFF;
      -webkit-transition: opacity 0.5s ease;
     -moz-transition: opacity 0.5s ease;
      -ms-transition: opacity 0.5s ease;
     -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
  }

  #overlays,
  #overlays > div[data-overlay] {
      left: 0;
      width: 100%;
      min-height: 100%;
  }

  #overlays > div[data-overlay] {
      display: none;
      padding: 50px 0;
  }

  #overlays.scroll > div[data-overlay] {
      float: left;
      height: auto;
      position: relative;
  }

  #overlays.no-scroll > div[data-overlay] {
      top: 50%;
      clear: both;
      position: absolute;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
  }

  #overlays > div[data-overlay]:after,
  #overlays > div[data-overlay]:before {
      z-index: -1;
      content: ' ';
      width: 600px;
      height: 600px;
      display: block;
      position: absolute;
  }

  #overlays > div[data-overlay]:before {
      left: 0;
      top: 10%;
  }

  #overlays > div[data-overlay]:after {
      right: 0;
      bottom: 10%;
      -webkit-transform: scaleX(-1);
         -moz-transform: scaleX(-1);
           -o-transform: scaleX(-1);
              transform: scaleX(-1);
      -ms-filter: "FlipH";
          filter: FlipH;
  }

  #overlays.no-scroll > div[data-overlay]:before {
      top: -25%;
  }

  #overlays.no-scroll > div[data-overlay]:after {
      bottom: -25%;
  }

  #overlays > button,
  #overlays > button span,
  #overlays > button span:after,
  #overlays > button span:before {
      display: block;
      position: absolute;
  }

  #overlays > button {
      top: 0;
      right: 0;
      height: 40px;
      z-index: 9999;
      color: #FFFFFF;
      cursor: pointer;
      padding: 10px 40px 10px 10px;
  }

  #overlays > button span {
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      background: transparent;
      border: 1px solid #FFFFFF;
      -webkit-transition: background 0.25s ease, border 0.25s ease;
     -moz-transition: background 0.25s ease, border 0.25s ease;
      -ms-transition: background 0.25s ease, border 0.25s ease;
     -o-transition: background 0.25s ease, border 0.25s ease;
      transition: background 0.25s ease, border 0.25s ease;
  }

  #overlays > button span:after,
  #overlays > button span:before {
      top: 8px;
      left: 2px;
      height: 0;
      width: 14px;
      content: ' ';
      border-top: 1px solid #FFFFFF;
      -webkit-transition: border 0.25s ease;
     -moz-transition: border 0.25s ease;
      -ms-transition: border 0.25s ease;
     -o-transition: border 0.25s ease;
      transition: border 0.25s ease;
  }

  #overlays > button span:after {
      -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  #overlays > button span:before {
      -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  #overlays > button:hover span {
      background: #FFFFFF;
  }

  #overlays > button:hover span:after,
  #overlays > button:hover span:before {
      border-top: 1px solid #000000;
  }

/*/ BACK-TO-TOP BUTTON STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/

  #back-to-top span,
  #back-to-top span:after,
  #back-to-top span:before {
      display: block;
      position: absolute;
  }

  #back-to-top {
      right: 0;
      bottom: -49px;
      opacity: 0;
      height: 40px;
      z-index: 9998;
      color: #FFFFFF;
      cursor: pointer;
      position: fixed;
      background: #000000;
      padding: 10px 40px 10px 10px;
      -webkit-transition: bottom 0.5s ease, opacity 0.5s ease;
     -moz-transition: bottom 0.5s ease, opacity 0.5s ease;
      -ms-transition: bottom 0.5s ease, opacity 0.5s ease;
     -o-transition: bottom 0.5s ease, opacity 0.5s ease;
      transition: bottom 0.5s ease, opacity 0.5s ease;
  }

  #back-to-top span {
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      background: transparent;
      border: 1px solid #FFFFFF;
      -webkit-transition: background 0.25s ease, border 0.25s ease;
     -moz-transition: background 0.25s ease, border 0.25s ease;
      -ms-transition: background 0.25s ease, border 0.25s ease;
     -o-transition: background 0.25s ease, border 0.25s ease;
      transition: background 0.25s ease, border 0.25s ease;
  }

  #back-to-top span:after,
  #back-to-top span:before {
      top: 8px;
      height: 0;
      content: ' ';
      border-top: 1px solid #FFFFFF;
      -webkit-transition: border 0.25s ease;
     -moz-transition: border 0.25s ease;
      -ms-transition: border 0.25s ease;
     -o-transition: border 0.25s ease;
      transition: border 0.25s ease;
  }

  #back-to-top span:after {
      right: 3px;
      width: 7px;
      -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  #back-to-top span:before {
      left: 3px;
      width: 8px;
      -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  #back-to-top:hover span {
      background: #FFFFFF;
  }

  #back-to-top:hover span:after,
  #back-to-top:hover span:before {
      border-top: 1px solid #000000;
  }

/*/ FACTS  STYLES /////////////////////////////////////////////////////////////////////////////////////////////////////*/

  #facts {
      text-align: center;
  }

  #facts a {
      margin-top: 40px;
  }

  #facts ul li {
      color: #FFFFFF;
  }

  #facts h2 {
      color: #B5C3D2;
      font-size: 22pt;
      margin-bottom: 30px;
      text-decoration: underline;
  }

  #facts ul {
      margin: 0;
      padding: 0 15%;
      list-style: none;
  }

  #facts ul li {
      font-size: 30pt;
  }

/*/ VERTICAL GLIDER STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////*/

  .glider,
  .glider .controls {
      display: block
  }

  .glider {
      clear: both;
      position: relative;
  }

  .glider ul,
  .glider ul li {
      margin: 0;
      padding: 0;
  }

  .glider ul {
      overflow: hidden;
      -webkit-transition: margin-top 0.75s linear;
     -moz-transition: margin-top 0.75s linear;
      -ms-transition: margin-top 0.75s linear;
     -o-transition: margin-top 0.75s linear;
      transition: margin-top 0.75s linear;
  }

  .glider ul li {
      width: 100%;
      opacity: 0.2;
      display: block;
      -webkit-transition: opacity 0.75s linear;
     -moz-transition: opacity 0.75s linear;
      -ms-transition: opacity 0.75s linear;
     -o-transition: opacity 0.75s linear;
      transition: opacity 0.75s linear;
  }

  .glider ul li[data-active] {
      opacity: 1;
  }

  .glider ul li:not(:first-of-type) {
      display: none;
  }

  .glider .controls {
      top: 50%;
      right: 0;
      width: 24px;
      position: absolute;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
  }

  .glider .controls button {
      margin: 0;
      width: 24px;
      height: 24px;
      float: left;
      position: relative;
      background: transparent;
  }

  .glider .controls button:before {
      top: 7px;
      left: 7px;
      width: 10px;
      height: 10px;
      content: ' ';
      display: block;
      position: absolute;
      border-radius: 50%;
      background: #FFFFFF;
  }

  .glider .controls button:before {
      opacity: 0.5;
  }

  .glider .controls button:hover:before,
  .glider .controls button[data-active]:before {
      opacity: 1;
  }

  .glider .controls button:before {
      -webkit-transition: opacity 0.25s linear;
     -moz-transition: opacity 0.25s linear;
      -ms-transition: opacity 0.25s linear;
     -o-transition: opacity 0.25s linear;
      transition: opacity 0.25s linear;
  }

/*/ LOGOS ROW STYLES //////////////////////////////////////////////////////////////////////////////////////////////////*/

  .logos-row,
  .logos-row img,
  .logos-row .logos {
      display: block;
      position: relative;
  }

  .logos-row {
      width: 100%;
  }

  .logos-row .logos {
      overflow-x: hidden;
      margin-left: -10px;
      width: calc(100% + 20px);
  }

  .logos-row .logos .logo {
      float: left;
      position: relative;
      padding: 0 10px 10px;
      display: inline-block;
  }

  .logos-row .logos .logo img {
      left: 50%;
      height: auto;
      max-width: 100%;
      -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
           -o-transform: translateX(-50%);
              transform: translateX(-50%);
  }

  .logos-row .logos[data-cols="2"] .logo {
      width: calc(100% / 2);
  }

  .logos-row .logos[data-cols="4"] .logo {
      width: calc(100% / 4);
  }

  .logos-row .logos[data-cols="6"] .logo {
      width: calc(100% / 6);
  }

/*/ SPEAKER BLOCK STYLES /////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .speaker-block,
  .speaker-block .portrait,
  .speaker-block .contents {
      float: left;
      position: relative;
  }

  .speaker-block {
      width: 100%;
      display: block;
      margin-bottom: 20px;
      border-bottom: 1px solid #4CB2D0;
  }

  .speaker-block .portrait,
  .speaker-block .contents {
      display: inline-block;
  }

  .speaker-block .portrait {
      width: 35%;
      margin-bottom: 15px;
  }

  .speaker-block .contents {
      width: 65%;
  }

  .speaker-block p,
  .speaker-block h4 {
      padding-left: 10px;
      padding-right: 10px;
  }

  .speaker-block .head {
      padding: 10px;
      color: #FFFFFF;
      line-height: 1;
      background: #4CB2D0;
  }

  .speaker-block .present {
      float: right;
  }

  .speaker-block .speaker {
      margin-top: 10px;
      margin-bottom: 10px;
  }

  .speaker-block .status,
  .speaker-block .subtitle {
      font-size: 0.9em;
  }

  .speaker-block .subtitle {
      margin-bottom: 10px;
  }

/*/ SOCIAL BAR STYLES ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .social-bar {
      margin: 0;
      padding: 0;
      float: left;
  width: 100%;
  list-style: none;
  text-indent: 0px;
      position: relative;
      display: inline-block;
}

.social-bar li {
  float: left;
  margin: 0px;
      display: inline-block;
}

.social-bar,
.social-bar li,
.social-bar .social-icon {
  position: relative;
}

.social-bar .social-icon {
  margin: 0;
      padding: 0;
      width: 44px;
  height: 38px;
  display: block;
      margin-right: 10px;
}

  .social-bar li:last-child .social-icon {
      margin-right: 0;
}

  .social-bar .social-icon:after {
      opacity: 0;
  }

  .social-bar .social-icon:before {
      opacity: 1;
  }

  .social-bar .social-icon:after,
  .social-bar .social-icon:before {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: ' ';
      display: block;
      position: absolute;
  }

  .no-touch .social-bar .social-icon:hover:after {
      opacity: 1;
  }

  .no-touch .social-bar .social-icon:hover:before {
      opacity: 0;
  }

[class*="scheme-"] .social-bar .social-icon[data-network="facebook"]:before {
  background-position: 0px 0px;
}

  [class*="scheme-"] .social-bar .social-icon[data-network="facebook"]:after {
  background-position: 0px -38px;
}

[class*="scheme-"] .social-bar .social-icon[data-network="gplus"]:before {
  background-position: -44px 0px;
}

  [class*="scheme-"] .social-bar .social-icon[data-network="gplus"]:after {
  background-position: -44px -38px;
}

  [class*="scheme-"] .social-bar .social-icon[data-network="xing"]:before {
  background-position: -88px 0px;
}

  [class*="scheme-"] .social-bar .social-icon[data-network="xing"]:after {
  background-position: -88px -38px;
}

  [class*="scheme-"] .social-bar .social-icon[data-network="linkedin"]:before {
  background-position: -132px 0px;
}

  [class*="scheme-"] .social-bar .social-icon[data-network="linkedin"]:after {
  background-position: -132px -38px;
}

  .social-bar .social-icon:after,
  .social-bar .social-icon:before {
      -webkit-transition: opacity 0.25s linear;
     -moz-transition: opacity 0.25s linear;
      -ms-transition: opacity 0.25s linear;
     -o-transition: opacity 0.25s linear;
      transition: opacity 0.25s linear;
  }

/*/ PSEUDO DIVIFIED TABLE ////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .table {
      width: 100%;
      clear: both;
      display: table;
      margin: 20px 0;
      border: initial;
      background: initial;
  }

  .table .head {
      background: initial;
      display: table-header-group;
  }

  .table .body {
      background: initial;
      display: table-row-group;
  }

  .table .foot {
      background: initial;
      display: table-footer-group;
  }

  .table .span {
      display: table-row;
      background: initial;
  }

  .table .span .cell {
      line-height: 1.5;
      padding: 5px 10px;
      font-size: initial;
      display: table-cell;
      background: initial;
  }

  [class^="scheme"] .table .span .cell > .cell {
      padding: 0 5px 0 0;
  }

/*/ DOWNLOADS FORM STYLES ////////////////////////////////////////////////////////////////////////////////////////////////////*/

  #files-lists {
      opacity: 0;
  }
  #files-lists a {
      color: #4CB2D0;
  }

  #files-lists.ready {
      opacity: 1;
      padding-bottom: 40px;
  }

  #downloads .white {
      padding-bottom: 0;
  }

  form#download {
      height: 0;
      margin: 0;
      padding: 0;
      opacity: 0;
      display: block;
      overflow: hidden;
      position: relative;
  }

  form#download.blue {
      background-color: #4CB2D0;
      background-position: 5% 35%;
  }

  form#download.show {
      opacity: 1;
      height: auto;
      padding: 60px 0;
  }

  form#download label {
      height: 47px;
      color: #FFFFFF;
      font-size: 1.2em;
      text-align: right;
      line-height: 47px;
  }

  form#download fieldset {
      margin: 0;
      border: 0;
      padding: 0;
      opacity: 0;
  }

  form#download.show fieldset {
      opacity: 1;
  }

  form#download input {
      margin: 0;
      height: initial;
      font-size: 1.5em;
      text-align: center;
      background: #FFFFFF;
      margin-bottom: 10px;
      border: 1px solid #8FC9E1;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
          -ms-box-shadow: none;
           -o-box-shadow: none;
              box-shadow: none;
  }

  form#download input:focus {
      color: #4CB2D0;
      border-bottom: 1px solid #8FC9E1;
  }

  form#download button.submit {
      float: right;
      color: #FFFFFF;
      line-height: 1;
      padding: 10px 30px;
      background: #8FC9E1;
      border: 1px solid transparent;
      -webkit-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
         -moz-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
          -ms-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
           -o-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
              transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
  }

  form#download button.submit:hover,
  form#download button.submit:active {
      color: #4CB2D0;
      background: #FFFFFF;
  }

  form#download button.submit span {
      font-size: 1.5em;
      margin-top: -10px;
      margin-right: 8px;
      display: inline-block;
  }

  #files-lists,
  form#download {
      -webkit-transition: all 0.50s linear;
         -moz-transition: all 0.50s linear;
          -ms-transition: all 0.50s linear;
           -o-transition: all 0.50s linear;
              transition: all 0.50s linear;
  }

/*/ REGISTRATION FORM STYLES /////////////////////////////////////////////////////////////////////////////////////////////////*/

  form#registration {
      display: block;
      margin-top: 40px;
      position: relative;
  }

  form#registration sup {
      font-weight: bold;
  }

  form#registration .empty {
      color: #FF0000;
      font-weight: bold;
  }

  form#registration .header p,
  form#registration .header h2 {
      margin: 0;
  }

  form#registration fieldset {
      border: 0;
      padding: 0;
  }

  form#registration input {
      height: 25px;
      font-size: 1.2em;
      background: none;
      border-top: none;
      border-left: none;
      border-right: none;
      padding: 0 0 0 0;
      background: #FFFFFF;
      margin: 5px 0 10px 0;
      border-bottom: 1px solid #4CB2D0;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
          -ms-box-shadow: none;
           -o-box-shadow: none;
              box-shadow: none;
  }

  form#registration input:focus {
      color: #4CB2D0;
      border-bottom: 1px solid #8FC9E1;
  }

  form#registration input[type="radio"],
  form#registration input[type="checkbox"] {
      display:none;
  }

  form#registration input[type="radio"] + label,
  form#registration input[type="checkbox"] + label {
      position: relative;
      padding-left: 20px;
      margin: 20px 20px 20px 0;
  }

  form#registration input[type="radio"] + label:after,
  form#registration input[type="radio"] + label:before,
  form#registration input[type="checkbox"] + label:after,
  form#registration input[type="checkbox"] + label:before {
      content: ' ';
      display: block;
      position: absolute;
  }

  form#registration input[type="radio"] + label:before,
  form#registration input[type="checkbox"] + label:before {
      left: 0;
      top: 2px;
      width: 15px;
      height: 15px;
      background: #4CB2D0;
  }

  form#registration input[type="radio"] + label:after,
  form#registration input[type="checkbox"] + label:after {
      top: 3px;
      left: 1px;
      width: 13px;
      height: 13px;
      background: #FFFFFF;
      border: 2px solid #FFFFFF;
  }

  form#registration input[type="radio"]:checked + label:after,
  form#registration input[type="checkbox"]:checked + label:after {
      background: #4CB2D0;
  }

  form#registration .table {
      margin: 10px 0;
  }

  form#registration .table .head {
      color: #FFFFFF;
      font-weight: bold;
      background: #8FC9E1;
  }

  form#registration .table .cell:nth-child(1) {
      width: 20%;
  }

  form#registration .table .cell:nth-child(2) {
      width: 60%;
      border-right: 1px solid #8FC9E1;
  }

  form#registration .table .cell:nth-child(3) {
      width: 20%;
  }

  form#registration .table .body .cell:nth-child(3) {
      padding: 0;
      border-right: 1px solid #8FC9E1;
  }

  form#registration .table .body select {
      margin: 0;
      border: 0;
  margin: 0;
  height: 34px;
  background: url(../svg/select_arrow.svg) no-repeat;
      background-size: 34px 68px;
      background-position: right top;
  -webkit-appearance: none;
         -moz-appearance: none;
          -ms-appearance: none;
           -o-appearance: none;
              appearance: none;
  }

  .no-svg form#registration .table .body select {
  background: url(../svg/select_arrow.png) no-repeat;
      background-size: 34px 68px;
      background-position: right top;
  }

  form#registration .table .body select,
  form#registration .table .body select option {
      padding: 5px;
      font-family: Raleway, sans-serif;
  }

  form#registration .table .body select::-ms-expand {
  display: none;
}

  form#registration .table .body select:hover {
      color: #4CB2D0;
      cursor: pointer;
      background-position: right bottom;
  }

  form#registration .table .body select option {
      font-weight: normal;
  }

  form#registration .table .body select option[disabled] {
      color: #FFFFFF;
      background: #8FC9E1;
  }

  form#registration .table .body .cell {
      border-bottom: 1px solid #8FC9E1;
  }

  form#registration .extra-info {
      overflow: hidden;
      position: relative;
  }

  form#registration .extra-info:after {
      top: 0;
      left: 0;
      opacity: 1;
      width: 100%;
      height: 100%;
      content: ' ';
      position: absolute;
      background: rgba(255, 255, 255, 0.8);
  }

  form#registration .extra-info.active:after {
      width: 0;
      opacity: 0;
  }

  form#registration .extra-info:after {
      -webkit-transition: opacity 0.25s linear, width 0.25s linear;
         -moz-transition: opacity 0.25s linear, width 0.25s linear;
          -ms-transition: opacity 0.25s linear, width 0.25s linear;
           -o-transition: opacity 0.25s linear, width 0.25s linear;
              transition: opacity 0.25s linear, width 0.25s linear;
  }

  form#registration .further-inf {

  }

  form#registration .further-inf ul,
  form#registration .further-inf li {
      position: relative;
  }

  form#registration .further-inf ul {
      list-style: none;
      margin-top: 10px;
      margin-bottom: 20px;
      display: inline-block;
  }

  form#registration .further-inf li {
      margin-left: 0;
      border-bottom: 1px solid #4CB2D0;
  }

  form#registration .further-inf li:before {
      display: none;
  }

  form#registration .further-inf li b {
      float: right;
      margin-left: 20px;
  }

  form#registration button.submit {
      color: #8FC9E1;
      line-height: 1;
      padding: 10px 15px;
      background: transparent;
      border: 1px solid #8FC9E1;
      -webkit-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
         -moz-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
          -ms-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
           -o-transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
              transition: background 0.25s linear, border 0.25s linear, color 0.25s linear;
  }

  form#registration button.submit.active {
      color: #FFFFFF;
      background: #8FC9E1;
      border: 1px solid transparent;
  }

  form#registration button.submit.active:hover,
  form#registration button.submit.active:active {
      background: #4CB2D0;
  }

  form#registration button.submit span {
      font-size: 1.5em;
      margin-top: -10px;
      margin-right: 8px;
      display: inline-block;
  }

  #error-msg,
  #success-msg {
      margin: 0;
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: opacity 0.25s linear, max-height 0.25s linear, margin 0.25s linear;
         -moz-transition: opacity 0.25s linear, max-height 0.25s linear, margin 0.25s linear;
          -ms-transition: opacity 0.25s linear, max-height 0.25s linear, margin 0.25s linear;
           -o-transition: opacity 0.25s linear, max-height 0.25s linear, margin 0.25s linear;
              transition: opacity 0.25s linear, max-height 0.25s linear, margin 0.25s linear;
  }

  #error-msg h4 {
      color: #FF0000;
  }

  #error-msg.done,
  #success-msg.done {
      opacity: 1;
      margin: 18px 0;
      max-height: 100px;
  }

/*/ MEDIA QUERIES ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  @media all and (max-width: 1024px) {

      #featured img {
          width: auto;
          height: 320px;
          max-width: initial;
      }

      #featured img {
          left: 50%;
          -webkit-transform: translateX(-50%);
             -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
               -o-transform: translateX(-50%);
                  transform: translateX(-50%);
      }

  }

  @media all and (max-width: 768px) {

      #facts ul {
          padding: 0 25px 0 0;
      }

      #facts ul li {
          font-size: 22pt;
      }

  }

  @media all and (max-width: 640px) {

      body {
          font-size: 11pt;
      }

      h1, h2 {
          margin-bottom: 15px;
      }

      h2 {
          font-size: 18pt;
      }

      h3 {
          font-size: 14pt;
      }

      h4, h5 {
          font-size: 10pt;
      }

      #header .top {
          padding-top: 20px;
      }

      #featured img {
          width: auto;
          height: 250px;
          max-width: initial;
      }

      #featured .placer {
          bottom: -160px;
      }

       #featured .polygons {
          display: none;
      }

      #featured .polygon {
          width: 310px;
          height: 310px;
      }

      #featured .polygon .text {
          top: 55%;
          width: 200px;
      }

      #featured .polygon .text p {
          font-size: 10pt;
      }

      #featured .polygon .text h2 b {
          font-size: 18pt;
      }

      #featured .polygon .text h2,
      #featured .polygon .text h2 small {
          font-size: 12pt;
      }

      .scheme-2 #content > div:first-of-type {
          padding-top: 160px;
      }

      #footer .social-bar {
          margin-bottom: 20px;
      }

      #footer .social-bar li {
          float: none;
      }

      .table,
      .table .head,
      .table .body,
      .table .foot,
      .table .span {
          width: 100%;
          float: left;
          display: block;
      }

      #program .table .cell {
          width: 100%;
          padding: 3px 10px;
          vertical-align: top;
          display: inline-block;
      }

      #program .table .head .cell:nth-child(2),
      #program .table .head .cell:nth-child(3) {
          border-top: 1px solid #8FC9E1;
      }

      #program .table .body .cell:nth-child(1) {
          padding-top: 5px;
          font-weight: bold;
          padding-bottom: 0;
      }

      #program .table .body .cell:nth-child(2) {
          padding: 0 10px;
      }

      #program .table .body .cell:nth-child(3) {
          padding-top: 0;
          font-style: italic;
          padding-bottom: 5px;
      }

      form#registration .table .cell {
          border: 0;
          float: left;
          vertical-align: top;
          display: inline-block;
      }

      form#registration .table .head .cell {
          padding: 3px 10px;
      }

      form#registration .table .cell:nth-child(1) {
          width: 20%;
      }

      form#registration .table .cell:nth-child(2) {
          width: 80%;
      }

      form#registration .table .cell:nth-child(3) {
          width: 100%;
      }

      form#registration .table .head .cell:nth-child(3) {
          border-top: 1px solid #8FC9E1;
      }

      form#registration .table .body .cell:nth-child(1),
      form#registration .table .body .cell:nth-child(2),
      form#registration .table .body .cell:nth-child(3) {
          border: 0;
      }

      form#registration .table .body select {
          background-color: #8FC9E1;
      }

      form#registration .table .body select:hover {
          background-color: #F4FAFC;
      }

      form#registration .further-inf ul,
      form#registration .further-inf li {

          width: 100%;
      }

      form#registration .further-inf ul {
          margin: 10px 0 30px;
      }

      form#registration .further-inf li b {
          margin: 0;
          display: block;
          float: initial;
      }

      form#registration label[for="meals_qty"],
      form#registration label[for="first_name"] {
          margin-top: 20px;
      }

      form#registration input[type="radio"] + label,
      form#registration input[type="checkbox"] + label {
          margin: 10px 20px 0 0;
      }

      form#download label[for="code"] {
          height: 25px;
          line-height: 1;
          text-align: left;
      }

      #files-lists .table .cell {
          width: 100%;
          display: inline-block;
      }

      #files-lists .table .head {
          display: none;
      }

      #files-lists .table .body .span:nth-child(1) .cell:nth-child(1) {
          border-top: 1px solid #4CB2D0;
      }

      #files-lists .table .body .cell:nth-child(1) {
          font-weight: bold;
      }

      #files-lists .table .body .cell:nth-child(1),
      #files-lists .table .body .cell:nth-child(2) {
          padding-bottom: 3px;
      }

      #files-lists .table .body .cell:nth-child(2),
      #files-lists .table .body .cell:nth-child(3) {
          padding-top: 3px;
      }

      #files-lists .table .body .cell:nth-child(2) {
          font-style: italic;
      }

      #files-lists .table .head .cell:nth-child(2),
      #files-lists .table .head .cell:nth-child(3) {
          border-top: 1px solid #8FC9E1;
      }

      #facts ul li {
          font-size: 18pt;
      }

  }

.sponsorBlock {
    background-color: #effaff;
    margin-top: 25px;
    padding: 25px 0;
    padding-top: 0;
}
.sponsorBlock header {
background-color: #4CB2D0;
margin-bottom: 20px;
}
.sponsorBlock h2 {
    color: #fff !important;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: normal;
}

.sponsor.row {
    background-color:#fff;
    max-height: 185px;
    height: 185px;
    margin: 12px auto;
    border: 1px solid #4CB2D0;
    padding: 20px;
}
.sponsor .medium-4 {
    height: 100%;
    display: flex;
}
.sponsor img {
    object-fit: contain;
    object-position: center;
}
.sponsor h3 {
    color: #29343A !important;
    font-size: 18px;
}
.sponsor a {
    color: #4CB2D0;
}

.sponsorDetail {
  padding: 15px 0;
  padding-top: 0;
}
.sponsorDetail .row .row {
    margin-top: 15px;
}
.detailBlock {
    margin-bottom: 40px;
}
.detailBlock h2 {line-height: 38px;}
.detailBlock img {width: auto;}
.detailBlock a {color: #4CB2D0; text-decoration: underline;}
.scheme-2 .detailBlock a[href*=".pdf"] {
    text-decoration: none; 
    border-bottom: 0 !important;
    /*padding-right: 0 !important;*/
}
.scheme-2 a:not(.box-link)[href*=".pdf"] {
    text-decoration: none; 
    border-bottom: 0 !important;
    /*padding-right: 0 !important;*/
}
.scheme-2 a:not(.box-link)[href*=".pdf"]::before {
    content: none;
}
.scheme-2 a:not(.box-link)[href*=".pdf"]:hover:after {
    /*content: none;*/
    opacity: 1;
    background-position: 0 0px;
}
.detailBlock .detailCategory {color: #4CB2D0; margin-top: 30px;}
.detailBlock .row .column p:last-child {margin-bottom: 0;}
.contactTeaser {
    border: 1px solid #4CB2D0;
    overflow: hidden;
    height: 170px;
    margin-top: 25px;
}
.contactTeaser .contactImg {
    float: left;
    width: 28%;
    height: 100%;
    margin-right: 18px;
}
.contactTeaser .contactImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.contactTeaser .contactText {
    width: auto;
    margin-top: 12px;
    font-size: 14px;
}
.contactTeaser .contactText p {
    margin-bottom:0;
}
.imageleft {text-align: left;}
.imageright {text-align: right;}
.imagecenter {text-align: center;}

.thePerson {
    height: 200px;
    max-height: 200px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 35px;
}
.personNameMedium {
    color: #4CB2D0;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
.thePerson a {
    color: #4CB2D0 !important;
}
.medium-3 .thePerson {
    height: auto;
    max-height: none;
    text-align: left;
}
.thePerson img {
    height: 100%;
    width: auto;
    object-fit: cover;
}
.medium-2 .thePerson img {
    height: 100%;
    width: auto;
    object-fit: cover;
}
.medium-3 .thePerson img {
    margin-bottom: 2px;
    width: 100%;
}

.row.sponsors {
  max-width: 67.5em;
  margin: 0 auto;
}
.sponsorBlock header .row {
    max-width: 67.5em;
    margin: 0 auto;
}

.medium-11 {
    width: 100%;
}
.medium-push-1 {
    left: auto;
}

.videoContainer {
    text-align: center;
    height: auto;
    background: rgb(100, 100, 100, 0.1);
}
.videoContainer #video {
    display: block;
    width: 100%;
}

/*registration*/
.registration a.retry {
    border: 1px solid #4CB2D0;
    padding: 14px 18px;
    color: #4CB2D0;
}
.registration a.retry:visited {color: #4CB2D0;}

/* bruno links */
.light-blue a, .light-blue a:visited {color: #fff; text-decoration: underline;}
.scheme-1 #overlays a, .scheme-1 #overlays a:visited {color: #fff; text-decoration: underline;}

@media screen and (max-width: 768px) {
    .sponsor {
        margin-bottom: 18px;
    }
    [class*="column"] + [class*="column"]:last-child {
        float: left;
    }
    .small-10 {
        width: 100% !important;
    }
}

/*/ END OF CSS FILE //////////////////////////////////////////////////////////////////////////////////////////////////////////*/