@font-face {
  font-family: Geogrotesque-Regular;
  font-style: normal;
  font-weight: normal;
  src: url("../ttf/2D9474_0_0.eot?#iefix") format("embedded-opentype"), url("../ttf/2D9474_0_0.woff2") format("woff2"), url("../ttf/2D9474_0_0.woff") format("woff"), url("../ttf/2D9474_0_0.ttf") format("truetype"), url("../ttf/2D9474_0_0.svg#Geogrotesque-Regular") format("svg"); }
@font-face {
  font-family: Geogrotesque-Medium;
  font-style: normal;
  font-weight: normal;
  src: url("../ttf/2DEED2_0_0.eot?#iefix") format("embedded-opentype"), url("../ttf/2DEED2_0_0.woff2") format("woff2"), url("../ttf/2DEED2_0_0.woff") format("woff"), url("../ttf/2DEED2_0_0.ttf") format("truetype"), url("../ttf/2DEED2_0_0.svg#Geogrotesque-Medium") format("svg"); }
@font-face {
  font-family: Geogrotesque-SemiBold;
  font-style: normal;
  font-weight: normal;
  src: url("../ttf/2D9474_1_0.eot?#iefix") format("embedded-opentype"), url("../ttf/2D9474_1_0.woff2") format("woff2"), url("../ttf/2D9474_1_0.woff") format("woff"), url("../ttf/2D9474_1_0.ttf") format("truetype"), url("../ttf/2D9474_1_0.svg#Geogrotesque-SemiBold") format("svg"); }
@font-face {
  font-family: AmpleSoft-Regular;
  font-style: normal;
  font-weight: normal;
  src: url("../ttf/2D9474_2_0.eot?#iefix") format("embedded-opentype"), url("../ttf/2D9474_2_0.woff2") format("woff2"), url("../ttf/2D9474_2_0.woff") format("woff"), url("../ttf/2D9474_2_0.ttf") format("truetype"), url("../ttf/2D9474_2_0.svg#AmpleSoft-Regular") format("svg"); }
@font-face {
  font-family: AmpleSoft-Bold;
  font-style: normal;
  font-weight: normal;
  src: url("../ttf/2D9474_3_0.eot?#iefix") format("embedded-opentype"), url("../ttf/2D9474_3_0.woff2") format("woff2"), url("../ttf/2D9474_3_0.woff") format("woff"), url("../ttf/2D9474_3_0.ttf") format("truetype"), url("../ttf/2D9474_3_0.svg#AmpleSoft-Bold") format("svg"); }
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

form#contact-form {
  margin: 20px 0 20px 0; }
  form#contact-form div {
    margin: 0 0 30px 0; }
    form#contact-form div::after {
      clear: both;
      content: "";
      display: table; }

form#login {
  margin: 0 0 20px 0; }

.login_error {
  padding-left: 17px;
  color: #c60c30;
  line-height: 1.3em;
  background-image: url("../img/bg-li.png");
  background-position: 0 0.4em;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .login_error {
      background-image: url("../img/bg-li_2x.png");
      background-size: 8px 8px; } }

input[type="text"], input[type="password"], input[type="email"], textarea, select {
  background-color: #dee1e5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #dee1e5;
  padding: 10px;
  font-family: Geogrotesque-Medium;
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 15px 0;
  width: 250px; }

input[type="button"], input[type="submit"], input[type="reset"] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  padding: 14px 30px 13px 18px;
  vertical-align: middle;
  display: inline-block;
  font-family: Geogrotesque-Medium;
  font-weight: normal;
  font-size: 18px;
  text-decoration: none;
  line-height: 20px;
  text-transform: uppercase;
  background-color: #9a2d84;
  border-color: #9a2d84;
  color: #fff;
  margin: 0 10px 0 0;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  background-image: url("../img/bg-button-white.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    input[type="button"], input[type="submit"], input[type="reset"] {
      background-image: url("../img/bg-button-white_2x.png");
      background-size: 24px 10px; } }
  input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    background-color: #00a599;
    color: #fff;
    border-color: #00a599; }

ul.errors {
  font-family: Geogrotesque-Medium;
  font-weight: normal;
  font-size: 1.25em;
  margin: 5px 0 0 10px; }
  ul.errors li {
    list-style-type: none;
    padding-left: 17px;
    color: #c60c30;
    line-height: 1.3em;
    background-image: url("../img/bg-li.png");
    background-position: 0 0.4em;
    background-repeat: no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      ul.errors li {
        background-image: url("../img/bg-li_2x.png");
        background-size: 8px 8px; } }

