/* Media Queries (mobile first) ----------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, main,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, div, main {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block; }

nav ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: top; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0; }

input,
select {
  vertical-align: middle; }

/* COLOR PALETTE --------------------------------- */
/* FONTS ------------------------------------------ */
/* GRID ------------------------------------------ */
/* VARIOUS ---------------------------------------- */
/* Media Queries (mobile first) ----------------------------------- */
/* COLOR PALETTE --------------------------------- */
/* FONTS ------------------------------------------ */
/* GRID ------------------------------------------ */
/* VARIOUS ---------------------------------------- */
/* Media Queries (mobile first) ----------------------------------- */
.container {
  margin: 0 auto;
  position: relative; }
.container.fluid-xs {
  max-width: none; }

.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative; }
.row.direction-xs-column {
  flex-direction: column;
  -webkit-flex-direction: column; }
.row.direction-xs-row {
  flex-direction: row;
  -webkit-flex-direction: row; }

[class*="col-"] {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: 100%; }

.col-xs-1 {
  width: 8.333333333333333%; }

.col-xs-2 {
  width: 16.66666666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333333333333%; }

.col-xs-5 {
  width: 41.66666666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333333333333%; }

.col-xs-8 {
  width: 66.66666666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333333333333%; }

.col-xs-11 {
  width: 91.66666666666667%; }

.col-xs-12 {
  width: 100%; }

.push-xs-0 {
  margin-left: 0; }

.push-xs-1 {
  margin-left: 8.333333333333333%; }

.push-xs-2 {
  margin-left: 16.66666666666667%; }

.push-xs-3 {
  margin-left: 25%; }

.push-xs-4 {
  margin-left: 33.33333333333333%; }

.push-xs-5 {
  margin-left: 41.66666666666667%; }

.push-xs-6 {
  margin-left: 50%; }

.push-xs-7 {
  margin-left: 58.33333333333333%; }

.push-xs-8 {
  margin-left: 66.66666666666667%; }

.push-xs-9 {
  width: 75%; }

.push-xs-10 {
  margin-left: 83.33333333333333%; }

.push-xs-11 {
  margin-left: 91.66666666666667%; }

.push-xs-12 {
  margin-left: 100%; }

.clear-gutter-xs {
  padding: 0; }

.reset-gutter-xs {
  padding: 0 20px; }

[class*="va-"],
[class*="ha-"] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: row;
  -webkit-flex-wrap: row; }

.va-xs-top {
  align-items: flex-start;
  -webkit-align-items: flex-start; }

.va-xs-bottom {
  align-items: flex-end;
  -webkit-align-items: flex-end; }

.va-xs-stretch {
  align-items: stretch;
  -webkit-align-items: stretch; }

.va-xs-center {
  align-items: center;
  -webkit-align-items: center; }

.va-xs-baseline {
  align-items: baseline;
  -webkit-align-items: baseline; }

.ha-xs-left {
  justify-content: flex-start;
  -webkit-justify-content: flex-start; }

.ha-xs-right {
  justify-content: flex-end;
  -webkit-justify-content: flex-end; }

.ha-xs-center {
  justify-content: center;
  -webkit-justify-content: center; }

