@import "http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";
@import url(toastgrid.css);
@import url(jquery.fancybox.min.css);
@import url(contact.css);
@import "http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css";
@font-face {
  font-family: 'SkolaSans';
  src: url(../fonts/SkolaSans-Light.otf); }
@font-face {
  font-family: 'SkolaSansB';
  src: url(../fonts/SkolaSans-Bold.otf); }
@font-face {
  font-family: 'ChoplinB';
  src: url(../fonts/Choplin-Medium-DEMO.otf); }
@font-face {
  font-family: 'Choplin';
  src: url(../fonts/Choplin-Light-DEMO.otf); }
h1 {
  font-size: 3.5em; }

h2 {
  font-size: 1.8em; }
  @media only screen and (min-width: 769px) {
    h2 {
      font-size: 2.5em; } }

h3 {
  font-size: 1.5em; }

h2, h3 {
  font-family: 'ChoplinB'; }

h4 {
  font-family: 'SkolaSansB';
  line-height: 1.3em;
  padding-bottom: 1em; }

*, *::after, *::before {
  box-sizing: border-box; }

html {
  height: 100%;
  min-height: 100%; }

body {
  font-family: 'SkolaSans', sans-serif;
  font-weight: 800;
  width: 100%;
  min-height: 100%;
  background-color: #ECF0F1;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; }
  body .grid__col {
    padding: 0; }
  body .whiteOut span {
    color: #FFF !important;
    transition: color 0.3s 0.3s; }
  body .whiteOut a.cd-subnav-trigger {
    border: 1px solid #FFF; }
    body .whiteOut a.cd-subnav-trigger::before, body .whiteOut a.cd-subnav-trigger::after {
      background-color: #FFF; }
  body a {
    text-decoration: none; }
  body .nav, body #s1, body #s3 {
    letter-spacing: .05em; }
  body #s2 h1, body #s4 h1, body #s5 h1 {
    letter-spacing: .05em; }
  body .fa {
    font-size: 3em; }
  body .last {
    margin-bottom: 0 !important; }
  body .hide {
    visibility: hidden; }
  body .container {
    width: 70%;
    margin: auto; }
  body .section {
    min-height: 500px;
    padding: 60px 0; }
  body .btnBox {
    width: 9em;
    font-size: 12pt;
    transition: ease-in 80ms;
    border-radius: 5em;
    background-color: rgba(231, 76, 60, 0.4); }
    body .btnBox a {
      color: white; }
    body .btnBox .btn {
      z-index: 1;
      border: 3px solid #999;
      border-radius: 5em;
      -webkit-transition: border 0.3s;
      -moz-transition: border 0.3s;
      transition: border 0.3s;
      padding: .9em 2em .9em 2em;
      font-weight: 700;
      text-align: center;
      margin-top: 20px; }
    body .btnBox:hover {
      background-color: rgba(231, 76, 60, 0.8);
      border-radius: 5em; }
  body .cBox {
    padding: 60px 0 100px;
    text-align: left;
    font-size: 9pt; }
    @media only screen and (min-width: 481px) {
      body .cBox {
        font-size: 12pt; } }
  body #s0 {
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/s0BG.png") no-repeat 0 -40px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: white;
    font-family: 'Choplin';
    text-align: center;
    min-height: 600px;
    margin-bottom: -40px; }
    body #s0 h1 {
      font-family: 'SkolaSansB';
      font-size: 4em;
      line-height: 1.3em;
      padding-bottom: 5px;
      text-transform: uppercase; }
    body #s0 h3 {
      font-size: 3.5em;
      line-height: 1.3em;
      font-family: 'Choplin' !important; }
    body #s0 .landBox {
      padding: 100px;
      font-size: 5pt; }
      @media only screen and (min-width: 481px) {
        body #s0 .landBox {
          font-size: 8pt; } }
    @media only screen and (min-width: 769px) {
      body #s0 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/s0BG.png") no-repeat 0 -40px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
    body #s0 .btnBox {
      margin: auto; }
  body #s1, body #s2, body #s3, body #s4, body #s5, body #s6 {
    color: white;
    font-family: 'Choplin';
    text-align: center;
    min-height: 600px;
    margin-bottom: -40px; }
    body #s1 p, body #s2 p, body #s3 p, body #s4 p, body #s5 p, body #s6 p {
      font-family: 'SkolaSans';
      font-weight: 800;
      line-height: 1.5em; }
    body #s1 h3, body #s2 h3, body #s3 h3, body #s4 h3, body #s5 h3, body #s6 h3 {
      font-size: 2.5em;
      line-height: 1.3em;
      padding-bottom: 10px; }
  body #s1 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/s1BG.jpg") no-repeat 0 -40px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    @media only screen and (min-width: 769px) {
      body #s1 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/s1BG.jpg") no-repeat 0 -40px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
  body #s2 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/pmdM.png") no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    @media only screen and (min-width: 769px) {
      body #s2 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/pmd.png") no-repeat 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
  body #s3 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/snd.png") no-repeat 0 -5px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    @media only screen and (min-width: 769px) {
      body #s3 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/snd.png") no-repeat 0 -5px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
  body #s4 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/tga.png") no-repeat 0 -5px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    @media only screen and (min-width: 769px) {
      body #s4 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/tga.png") no-repeat 0 -5px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
  body #s5 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/web.png") no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    @media only screen and (min-width: 769px) {
      body #s5 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/web.png") no-repeat 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
  body #s6 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/connectionsIntro.png") no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    @media only screen and (min-width: 769px) {
      body #s6 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/connectionsIntro.png") no-repeat 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
  body .sectionBreak {
    background-color: #E74C3C;
    padding: 20px 0 15px;
    text-align: center;
    font-family: 'ChoplinB';
    color: white;
    text-transform: uppercase; }
  body #b2 img {
    max-width: 80%;
    padding-bottom: 30px; }
  body #b2 h2 {
    padding: 30px 0; }
  body .viewMore {
    width: 100%; }
  body .viewMore div {
    width: 100%; }
  body .viewMore .more {
    background-color: transparent;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    font-size: 2em; }
  body .viewMore .content {
    display: none;
    padding: 5px;
    background-color: #555; }
  body #e0 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/webConf.jpg") no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: white; }
    @media only screen and (min-width: 769px) {
      body #e0 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/webConf.jpg") no-repeat 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
    @media only screen and (min-width: 1025px) {
      body #e0 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/webConf.jpg") no-repeat 0 -50px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
  body .footer {
    font-family: 'Choplin'; }
    body .footer a {
      color: #333; }
    body .footer .fa {
      font-size: 1.25em !important; }
    body .footer .socialMedia {
      width: 90%;
      margin: auto;
      border-bottom: 3px solid #333;
      text-align: center; }
      body .footer .socialMedia ul {
        padding: 50px 0 20px; }
      body .footer .socialMedia li {
        display: inline-block;
        padding: 0 15px;
        list-style: none;
        font-size: 2.66em; }
    body .footer .smActive {
      color: #2C3E50; }
    body .footer p {
      text-align: center;
      padding: 20px;
      font-size: 10pt; }
  body .toTop {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #333 url(../images/toTop-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    transition: .3s !important; }
  body .toTop.cd-is-visible, body .toTop.cd-fade-out, body .no-touch .toTop:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s; }
  body .toTop.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1; }
  body .toTop.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5; }
  body .toTop:hover {
    background-color: #333;
    opacity: 1;
    border-radius: 50%; }
  body .fancybox-title-float-wrap .child {
    font-weight: 400; }
  body .fancybox-title {
    letter-spacing: .05em; }
    body .fancybox-title a {
      float: right;
      color: #ECF0F1;
      padding: 10px 33px;
      border-radius: 4px;
      background-color: #333;
      transition: .3s !important; }
  body .fancybox-title a:hover {
    background-color: #E74C3C; }
  body #map {
    height: 300px; }
  body #c0 {
    background-color: #2C3E50;
    color: white; }
    body #c0 .llBox {
      padding: 20px 50px; }
      body #c0 .llBox h3 {
        padding: 20px 0 10px; }
      body #c0 .llBox p {
        line-height: 1.5em;
        padding-bottom: 5px; }
      body #c0 .llBox a {
        color: white; }
      body #c0 .llBox h4 {
        font-size: 1.2em;
        font-family: 'SkolaSansB';
        padding-bottom: 0; }
  body #c2 {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url("../img/contact.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: white;
    font-family: 'Choplin';
    text-align: center;
    min-height: 600px;
    margin-bottom: -40px; }
    body #c2 p {
      font-family: 'SkolaSans';
      font-weight: 800;
      line-height: 1.5em; }
    body #c2 h3 {
      font-size: 2.5em;
      line-height: 1.3em;
      padding-bottom: 10px; }
    @media only screen and (min-width: 481px) {
      body #c2 {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url("../img/contact.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover; } }
    body #c2 .errBox {
      background-color: rgba(236, 240, 241, 0.3); }
      body #c2 .errBox h4 {
        padding: 20px 0; }
  body .aBox {
    margin-top: -230px;
    text-align: center;
    font-size: 16pt; }
    body .aBox h3 {
      margin-top: 1em; }
    body .aBox .arrow {
      width: 12em;
      transform: scaleX(-1);
      transform: rotate(192deg); }
  body .bBox {
    margin-bottom: -230px;
    border-top: 3px solid white;
    text-align: center;
    font-size: 16pt; }
    body .bBox p {
      margin-bottom: 3.5em; }
    body .bBox .arrow {
      width: 12em;
      transform: scaleX(-1);
      transform: rotate(12deg); }
  body header {
    position: fixed;
    z-index: 3;
    height: 50px;
    width: 100%;
    top: 0;
    font-size: 10pt !important;
    left: 0;
    background-color: #ECF0F1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
    body header.nav-is-visible {
      -webkit-transform: translateX(-260px);
      -moz-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      -o-transform: translateX(-260px);
      transform: translateX(-260px); }
    body header::before {
      /* never visible - this is used in jQuery to check the current MQ */
      display: none;
      content: 'mobile'; }
    @media only screen and (min-width: 1025px) {
      body header {
        height: 60px; }
        body header.nav-is-visible {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0); }
        body header::before {
          content: 'desktop'; } }
  body .cd-logo {
    display: inline-block;
    height: 100%;
    margin-left: 15px;
    width: 150px;
    margin-top: 5px;
    /* remove jump on iOS devices - when we fire the navigation */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media only screen and (min-width: 1025px) {
      body .cd-logo {
        position: absolute;
        z-index: 2;
        margin-left: 5%;
        margin-top: 10px; } }
  body .cd-nav-trigger {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    /* hide text */
    overflow: hidden;
    white-space: nowrap;
    color: transparent; }
    body .cd-nav-trigger span {
      /* hamburger icon created in CSS */
      position: absolute;
      height: 2px;
      width: 20px;
      top: 50%;
      margin-top: -1px;
      left: 50%;
      margin-left: -10px;
      -webkit-transition: background-color 0.3s 0.3s;
      -moz-transition: background-color 0.3s 0.3s;
      transition: background-color 0.3s 0.3s;
      background-color: #999; }
      body .cd-nav-trigger span::before, body .cd-nav-trigger span::after {
        /* upper and lower lines of the menu icon */
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #999;
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.3s 0.3s;
        -moz-transition: -moz-transform 0.3s 0.3s;
        transition: transform 0.3s 0.3s; }
      body .cd-nav-trigger span::before {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px); }
      body .cd-nav-trigger span::after {
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px); }
    .nav-is-visible body .cd-nav-trigger span {
      background-color: rgba(255, 255, 255, 0); }
      .nav-is-visible body .cd-nav-trigger span::before {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg); }
      .nav-is-visible body .cd-nav-trigger span::after {
        -webkit-transform: translateY(0) rotate(45deg);
        -moz-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        -o-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg); }
    @media only screen and (min-width: 1025px) {
      body .cd-nav-trigger {
        display: none; } }
  body .cd-main-nav {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    width: 260px;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s; }
    body .cd-main-nav a {
      display: block;
      padding: .9em 2em .9em 1em;
      color: #333;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s; }
      @media only screen and (min-width: 1025px) {
        body .cd-main-nav a {
          color: white; } }
    body .cd-main-nav li ul {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: translateX(260px);
      -moz-transform: translateX(260px);
      -ms-transform: translateX(260px);
      -o-transform: translateX(260px);
      transform: translateX(260px); }
    body .cd-main-nav.nav-is-visible {
      visibility: visible;
      -webkit-transition: visibility 0s 0s;
      -moz-transition: visibility 0s 0s;
      transition: visibility 0s 0s; }
    body .cd-main-nav.moves-out > li > a {
      /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0; }
    body .cd-main-nav.moves-out > li > ul {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    body .cd-main-nav .cd-subnav-trigger span {
      color: #999;
      padding-right: 8px;
      transition: color 0.3s; }
    body .cd-main-nav .cd-subnav-trigger, body .cd-main-nav .go-back a {
      position: relative; }
      body .cd-main-nav .cd-subnav-trigger::before, body .cd-main-nav .cd-subnav-trigger::after, body .cd-main-nav .go-back a::before, body .cd-main-nav .go-back a::after {
        /* arrow icon in CSS */
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: white;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
      body .cd-main-nav .cd-subnav-trigger::before, body .cd-main-nav .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      body .cd-main-nav .cd-subnav-trigger::after, body .cd-main-nav .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    body .cd-main-nav .cd-subnav-trigger::before, body .cd-main-nav .cd-subnav-trigger::after {
      /* arrow goes on the right side - children navigation */
      right: 20px;
      -webkit-transform-origin: 9px 50%;
      -moz-transform-origin: 9px 50%;
      -ms-transform-origin: 9px 50%;
      -o-transform-origin: 9px 50%;
      transform-origin: 9px 50%; }
    body .cd-main-nav .go-back a {
      padding-left: 2em; }
      body .cd-main-nav .go-back a::before, body .cd-main-nav .go-back a::after {
        /* arrow goes on the left side - go back button */
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%; }
    body .cd-main-nav .placeholder {
      /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
      display: none; }
    @media only screen and (min-width: 1025px) {
      body .cd-main-nav {
        visibility: visible;
        width: 100%;
        height: 60px;
        line-height: 60px;
        /* padding left = logo size + logo left position*/
        padding: 0 5% 0 calc(5% + 124px);
        background: transparent;
        text-align: right; }
        body .cd-main-nav li {
          display: inline-block;
          height: 100%;
          padding: 0 .4em; }
        body .cd-main-nav li a {
          display: inline-block;
          padding: .8em;
          line-height: 1;
          border-bottom: none;
          /* Prevent .cd-subnav-trigger flicker is Safari */
          -webkit-transform: translateZ(0);
          -moz-transform: translateZ(0);
          -ms-transform: translateZ(0);
          -o-transform: translateZ(0);
          transform: translateZ(0);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transition: opacity 0.2s;
          -moz-transition: opacity 0.2s;
          transition: opacity 0.2s; }
        body .cd-main-nav li a:not(.cd-subnav-trigger):hover {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          opacity: .6; }
        body .cd-main-nav .go-back {
          display: none; }
        body .cd-main-nav .cd-subnav-trigger {
          z-index: 1;
          border: 1px solid #999;
          border-radius: 5em;
          -webkit-transition: border 0.3s;
          -moz-transition: border 0.3s;
          transition: border 0.3s; }
          body .cd-main-nav .cd-subnav-trigger:hover {
            border-color: rgba(231, 76, 60, 0.4); }
          body .cd-main-nav .cd-subnav-trigger::before, body .cd-main-nav .cd-subnav-trigger::after {
            right: 17px;
            background-color: #999;
            /* change transform-origin to rotate the arrow */
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s;
            -moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s;
            transition: transform 0.3s, width 0.3s, right 0.3s; }
          body .cd-main-nav .cd-subnav-trigger::before {
            right: 23px; }
        body .cd-main-nav .cd-subnav-trigger, body .cd-main-nav .placeholder {
          padding-right: 2.4em;
          padding-left: 1.1em; }
        body .cd-main-nav li ul {
          height: 80px;
          background-color: #E74C3C;
          /* padding left = logo size + logo left position*/
          padding: 0 5% 0 calc(5% + 124px);
          -webkit-transform: translateY(-80px);
          -moz-transform: translateY(-80px);
          -ms-transform: translateY(-80px);
          -o-transform: translateY(-80px);
          transform: translateY(-80px);
          -webkit-transition: -webkit-transform 0.3s 0.2s;
          -moz-transition: -moz-transform 0.3s 0.2s;
          transition: transform 0.3s 0.2s; }
        body .cd-main-nav li ul li {
          opacity: 0;
          -webkit-transform: translateY(-20px);
          -moz-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
          -o-transform: translateY(-20px);
          transform: translateY(-20px);
          -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s;
          -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s;
          transition: transform 0.3s 0s, opacity 0.3s 0s; }
        body .cd-main-nav .placeholder {
          /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
          display: block;
          visibility: hidden;
          opacity: 0;
          pointer-event: none; }
        body .cd-main-nav.moves-out > li > a {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
          opacity: 1; }
        body .cd-main-nav.moves-out > li > ul {
          -webkit-transition: -webkit-transform 0.3s;
          -moz-transition: -moz-transform 0.3s;
          transition: transform 0.3s;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0); }
        body .cd-main-nav.moves-out > li ul li {
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
          -moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s;
          transition: transform 0.3s 0.2s, opacity 0.3s 0.2s; }
        body .cd-main-nav.moves-out .cd-subnav-trigger::before, body .cd-main-nav.moves-out .cd-subnav-trigger::after {
          width: 14px;
          right: 17px; }
        body .cd-main-nav.moves-out .cd-subnav-trigger::before {
          -webkit-transform: rotate(225deg);
          -moz-transform: rotate(225deg);
          -ms-transform: rotate(225deg);
          -o-transform: rotate(225deg);
          transform: rotate(225deg); }
        body .cd-main-nav.moves-out .cd-subnav-trigger::after {
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg); } }
  body .cd-main-content::before {
    /* never visible - this is used in jQuery to check the current MQ */
    display: none;
    content: 'mobile'; }
    @media only screen and (min-width: 1025px) {
      body .cd-main-content::before {
        content: 'desktop'; } }
  body .cd-main-content {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    padding-top: 50px;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
    body .cd-main-content.nav-is-visible {
      -webkit-transform: translateX(-260px);
      -moz-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      -o-transform: translateX(-260px);
      transform: translateX(-260px); }
    @media only screen and (min-width: 1025px) {
      body .cd-main-content {
        padding-top: 60px; }
        body .cd-main-content.nav-is-visible {
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0); } }
  body .no-js .cd-nav-trigger, body .no-js .cd-subnav-trigger {
    display: none; }
  body .no-js header {
    position: relative;
    height: auto; }
  body .no-js .cd-logo img {
    margin-bottom: 14px; }
  body .no-js .cd-main-nav {
    position: static;
    width: 100%;
    height: auto;
    visibility: visible;
    overflow: visible; }
    body .no-js .cd-main-nav li {
      display: inline-block; }
      body .no-js .cd-main-nav li:last-child {
        display: block; }
    body .no-js .cd-main-nav .go-back {
      display: none; }
    body .no-js .cd-main-nav li ul {
      position: static;
      width: 100%;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    @media only screen and (min-width: 1025px) {
      body .no-js .cd-main-nav {
        height: 60px; }
        body .no-js .cd-main-nav li ul {
          position: absolute;
          top: 60px; }
        body .no-js .cd-main-nav li ul li {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          opacity: 1; }
          body .no-js .cd-main-nav li ul li:last-child {
            display: none; } }
  body .no-js .cd-main-content {
    padding-top: 0; }
    @media only screen and (min-width: 1025px) {
      body .no-js .cd-main-content {
        padding-top: 60px; } }
  @media only screen and (max-width: 1366px) {
    body #s4 i {
      font-size: 5em; } }