* {
  margin: 0;
  padding: 0;
  bottom: 0; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body {
  font-family: Geogrotesque-Regular;
  font-weight: normal;
  line-height: 1em;
  background-color: white;
  color: #303436; }
  body.mobile-nav {
    overflow: hidden; }

p {
  font-size: 1.25em;
  line-height: 1.3em;
  margin: 0 0 1.2em 0; }
  p.image-container {
    margin: 0 0 0.3em 0; }
  .element p {
    margin: 0 0 0.5em 0; }
  .osca p {
    margin: 0 0 0.7em 0; }
  #clients-teaser p {
    color: #868e9b;
    margin: 0;
    line-height: 1.1em; }
  .type-faq aside p {
    color: #9a2d84; }
  .type-solutions aside p {
    color: #9a2d84; }
  .type-team aside p {
    color: #9a2d84; }
  .type-news aside p {
    color: #00a599; }
  .type-career aside p {
    color: #ff7900; }
  footer p {
    font-family: Geogrotesque-Medium;
    font-weight: normal;
    font-size: 1.25em;
    color: #fff; }
  p strong {
    font-family: Geogrotesque-SemiBold;
    font-weight: normal; }

h1 {
  font-family: AmpleSoft-Regular;
  font-weight: normal;
  font-size: 3.4375em;
  line-height: 1.1em;
  margin: 0 0 0.2em 0; }
  @media screen and (max-width: 768px) {
    h1 {
      font-size: 3.125em; } }
  @media screen and (max-width: 480px) {
    h1 {
      font-size: 2em; } }
  .big-text h1 {
    font-size: 4.375em;
    color: #fff;
    line-height: 1em;
    margin: 0 0 0 0; }
    @media screen and (max-width: 768px) {
      .big-text h1 {
        font-size: 3.75em; } }
    @media screen and (max-width: 480px) {
      .big-text h1 {
        font-size: 2.5em; } }
  h1#solutions-headline {
    font-size: 3.125em;
    color: #9a2d84;
    border-bottom: 1px solid #9a2d84;
    padding: 0 0 25px 0;
    margin: 0 0 20px 0; }
  #news-header h1 {
    font-size: 3.125em;
    margin: 0 0 10px 0; }
  .channel.type-faq h1 {
    font-size: 3.125em;
    color: #9a2d84; }
  .type-team h1 {
    font-size: 3.125em;
    color: #9a2d84; }
  .channel.type-career h1 {
    font-size: 3.125em;
    color: #ff7900; }

h2 {
  font-family: Geogrotesque-SemiBold;
  font-weight: normal;
  font-size: 2.8125em;
  line-height: 1em;
  margin: 0 0 0.7em 0; }
  .element h2 {
    margin: 0 0 0.2em 0; }
  #feature h2 {
    margin: 0 0 0.2em 0; }
  .osca h2 {
    font-size: 1.875em;
    margin: 0 0 0.2em 0;
    color: #868e9b; }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 2.5em; } }
  @media screen and (max-width: 480px) {
    h2 {
      font-family: Geogrotesque-SemiBold;
      font-weight: normal;
      font-size: 2.0625em; } }

h3 {
  font-family: Geogrotesque-Regular;
  font-weight: normal;
  font-size: 1.75em;
  line-height: 1.2em;
  margin: 0 0 0.7em 0; }
  @media screen and (max-width: 768px) {
    h3 {
      font-size: 1.5em; }
      .royalSlider h3 {
        font-size: 1.375em; } }
  @media screen and (max-width: 480px) {
    h3 {
      font-size: 1.625em; }
      .royalSlider h3 {
        font-size: 1.625em;
        margin: 0 0 0 0; } }
  h3 strong {
    font-family: Geogrotesque-SemiBold;
    font-weight: normal; }
  .teaser h3 {
    font-family: Geogrotesque-Medium;
    font-weight: normal;
    font-size: 1.875em;
    margin: 0; }
  .type-team h3 {
    color: #9a2d84; }
  .type-news h3 {
    color: #fff; }
  .channel.type-career h3 {
    color: #ff7900; }
  .structure.type-faq h3 {
    color: #9a2d84; }
  #feature h3 {
    margin: 0 0 1em 0; }

h4 {
  font-family: Geogrotesque-Medium;
  font-weight: normal;
  font-size: 1.25em;
  margin: 0 0 0.4em 0;
  line-height: 1.3em;
  text-transform: uppercase; }
  h4 strong {
    font-family: Geogrotesque-SemiBold; }
  footer h4 {
    color: #7d9aaa;
    margin: 0 0 0.7em 0; }
  #clients-teaser h4 {
    font-size: 1.875em;
    margin: 0; }
  .four-columns h4 {
    margin: 0 0 0.3em 0; }
  .osca aside h4 {
    color: #9a2d84; }

h5 {
  font-family: Geogrotesque-SemiBold;
  font-weight: normal;
  font-size: 1.5625em;
  line-height: 1.3em;
  margin: 0 0 1em 0;
  color: #9a2d84; }
  .type-news h5 {
    color: #00a599; }

hr {
  margin: 0;
  padding: 0;
  border-top: 1px solid #303436;
  height: 0;
  width: 100%;
  margin-bottom: 3px; }
  .osca hr {
    margin: 1.7em 0 1.4em 0;
    border-top: 1px solid #9a2d84; }

.very-big-text {
  font-size: 95px;
  line-height: 100px;
  padding: 0 0 20px 0; }

sup, sub {
  font-size: 60%; }

.white-text {
  color: #fff; }

.gray-text {
  color: #7d9aaa; }

.light-gray-text {
  color: #dee1e5; }

.dark-gray-text {
  color: #303436; }

.black-text {
  color: #303436; }

.aqua-text {
  color: #00a599; }

.purple-text {
  color: #9a2d84; }

.blue-text {
  color: #3db7e4; }

.green-text {
  color: #bed600; }

.orange-text {
  color: #ff7900; }

.white {
  background-color: #fff; }

.gray {
  background-color: #7d9aaa; }

.light-gray {
  background-color: #dee1e5; }

.dark-gray {
  background-color: #303436;
  color: #fff; }

.black {
  background-color: #303436;
  color: #fff; }

.aqua {
  background-color: #00a599;
  color: #fff; }

.purple {
  background-color: #9a2d84;
  color: #fff; }

.blue {
  background-color: #3db7e4;
  color: #fff; }

.green {
  background-color: #bed600; }

.orange {
  background-color: #ff7900; }

a, a:link, a:visited {
  background: transparent;
  text-decoration: none;
  color: #303436; }
  #clients-teaser a, #clients-teaser a:link, #clients-teaser a:visited {
    color: #868e9b;
    text-decoration: underline; }
  h1 a, h1 a:link, h1 a:visited {
    color: #9a2d84; }
  p a, p a:link, p a:visited {
    color: #7d9aaa;
    text-decoration: underline; }
    p a:hover, p a:active, p a:link:hover, p a:link:active, p a:visited:hover, p a:visited:active {
      color: #303436; }
  ol li a, ol li a:link, ol li a:visited {
    color: #9a2d84; }
    ol li a:hover, ol li a:active, ol li a:link:hover, ol li a:link:active, ol li a:visited:hover, ol li a:visited:active {
      text-decoration: underline; }

a:active, a:hover, a.active {
  outline: 0; }
  h1 a:active, h4 a:active, h1 a:hover, h4 a:hover, h1 a.active, h4 a.active {
    text-decoration: underline; }

#copyright a {
  margin: 0 0 0 10px;
  text-decoration: none; }
  #copyright a:hover {
    color: #fff;
    text-decoration: underline; }

h1.button a, h2.button a, h3.button a, h4.button a, h5.button a, p.button a, li.button a, span.button a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  padding: 14px 30px 13px 18px;
  vertical-align: middle;
  display: inline-block;
  font-family: Geogrotesque-Medium;
  font-weight: normal;
  font-size: 18px;
  text-decoration: none;
  line-height: 20px;
  text-transform: uppercase;
  background-color: #9a2d84;
  color: #fff;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/bg-button-white.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    h1.button a, h2.button a, h3.button a, h4.button a, h5.button a, p.button a, li.button a, span.button a {
      background-image: url("../img/bg-button-white_2x.png");
      background-size: 24px 10px; } }
  h1.button a:hover, h2.button a:hover, h3.button a:hover, h4.button a:hover, h5.button a:hover, p.button a:hover, li.button a:hover, span.button a:hover {
    background-color: #00a599;
    color: #fff; }
  .text-slider.aqua h1.button a, #feature h1.button a, .text-slider.aqua h2.button a, #feature h2.button a, .text-slider.aqua h3.button a, #feature h3.button a, .text-slider.aqua h4.button a, #feature h4.button a, .text-slider.aqua h5.button a, #feature h5.button a, .text-slider.aqua p.button a, #feature p.button a, .text-slider.aqua li.button a, #feature li.button a, .text-slider.aqua span.button a, #feature span.button a {
    background-color: #fff;
    color: #00a599;
    background-image: url("../img/bg-button-aqua.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .text-slider.aqua h1.button a, #feature h1.button a, .text-slider.aqua h2.button a, #feature h2.button a, .text-slider.aqua h3.button a, #feature h3.button a, .text-slider.aqua h4.button a, #feature h4.button a, .text-slider.aqua h5.button a, #feature h5.button a, .text-slider.aqua p.button a, #feature p.button a, .text-slider.aqua li.button a, #feature li.button a, .text-slider.aqua span.button a, #feature span.button a {
        background-image: url("../img/bg-button-aqua_2x.png");
        background-size: 24px 10px; } }
    .text-slider.aqua h1.button a:hover, #feature h1.button a:hover, .text-slider.aqua h2.button a:hover, #feature h2.button a:hover, .text-slider.aqua h3.button a:hover, #feature h3.button a:hover, .text-slider.aqua h4.button a:hover, #feature h4.button a:hover, .text-slider.aqua h5.button a:hover, #feature h5.button a:hover, .text-slider.aqua p.button a:hover, #feature p.button a:hover, .text-slider.aqua li.button a:hover, #feature li.button a:hover, .text-slider.aqua span.button a:hover, #feature span.button a:hover {
      background-color: black;
      color: white;
      background-image: url("../img/bg-button-white.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .text-slider.aqua h1.button a:hover, #feature h1.button a:hover, .text-slider.aqua h2.button a:hover, #feature h2.button a:hover, .text-slider.aqua h3.button a:hover, #feature h3.button a:hover, .text-slider.aqua h4.button a:hover, #feature h4.button a:hover, .text-slider.aqua h5.button a:hover, #feature h5.button a:hover, .text-slider.aqua p.button a:hover, #feature p.button a:hover, .text-slider.aqua li.button a:hover, #feature li.button a:hover, .text-slider.aqua span.button a:hover, #feature span.button a:hover {
          background-image: url("../img/bg-button-white_2x.png");
          background-size: 24px 10px; } }
  .green h1.button a, .blue h1.button a, .purple h1.button a, .royalSlider h1.button a, .green h2.button a, .blue h2.button a, .purple h2.button a, .royalSlider h2.button a, .green h3.button a, .blue h3.button a, .purple h3.button a, .royalSlider h3.button a, .green h4.button a, .blue h4.button a, .purple h4.button a, .royalSlider h4.button a, .green h5.button a, .blue h5.button a, .purple h5.button a, .royalSlider h5.button a, .green p.button a, .blue p.button a, .purple p.button a, .royalSlider p.button a, .green li.button a, .blue li.button a, .purple li.button a, .royalSlider li.button a, .green span.button a, .blue span.button a, .purple span.button a, .royalSlider span.button a {
    background-color: #303436;
    color: #fff; }
    .green h1.button a:hover, .blue h1.button a:hover, .purple h1.button a:hover, .royalSlider h1.button a:hover, .green h2.button a:hover, .blue h2.button a:hover, .purple h2.button a:hover, .royalSlider h2.button a:hover, .green h3.button a:hover, .blue h3.button a:hover, .purple h3.button a:hover, .royalSlider h3.button a:hover, .green h4.button a:hover, .blue h4.button a:hover, .purple h4.button a:hover, .royalSlider h4.button a:hover, .green h5.button a:hover, .blue h5.button a:hover, .purple h5.button a:hover, .royalSlider h5.button a:hover, .green p.button a:hover, .blue p.button a:hover, .purple p.button a:hover, .royalSlider p.button a:hover, .green li.button a:hover, .blue li.button a:hover, .purple li.button a:hover, .royalSlider li.button a:hover, .green span.button a:hover, .blue span.button a:hover, .purple span.button a:hover, .royalSlider span.button a:hover {
      background-color: #fff;
      color: #000;
      background-image: url("../img/bg-button-black.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .green h1.button a:hover, .blue h1.button a:hover, .purple h1.button a:hover, .royalSlider h1.button a:hover, .green h2.button a:hover, .blue h2.button a:hover, .purple h2.button a:hover, .royalSlider h2.button a:hover, .green h3.button a:hover, .blue h3.button a:hover, .purple h3.button a:hover, .royalSlider h3.button a:hover, .green h4.button a:hover, .blue h4.button a:hover, .purple h4.button a:hover, .royalSlider h4.button a:hover, .green h5.button a:hover, .blue h5.button a:hover, .purple h5.button a:hover, .royalSlider h5.button a:hover, .green p.button a:hover, .blue p.button a:hover, .purple p.button a:hover, .royalSlider p.button a:hover, .green li.button a:hover, .blue li.button a:hover, .purple li.button a:hover, .royalSlider li.button a:hover, .green span.button a:hover, .blue span.button a:hover, .purple span.button a:hover, .royalSlider span.button a:hover {
          background-image: url("../img/bg-button-black_2x.png");
          background-size: 24px 10px; } }

#blocks ul, article ul {
  font-size: 1.25em;
  margin: 0 0 1.2em 0; }

#blocks .accordion ul {
  margin: 0; }

#blocks ul li, article ul li {
  list-style-type: none;
  padding-left: 17px;
  color: #303436;
  line-height: 1.3em;
  background-image: url("../img/bg-li.png");
  background-position: 0 0.4em;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    #blocks ul li, article ul li {
      background-image: url("../img/bg-li_2x.png");
      background-size: 8px 8px; } }

ol {
  font-size: 1.25em;
  margin: 0 0 1.2em 35px; }
  .osca ol {
    margin: 0 0 1.2em 25px; }
  ol li {
    color: #9a2d84;
    line-height: 1.3em;
    margin: 0 0 0.3em 0; }
    .osca ol li {
      margin: 0; }
    .osca article ol li {
      color: #303436; }

.container {
  position: relative;
  max-width: 1020px;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }
  .container::after {
    clear: both;
    content: "";
    display: table; }

header {
  position: fixed;
  top: 0;
  z-index: 110;
  width: 100%;
  height: 100px;
  background-color: #303436; }
  @media screen and (max-width: 768px) {
    header .container {
      margin: 0;
      padding: 0; } }

section {
  display: block; }
  section::after {
    clear: both;
    content: "";
    display: table; }

main {
  padding-top: 100px;
  min-height: 200px;
  display: block; }
  main::after {
    clear: both;
    content: "";
    display: table; }
  .type-default main, .type-homepage main {
    background-color: #303436; }
  .channel main {
    padding-top: 155px; }

article {
  float: left;
  width: 65.30612244898%;
  margin: 0 4.081632653061% 0 0; }
  .channel article {
    padding-bottom: 30px; }
  .osca article {
    padding: 40px 0 20px 0; }
  @media screen and (max-width: 768px) {
    article {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .channel.type-team article, .channel.type-carrer article, .channel.type-faq article {
      padding: 50px 0 0 0; } }

aside {
  float: right;
  width: 30.612244897959%; }
  .osca aside {
    padding: 40px 0 20px 0; }
  .type-team aside, .channel.type-career aside, .channel.type-faq aside {
    padding-top: 65px; }
  @media screen and (max-width: 768px) {
    aside {
      width: 100%; } }

footer #page-footer {
  padding: 15px 0 20px 0;
  background-color: #303436; }
  .type-default footer #page-footer, .structure.type-contact footer #page-footer, .structure.type-news footer #page-footer {
    padding: 25px 0 20px 0; }
footer #copyright {
  min-height: 100px;
  background-color: #000;
  padding: 20px 0; }
  footer #copyright .container {
    position: relative; }

#news-header {
  border-bottom: 1px solid #00a599;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0; }

img {
  display: block;
  border: 0;
  max-width: 100%;
  height: auto; }
  p img {
    display: inline; }
  .full img {
    width: 100%; }
  .osca img {
    margin: 0 0 1.3em 0; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.block::after {
  clear: both;
  content: "";
  display: table; }
.block.columns {
  padding: 10px 0 20px 0; }
  .block.columns.big-text {
    padding: 70px 0; }
    @media screen and (max-width: 768px) {
      .block.columns.big-text {
        padding: 60px 0; } }
    @media screen and (max-width: 480px) {
      .block.columns.big-text {
        padding: 40px 0; } }
    .block.columns.big-text.hero {
      padding: 60px 0 0 0; }
      @media screen and (max-width: 768px) {
        .block.columns.big-text.hero {
          padding: 50px 0; } }
      @media screen and (max-width: 480px) {
        .block.columns.big-text.hero {
          padding: 40px 0; } }
    .block.columns.big-text .container {
      position: relative; }
.block.big-image {
  height: 700px;
  background--webkit-size: cover;
  background--moz-size: cover;
  background--o-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  @media screen and (max-width: 768px) {
    .block.big-image {
      height: 600px; } }
  @media screen and (max-width: 480px) {
    .block.big-image {
      height: 400px; }
      .block.big-image.solutions-select {
        height: 500px; } }
  .block.big-image .container {
    position: relative;
    height: 100%; }
.block.slider-wrap {
  padding: 0 0 20px 0; }
.block.padding-top {
  padding-top: 40px; }
.block.padding-bottom {
  padding-bottom: 40px; }

.cycle {
  overflow: hidden; }
  .cycle .cycle-wrap {
    width: 100%;
    height: 100%; }
    .cycle .cycle-wrap div {
      width: 100%;
      height: 100%;
      background--webkit-size: cover;
      background--moz-size: cover;
      background--o-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 50%; }

.image-slider .slick-list {
  background-color: #fff; }
  .image-slider .slick-list .slick-slide img {
    margin: 0 auto; }

.arrow-prev,
.arrow-next {
  position: absolute;
  display: block;
  height: 111px;
  width: 33px;
  cursor: pointer;
  top: 50%;
  margin-top: -65px;
  border: none;
  outline: none;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  @media screen and (max-width: 768px) {
    .arrow-prev,
    .arrow-next {
      display: none !important; } }
  .arrow-prev:hover, .arrow-prev:focus,
  .arrow-next:hover,
  .arrow-next:focus {
    opacity: 0.7; }

.arrow-prev {
  left: -53px;
  background-image: url("../img/arrow-prev.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .arrow-prev {
      background-image: url("../img/arrow-prev_2x.png");
      background-size: 33px 111px; } }
  .arrow-prev:hover, .arrow-prev:focus {
    left: -56px; }

.arrow-next {
  right: -45px;
  background-image: url("../img/arrow-next.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .arrow-next {
      background-image: url("../img/arrow-next_2x.png");
      background-size: 33px 111px; } }
  .arrow-next:hover, .arrow-next:focus {
    right: -48px; }

#news-hero {
  background-color: #303436; }
  #news-hero .container {
    position: relative; }

#news-teaser {
  background-color: #dee1e5;
  padding-bottom: 40px; }

#events-teaser {
  padding-bottom: 40px; }

#feature {
  max-width: 1020px;
  margin: 0 auto;
  margin-top: 50px;
  height: 660px;
  position: relative;
  background--webkit-size: cover;
  background--moz-size: cover;
  background--o-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  #feature .wrap {
    position: absolute;
    bottom: 60px;
    width: 100%;
    padding: 30px 20px;
    background-color: #00a599;
    background-color: rgba(0, 165, 153, 0.95); }

.grid {
  max-width: 1020px;
  margin: 0 auto; }
  .grid a.teaser, .grid .teaser {
    display: block;
    margin: 20px; }
    .grid a.teaser img, .grid .teaser img {
      margin: 0 0 15px 0; }
    .grid a.teaser h3, .grid .teaser h3 {
      color: #00a599; }
      #video-teaser .grid a.teaser h3, #video-teaser .grid .teaser h3 {
        color: #9a2d84; }
    .grid a.teaser p, .grid .teaser p {
      color: #303436; }
    .grid a.teaser:hover, .grid .teaser:hover {
      opacity: 0.8; }
  .grid .column {
    float: left; }
    .grid .column.size-1of1 {
      width: 100%; }
    .grid .column.size-1of2 {
      width: 50%; }
    .grid .column.size-1of3 {
      width: 33.333%; }
    .grid .column.size-1of4 {
      width: 25%; }

.no-js .teaser {
  float: left;
  width: 33.333%; }
  @media screen and (max-width: 768px) {
    .no-js .teaser {
      width: 50%; } }
  @media screen and (max-width: 480px) {
    .no-js .teaser {
      width: 100%; } }

#news-teaser .grid[data-columns]::before, #events-teaser .grid[data-columns]::before, #video-teaser .grid[data-columns]::before {
  content: '3 .column.size-1of3'; }

@media screen and (max-width: 480px) {
  #news-teaser .grid[data-columns]::before, #events-teaser .grid[data-columns]::before, #video-teaser .grid[data-columns]::before {
    content: '1 .column.size-1of1'; } }
@media screen and (min-width: 481px) and (max-width: 768px) {
  #news-teaser .grid[data-columns]::before, #events-teaser .grid[data-columns]::before, #video-teaser .grid[data-columns]::before {
    content: '2 .column.size-1of2'; } }
@media screen and (min-width: 769px) {
  #news-teaser .grid[data-columns]::before, #events-teaser .grid[data-columns]::before, #video-teaser .grid[data-columns]::before {
    content: '3 .column.size-1of3'; } }
#clients-teaser .grid[data-columns]::before {
  content: '4 .column.size-1of4'; }

@media screen and (max-width: 480px) {
  #clients-teaser .grid[data-columns]::before {
    content: '1 .column.size-1of1'; } }
@media screen and (min-width: 481px) and (max-width: 768px) {
  #clients-teaser .grid[data-columns]::before {
    content: '2 .column.size-1of2'; } }
@media screen and (min-width: 769px) and (max-width: 959px) {
  #clients-teaser .grid[data-columns]::before {
    content: '3 .column.size-1of3'; } }
@media screen and (min-width: 960px) {
  #clients-teaser .grid[data-columns]::before {
    content: '4 .column.size-1of4'; } }
.scroll-down, .scroll-top, #pager ul li a {
  display: block;
  width: 65px;
  height: 65px;
  -moz-border-radius: 27px  27px  27px  27px  / 18px   18px   18px  18px;
  -webkit-border-radius: 27px  27px  27px  27px  / 18px   18px   18px  18px;
  border-radius: 27px  27px  27px  27px  / 18px   18px   18px  18px;
  background-repeat: no-repeat;
  background-position: 24px 24px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }

.scroll-down {
  background-color: #9a2d84;
  position: absolute;
  bottom: -100px;
  right: 20px;
  z-index: 101;
  background-image: url("../img/scroll-down.png"); }
  .scroll-down:hover {
    background-color: #00a599;
    background-position: 24px 26px; }
  @media screen and (max-width: 768px) {
    .scroll-down {
      bottom: -90px; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .scroll-down {
      background-image: url("../img/scroll-down_2x.png");
      background-size: 18px 17px; } }

.scroll-top {
  background-color: #9a2d84;
  position: absolute;
  top: -55px;
  right: 20px;
  z-index: 1001;
  background-image: url("../img/scroll-top.png"); }
  .scroll-top:hover {
    background-color: #00a599;
    background-position: 24px 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .scroll-top {
      background-image: url("../img/scroll-top_2x.png");
      background-size: 18px 17px; } }

#pager {
  position: absolute;
  top: -32px;
  right: 0;
  margin: 0 20px 0 0; }
  #pager ul li {
    list-style: none;
    float: left;
    padding: 0 0 0 15px; }
    #pager ul li a {
      float: left;
      background-color: #9a2d84; }
      .type-team #pager ul li a {
        background-color: #868e9b; }
      .type-career #pager ul li a {
        background-color: #ff7900; }
      #pager ul li a:hover {
        background-color: #00a599; }
        .type-team #pager ul li a:hover {
          background-color: #9a2d84; }
        .type-career #pager ul li a:hover {
          background-color: #868e9b; }
      #pager ul li a.top {
        background-image: url("../img/pager-top.png");
        background-position: 24px 20px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          #pager ul li a.top {
            background-image: url("../img/pager-top_2x.png");
            background-size: 17px 25px; } }
      #pager ul li a.prev {
        background-image: url("../img/pager-prev.png");
        background-position: 24px 23px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          #pager ul li a.prev {
            background-image: url("../img/pager-prev_2x.png");
            background-size: 17px 19px; } }
      #pager ul li a.next {
        background-image: url("../img/pager-next.png");
        background-position: 24px 23px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          #pager ul li a.next {
            background-image: url("../img/pager-next_2x.png");
            background-size: 17px 19px; } }

.columns {
  clear: both; }
  .columns::after {
    clear: both;
    content: "";
    display: table; }
  .columns .col {
    float: left;
    min-height: 1px; }

.one-column .col {
  width: 100%; }

.two-columns .col {
  width: 47.959183673469%; }
  @media screen and (max-width: 480px) {
    .two-columns .col {
      width: 100%; } }
  .two-columns .col.one {
    margin: 0 2.040816326531% 0 0; }
    @media screen and (max-width: 480px) {
      .two-columns .col.one {
        margin: 0; } }
  .two-columns .col.two {
    margin: 0 0 0 2.040816326531%; }
    @media screen and (max-width: 480px) {
      .two-columns .col.two {
        margin: 0; } }

.three-columns .col {
  width: 30.612244897959%; }
  .three-columns .col.one {
    margin: 0 4.081632653061% 0 0; }
  .three-columns .col.two {
    margin: 0 4.081632653061% 0 0; }
  @media screen and (max-width: 480px) {
    .three-columns .col {
      width: 100%; } }

.four-columns .col {
  width: 23.469387755102%; }
  @media screen and (max-width: 480px) {
    .four-columns .col {
      width: 48.979591836735%; } }
  @media screen and (max-width: 320px) {
    .four-columns .col {
      width: 100%; } }
  .four-columns .col.one {
    margin: 0 2.040816326531% 0 0; }
    @media screen and (max-width: 320px) {
      .four-columns .col.one {
        margin: 0; } }
  .four-columns .col.two {
    margin: 0 2.040816326531% 0 0; }
    @media screen and (max-width: 480px) {
      .four-columns .col.two {
        margin: 0; } }
  .four-columns .col.three {
    margin: 0 2.040816326531% 0 0; }
    @media screen and (max-width: 320px) {
      .four-columns .col.three {
        margin: 0; } }

#logo {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  height: 73px;
  width: 231px;
  background-repeat: no-repeat;
  background-image: url("../img/logo.png");
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  @media screen and (max-width: 960px) {
    #logo {
      height: 73px;
      width: 73px; } }
  @media screen and (max-width: 768px) {
    #logo {
      height: 73px;
      width: 231px;
      margin: 0 0 0 20px; } }
  @media screen and (max-width: 320px) {
    #logo {
      height: 73px;
      width: 73px; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    #logo {
      background-image: url("../img/logo_2x.png");
      background-size: 231px 73px; } }

nav#main {
  padding: 13px 0;
  height: 99px;
  border-bottom: 1px solid #9a2d84;
  position: relative; }
  nav#main::after {
    clear: both;
    content: "";
    display: table; }
  .type-solutions nav#main, .type-team nav#main, .channel.type-news nav#main, .channel.type-faq nav#main {
    border-bottom: 1px solid #303436; }
  .small nav#main {
    border-bottom: 1px solid transparent; }
  @media screen and (max-width: 768px) {
    nav#main {
      -webkit-transition: background 0.5s cubic-bezier(0, 0.275, 0.125, 1);
      -moz-transition: background 0.5s cubic-bezier(0, 0.275, 0.125, 1);
      transition: background 0.5s cubic-bezier(0, 0.275, 0.125, 1); }
      .mobile-nav nav#main {
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 199;
        background-color: #303436;
        background-color: rgba(48, 52, 54, 0.85);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); } }
  nav#main ul {
    float: right;
    margin: 30px 0 0 0; }
    @media screen and (max-width: 768px) {
      nav#main ul {
        margin: 88px 0 0 0;
        float: none;
        display: none; }
        .mobile-nav nav#main ul {
          display: block; } }
    nav#main ul li {
      list-style: none;
      float: left;
      padding: 0 15px; }
      @media screen and (max-width: 768px) {
        nav#main ul li {
          float: none;
          padding: 0;
          margin-bottom: 1px; } }
      nav#main ul li.last {
        padding: 0 0 0 15px; }
        @media screen and (max-width: 768px) {
          nav#main ul li.last {
            padding: 0; } }
      nav#main ul li a {
        display: block;
        color: #7d9aaa;
        font-family: Geogrotesque-Medium;
        font-size: 1.125em;
        font-weight: normal;
        text-decoration: none;
        text-transform: uppercase; }
        @media screen and (max-width: 768px) {
          nav#main ul li a {
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s;
            font-family: Geogrotesque-Regular;
            font-size: 1.375em;
            font-weight: normal;
            padding: 0 0 0 20px;
            text-transform: uppercase;
            height: 60px;
            line-height: 60px;
            background-color: #00a599;
            color: #fff;
            background-position: right center;
            background-repeat: no-repeat;
            background-image: url("../img/bg-solutions-select.png"); } }
  @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 768px) and (min-resolution: 125dpi), only screen and (max-width: 768px) and (min-resolution: 1.3dppx) {
    nav#main ul li a {
      background-image: url("../img/bg-solutions-select_2x.png");
      background-size: 65px 12px; } }

        nav#main ul li a.active, nav#main ul li a:hover {
          color: #9a2d84; }
          @media screen and (max-width: 768px) {
            nav#main ul li a.active, nav#main ul li a:hover {
              color: #fff;
              background-color: #9a2d84; } }
      nav#main ul li.last {
        margin: 0; }
        nav#main ul li.last a {
          color: #9a2d84; }
          @media screen and (max-width: 768px) {
            nav#main ul li.last a {
              color: #303436; } }

#toggle {
  display: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  z-index: 1000;
  top: 27px;
  right: 20px;
  height: 40px;
  width: 40px;
  background-color: #dee1e5;
  cursor: pointer;
  height: 40px;
  width: 50px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../img/bg-toggle.png"); }
  @media screen and (max-width: 768px) {
    #toggle {
      display: block; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    #toggle {
      background-image: url("../img/bg-toggle_2x.png");
      background-size: 25px 19px; } }
  #toggle:hover {
    background-color: #00a599; }
  #toggle.active {
    background-image: url("../img/bg-toggle-active.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #toggle.active {
        background-image: url("../img/bg-toggle-active_2x.png");
        background-size: 21px 21px; } }