.ha-xs-space-between {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.ha-xs-space-around {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.ha-xs-space-evenly {
  justify-content: space-evenly;
  -webkit-justify-content: space-evenly; }

.hidden-xs {
  display: none; }

.visible-xs {
  display: block; }

.visible-flex-xs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

@media only screen and (min-width: 480px) {
  .container {
    max-width: 480px; }
  .container.fluid-sm {
    max-width: none; }
  .row.direction-sm-column {
    flex-direction: column;
    -webkit-flex-direction: column; }
  .row.direction-sm-row {
    flex-direction: row;
    -webkit-flex-direction: row; }
  .col-sm-1 {
    width: 8.333333333333333%; }
  .col-sm-2 {
    width: 16.66666666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333333333333%; }
  .col-sm-5 {
    width: 41.66666666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333333333333%; }
  .col-sm-8 {
    width: 66.66666666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333333333333%; }
  .col-sm-11 {
    width: 91.66666666666667%; }
  .col-sm-12 {
    width: 100%; }
  .push-sm-0 {
    margin-left: 0; }
  .push-sm-1 {
    margin-left: 8.333333333333333%; }
  .push-sm-2 {
    margin-left: 16.66666666666667%; }
  .push-sm-3 {
    margin-left: 25%; }
  .push-sm-4 {
    margin-left: 33.33333333333333%; }
  .push-sm-5 {
    margin-left: 41.66666666666667%; }
  .push-sm-6 {
    margin-left: 50%; }
  .push-sm-7 {
    margin-left: 58.33333333333333%; }
  .push-sm-8 {
    margin-left: 66.66666666666667%; }
  .push-sm-9 {
    width: 75%; }
  .push-sm-10 {
    margin-left: 83.33333333333333%; }
  .push-sm-11 {
    margin-left: 91.66666666666667%; }
  .push-sm-12 {
    margin-left: 100%; }
  .clear-gutter-sm {
    padding: 0; }
  .reset-gutter-sm {
    padding: 0 20px; }
  .va-sm-top {
    align-items: flex-start;
    -webkit-align-items: flex-start; }
  .va-sm-bottom {
    align-items: flex-end;
    -webkit-align-items: flex-end; }
  .va-sm-stretch {
    align-items: stretch;
    -webkit-align-items: stretch; }
  .va-sm-center {
    align-items: center;
    -webkit-align-items: center; }
  .va-sm-baseline {
    align-items: baseline;
    -webkit-align-items: baseline; }
  .ha-sm-left {
    justify-content: flex-start;
    -webkit-justify-content: flex-start; }
  .ha-sm-right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
  .ha-sm-center {
    justify-content: center;
    -webkit-justify-content: center; }
  .ha-sm-space-between {
    justify-content: space-around;
    -webkit-justify-content: space-around; }
  .ha-sm-space-around {
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .ha-sm-space-evenly {
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly; }
  .hidden-sm {
    display: none; }
  .visible-sm {
    display: block; }
  .visible-flex-sm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } }

@media only screen and (min-width: 786px) {
  .container {
    max-width: 786px; }
  .container.fluid-md {
    max-width: none; }
  .container.contained-md {
    max-width: 786px; }
  .row.direction-md-column {
    flex-direction: column;
    -webkit-flex-direction: column; }
  .row.direction-md-row {
    flex-direction: row;
    -webkit-flex-direction: row; }
  .col-md-1 {
    width: 8.333333333333333%; }
  .col-md-2 {
    width: 16.66666666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333333333333%; }
  .col-md-5 {
    width: 41.66666666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333333333333%; }
  .col-md-8 {
    width: 66.66666666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333333333333%; }
  .col-md-11 {
    width: 91.66666666666667%; }
  .col-md-12 {
    width: 100%; }
  .push-md-0 {
    margin-left: 0; }
  .push-md-1 {
    margin-left: 8.333333333333333%; }
  .push-md-2 {
    margin-left: 16.66666666666667%; }
  .push-md-3 {
    margin-left: 25%; }
  .push-md-4 {
    margin-left: 33.33333333333333%; }
  .push-md-5 {
    margin-left: 41.66666666666667%; }
  .push-md-6 {
    margin-left: 50%; }
  .push-md-7 {
    margin-left: 58.33333333333333%; }
  .push-md-8 {
    margin-left: 66.66666666666667%; }
  .push-md-9 {
    width: 75%; }
  .push-md-10 {
    margin-left: 83.33333333333333%; }
  .push-md-11 {
    margin-left: 91.66666666666667%; }
  .push-md-12 {
    margin-left: 100%; }
  .clear-gutter-md {
    padding: 0; }
  .reset-gutter-md {
    padding: 0 20px; }
  .va-md-top {
    align-items: flex-start;
    -webkit-align-items: flex-start; }
  .va-md-bottom {
    align-items: flex-end;
    -webkit-align-items: flex-end; }
  .va-md-stretch {
    align-items: stretch;
    -webkit-align-items: stretch; }
  .va-md-center {
    align-items: center;
    -webkit-align-items: center; }
  .va-md-baseline {
    align-items: baseline;
    -webkit-align-items: baseline; }
  .ha-md-left {
    justify-content: flex-start;
    -webkit-justify-content: flex-start; }
  .ha-md-right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
  .ha-md-center {
    justify-content: center;
    -webkit-justify-content: center; }
  .ha-md-space-between {
    justify-content: space-around;
    -webkit-justify-content: space-around; }
  .ha-md-space-around {
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .ha-md-space-evenly {
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly; }
  .hidden-md {
    display: none; }
  .visible-md {
    display: block; }
  .visible-flex-md {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } }

@media only screen and (min-width: 992px) {
  .container {
    max-width: 992px; }
  .container.fluid-lg {
    max-width: none; }
  .row.direction-lg-column {
    flex-direction: column;
    -webkit-flex-direction: column; }
  .row.direction-lg-row {
    flex-direction: row;
    -webkit-flex-direction: row; }
  .col-lg-1 {
    width: 8.333333333333333%; }
  .col-lg-2 {
    width: 16.66666666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333333333333%; }
  .col-lg-5 {
    width: 41.66666666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333333333333%; }
  .col-lg-8 {
    width: 66.66666666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333333333333%; }
  .col-lg-11 {
    width: 91.66666666666667%; }
  .col-lg-12 {
    width: 100%; }
  .push-lg-0 {
    margin-left: 0; }
  .push-lg-1 {
    margin-left: 8.333333333333333%; }
  .push-lg-2 {
    margin-left: 16.66666666666667%; }
  .push-lg-3 {
    margin-left: 25%; }
  .push-lg-4 {
    margin-left: 33.33333333333333%; }
  .push-lg-5 {
    margin-left: 41.66666666666667%; }
  .push-lg-6 {
    margin-left: 50%; }
  .push-lg-7 {
    margin-left: 58.33333333333333%; }
  .push-lg-8 {
    margin-left: 66.66666666666667%; }
  .push-lg-9 {
    width: 75%; }
  .push-lg-10 {
    margin-left: 83.33333333333333%; }
  .push-lg-11 {
    margin-left: 91.66666666666667%; }
  .push-lg-12 {
    margin-left: 100%; }
  .clear-gutter-lg {
    padding: 0; }
  .reset-gutter-lg {
    padding: 0 20px; }
  .va-lg-top {
    align-items: flex-start;
    -webkit-align-items: flex-start; }
  .va-lg-bottom {
    align-items: flex-end;
    -webkit-align-items: flex-end; }
  .va-lg-stretch {
    align-items: stretch;
    -webkit-align-items: stretch; }
  .va-lg-center {
    align-items: center;
    -webkit-align-items: center; }
  .va-lg-baseline {
    align-items: baseline;
    -webkit-align-items: baseline; }
  .ha-lg-left {
    justify-content: flex-start;
    -webkit-justify-content: flex-start; }
  .ha-lg-right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
  .ha-lg-center {
    justify-content: center;
    -webkit-justify-content: center; }
  .ha-lg-space-between {
    justify-content: space-around;
    -webkit-justify-content: space-around; }
  .ha-lg-space-around {
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .ha-lg-space-evenly {
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly; }
  .hidden-lg {
    display: none; }
  .visible-lg {
    display: block; }
  .visible-flex-lg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } }

@media only screen and (min-width: 1280px) {
  .container {
    max-width: 1280px; }
  .container.fluid-xl {
    max-width: none; }
  .row.direction-xl-column {
    flex-direction: column;
    -webkit-flex-direction: column; }
  .row.direction-xl-row {
    flex-direction: row;
    -webkit-flex-direction: row; }
  .col-xl-1 {
    width: 8.333333333333333%; }
  .col-xl-2 {
    width: 16.66666666666667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333333333333%; }
  .col-xl-5 {
    width: 41.66666666666667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333333333333%; }
  .col-xl-8 {
    width: 66.66666666666667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333333333333%; }
  .col-xl-11 {
    width: 91.66666666666667%; }
  .col-xl-12 {
    width: 100%; }
  .push-xl-0 {
    margin-left: 0; }
  .push-xl-1 {
    margin-left: 8.333333333333333%; }
  .push-xl-2 {
    margin-left: 16.66666666666667%; }
  .push-xl-3 {
    margin-left: 25%; }
  .push-xl-4 {
    margin-left: 33.33333333333333%; }
  .push-xl-5 {
    margin-left: 41.66666666666667%; }
  .push-xl-6 {
    margin-left: 50%; }
  .push-xl-7 {
    margin-left: 58.33333333333333%; }
  .push-xl-8 {
    margin-left: 66.66666666666667%; }
  .push-xl-9 {
    width: 75%; }
  .push-xl-10 {
    margin-left: 83.33333333333333%; }
  .push-xl-11 {
    margin-left: 91.66666666666667%; }
  .push-xl-12 {
    margin-left: 100%; }
  .clear-gutter-xl {
    padding: 0; }
  .reset-gutter-xl {
    padding: 0 20px; }
  .va-xl-top {
    align-items: flex-start;
    -webkit-align-items: flex-start; }
  .va-xl-bottom {
    align-items: flex-end;
    -webkit-align-items: flex-end; }
  .va-xl-stretch {
    align-items: stretch;
    -webkit-align-items: stretch; }
  .va-xl-center {
    align-items: center;
    -webkit-align-items: center; }
  .va-xl-baseline {
    align-items: baseline;
    -webkit-align-items: baseline; }
  .ha-xl-left {
    justify-content: flex-start;
    -webkit-justify-content: flex-start; }
  .ha-xl-right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
  .ha-xl-center {
    justify-content: center;
    -webkit-justify-content: center; }
  .ha-xl-space-between {
    justify-content: space-around;
    -webkit-justify-content: space-around; }
  .ha-xl-space-around {
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .ha-xl-space-evenly {
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly; }
  .hidden-xl {
    display: none; }
  .visible-xl {
    display: block; }
  .visible-flex-xl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; } }

html,
body {
  color: #505050;
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  line-height: 150%; }

section {
  position: relative; }

#page {
  overflow-x: hidden; }

header {
  background-color: #fff;
  left: 0;
  position: absolute;
  top: 0;
  transition: box-shadow ease 300ms;
  -webkit-transition: box-shadow ease 300ms;
  width: 100%;
  z-index: 210; }
header.scroll {
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15); }
header.scroll #searchbar {
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15); }
header #logo {
  padding: 20px 0; }
header #main-menu > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
header #main-menu > ul > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative; }
header #main-menu > ul > li.current_page_item > a:after {
  background-color: #f9b20d;
  height: 10px; }
header #main-menu > ul > li:hover > ul {
  display: block;
  visibility: visible;
  transform: scaleY(1);
  -webkit-transform: scaleY(1); }
header #main-menu > ul > li:not(.current_page_item):hover a:after {
  background-color: #e5e5e5;
  height: 10px; }
header #main-menu > ul > li > a {
  color: #505050;
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 100%;
  padding: 0 28px;
  position: relative;
  text-decoration: none; }
header #main-menu > ul > li > a:after {
  background-color: transparent;
  bottom: 0;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms; }
header #main-menu > ul > li > ul {
  background-color: #fff;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
  left: 0;
  min-width: 100%;
  padding: 10px;
  position: absolute;
  top: 100%;
  transform-origin: 50% 0%;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  visibility: hidden;
  white-space: nowrap; }
header #main-menu > ul > li > ul > li {
  display: block; }
header #main-menu > ul > li > ul > li:not(:last-child) a {
  margin-bottom: 20px; }
header #main-menu > ul > li > ul > li:hover a, header #main-menu > ul > li > ul > li.current_page_item a {
  color: #505050; }
header #main-menu > ul > li > ul > li > a {
  color: #999999;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  padding: 6px 10px;
  text-decoration: none; }
header #icon-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
header #icon-menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
header #icon-menu ul li {
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 8px; }
header #icon-menu ul li a {
  transition: all ease 150ms;
  -webkit-transition: all ease 150ms; }
header #icon-menu ul li a img {
  height: 24px;
  width: 24px; }
header #mobile-menu-trigger.open a {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }
header #mobile-menu-trigger.open span {
  background-color: #2f2a85; }
header #mobile-menu-trigger.open span:nth-child(1) {
  top: 9px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }
header #mobile-menu-trigger.open span:nth-child(2) {
  opacity: 0;
  -webkit-opacity: 0; }
header #mobile-menu-trigger.open span:nth-child(3) {
  bottom: 9px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }
header #mobile-menu-trigger a {
  display: block;
  padding: 0 12px;
  transition: all ease 250ms;
  -webkit-transition: all ease 250ms; }
header #mobile-menu-trigger span {
  background-color: #999999;
  display: block;
  height: 3px;
  margin: 6px 0;
  position: relative;
  transition: all ease 250ms;
  -webkit-transition: all ease 250ms;
  width: 30px; }
header #header-visual {
  background-image: url(../img/bg/visual-header.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  bottom: 0;
  left: 101%;
  position: absolute;
  top: 0;
  width: 134px; }