#solutions-select {
  width: 335px;
  margin: 10px 0 0 0;
  float: right;
  background-color: #303436;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px 20px 05px 20px; }
  @media screen and (max-width: 320px) {
    #solutions-select {
      width: 280px; } }
  #solutions-select h4 {
    color: #fff;
    cursor: pointer;
    padding: 5px 0 20px 0;
    margin: 0 0 10px 0;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    background-image: url("../img/bg-solutions-select.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #solutions-select h4 {
        background-image: url("../img/bg-solutions-select_2x.png");
        background-size: 65px 12px; } }
    #solutions-select h4:hover {
      color: #9a2d84; }
  #solutions-select nav {
    display: none;
    padding: 10px 0 0 0; }
    #solutions-select nav h3 {
      font-family: Geogrotesque-Medium;
      font-weight: normal;
      font-size: 1.5em;
      color: #9a2d84;
      margin: 0; }
    #solutions-select nav ul {
      margin: 0 0 20px 0;
      padding: 5px 0 0 0;
      font-size: 1.1875em; }
      #solutions-select nav ul li {
        background-image: url("../img/bg-solutionsnav-li.png");
        padding-left: 14px;
        background-position: left center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          #solutions-select nav ul li {
            background-image: url("../img/bg-solutionsnav-li_2x.png");
            background-size: 3px 3px; } }
        #solutions-select nav ul li a {
          font-family: Geogrotesque-Medium;
          font-weight: normal;
          color: #fff; }
          #solutions-select nav ul li a:hover {
            text-decoration: underline; }