header #searchbar {
  left: 100%;
  overflow: hidden;
  position: absolute;
  right: 20px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  top: 100%;
  visibility: hidden; }
header #searchbar.active {
  visibility: visible;
  left: 20px; }
header #searchbar form {
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start; }
header #searchbar .field {
  flex-grow: 1;
  -webkit-flex-grow: 1; }
header #searchbar .field input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #f2f2f2;
  border: 0;
  color: #505050;
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-weight: 500;
  height: 68px;
  line-height: normal;
  max-width: 100%;
  outline: none !important;
  padding: 0 16px;
  width: 100%; }
header #searchbar .field input[type=text]::-webkit-input-placeholder {
  color: #999999; }
header #searchbar .field input[type=text]::-moz-placeholder {
  color: #999999; }
header #searchbar .field input[type=text]:-ms-input-placeholder {
  color: #999999; }
header #searchbar .field input[type=text]:-moz-placeholder {
  color: #999999; }
header #searchbar .submit a {
  background-color: #2f2a85;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  height: 68px;
  padding: 16px;
  width: 68px; }
@media only screen and (min-width: 786px) {
  header {
    position: fixed; }
  header #icon-menu {
    padding-left: 20px; }
  header #icon-menu ul li a:hover {
    transform: scale(1.3);
    -webkit-transform: scale(1.3); }
  header #searchbar {
    right: 20px; }
  header #searchbar.active {
    left: 50%; }
  header #main-menu > ul > li > a {
    font-size: 16px;
    padding: 0 13px; } }
@media only screen and (min-width: 992px) {
  header #searchbar.active {
    left: 60%; }
  header #main-menu > ul > li > a {
    font-size: 19px;
    padding: 0 20px; } }
@media only screen and (min-width: 1280px) {
  header #searchbar.active {
    left: 65%; }
  header #main-menu > ul > li > a {
    font-size: 21px;
    padding: 0 28px; } }

#hero {
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  height: 800px;
  overflow: hidden;
  padding-bottom: 200px;
  position: relative;
  z-index: 10; }
#hero .hero-image {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10; }
#hero .hero-image:after {
  background-color: #000;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.26;
  -webkit-opacity: 0.26;
  position: absolute;
  right: 0;
  top: 0; }
#hero .hero-text {
  color: #fff;
  padding: 0 20px;
  position: relative;
  text-align: center;
  z-index: 20; }
#hero .hero-text h4 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 4px; }
#hero .hero-text h1 {
  font-family: "Roboto", sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 105%;
  margin-bottom: 20px;
  text-transform: uppercase; }
#hero .hero-text h3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 30px; }
@media only screen and (min-width: 786px) {
  #hero .hero-text h4 {
    font-size: 22px; }
  #hero .hero-text h1 {
    font-size: 48px; }
  #hero .hero-text h3 {
    font-size: 26px; } }
@media only screen and (min-width: 992px) {
  #hero .hero-text h4 {
    font-size: 25px; }
  #hero .hero-text h1 {
    font-size: 58px; }
  #hero .hero-text h3 {
    font-size: 29px; } }
#hero .hero-corners {
  bottom: -3px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 30; }
#hero .hero-corners svg {
  display: block;
  width: 100%;
  height: auto; }

#hero-2 {
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  height: 200px;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
  z-index: 10; }
#hero-2 .hero-image {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10; }
#hero-2 .hero-image:after {
  background-color: #000;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.26;
  -webkit-opacity: 0.26;
  position: absolute;
  right: 0;
  top: 0; }
#hero-2 .hero-text {
  color: #fff;
  padding: 0 20px;
  position: relative;
  text-align: center;
  z-index: 20; }
#hero-2 .hero-text h2 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  text-transform: uppercase; }
@media only screen and (min-width: 786px) {
  #hero-2 .hero-text h2 {
    font-size: 22px; } }
@media only screen and (min-width: 992px) {
  #hero-2 .hero-text h2 {
    font-size: 25px; } }
#hero-2 .hero-corners {
  bottom: -3px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 30; }
#hero-2 .hero-corners svg {
  display: block;
  width: 100%;
  height: auto; }

#highlights {
  margin-top: -240px;
  min-height: 240px;
  position: relative;
  z-index: 20; }
#highlights [class*="block-"] {
  color: #fff;
  margin-bottom: 30px;
  max-width: 300px;
  min-height: 240px;
  overflow: hidden;
  padding: 30px 30px 80px;
  position: relative;
  text-align: center;
  width: 100%; }
@media only screen and (min-width: 786px) {
  #highlights [class*="block-"]:hover .corner {
    background-color: rgba(0, 0, 0, 0.1);
    height: 120%;
    width: 200%; }
  #highlights [class*="block-"]:hover .arrow {
    right: 20px; } }
#highlights [class*="block-"] .visual {
  margin-bottom: 30px;
  position: relative;
  z-index: 10; }
#highlights [class*="block-"] h2 {
  font-size: 33px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
  z-index: 10; }
#highlights [class*="block-"] h5 {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  line-height: 180%;
  position: relative;
  z-index: 10; }
#highlights [class*="block-"] .link {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20; }
#highlights [class*="block-"] .corner {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100% 0 0 0;
  -webkit-border-radius: 100% 0 0 0;
  bottom: 0;
  height: 74px;
  position: absolute;
  right: 0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  width: 128px; }
#highlights [class*="block-"] .arrow {
  bottom: 14px;
  height: auto;
  right: 30px;
  position: absolute;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  width: 36px; }
#highlights .block-1 {
  background-color: #e52c12;
  background-image: url(../img/bg/block-1.png);
  background-position: bottom center;
  background-size: cover;
  -webkit-background-size: cover; }
#highlights .block-2 {
  background-color: #f9b20d;
  background-image: url(../img/bg/block-2.png);
  background-position: bottom center;
  background-size: cover;
  -webkit-background-size: cover; }
#highlights .block-3 {
  background-color: #2f2a85;
  background-image: url(../img/bg/block-3.png);
  background-position: bottom center;
  background-size: cover;
  -webkit-background-size: cover; }

#packages {
  min-height: 240px;
  padding: 30px 0;
  position: relative;
  z-index: 20; }
#packages h1 {
  color: #2f2a85;
  font-family: "Roboto", sans-serif;
  font-size: 37px;
  line-height: 120%;
  margin-bottom: 30px; }
#packages .blocks {
  margin-bottom: 50px; }
#packages [class*="block-"] {
  color: #fff;
  margin-bottom: 30px;
  max-width: 300px;
  min-height: 240px;
  overflow: hidden;
  padding: 30px 30px 80px;
  position: relative;
  text-align: center;
  width: 100%; }
@media only screen and (min-width: 786px) {
  #packages [class*="block-"]:hover .corner {
    background-color: rgba(0, 0, 0, 0.1);
    height: 120%;
    width: 200%; }
  #packages [class*="block-"]:hover .arrow {
    right: 20px; } }
#packages [class*="block-"] .visual {
  margin-bottom: 30px;
  position: relative;
  z-index: 10; }
#packages [class*="block-"] h2 {
  font-size: 33px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
  z-index: 10; }
#packages [class*="block-"] h5 {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  line-height: 140%;
  position: relative;
  text-transform: uppercase;
  z-index: 10; }
#packages [class*="block-"] .link {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20; }
#packages [class*="block-"] .corner {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100% 0 0 0;
  -webkit-border-radius: 100% 0 0 0;
  bottom: 0;
  height: 74px;
  position: absolute;
  right: 0;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  width: 128px; }
#packages [class*="block-"] .arrow {
  bottom: 14px;
  height: auto;
  right: 30px;
  position: absolute;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  width: 36px; }
#packages .block-1 {
  background-color: #e52c12;
  background-image: url(../img/bg/block-1.png);
  background-position: bottom center;
  background-size: cover;
  -webkit-background-size: cover; }
#packages .block-2 {
  background-color: #f9b20d;
  background-image: url(../img/bg/block-2.png);
  background-position: bottom center;
  background-size: cover;
  -webkit-background-size: cover; }
#packages .block-3 {
  background-color: #2f2a85;
  background-image: url(../img/bg/block-3.png);
  background-position: bottom center;
  background-size: cover;
  -webkit-background-size: cover; }

#intro-text {
  background-image: url(../img/bg/visual-intro.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  font-size: 17px;
  font-weight: 600;
  line-height: 140%;
  padding: 10px 0 240px;
  text-align: center; }

.content-1col,
.content-blocks-2col {
  padding: 30px 0; }

.content-blocks-2col .content-block:not(:last-child) {
  margin-bottom: 30px; }

.content-blocks-2col .content-block.flipped > [class*="col-"] > .row {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse; }

.content-blocks-2col .content-image {
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin-bottom: 20px; }
.content-blocks-2col .content-image .img {
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  padding-top: 75%;
  width: 100%; }

.content-blocks-2col .content {
  font-size: 15px;
  line-height: 130%; }
.content-blocks-2col .content h4 {
  color: #2f2a85;
  line-height: 120%; }
.content-blocks-2col .content h4:not(:last-child) {
  margin-bottom: 15px; }
.content-blocks-2col .content p:not(:last-child) {
  margin-bottom: 20px; }

@media only screen and (min-width: 786px) {
  .content-blocks-2col .content-image {
    margin-bottom: 0; }
  .content-blocks-2col .content-image .img {
    padding-top: 0; } }

#banner-1 {
  background: transparent;
  height: 440px;
  padding: 30px 0; }
#banner-1 .banner-image {
  background: transparent;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10; }
#banner-1 .banner-image:before {
  background-color: rgba(0, 0, 0, 0.33);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
#banner-1 .container {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  z-index: 20; }
#banner-1 .banner-text {
  color: #fff;
  text-align: center; }
#banner-1 .banner-text h2 {
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 105%;
  margin-bottom: 20px;
  text-transform: uppercase; }
#banner-1 .banner-text h4 {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 105%;
  margin-bottom: 40px; }
@media only screen and (min-width: 786px) {
  #banner-1 {
    height: 540px; }
  #banner-1 .banner-text h2 {
    font-size: 40px; }
  #banner-1 .banner-text h4 {
    font-size: 22px; } }
@media only screen and (min-width: 992px) {
  #banner-1 .banner-text h2 {
    font-size: 48px; }
  #banner-1 .banner-text h4 {
    font-size: 30px; } }
@media only screen and (min-width: 1280px) {
  #banner-1 {
    height: 640px; }
  #banner-1 .banner-text h2 {
    font-size: 55px; }
  #banner-1 .banner-text h4 {
    font-size: 37px; } }

.cards-2col {
  background-color: #f2f2f2;
  padding: 30px 0; }

#member h3 {
  color: #f9b20d;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 30px; }

#member .steps {
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: stretch;
  -webkit-justify-content: stretch;
  position: relative; }
#member .steps:before {
  background-color: #2f2a85;
  bottom: 76px;
  content: '';
  left: 50%;
  margin-left: -7px;
  position: absolute;
  top: 60px;
  width: 13px;
  z-index: 10; }
#member .steps li {
  background-color: #2f2a85;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  height: 100px;
  margin-bottom: 60px;
  position: relative;
  width: 100px;
  z-index: 20; }
#member .steps li p {
  background-color: #fff;
  bottom: -38px;
  color: #2f2a85;
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  position: absolute;
  white-space: nowrap; }