#solutions-hero {
  margin: 0 0 20px 0; }

.channel #news-hero {
  margin: 0 0 20px 0; }

#related-modules {
  border-top: 1px solid #9a2d84;
  margin: 40px 0 0 0;
  padding: 30px 0 0 0; }
  #related-modules h4 {
    margin: 0 0 0.9em 0; }
  #related-modules h2 {
    font-family: AmpleSoft-Regular;
    font-weight: normal;
    font-size: 3.125em;
    margin: 0 0 0.7em 0; }

.accordion h3 {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  height: 100px;
  line-height: 100px;
  padding: 0 0 0 30px;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 0 0 1px 0;
  cursor: pointer;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("../img/bg-solutions-select.png");
  background-color: #9a2d84;
  color: #fff; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .accordion h3 {
      background-image: url("../img/bg-solutions-select_2x.png");
      background-size: 65px 12px; } }
  #roles .accordion h3 {
    background-color: #ff7900; }
  .accordion h3.ui-accordion-header-active {
    background-color: #00a599; }
    #roles .accordion h3.ui-accordion-header-active {
      background-color: #868e9b; }
  .accordion h3:focus, .accordion h3:active {
    outline: 0; }
.accordion div {
  padding: 20px 30px; }
  .accordion div p {
    font-size: 1.5625em;
    margin: 0 0 0.8em 0; }
  #roles .accordion div {
    background-color: #dee1e5; }

.video-js .vjs-tech {
  height: auto !important;
  position: relative !important; }

#blocks ul.vjs-menu-content {
  margin: 0 0 -10px 0;
  padding: 0 0 4px 0; }
  #blocks ul.vjs-menu-content li {
    padding: 0;
    background: none;
    color: #fff; }
  #blocks ul.vjs-menu-content li.vjs-menu-title.vjs-res-menu-title {
    padding-top: 5px; }
  #blocks ul.vjs-menu-content li.vjs-menu-item {
    margin: 0 0 0 0;
    font-size: 12px; }