#member .steps li p span {
  font-size: 13px;
  font-weight: normal; }
@media only screen and (min-width: 480px) {
  #member .steps {
    align-content: stretch;
    -webkit-align-content: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 52px; }
  #member .steps:before {
    bottom: auto;
    height: 13px;
    left: 6px;
    margin-left: 0;
    margin-top: -7px;
    right: 6px;
    top: 50%;
    width: auto; }
  #member .steps li {
    margin-bottom: 0; }
  #member .steps li p {
    background-color: transparent; } }

#banner-2 {
  background: transparent;
  height: 400px;
  padding: 30px 0; }
#banner-2 .banner-image {
  background: transparent;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10; }
#banner-2 .container {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  z-index: 20; }
#banner-2 .banner-text {
  background-color: rgba(47, 42, 133, 0.6);
  color: #fff;
  padding: 20px; }
#banner-2 .banner-text h2 {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 105%;
  margin-bottom: 20px;
  text-transform: uppercase; }
#banner-2 .banner-text p {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%; }
@media only screen and (min-width: 786px) {
  #banner-2 .banner-text h2 {
    font-size: 36px; }
  #banner-2 .banner-text p {
    font-size: 16px; } }
@media only screen and (min-width: 992px) {
  #banner-2 .banner-text h2 {
    font-size: 41px; }
  #banner-2 .banner-text p {
    font-size: 17px; } }
@media only screen and (min-width: 786px) {
  #banner-2 {
    height: 500px; }
  #banner-2 .banner-text {
    padding: 30px; } }
@media only screen and (min-width: 1280px) {
  #banner-2 {
    height: 600px; }
  #banner-2 .banner-text {
    padding: 40px; } }

#news-home {
  padding: 40px 0 0; }
#news-home .container {
  z-index: 20; }
#news-home .news-top {
  padding-bottom: 30px;
  text-align: center; }
#news-home .seperator-top {
  margin: 0 -1px -1px -1px;
  max-height: 167px;
  overflow: hidden; }
#news-home .seperator-top svg {
  display: block;
  height: auto;
  margin-left: 50%;
  min-width: 1000px;
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%; }
#news-home .seperator-bottom {
  margin: -1px -1px 0 -1px;
  max-height: 167px;
  overflow: hidden; }
#news-home .seperator-bottom svg {
  display: block;
  height: auto;
  margin-left: 50%;
  min-width: 1000px;
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%; }
#news-home .news-body {
  background-color: #f2f2f2;
  overflow: hidden;
  position: relative; }
#news-home .news-body > div {
  position: relative;
  z-index: 20; }
#news-home .news-body .news-title h2 {
  color: #505050;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 105%;
  margin-bottom: 47px;
  text-align: center;
  text-transform: uppercase; }
@media only screen and (min-width: 786px) {
  #news-home .news-body .news-title h2 {
    font-size: 36px; } }
@media only screen and (min-width: 992px) {
  #news-home .news-body .news-title h2 {
    font-size: 41px; } }
#news-home .news-body .card .card-inner {
  transition: all ease 100ms;
  -webkit-transition: all ease 100ms; }
@media only screen and (min-width: 786px) {
  #news-home .news-body .card:hover .card-inner {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    box-shadow: 0 4px 0 0 transparent;
    -webkit-box-shadow: 0 4px 0 0 transparent; } }
#news-home .news-body .card h5 {
  color: #2f2a85;
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  line-height: 110%;
  margin-bottom: 14px;
  position: relative;
  z-index: 10; }
#news-home .news-body .card .date {
  color: #999999;
  font-style: italic;
  line-height: 110%;
  margin-bottom: 24px;
  position: relative;
  z-index: 10; }
#news-home .news-body .card .text {
  margin: 0 -15px;
  position: relative;
  z-index: 10; }
#news-home .news-body .card .text > div {
  padding: 0 15px; }
#news-home .news-body .card .text .img img {
  display: block;
  margin-bottom: 22px; }
@media only screen and (min-width: 786px) {
  #news-home .news-body .card .text .img img {
    margin-bottom: 0; } }
#news-home .news-body .card .text .content {
  color: #505050;
  font-size: 15px;
  line-height: 150%; }
#news-home .news-body .card .link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20; }
#news-home .news-body .news-button {
  padding-top: 30px;
  text-align: center; }

footer .visual {
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: -1px;
  min-height: 118px;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
footer .visual > div {
  padding: 0 15px; }
footer .visual .image-2 {
  text-align: center; }
footer .visual .image-3 {
  display: none;
  text-align: right; }
@media only screen and (min-width: 480px) {
  footer .visual .image-3 {
    display: block; } }

footer .main {
  background-color: #242424;
  padding: 80px 0;
  text-align: center; }
footer .main h3 {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 24px;
  padding-bottom: 22px;
  position: relative;
  text-transform: uppercase; }
footer .main h3:after {
  bottom: 0;
  content: '';
  height: 3px;
  left: 50%;
  margin-left: -35px;
  max-width: 100%;
  position: absolute;
  width: 70px; }
footer .main .text {
  color: #fff;
  font-size: 14px;
  line-height: 180%; }
footer .main [class*="footer-col-"] {
  padding-bottom: 30px;
  padding-top: 30px; }
footer .main .footer-col-1 h3:after {
  background-color: #e52c12; }
footer .main .footer-col-2 h3:after {
  background-color: #f9b20d; }
footer .main .footer-col-3 h3:after {
  background-color: #2f2a85; }
footer .main .footer-col-3 .text {
  font-size: 0;
  line-height: 0;
  margin: -3px; }
footer .main .footer-col-3 .text a {
  display: inline-block;
  margin: 3px;
  transition: all ease 250ms;
  -webkit-transition: all ease 250ms;
  vertical-align: top; }
@media only screen and (min-width: 786px) {
  footer .main .footer-col-3 .text a:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px); } }
footer .main .footer-col-4 h3:after {
  background-color: #999999; }
footer .main .footer-col-4 .form-field {
  width: 300px; }

footer .bottom {
  background-color: #f9b20d;
  border-top: 4px solid #fff;
  font-size: 13px;
  line-height: 140%;
  padding: 10px 0;
  text-align: center; }
footer .bottom .copyright {
  padding-bottom: 6px;
  padding-top: 6px; }
footer .bottom .copyright strong {
  color: #fff;
  font-weight: 400; }
@media only screen and (min-width: 786px) {
  footer .bottom .copyright {
    text-align: left; } }
@media only screen and (min-width: 992px) {
  footer .bottom .copyright {
    text-align: center; } }
footer .bottom .mark {
  padding-bottom: 6px;
  padding-top: 6px;
  text-align: center; }
@media only screen and (min-width: 786px) {
  footer .bottom .mark {
    text-align: right; } }

#mobile-menu {
  background-color: transparent;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color ease 200ms, visibility ease 200ms;
  -webkit-transition: background-color ease 200ms, visibility ease 200ms;
  visibility: hidden;
  z-index: 200; }
@media only screen and (min-width: 786px) {
  #mobile-menu {
    display: none; } }
#mobile-menu.open {
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: auto;
  visibility: visible; }