.royalSlider, .rsOverflow {
  height: 500px !important;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  @media screen and (max-width: 960px) {
    .royalSlider, .rsOverflow {
      height: 450px !important; } }
  @media screen and (max-width: 768px) {
    .royalSlider, .rsOverflow {
      height: 400px !important; } }
  @media screen and (max-width: 480px) {
    .royalSlider, .rsOverflow {
      height: 700px !important; } }

.royalSlider .two-columns .col.one {
  margin: 0 2% 0 0;
  width: 48%;
  padding: 100px 20px 0 20px; }
  @media screen and (max-width: 960px) {
    .royalSlider .two-columns .col.one {
      padding: 80px 20px 0 20px; } }
  @media screen and (max-width: 768px) {
    .royalSlider .two-columns .col.one {
      padding: 60px 20px 0 20px; } }
  @media screen and (max-width: 480px) {
    .royalSlider .two-columns .col.one {
      margin: 0;
      width: 100%;
      padding: 20px; } }
@media screen and (max-width: 480px) {
  .royalSlider .two-columns .col.two {
    margin: 0;
    width: 100%;
    padding: 20px; } }

.dark-gray .rsOverflow {
  background-color: #43484c; }

.blue .rsOverflow {
  background-color: #039cb8; }

.rsNav {
  height: 80px;
  border-top: 1px solid #fff;
  width: 100%; }
  .rsNav .rsTab {
    float: left;
    width: 20%;
    height: 80px;
    cursor: pointer;
    border-top: 10px solid transparent;
    line-height: 70px;
    font-family: Geogrotesque-Medium;
    font-weight: normal;
    font-size: 1.25em;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; }
    .length5 .rsNav .rsTab {
      width: 20%; }
    .length4 .rsNav .rsTab {
      width: 25%; }
    .length3 .rsNav .rsTab {
      width: 33.333333%; }
    .length2 .rsNav .rsTab {
      width: 50%; }
    @media screen and (max-width: 768px) {
      .rsNav .rsTab {
        font-size: 1em; } }
    @media screen and (max-width: 480px) {
      .rsNav .rsTab {
        font-size: 1.875em;
        text-align: center; } }
    .rsNav .rsTab:hover, .rsNav .rsTab.rsNavSelected {
      border-top: 10px solid #fff;
      color: #9a2d84; }
      .dark-gray .rsNav .rsTab:hover, .dark-gray .rsNav .rsTab.rsNavSelected {
        color: #9a2d84; }
      .blue .rsNav .rsTab:hover, .blue .rsNav .rsTab.rsNavSelected {
        color: #303436; }
    @media screen and (max-width: 480px) {
      .rsNav .rsTab .rsTmb span {
        display: none; } }