#mobile-menu.open ul {
  left: 0; }
#mobile-menu > ul {
  background-color: #fff;
  border: 10px solid #fff;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  left: -130%;
  margin: 0 auto;
  max-height: 100%;
  max-width: 440px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  transition: left ease 200ms, top ease 200ms;
  -webkit-transition: left ease 200ms, top ease 200ms; }
#mobile-menu > ul > li {
  display: block;
  position: relative; }
#mobile-menu > ul > li:last-child > a {
  border-bottom: 0; }
#mobile-menu > ul > li.current-menu-item > a {
  background-color: #f2f2f2; }
#mobile-menu > ul > li.open:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg); }
#mobile-menu > ul > li.open:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }
#mobile-menu > ul > li.menu-item-has-children > a {
  padding: 12px 24px 12px 10px; }
#mobile-menu > ul > li.menu-item-has-children:before {
  background-color: #505050;
  content: '';
  height: 11px;
  position: absolute;
  right: 12px;
  top: 18px;
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  width: 3px; }
#mobile-menu > ul > li.menu-item-has-children:after {
  background-color: #505050;
  content: '';
  height: 3px;
  position: absolute;
  right: 8px;
  top: 22px;
  transition: all ease 400ms;
  -webkit-transition: all ease 400ms;
  width: 11px; }
#mobile-menu > ul > li > a {
  border-bottom: 1px solid #f2f2f2;
  color: #505050;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 600;
  padding: 12px 10px;
  text-decoration: none; }
#mobile-menu > ul > li > ul {
  background-color: #f9b20d;
  display: none;
  margin-top: -1px; }
#mobile-menu > ul > li > ul > li {
  display: block; }
#mobile-menu > ul > li > ul > li.current-menu-item > a {
  background-color: rgba(0, 0, 0, 0.07); }
#mobile-menu > ul > li > ul > li > a {
  color: #fff;
  display: block;
  padding: 6px 8px;
  text-decoration: none; }

/* CONTENT --------------------------------- */
.content h1:not(:last-child),
.content h2:not(:last-child),
.content h3:not(:last-child),
.content h4:not(:last-child),
.content p:not(:last-child),
.content ul:not(:last-child),
.content ol:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 25px; }

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-weight: 600; }

.content h1 {
  font-size: 37px;
  line-height: 110%; }

.content h2 {
  font-size: 30px;
  line-height: 120%; }

.content h3 {
  font-size: 25px;
  line-height: 120%; }

.content h4 {
  font-size: 20px;
  line-height: 120%; }

.content h5 {
  font-size: 17px; }

.content h6 {
  font-size: 17px; }

.content a {
  color: #2f2a85;
  text-decoration: underline; }

.content ul {
  list-style: none; }
.content ul li {
  display: block;
  padding-left: 16px;
  position: relative; }
.content ul li:before {
  background-color: #505050;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  content: '';
  height: 6px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 6px; }

.content ol {
  margin-left: 20px; }

/* UI -------------------------------------- */
.button a , .button button {
  border-radius: 60px;
  -webkit-border-radius: 60px;
  display: inline-block;
  font-family: "Titillium Web", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 16px 30px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all ease 250ms;
  -webkit-transition: all ease 250ms;
  vertical-align: top; }

.button a:before .button button:before {
  background-color: #000;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  bottom: 50%;
  content: '';
  left: 50%;
  opacity: 0;
  -webkit-opacity: 0;
  position: absolute;
  right: 50%;
  top: 50%;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  z-index: 10; }

.button.small a {
  font-size: 14px;
  padding: 14px 25px; }

.button.bg-white a {
  background-color: #fff; }

.button.bg-blue a {
  background-color: #2f2a85; }

.button.bg-blue a, .button.bg-blue button {
  background-color: #2f2a85; }

.button.bg-red a {
  background-color: #e52c12; }

.button.bg-yellow a {
  background-color: #f9b20d; }

.button.txt-white a, .button.txt-white button {
  color: #fff; }

.button.txt-blue a {
  color: #2f2a85; }

.button.txt-red a {
  color: #e52c12; }

.button.txt-yellow a {
  color: #f9b20d; }

@media only screen and (min-width: 786px) {
  .button a {
    font-size: 16px; }
  .button a:hover:before {
    bottom: 0;
    left: 0;
    opacity: 0.2;
    -webkit-opacity: 0.2;
    right: 0;
    top: 0; }
  .button a .small {
    font-size: 16px; } }

@media only screen and (min-width: 992px) {
  .button a {
    font-size: 20px; }
  .button a .small {
    font-size: 17px; } }

.card {
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding-bottom: 20px;
  padding-top: 20px; }
.card .card-inner {
  background-color: #fff;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.05);
  align-content: stretch;
  -webkit-align-content: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding: 30px;
  width: 100%; }
.card .card-inner > .card-header:first-child,
.card .card-inner > .card-content:first-child,
.card .card-inner > .card-button:first-child {
  padding-top: 15px; }
.card .card-inner > .card-header:last-child,
.card .card-inner > .card-content:last-child,
.card .card-inner > .card-button:last-child {
  padding-bottom: 25px; }
.card .card-inner .card-header {
  width: 100%; }
.card .card-inner .card-header.clr-blue h5 {
  color: #2f2a85; }
.card .card-inner .card-header.clr-red h5 {
  color: #e52c12; }
.card .card-inner .card-header.clr-yellow h5 {
  color: #f9b20d; }
.card .card-inner .card-header h5 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 105%;
  margin-bottom: 20px;
  text-transform: uppercase; }
@media only screen and (min-width: 786px) {
  .card .card-inner .card-header h5 {
    font-size: 26px; } }
@media only screen and (min-width: 992px) {
  .card .card-inner .card-header h5 {
    font-size: 32px; } }
@media only screen and (min-width: 1280px) {
  .card .card-inner .card-header h5 {
    font-size: 37px; } }
.card .card-inner .card-content {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  width: 100%; }
.card .card-inner .card-button {
  padding-top: 30px;
  width: 100%; }
.card .card-inner .center {
  text-align: center; }
.card .card-inner .content {
  color: #999999;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%; }

.form input[type=text],
.form input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fff;
  border: 0;
  border-radius: 42px;
  -webkit-border-radius: 42px;
  color: #242424;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  height: 42px;
  line-height: normal;
  max-width: 100%;
  outline: none !important;
  padding: 0 16px;
  width: 100%; }
.form input[type=text]::-webkit-input-placeholder,
.form input[type=password]::-webkit-input-placeholder {
  color: #999999; }
.form input[type=text]::-moz-placeholder,
.form input[type=password]::-moz-placeholder {
  color: #999999; }
.form input[type=text]:-ms-input-placeholder,
.form input[type=password]:-ms-input-placeholder {
  color: #999999; }
.form input[type=text]:-moz-placeholder,
.form input[type=password]:-moz-placeholder {
  color: #999999; }

.form .form-row:not(:last-child) {
  margin-bottom: 16px; }

.form .form-row.submit {
  text-align: right; }

.form .form-row .form-field {
  margin: 0 auto;
  max-width: 100%;
  position: relative; }

.form .error label {
  color: #f02a2a; }

.form .error input {
  color: #f02a2a; }

.form .error.required:after {
  color: #f02a2a; }

.form .required:after {
  color: #999999;
  content: '*';
  font-size: 16px;
  height: 10px;
  line-height: 100%;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  transition: all ease 250ms;
  -webkit-transition: all ease 250ms;
  right: 16px;
  top: 50%;
  white-space: nowrap; }

.form .required input {
  padding-right: 28px; }

.accordion .accordion-item {
  border: 2px solid #2f2a85;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden; }
.accordion .accordion-item:not(:last-child) {
  margin-bottom: 20px; }
.accordion .accordion-item.open .accordion-handler .arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }
.accordion .accordion-item .accordion-handler {
  background-color: transparent;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  color: #2f2a85;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-weight: 600;
  padding: 12px 40px 12px 20px;
  position: relative;
  text-decoration: none;
  transition: background-color ease 300ms;
  -webkit-transition: background-color ease 300ms; }
.accordion .accordion-item .accordion-handler:hover {
  background-color: rgba(47, 42, 133, 0.15); }
.accordion .accordion-item .accordion-handler .arrow {
  height: 20px;
  position: absolute;
  right: 12px;
  top: 14px;
  transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  width: 20px; }
.accordion .accordion-item .accordion-handler .arrow:before, .accordion .accordion-item .accordion-handler .arrow:after {
  background-color: #2f2a85;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  content: '';
  position: absolute;
  height: 14px;
  top: 3px;
  width: 4px; }
.accordion .accordion-item .accordion-handler .arrow:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  left: 4px; }
.accordion .accordion-item .accordion-handler .arrow:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  right: 4px; }
.accordion .accordion-item .accordion-content {
  display: none; }
.accordion .accordion-item .accordion-content .accordion-content-inner {
  padding: 20px; }


button.submit{ padding: 0px; border:none}

.wpforms-field-medium{max-width: 100% !important}

.wpforms-submit {}
.backlink{color:#FFF}
/* ===== FINAL CLEAN MENU FIX (no duplicates) ===== */

header .main-navigation {
    display: flex;
    align-items: center;
}

header .main-navigation > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

header .main-navigation > ul > li {
    display: flex;
    position: relative;
}

header .main-navigation > ul > li > a {
    display: flex;
    align-items: center;
    padding: 0 28px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 21px;
    color: #505050;
    text-decoration: none;
    position: relative;
}

/* Hover underline effect */
header .main-navigation > ul > li > a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-color: transparent;
    transition: all ease 300ms;
}

header .main-navigation > ul > li:hover > a:after {
    height: 10px;
    background-color: #e5e5e5;
}
.news-pagination-buttons .pagination-btn a {
    display: inline-block;
    background-color: #0071bc;
    color: #fff;
    padding: 12px 22px;
    margin: 0 10px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

.news-pagination-buttons .pagination-btn a:hover {
    background-color: #005a99;
    color: #fff;
}