@keyframes flip {
    from {
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      animation-timing-function: ease-out;
    }
    40% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      animation-timing-function: ease-out;
    }
    50% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      animation-timing-function: ease-in;
    }
    80% {
      transform: perspective(400px);
      animation-timing-function: ease-in;
    }
    to {
      transform: perspective(400px);
      animation-timing-function: ease-in;
    }
  }
  .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
  }
  .animated.infinite {
    animation-iteration-count: infinite;
  }
  
  /*======================= CSS Resets ===========================*/
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, section, main, footer, header, figure, aside, input, textarea, i, mark, *:before, *:after {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
    background: transparent;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  html, body {
    width: 100%;
  }
  
  html {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  
  body {
    overflow: hidden;
  }
  
  ol, ul {
    list-style: none;
  }
  
  :focus {
    outline: 0;
  }
  
  .clearfix:after {
    content: "";
    display: table;
    clear: both;
  }
  
  table, table td tr {
    border: none;
    border-collapse: collapse;
  }
  
  button, a, input, textarea, select {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  @font-face {
    font-family: "FrankRuhlLibre-Bold";
    src: url("../../static/fonts/Frank_Ruhl_Libre/FrankRuhlLibre-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: "FrankRuhlLibre-Regular";
    src: url("../../static/fonts/Frank_Ruhl_Libre/FrankRuhlLibre-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Montserrat-Bold";
    src: url("../../static/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: "Montserrat-Regular";
    src: url("../../static/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Rubik-Light";
    src: url("../../static/fonts/Rubik/Rubik-Light.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Rubik-Regular";
    src: url("../../static/fonts/Rubik/Rubik-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Rubik-Medium";
    src: url("../../static/fonts/Rubik/Rubik-Medium.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
  }
  /* ========== Typography styles ========== */
  a, button {
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
  }
  
  .more-addon {
    display: inline-block;
    color: #4C6B8E;
    text-transform: uppercase;
    position: relative;
    font-family: "FrankRuhlLibre-Bold";
    padding: 0 0 4px 0;
    font-size: 12px;
  }
  .more-addon:after {
    width: 0;
    left: 50%;
    bottom: 0;
    position: absolute;
    height: 1px;
    content: "";
    background: #4C6B8E;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .more-addon:hover:after {
    left: 0;
    width: 100%;
  }
  
  .text-center {
    text-align: center !important;
  }
  
  .text-left {
    text-align: left !important;
  }
  
  .text-right {
    text-align: right !important;
  }
  
  /*======================= Grid ===========================*/
  .--row {
    width: auto;
    display: block;
    margin: 0 -5px;
    position: relative;
    clear: both;
  }
  .--row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  @media only screen and (max-width: 767px) {
    .--row {
      margin: 0;
    }
  }
  .--row > .--col {
    padding: 0 5px;
    float: left;
  }
  .--row > .--col.__pull-right {
    float: right;
  }
  @media only screen and (max-width: 1279px) {
    .--row > .--col.__tablet-hide {
      display: none;
    }
  }
  @media only screen and (max-width: 1023px) {
    .--row > .--col.__sm-tablet-hide {
      display: none;
    }
  }
  .--row > .--col.__masonry-col {
    margin-bottom: 20px;
  }
  @media only screen and (max-width: 767px) {
    .--row > .--col {
      padding: 5px 0;
    }
  }
  .--row > .--col.__12 {
    width: 100%;
  }
  .--row > .--col.__11 {
    width: 91.666666%;
  }
  .--row > .--col.__10 {
    width: 83.333333%;
  }
  .--row > .--col.__9 {
    width: 75%;
  }
  .--row > .--col.__8 {
    width: 66.666666%;
  }
  .--row > .--col.__7 {
    width: 58.333333%;
  }
  .--row > .--col.__6 {
    width: 50%;
  }
  .--row > .--col.__5 {
    width: 41.666666%;
  }
  .--row > .--col.__4 {
    width: 33.333333%;
  }
  .--row > .--col.__3 {
    width: 25%;
  }
  .--row > .--col.__2 {
    width: 16.666666%;
  }
  .--row > .--col.__1 {
    width: 8.333333%;
  }
  @media only screen and (max-width: 1440px) {
    .--row > .--col.llt__12 {
      width: 100%;
    }
    .--row > .--col.llt__8 {
      width: 66.666666%;
    }
    .--row > .--col.llt__4 {
      width: 33.333333%;
    }
  }
  @media only screen and (max-width: 1279px) {
    .--row > .--col.lt__6 {
      width: 100%;
    }
    .--row > .--col.lt__5 {
      width: 83.333333%;
    }
    .--row > .--col.lt__4 {
      width: 66.666666%;
    }
    .--row > .--col.lt__3 {
      width: 50%;
    }
    .--row > .--col.lt__2 {
      width: 33.333333%;
    }
    .--row > .--col.lt__1 {
      width: 16.666666%;
    }
  }
  @media only screen and (max-width: 1023px) {
    .--row > .--col.st__6 {
      width: 100%;
    }
    .--row > .--col.st__5 {
      width: 83.333333%;
    }
    .--row > .--col.st__4 {
      width: 66.666666%;
    }
    .--row > .--col.st__3 {
      width: 50%;
    }
    .--row > .--col.st__2 {
      width: 33.333333%;
    }
    .--row > .--col.st__1 {
      width: 16.666666%;
    }
    .--row > .--col.st__hide {
      display: none;
    }
  }
  @media only screen and (max-width: 767px) {
    .--row > .--col.m__4, .--row > .--col.__12, .--row > .--col.__11, .--row > .--col.__10, .--row > .--col.__9, .--row > .--col.__8, .--row > .--col.__7, .--row > .--col.__6, .--row > .--col.__5, .--row > .--col.__4, .--row > .--col.__3, .--row > .--col.__2, .--row > .--col.__1, .--row > .--col.lt__6, .--row > .--col.lt__5, .--row > .--col.lt__4, .--row > .--col.lt__3, .--row > .--col.lt__2, .--row > .--col.lt__1, .--row > .--col.st__6, .--row > .--col.st__5, .--row > .--col.st__4, .--row > .--col.st__3, .--row > .--col.st__2, .--row > .--col.st__1 {
      width: 50%;
    }
    .--row > .--col.m__3, .--row > .--col.__12, .--row > .--col.__11, .--row > .--col.__10, .--row > .--col.__9, .--row > .--col.__8, .--row > .--col.__7, .--row > .--col.__6, .--row > .--col.__5, .--row > .--col.__4, .--row > .--col.__3, .--row > .--col.__2, .--row > .--col.__1, .--row > .--col.lt__6, .--row > .--col.lt__5, .--row > .--col.lt__4, .--row > .--col.lt__3, .--row > .--col.lt__2, .--row > .--col.lt__1, .--row > .--col.st__6, .--row > .--col.st__5, .--row > .--col.st__4, .--row > .--col.st__3, .--row > .--col.st__2, .--row > .--col.st__1 {
      width: 100%;
    }
    .--row > .--col.m__1 {
      width: 33.333333%;
      padding: 5px;
    }
    .--row > .--col.m__2 {
      width: 66.333333%;
      padding: 5px;
    }
    .--row > .--col.no-padding {
      padding: 0 !important;
    }
  }
  .--row.block---row.__1-block > .--col {
    width: 100%;
  }
  .--row.block---row.__2-block > .--col {
    width: 50%;
  }
  .--row.block---row.__3-block > .--col {
    width: 33.3333333%;
  }
  .--row.block---row.__4-block > .--col {
    width: 25%;
  }
  .--row.block---row.__5-block > .--col {
    width: 20%;
  }
  .--row.block---row.__6-block > .--col {
    width: 16.666666666%;
  }
  .--row.block---row.__7-block > .--col {
    width: 14.285714%;
  }
  .--row.block---row.__8-block > .--col {
    width: 12.5%;
  }
  @media only screen and (max-width: 1279px) {
    .--row.block---row.lt__1-block > .--col {
      width: 100%;
    }
    .--row.block---row.lt__2-block > .--col {
      width: 50%;
    }
    .--row.block---row.lt__3-block > .--col {
      width: 33.3333333%;
    }
    .--row.block---row.lt__4-block > .--col {
      width: 25%;
    }
    .--row.block---row.lt__5-block > .--col {
      width: 20%;
    }
    .--row.block---row.lt__6-block > .--col {
      width: 16.666666666%;
    }
  }
  @media only screen and (max-width: 1023px) {
    .--row.block---row.st__1-block > .--col {
      width: 100%;
    }
    .--row.block---row.st__2-block > .--col {
      width: 50%;
    }
    .--row.block---row.st__3-block > .--col {
      width: 33.3333333%;
    }
    .--row.block---row.st__4-block > .--col {
      width: 25%;
    }
    .--row.block---row.st__5-block > .--col {
      width: 20%;
    }
    .--row.block---row.st__6-block > .--col {
      width: 16.666666666%;
    }
    .--row.block---row > .--col.st__6 {
      width: 100%;
    }
  }
  @media only screen and (max-width: 767px) {
    .--row.block---row.__1-block > .--col, .--row.block---row.__2-block > .--col, .--row.block---row.__3-block > .--col, .--row.block---row.__4-block > .--col, .--row.block---row.__5-block > .--col, .--row.block---row.__6-block > .--col, .--row.block---row.__7-block > .--col, .--row.block---row.__8-block > .--col {
      width: 100%;
    }
    .--row.block---row.m__1-block > .--col {
      width: 100%;
    }
    .--row.block---row.m__2-block > .--col {
      width: 50%;
      padding: 0 10px;
    }
    .--row.block---row.m__3-block > .--col {
      width: 33.3333333%;
    }
    .--row.block---row.m__4-block > .--col {
      width: 25%;
    }
  }
  .--row.__0 {
    margin: 0;
  }
  .--row.__0 > .--col {
    padding: 0;
  }
  .--row.__5 {
    margin: 0 -5px;
  }
  .--row.__5 > .--col {
    padding: 0 5px;
  }
  .--row.__60 {
    margin: 0 -30px;
  }
  .--row.__60 > .--col {
    padding: 0 30px;
  }
  @media only screen and (max-width: 1279px) {
    .--row.__60 {
      margin: 0 -10px;
    }
    .--row.__60 > .--col {
      padding: 0 10px;
    }
  }
  .--row.__30 {
    margin: 0 -15px;
  }
  .--row.__30 > .--col {
    padding: 0 15px;
  }
  @media only screen and (max-width: 1279px) {
    .--row.__30 {
      margin: 0 -5px;
    }
    .--row.__30 > .--col {
      padding: 0 5px;
    }
  }
  .--row.__20 {
    margin: 0 -10px;
  }
  .--row.__20 > .--col {
    padding: 0 10px;
  }
  .--row.__inline---row {
    text-align: center;
  }
  .--row.__inline---row > .--col {
    display: inline-block;
    float: none;
    margin: 0 -2px 10px -2px;
  }
  .--row.__masonry {
    margin: 0 -10px;
  }
  .--row.__masonry > .--col {
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .--row.__centered---row {
    text-align: center;
  }
  .--row.__centered---row > .--col {
    display: inline-block;
    float: none;
    margin: 0;
  }
  @media only screen and (max-width: 1279px) {
    .--row.__centered---row-small {
      text-align: center;
    }
  }
  @media only screen and (max-width: 1279px) {
    .--row.__centered---row-small > .--col {
      display: inline-block;
      float: none;
      margin: 0;
    }
  }
  
  .__txt-l {
    text-align: left;
  }
  @media only screen and (max-width: 479px) {
    .__txt-l.__m-c {
      text-align: center;
    }
    .__txt-l.__m-r {
      text-align: right;
    }
  }
  
  .__txt-r {
    text-align: right;
  }
  @media only screen and (max-width: 479px) {
    .__txt-r.__m-c {
      text-align: center;
    }
    .__txt-r.__m-l {
      text-align: left;
    }
  }
  
  .__txt-c {
    text-align: center;
  }
  
  .__txt-j {
    text-align: justify;
  }
  
  .__pad.__p-0 {
    padding: 0px;
  }
  .__pad.__p-5 {
    padding: 5px;
  }
  .__pad.__p-10 {
    padding: 10px;
  }
  .__pad.__p-20 {
    padding: 20px;
  }
  .__pad.__p-30 {
    padding: 30px;
  }
  .__pad.__p-40 {
    padding: 40px;
  }
  .__pad.__p-50 {
    padding: 50px;
  }
  .__pad.__p-60 {
    padding: 60px;
  }
  .__pad.__p-70 {
    padding: 70px;
  }
  .__pad.__p-80 {
    padding: 80px;
  }
  .__pad.__p-90 {
    padding: 90px;
  }
  .__pad.__p-100 {
    padding: 100px;
  }
  .__pad.__p-150 {
    padding: 150px;
  }
  .__pad.__p-160 {
    padding: 160px;
  }
  .__pad.__p-170 {
    padding: 170px;
  }
  .__pad.__p-180 {
    padding: 180px;
  }
  .__pad.__p-190 {
    padding: 190px;
  }
  .__pad.__p-200 {
    padding: 200px;
  }
  .__pad.__pt-0 {
    padding-top: 0px;
  }
  .__pad.__pt-5 {
    padding-top: 5px;
  }
  .__pad.__pt-10 {
    padding-top: 10px;
  }
  .__pad.__pt-20 {
    padding-top: 20px;
  }
  .__pad.__pt-30 {
    padding-top: 30px;
  }
  .__pad.__pt-40 {
    padding-top: 40px;
  }
  .__pad.__pt-50 {
    padding-top: 50px;
  }
  .__pad.__pt-60 {
    padding-top: 60px;
  }
  .__pad.__pt-70 {
    padding-top: 70px;
  }
  .__pad.__pt-80 {
    padding-top: 80px;
  }
  .__pad.__pt-90 {
    padding-top: 90px;
  }
  .__pad.__pt-100 {
    padding-top: 100px;
  }
  .__pad.__pt-150 {
    padding-top: 150px;
  }
  .__pad.__pt-160 {
    padding-top: 160px;
  }
  .__pad.__pt-170 {
    padding-top: 170px;
  }
  .__pad.__pt-180 {
    padding-top: 180px;
  }
  .__pad.__pt-190 {
    padding-top: 190px;
  }
  .__pad.__pt-200 {
    padding-top: 200px;
  }
  .__pad.__pl-0 {
    padding-left: 0px;
  }
  .__pad.__pl-5 {
    padding-left: 5px;
  }
  .__pad.__pl-10 {
    padding-left: 10px;
  }
  .__pad.__pl-20 {
    padding-left: 20px;
  }
  .__pad.__pl-30 {
    padding-left: 30px;
  }
  .__pad.__pl-40 {
    padding-left: 40px;
  }
  .__pad.__pl-50 {
    padding-left: 50px;
  }
  .__pad.__pl-60 {
    padding-left: 60px;
  }
  .__pad.__pl-70 {
    padding-left: 70px;
  }
  .__pad.__pl-80 {
    padding-left: 80px;
  }
  .__pad.__pl-90 {
    padding-left: 90px;
  }
  .__pad.__pl-100 {
    padding-left: 100px;
  }
  .__pad.__pl-150 {
    padding-left: 150px;
  }
  .__pad.__pl-160 {
    padding-left: 160px;
  }
  .__pad.__pl-170 {
    padding-left: 170px;
  }
  .__pad.__pl-180 {
    padding-left: 180px;
  }
  .__pad.__pl-190 {
    padding-left: 190px;
  }
  .__pad.__pl-200 {
    padding-left: 200px;
  }
  @media only screen and (max-width: 1023px) {
    .__pad.__pl-mt-0 {
      padding-left: 0px !important;
    }
  }
  @media only screen and (max-width: 1023px) {
    .__pad.__pt-m-0 {
      padding-top: 0px !important;
    }
  }
  @media only screen and (max-width: 479px) {
    .__pad.__ph-m-0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  }
  @media only screen and (max-width: 1023px) {
    .__pad.__pv-m-0 {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }
  }
  @media only screen and (max-width: 479px) {
    .__pad.__pl-lp-0 {
      padding-left: 0px;
    }
  }
  .__pad.__pr-0 {
    padding-right: 0px;
  }
  .__pad.__pr-5 {
    padding-right: 5px;
  }
  .__pad.__pr-10 {
    padding-right: 10px;
  }
  .__pad.__pr-20 {
    padding-right: 20px;
  }
  .__pad.__pr-30 {
    padding-right: 30px;
  }
  .__pad.__pr-40 {
    padding-right: 40px;
  }
  .__pad.__pr-50 {
    padding-right: 50px;
  }
  .__pad.__pr-60 {
    padding-right: 60px;
  }
  .__pad.__pr-70 {
    padding-right: 70px;
  }
  .__pad.__pr-80 {
    padding-right: 80px;
  }
  .__pad.__pr-90 {
    padding-right: 90px;
  }
  .__pad.__pr-100 {
    padding-right: 100px;
  }
  .__pad.__pr-150 {
    padding-right: 150px;
  }
  .__pad.__pr-160 {
    padding-right: 160px;
  }
  .__pad.__pr-170 {
    padding-right: 170px;
  }
  .__pad.__pr-180 {
    padding-right: 180px;
  }
  .__pad.__pr-190 {
    padding-right: 190px;
  }
  .__pad.__pr-200 {
    padding-right: 200px;
  }
  .__pad.__pb-0 {
    padding-bottom: 0px;
  }
  .__pad.__pb-5 {
    padding-bottom: 5px;
  }
  .__pad.__pb-10 {
    padding-bottom: 10px;
  }
  .__pad.__pb-20 {
    padding-bottom: 20px;
  }
  .__pad.__pb-30 {
    padding-bottom: 30px;
  }
  .__pad.__pb-40 {
    padding-bottom: 40px;
  }
  .__pad.__pb-50 {
    padding-bottom: 50px;
  }
  .__pad.__pb-60 {
    padding-bottom: 60px;
  }
  .__pad.__pb-70 {
    padding-bottom: 70px;
  }
  .__pad.__pb-80 {
    padding-bottom: 80px;
  }
  .__pad.__pb-90 {
    padding-bottom: 90px;
  }
  .__pad.__pb-100 {
    padding-bottom: 100px;
  }
  .__pad.__pb-150 {
    padding-bottom: 150px;
  }
  .__pad.__pb-160 {
    padding-bottom: 160px;
  }
  .__pad.__pb-170 {
    padding-bottom: 170px;
  }
  .__pad.__pb-180 {
    padding-bottom: 180px;
  }
  .__pad.__pb-190 {
    padding-bottom: 190px;
  }
  .__pad.__pb-200 {
    padding-bottom: 200px;
  }
  .__pad.__ph-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .__pad.__ph-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .__pad.__ph-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .__pad.__ph-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .__pad.__ph-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .__pad.__ph-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .__pad.__ph-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .__pad.__ph-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .__pad.__ph-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .__pad.__ph-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .__pad.__ph-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .__pad.__ph-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .__pad.__ph-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .__pad.__ph-170 {
    padding-left: 170px;
    padding-right: 170px;
  }
  .__pad.__ph-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .__pad.__ph-190 {
    padding-left: 190px;
    padding-right: 190px;
  }
  .__pad.__ph-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .__pad.__pv-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .__pad.__pv-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .__pad.__pv-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .__pad.__pv-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .__pad.__pv-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .__pad.__pv-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .__pad.__pv-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .__pad.__pv-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .__pad.__pv-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .__pad.__pv-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .__pad.__pv-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .__pad.__pv-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .__pad.__pv-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .__pad.__pv-170 {
    padding-top: 170px;
    padding-bottom: 170px;
  }
  .__pad.__pv-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .__pad.__pv-190 {
    padding-top: 190px;
    padding-bottom: 190px;
  }
  .__pad.__pv-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  
  .__mar.__m-0 {
    margin: 0;
  }
  .__mar.__m-5 {
    margin: 5px;
  }
  .__mar.__m-10 {
    margin: 10px;
  }
  .__mar.__m-20 {
    margin: 20px;
  }
  .__mar.__m-30 {
    margin: 30px;
  }
  .__mar.__m-40 {
    margin: 40px;
  }
  .__mar.__m-50 {
    margin: 50px;
  }
  .__mar.__m-60 {
    margin: 60px;
  }
  .__mar.__m-70 {
    margin: 70px;
  }
  .__mar.__m-80 {
    margin: 80px;
  }
  .__mar.__m-90 {
    margin: 90px;
  }
  .__mar.__m-100 {
    margin: 100px;
  }
  .__mar.__m-150 {
    margin: 150px;
  }
  .__mar.__m-160 {
    margin: 160px;
  }
  .__mar.__m-170 {
    margin: 170px;
  }
  .__mar.__m-180 {
    margin: 180px;
  }
  .__mar.__m-190 {
    margin: 190px;
  }
  .__mar.__m-200 {
    margin: 200px;
  }
  .__mar.__m-auto {
    margin: 0 auto;
  }
  .__mar.__mt-0 {
    margin-top: 0px;
  }
  .__mar.__mt-5 {
    margin-top: 5px;
  }
  .__mar.__mt-10 {
    margin-top: 10px;
  }
  .__mar.__mt-20 {
    margin-top: 20px;
  }
  .__mar.__mt-30 {
    margin-top: 30px;
  }
  .__mar.__mt-40 {
    margin-top: 40px;
  }
  .__mar.__mt-50 {
    margin-top: 50px;
  }
  .__mar.__mt-60 {
    margin-top: 60px;
  }
  .__mar.__mt-70 {
    margin-top: 70px;
  }
  .__mar.__mt-80 {
    margin-top: 80px;
  }
  .__mar.__mt-90 {
    margin-top: 90px;
  }
  .__mar.__mt-100 {
    margin-top: 100px;
  }
  .__mar.__mt-150 {
    margin-top: 150px;
  }
  .__mar.__mt-160 {
    margin-top: 160px;
  }
  .__mar.__mt-170 {
    margin-top: 170px;
  }
  .__mar.__mt-180 {
    margin-top: 180px;
  }
  .__mar.__mt-190 {
    margin-top: 190px;
  }
  .__mar.__mt-200 {
    margin-top: 200px;
  }
  .__mar.__ml-0 {
    margin-left: 0px;
  }
  .__mar.__ml-5 {
    margin-left: 5px;
  }
  .__mar.__ml-10 {
    margin-left: 10px;
  }
  .__mar.__ml-20 {
    margin-left: 20px;
  }
  .__mar.__ml-30 {
    margin-left: 30px;
  }
  .__mar.__ml-40 {
    margin-left: 40px;
  }
  .__mar.__ml-50 {
    margin-left: 50px;
  }
  .__mar.__ml-60 {
    margin-left: 60px;
  }
  .__mar.__ml-70 {
    margin-left: 70px;
  }
  .__mar.__ml-80 {
    margin-left: 80px;
  }
  .__mar.__ml-90 {
    margin-left: 90px;
  }
  .__mar.__ml-100 {
    margin-left: 100px;
  }
  .__mar.__ml-150 {
    margin-left: 150px;
  }
  .__mar.__ml-160 {
    margin-left: 160px;
  }
  .__mar.__ml-170 {
    margin-left: 170px;
  }
  .__mar.__ml-180 {
    margin-left: 180px;
  }
  .__mar.__ml-190 {
    margin-left: 190px;
  }
  .__mar.__ml-200 {
    margin-left: 200px;
  }
  .__mar.__mr-0 {
    margin-right: 0px;
  }
  .__mar.__mr-5 {
    margin-right: 5px;
  }
  .__mar.__mr-10 {
    margin-right: 10px;
  }
  .__mar.__mr-20 {
    margin-right: 20px;
  }
  .__mar.__mr-30 {
    margin-right: 30px;
  }
  .__mar.__mr-40 {
    margin-right: 40px;
  }
  .__mar.__mr-50 {
    margin-right: 50px;
  }
  .__mar.__mr-60 {
    margin-right: 60px;
  }
  .__mar.__mr-70 {
    margin-right: 70px;
  }
  .__mar.__mr-80 {
    margin-right: 80px;
  }
  .__mar.__mr-90 {
    margin-right: 90px;
  }
  .__mar.__mr-100 {
    margin-right: 100px;
  }
  .__mar.__mr-150 {
    margin-right: 150px;
  }
  .__mar.__mr-160 {
    margin-right: 160px;
  }
  .__mar.__mr-170 {
    margin-right: 170px;
  }
  .__mar.__mr-180 {
    margin-right: 180px;
  }
  .__mar.__mr-190 {
    margin-right: 190px;
  }
  .__mar.__mr-200 {
    margin-right: 200px;
  }
  .__mar.__mb-0 {
    margin-bottom: 0px;
  }
  .__mar.__mb-5 {
    margin-bottom: 5px;
  }
  .__mar.__mb-10 {
    margin-bottom: 10px;
  }
  .__mar.__mb-20 {
    margin-bottom: 20px;
  }
  .__mar.__mb-30 {
    margin-bottom: 30px;
  }
  .__mar.__mb-40 {
    margin-bottom: 40px;
  }
  .__mar.__mb-50 {
    margin-bottom: 50px;
  }
  .__mar.__mb-60 {
    margin-bottom: 60px;
  }
  .__mar.__mb-70 {
    margin-bottom: 70px;
  }
  .__mar.__mb-80 {
    margin-bottom: 80px;
  }
  .__mar.__mb-90 {
    margin-bottom: 90px;
  }
  .__mar.__mb-100 {
    margin-bottom: 100px;
  }
  .__mar.__mb-150 {
    margin-bottom: 150px;
  }
  .__mar.__mb-160 {
    margin-bottom: 160px;
  }
  .__mar.__mb-170 {
    margin-bottom: 170px;
  }
  .__mar.__mb-180 {
    margin-bottom: 180px;
  }
  .__mar.__mb-190 {
    margin-bottom: 190px;
  }
  .__mar.__mb-200 {
    margin-bottom: 200px;
  }
  @media only screen and (max-width: 1023px) {
    .__mar.__ml-mt-0 {
      margin-left: 0px !important;
    }
  }
  @media only screen and (max-width: 1023px) {
    .__mar.__mt-m-0 {
      margin-top: 0px !important;
    }
  }
  @media only screen and (max-width: 479px) {
    .__mar.__mh-m-0 {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
  }
  @media only screen and (max-width: 1023px) {
    .__mar.__mv-m-0 {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
    }
  }
  @media only screen and (max-width: 479px) {
    .__mar.__ml-lp-0 {
      margin-left: 0px;
    }
  }
  
  .__top-line {
    border-top: 1px solid #4C6B8E;
  }
  
  .__bottom-line {
    border-bottom: 1px solid #4C6B8E;
  }
  
  .field {
    margin-bottom: 20px;
  }
  .field input {
    width: 100%;
    display: block;
    padding: 0 20px;
    color: #676d7d;
    height: 50px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.05);
    -moz-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.05);
    box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.05);
  }
  .field input:hover {
    -webkit-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    -moz-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
  }
  .field input:focus {
    -webkit-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    -moz-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
  }
  .field textarea {
    width: 100%;
    height: 150px;
    resize: none;
    display: block;
    padding: 20px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.05);
    -moz-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.05);
    box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.05);
  }
  .field textarea:hover {
    -webkit-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    -moz-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
  }
  .field textarea:focus {
    -webkit-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    -moz-box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
    box-shadow: 0px 2px 13px 0px rgba(9, 43, 75, 0.1);
  }
  .field label {
    padding-bottom: 5px;
    display: inline-block;
    font-family: "FrankRuhlLibre-Regular";
    font-size: 14px;
    color: #5f6369;
  }
  .field.nx-form-invalid .nx-form-invalid-message {
    color: #fff;
    font-size: 16px;
    padding-top: 5px;
    text-transform: uppercase;
    bottom: auto;
  }
  .field.nx-form-invalid .input {
    border-color: #fb6363 !important;
  }
  
  .field-submit {
    background-color: #2273ce;
    border: 2px solid #2273ce;
    color: #fff;
  }
  .field-submit:hover {
    background-color: #238df4;
    border: 2px solid #238df4;
  }
  
  .checkbox {
    padding: 0 0 15px 0;
  }
  .checkbox:last-child {
    padding: 0;
  }
  .checkbox label {
    display: block;
    padding: 0 0 0 25px;
    font-size: 0.875em;
    color: #6a6c72;
    text-transform: none;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
  }
  .checkbox label:before {
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    border: 1px solid #cccccf;
    background: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  }
  .checkbox label:after {
    width: 9px;
    height: 5px;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .checkbox label:hover:before {
    border: 1px solid #99a0ac;
  }
  .checkbox label span {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 12px;
    color: #b8bcca;
    text-align: right;
  }
  .checkbox input {
    visibility: hidden;
    position: absolute;
  }
  .checkbox input:checked + label:before {
    border: 1px solid #3e9353;
    background: #4C6B8E;
  }
  
  .radio-set label {
    font-size: 15px;
    color: #6a6c72;
    text-transform: none;
    padding: 0 0 15px 0;
  }
  .radio-set .radio label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    color: #6a6c72;
    text-transform: none;
    padding: 0 0 0 25px;
  }
  .radio-set .radio label:before {
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    border: 1px solid #b1b5be;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  }
  .radio-set .radio label:after {
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 4px;
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
  .radio-set .radio label:hover:before {
    border: 1px solid #99a0ac;
  }
  .radio-set .radio input {
    visibility: hidden;
    height: 0;
  }
  .radio-set .radio input:checked + label:before {
    background: #4C6B8E;
    border: 1px solid #4C6B8E;
  }
  
  .nx-form-message {
    position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
  }
  .nx-form-message.nx-form-error {
    background-color: #fb6363;
    padding: 10px 0;
  }
  .nx-form-message.nx-form-success {
    background-color: #4C6B8E;
    padding: 10px 0;
  }
  
  header {
    width: 100%;
    z-index: 9997;
    position: absolute;
  }
  @media only screen and (max-width: 1279px) {
    header {
      top: 0;
      left: 0;
    }
  }
  header .menu {
    position: fixed;
    margin: 0 auto;
    height: 100px;
    width: 100%;
    background: transparent;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }
  @media only screen and (min-width: 1280px) {
    header .menu {
      background: transparent;
    }
  }
  @media only screen and (max-width: 1279px) {
    header .menu {
      background: rgba(76, 107, 142, 0.95);
      height: 80px;
    }
  }
  header .menu.scroll, header .menu.fixed {
    background: rgba(76, 107, 142, 0.95);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }
  @media only screen and (max-width: 1279px) {
    header .menu.scroll, header .menu.fixed {
      height: 80px;
    }
  }
  header .menu.scroll .logo, header .menu.fixed .logo {
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }
  @media only screen and (min-width: 1280px) {
    header .menu.scroll .logo, header .menu.fixed .logo {
      top: 25%;
    }
  }
  header .menu.scroll .logo img, header .menu.fixed .logo img {
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }
  @media only screen and (min-width: 1280px) {
    header .menu.scroll .logo img, header .menu.fixed .logo img {
      width: 110px;
    }
  }
  header .menu .container {
    position: relative;
  }
  header .menu .logo {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 0%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  header .menu .logo.expanded {
    position: absolute;
    z-index: 99999;
  }
  header .menu .logo.hide {
    display: none;
  }
  @media only screen and (min-width: 1280px) {
    header .menu .logo {
      -webkit-transition: all 1000ms ease;
      -moz-transition: all 1000ms ease;
      -ms-transition: all 1000ms ease;
      -o-transition: all 1000ms ease;
      transition: all 1000ms ease;
      top: 50%;
      -webkit-transform: translateY(-20%);
      -moz-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
      -o-transform: translateY(-20%);
      transform: translateY(-20%);
    }
  }
  header .menu .logo img {
    width: 90px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }
  @media only screen and (min-width: 1280px) {
    header .menu .logo img {
      width: 260px;
    }
  }
  header .menu nav {
    text-align: left;
    width: 100%;
    padding: 30px 0 20px 0;
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav {
      display: block;
      padding: 0;
    }
  }
  header .menu nav ul > li {
    display: inline-block;
    position: relative;
    text-align: left;
    margin: 5px 25px;
    min-width: 110px;
  }
  header .menu nav ul > li:nth-of-type(1) {
    margin: 5px 25px 0 0;
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li {
      display: block;
      width: 100%;
      margin: 0;
      text-align: left;
      padding-left: 20px;
      margin: 20px 0px;
    }
  }
  header .menu nav ul > li .menu-active {
    color: #fff;
    font-family: "Rubik-Medium";
    display: inline;
  }
  header .menu nav ul > li a {
    color: #fff;
    font-family: "Rubik-Regular";
    padding: 8px 0 0px 0;
    line-height: 1.4em;
    position: relative;
    font-size: 14pt;
    display: inline;
  }
  @media screen and (min-width: 1280px) {
    header .menu nav ul > li a {
      min-width: 80px;
    }
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li a {
      color: #fff;
      padding: 20px 0 5px 0px;
      max-width: 100px;
    }
  }
  @media only screen and (max-width: 479px) {
    header .menu nav ul > li a {
      padding: 20px 0 0px 0px;
    }
  }
  header .menu nav ul > li a.active {
    font-family: "Rubik-Medium";
  }
  header .menu nav ul > li a:hover {
    color: #fff;
    font-family: "Rubik-Medium";
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li a {
      font-size: 18px;
      color: #fff;
    }
  }
  header .menu nav ul > li ul {
    display: none;
    position: absolute;
    background: #fff;
    padding: 0;
    margin-left: 50%;
    min-width: 260px;
    height: auto;
    border-bottom: 4px solid #4C6B8E;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li ul {
      position: relative;
      width: 100%;
      top: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      background-color: #4C6B8E;
      border-bottom: none;
    }
  }
  header .menu nav ul > li ul:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0 10px 6px 10px;
    border-bottom-color: #fff;
    border-left-color: rgba(255, 165, 0, 0);
    border-right-color: rgba(255, 165, 0, 0);
    top: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li ul:after {
      display: none;
    }
  }
  header .menu nav ul > li ul li {
    width: 100%;
    list-style: none;
    display: block;
    padding: 0 20px;
    margin: 0;
  }
  header .menu nav ul > li ul li:last-child a {
    border-bottom: none;
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li ul li {
      display: block;
      width: 100%;
      margin: 0;
      text-align: left;
      position: relative;
      border-bottom: none;
    }
  }
  header .menu nav ul > li ul li a {
    color: #868aa5;
    border-bottom: 1px solid rgba(134, 138, 165, 0.4);
    display: block;
    padding: 20px 0;
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li ul li a {
      padding-left: 20px;
      width: 90%;
      margin: 0 auto;
      height: 100%;
      font-size: 16px;
    }
  }
  header .menu nav ul > li ul li a:hover {
    color: #4C6B8E;
  }
  header .menu nav ul > li:hover ul {
    display: block;
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul > li:hover ul {
      display: none;
    }
  }
  @media only screen and (max-width: 1279px) {
    header .menu nav ul .has-dropdown:after {
      position: absolute;
      content: "";
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #9b9aac;
      top: 30px;
      right: 30px;
    }
  }
  header .actions {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  @media only screen and (max-width: 1279px) {
    header .actions {
      display: block;
      position: relative;
      top: 60px;
    }
  }
  
  .mobile-menu {
    display: none;
  }
  @media only screen and (max-width: 1279px) {
    .mobile-menu {
      display: block;
    }
  }
  .mobile-menu .mobile-nav {
    position: relative;
    overflow-x: hidden;
  }
  .mobile-menu .mobile-nav .exit-animation {
    left: -100%;
    transition: 0.3s;
  }
  .mobile-menu .mobile-nav .exit-animation > li {
    height: auto;
    opacity: 1;
    animation-name: exitAnimation;
    animation-duration: 0;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
    border-bottom: none;
  }
  .mobile-menu .mobile-nav .enter-animation {
    opacity: 1;
    transition: 0.3s;
    z-index: 99;
  }
  .mobile-menu .mobile-nav .enter-animation > li {
    opacity: 1;
  }
  .mobile-menu .mobile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.3s;
  }
  .mobile-menu .mobile-nav ul li {
    height: 0;
    opacity: 0;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #fff;
  }
  .mobile-menu .mobile-nav ul li .back {
    border-bottom: 1px solid #fff;
    display: block;
    padding: 20px;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    color: #fff;
  }
  .mobile-menu .mobile-nav ul li a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1428em;
    font-weight: 700;
    padding: 20px;
    width: 85%;
  }
  .mobile-menu .mobile-nav > ul {
    position: relative;
  }
  .mobile-menu .mobile-nav ul li ul {
    margin-left: 100%;
    width: 100%;
    position: absolute;
  }
  .mobile-menu .mobile-nav .next {
    position: absolute;
    float: right;
    right: 0;
    font-size: 1.1428em;
    font-weight: 700;
    color: #525579;
    padding: 20px;
    width: 15%;
    text-align: center;
  }
  .mobile-menu .mobile-nav ul.current > li {
    height: auto;
    opacity: 1;
  }
  .mobile-menu .mobile-nav .current-exit {
    left: 0;
    transition: 0.3s;
  }
  .mobile-menu .mobile-nav .current-exit li {
    height: auto;
    opacity: 1;
    animation-name: exitAnimation;
    animation-delay: 0.3s;
    animation-duration: 0s;
    animation-fill-mode: forwards;
  }
  
  @keyframes exitAnimation {
    0% {
      height: 0;
    }
    100% {
      height: 0;
    }
  }
  html {
    -webkit-text-size-adjust: none;
    touch-action: manipulation;
  }
  
  body {
    font-size: 16px;
    position: relative;
    color: #2e4055;
    left: 0;
    right: 0;
    font-family: "FrankRuhlLibre-Regular";
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 16pt;
  }
  body.off-canvas-right-opened {
    position: fixed;
  }
  body.off-canvas-right-opened .off-canvas-right {
    right: 0;
    overflow-y: auto;
  }
  body .container {
    width: 1170px;
    max-width: 94%;
    margin: 0 auto;
  }
  body .container:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .off-canvas-right {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  @media only screen and (max-width: 1279px) {
    .off-canvas-right {
      width: 100%;
      height: 100%;
      position: fixed;
      right: -100%;
      top: 0;
      padding-top: 100px;
      background: rgba(76, 107, 142, 0.9);
    }
  }
  
  h2 {
    font-size: 2.5em;
    color: #4C6B8E;
    font-family: "FrankRuhlLibre-Regular";
  }
  
  .hero {
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  @media only screen and (max-width: 1279px) {
    .hero {
      margin-top: 80px;
    }
  }
  @media only screen and (max-width: 767px) {
    .hero.auto-h {
      height: auto;
      padding-bottom: 60px;
    }
  }
  
  .hero-min {
    width: 100%;
    height: 270px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  @media only screen and (max-width: 1279px) {
    .hero-min {
      margin-top: 110px;
    }
  }
  @media only screen and (max-width: 767px) {
    .hero-min.auto-h {
      height: auto;
      padding-bottom: 60px;
    }
  }
  
  .hero-bottom {
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .title-one {
    font-family: "FrankRuhlLibre-Bold";
    color: #8b909d;
    text-transform: uppercase;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 30px;
    position: relative;
  }
  .title-one:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 1px;
    background-color: #f5b446;
    margin-top: 6px;
    margin-left: 10px;
  }
  @media only screen and (max-width: 767px) {
    .title-one:after {
      display: none;
    }
  }
  .title-one:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 1px;
    background-color: #f5b446;
    margin-top: 6px;
    margin-left: -34px;
  }
  @media only screen and (max-width: 767px) {
    .title-one:before {
      display: none;
    }
  }
  
  .title-two {
    font-family: "FrankRuhlLibre-Bold";
    color: #8b909d;
    text-transform: uppercase;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 30px;
    position: relative;
  }
  .title-two:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 1px;
    background-color: #f5b446;
    margin-top: 6px;
    margin-left: 6px;
  }
  @media only screen and (max-width: 767px) {
    .title-two:after {
      display: none;
    }
  }
  
  #openLeftMenu {
    perspective: 500px;
    width: 60px;
    height: 50px;
    z-index: 99999;
    float: left;
    cursor: pointer;
    display: none;
    margin-top: 15px;
  }
  @media only screen and (max-width: 1279px) {
    #openLeftMenu {
      margin-top: 30px;
      display: block;
    }
  }
  #openLeftMenu.expanded {
    position: absolute;
    z-index: 99999;
  }
  #openLeftMenu.expanded .line-1 {
    transform: rotateZ(-180deg) rotate(-135deg) translateY(6px) translateX(6px);
  }
  #openLeftMenu.expanded .line-2 {
    opacity: 0;
  }
  #openLeftMenu.expanded .line-3 {
    transform: rotateZ(180deg) translateY(10px) translateX(0px) rotate(135deg);
  }
  #openLeftMenu > div {
    width: 30px;
    border-radius: 5px;
    cursor: pointer;
    height: 3px;
    background-color: #fff;
    margin: 6px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  #openLeftMenu > div:first-child {
    margin-top: 0;
  }
  
  .section-grey {
    background-color: #f8f9fc;
    position: relative;
    display: block;
    padding: 30px 0;
  }
  
  .section-white {
    position: relative;
    display: block;
    padding: 40px 0 60px;
    background: #fff;
  }
  
  .slider {
    width: 100%;
    position: relative;
  }
  .slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 3;
  }
  .slider.layer__arrow {
    margin-top: 100px;
  }
  @media only screen and (max-width: 1279px) {
    .slider.layer__arrow {
      margin-top: 80px;
    }
  }
  .slider.layer__arrow:after {
    position: absolute;
    content: "";
    left: -65%;
    top: 150%;
    width: 200%;
    height: 200%;
    background: url("../images/bg-arrow-layer-1200.svg") center center no-repeat;
    z-index: 2;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  @media only screen and (max-width: 1279px) {
    .slider.layer__arrow:after {
      background: url("../images/bg-arrow-layer-600.svg") center center no-repeat;
    }
  }
  @media only screen and (max-width: 1279px) {
    .slider {
      height: 40vh;
      margin-top: 80px;
    }
  }
  @media only screen and (max-width: 767px) {
    .slider {
      height: 40vh;
    }
  }
  @media only screen and (max-width: 479px) {
    .slider {
      height: 40vh;
    }
  }
  .slider .slider-item {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
  }
  @media only screen and (max-width: 767px) {
    .slider .slider-item {
      height: 40vh;
    }
  }
  @media only screen and (min-width: 1920px) {
    .slider .slider-item {
      height: 850px;
    }
  }
  .slider .slider-item .active .slider-left {
    animation-name: animationLeft;
    animation-duration: 0.5s;
    opacity: 0;
    animation-fill-mode: forwards;
  }
  .slider .slider-item .active .slider-right {
    animation-name: animationRight;
    animation-duration: 0.5s;
    opacity: 0;
    animation-fill-mode: forwards;
  }
  .slider .slider-item .slider-content .slider-left {
    width: 700px;
    display: inline-block;
    opacity: 0;
  }
  @media only screen and (max-width: 1279px) {
    .slider .slider-item .slider-content .slider-left {
      width: 600px;
    }
  }
  @media only screen and (max-width: 1023px) {
    .slider .slider-item .slider-content .slider-left {
      width: 500px;
    }
  }
  @media only screen and (max-width: 767px) {
    .slider .slider-item .slider-content .slider-left {
      display: block;
      width: 90%;
      margin: 0 auto;
      position: relative;
      text-align: center;
    }
  }
  .slider .slider-item .slider-content .slider-left h2 {
    color: #fff;
    font-size: 3.125em;
    padding-bottom: 10px;
  }
  @media only screen and (max-height: 568px) {
    .slider .slider-item .slider-content .slider-left h2 {
      font-size: 20px;
    }
  }
  .slider .slider-item .slider-content .slider-left h3 {
    color: #fff;
    font-family: "FrankRuhlLibre-Bold";
    font-size: 1em;
  }
  @media only screen and (max-height: 568px) {
    .slider .slider-item .slider-content .slider-left h3 {
      font-size: 14px;
    }
  }
  .slider .slider-item .slider-content .slider-left p {
    color: #fff;
    padding: 20px 0 30px;
    font-family: "FrankRuhlLibre-Regular";
    line-height: 26px;
  }
  @media only screen and (max-width: 767px) {
    .slider .slider-item .slider-content .slider-left p {
      line-height: 16px;
      padding: 10px 0;
    }
  }
  @media only screen and (max-height: 568px) {
    .slider .slider-item .slider-content .slider-left p {
      font-size: 12px;
      padding: 5px 0;
    }
  }
  .slider .slider-item .slider-content .slider-right {
    float: right;
    opacity: 0;
  }
  @media only screen and (max-width: 767px) {
    .slider .slider-item .slider-content .slider-right {
      display: block;
      position: relative;
      width: 90%;
      margin: 0 auto;
      text-align: center;
    }
  }
  @media only screen and (max-width: 1279px) {
    .slider .slider-item .slider-content .slider-right img {
      width: 220px;
      display: inline-block;
    }
  }
  @media only screen and (max-width: 767px) {
    .slider .slider-item .slider-content .slider-right img {
      width: 180px;
    }
  }
  @media only screen and (max-height: 568px) {
    .slider .slider-item .slider-content .slider-right img {
      width: 120px;
    }
  }
  .slider .slick-dots ,
  .slider-video .slick-dots{ 
      text-align: center;
    position: absolute;
    margin-top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .slider .slick-dots li,
  .slider-video .slick-dots li {
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #d1d5e1;
  }
  .slider .slick-dots li:hover,
  .slider-video .slick-dots li:hover {
    background-color: #4C6B8E;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .slider .slick-dots .slick-active,
  .slider-video .slick-dots .slick-active {
    background-color: #4C6B8E !important;
  }
  
  section {
    z-index: 5;
  }
  section p,  div.content p {
    color: #2e4055;
    text-align: left;
    line-height: 1.4em;
    font-family: "FrankRuhlLibre-Regular";
    font-size: 14pt;
    padding-top: 40px;
  }
  select p i, div.content p i{
    line-height: 1.4em;
    font-size: 14pt;
    font-style:italic;
  }
  @media only screen and (max-width: 479px) {
    section p, div.content p {
      font-size: 14pt;
      padding: 0px 0px;
    }
  }
  section.--biography img {
    padding: 20px;
  }
  @media only screen and (max-width: 1279px) {
    section.--biography img {
      padding: 0;
    }
  }
  section.--biography h1 {
    font-size: 12pt;
    font-family: "Rubik-Medium";
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 20px 0 0 0;
    font-size: 12pt;
  }
  @media only screen and (max-width: 479px) {
    section.--biography h1 {
      font-size: 10pt;
    }
  }
  section.--biography h3 {
    font-family: "Rubik-Light";
    font-size: 12pt;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    padding: 5px 0;
    letter-spacing: 0.1em;
  }
  @media only screen and (max-width: 1023px) {
    section.--biography h3 {
      padding: 20px 0;
      font-size: 10pt;
    }
  }
  section.--biography p i{
    line-height: 1.4em;
    font-size: 14pt;
    font-style:italic;
  }
  section.--post {
    background: #fff;
    position: relative;
    text-align: center;
  }
  section.--post.__title {
    margin: 60px 0 0 0;
    font-size: 12pt;
    font-family: "Rubik-Medium";
    color: #35353d;
    text-transform: uppercase;
  }
  @media only screen and (max-width: 1279px) {
    section.--post.__title {
      margin: 40px 0 0 0;
    }
  }
  section.--post h1, section.--post h2 {
    color: #4C6B8E;
    font-family: "FrankRuhlLibre-Bold";
    font-size: 2.375em;
    padding: 0 50px;
    padding-top: 40px;
  }
 
  @media only screen and (max-width: 479px) {
    section.--post h1, section.--post h2 {
      font-size: 1.5em;
      padding: 0 20px;
      padding-top: 30px;
      padding-bottom: 25px;

    }
  }
  @media only screen and (min-width: 1280px) {
    section.--post h1, section.--post h2 {
      padding-top: 50px;
      font-size: 2.375em;
    }
  }
  section.--post h4 {
    color: #35353d;
    text-transform: uppercase;
    padding-top: 60px;
    letter-spacing: 0.1em;
    font-size: 12pt;
    font-family: "Rubik-Medium";
    letter-spacing: 0.1em;
  }
  @media only screen and (max-width: 479px) {
    section.--post h4 {
      padding-top: 40px;
    }
  }
  @media only screen and (max-width: 479px) {
    section.--post h4 {
      font-size: 10pt;
    }
  }
  @media only screen and (max-width: 479px) {
    section.--post p {
      padding: 15px 0px;
      /* padding: 40px 15px; */
    }
  }
  section.--post div.content.has-subtitle p:first-of-type {
    font-family: "Rubik-Regular";
    font-size: 14pt;
    text-align: center;
  }
  @media only screen and (max-width: 479px) {
    section.--post div.content.has-subtitle p:first-of-type {
      font-size: 13pt;
      text-align: left;

    }
  }
  section.--post p.content, section.--post div.content p {
    text-align: left;
    padding: 0px;
    padding-top: 30px;
  }
  section.--post .__back {
    cursor: pointer;
    background: url("../images/back-left.svg") center center no-repeat;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 20%;
    left: 50px;
  }
  @media only screen and (max-width: 479px) {
    section.--post .__back {
      top: 20px;
      left: 70px;
      background: url("../images/back-left.svg") center center no-repeat;
    }
  }
  section.--post .content-post {
    opacity: 1;
    height: auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  section.--post .content-post.toggled {
    opacity: 0;
    overflow: scroll;
    height: 10px!important;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
  }
  section.--post .more {
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    height: 20px;
    color: #4C6B8E;
    font-size: 8pt;
    font-family: "Rubik-Medium";
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  section.--post .more.toggled label {
    opacity: 0;
    padding: 0;
  }
  section.--post .more.toggled label:hover {
    border: none;
  }
  section.--post .more.toggled .less {
    transform: rotate(90deg);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  @media only screen and (max-width: 479px) {
    section.--post .more {
      font-size: 8pt;
      padding: 0;
    }
  }
  section.--post .less {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    transform: rotate(270deg);
    text-align: center;
    content: "";
    /* background: url("../images/strelica-gore.svg") center center no-repeat; */
    background: url("../images/back-left.svg") center center no-repeat;
  }
  section.--fellows {
    text-align: center;
  }
  section.--fellows .--pagination .--title {
    font-size: 1em;
    padding: 60px 0 20px 0px;
  }
  section.--fellows .--pagination .--date {
    padding: 0;
    font-size: 2.2em;
  }
  section.--fellows .--pagination .--date:first {
    padding-top: 10px;
  }
  section.--landing .__related {
    margin-top: 40px;
  }
  @media only screen and (max-width: 1023px) {
    section.--landing .__related {
      margin-top: 0px;
    }
  }
  section.--landing article.pt__60 {
    padding-top: 60px;
  }
  section.--landing article h4 {
    color: #35353d;
    font-size: 12pt;
    font-family: "Rubik-Medium";
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 40px 0 5px 0;
  }
  @media only screen and (max-width: 479px) {
    section.--landing article h4 {
      font-size: 10pt;
    }
  }
  section.--landing article .video-thumb {
    position: relative;
    display: inline-block;
    min-width: 230px;
    max-width: 90%;
    width: 100%;
  }
  @media only screen and (max-width: 767px) {
    section.--landing article .video-thumb {
      max-width: 100%;
    }
  }
  section.--landing article .video-thumb iframe {
    width: 100%;
    height: 400px;
  }
  section.--landing article .without-thumb {
    font-family: "Rubik-Medium";
    width: 100%;
    color: #4C6B8E;
    text-align: left;
    padding-top: 20px;
  }
  section.--landing article .without-thumb .__date {
    font-size: 12pt;
    font-family: "Montserrat-Regular";
    color: #4C6B8E;
    margin: 0px 0 5px 0;
  }
  @media only screen and (max-width: 1023px) {
    section.--landing article .without-thumb .__date {
      padding-top: 0px;
    }
  }
  section.--landing article .without-thumb .__title {
    font-size: 24pt;
    font-family: "FrankRuhlLibre-Bold";
  }
  @media only screen and (max-width: 1023px) {
    section.--landing article .without-thumb .__title {
      font-size: 18pt;
    }
  }
  section.--landing img.twit__icon {
    width: 60px;
    padding-bottom: 10px;
    margin-top: 52px;
  }
  @media only screen and (max-width: 479px) {
    section.--landing img.twit__icon {
      margin-top: 50px;
      width: 50px;
    }
  }
  section.--landing .twitter {
    border-top: 1px solid #FF5400;
    color: #FF5400;
    font-size: 12pt;
    font-family: "Rubik-Regular";
    padding: 10px 10px;
    text-align: left;
  }
  section.--landing .twitter .__ml50 {
    margin-left: 50px;
  }
  @media only screen and (max-width: 479px) {
    section.--landing .twitter .__ml50 {
      margin-left: 0;
    }
  }
  section.--landing .twitter h4 {
    font-family: "Rubik-Medium";
  }
  section.--landing .twitter p {
    padding: 5px 0;
    font-size: 11pt;
    font-family: "Rubik-Regular";
    line-height: 1.3em;
    color: #FF5400;
    text-align: left;
  }
  section.--landing .twitter span {
    -webkit-opacity: 0.8;
    opacity: 0.8;
  }
  section.--static-page h1 {
    text-align: center;
    font-family: "Rubik-Light";
    font-size: 2.375em;
    color: #4C6B8E;
  }
  section.--contact .--info-box {
    padding-top: 100px;
    padding-right: 30%;
  }
  @media only screen and (max-width: 479px) {
    section.--contact .--info-box {
      padding-right: 0;
    }
  }
  section.--contact .--info-box h1 {
    font-family: "FrankRuhlLibre-Bold";
    padding-bottom: 0px;
  }
  section.--contact .--info-box p {
    line-height: 1.3em;
  }
  section.--contact .--image-box {
    padding-top: 100px;
  }
  @media only screen and (max-width: 479px) {
    section.--contact .--image-box {
      padding-top:50px;
    }
  }
  section.--contact #map {
    height: 400px;
  }
  section .--biography-info {
    margin: 0 auto;
    margin-top: 50px;
  }
  section .--biography-info.__center {
    width: 50%;
  }
  @media only screen and (max-width: 479px) {
    section .--biography-info.__center {
      width: 90%;
    }
  }
  @media only screen and (max-width: 479px) {
    section .--biography-info {
      margin-top: 0px;
    }
  }
  @media only screen and (max-width: 1023px) {
    section .--biography-info {
      text-align: center;
    }
  }
  section .--biography-info h3 {
    color: #35353d;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12pt;
    font-family: "Rubik-Medium";
    letter-spacing: 0.1em;
  }
  @media only screen and (max-width: 479px) {
    section .--biography-info h3 {
      font-size: 10pt;
    }
  }
  section .--biography-info h3:before {
    content: "";
    width: 15px;
    height: 15px;
    margin-left: -22px;
    background: url(../images/url-icon.png) center no-repeat;
    position: absolute;
    background-size: contain;
  }
  section .--biography-info p {
    padding: 5px 0;
    color: #4C6B8E;
    letter-spacing: 0;
    font-size: 11pt;
    font-family: "Rubik-Light";
    text-align: center;
  }
  @media only screen and (max-width: 1023px) {
    section .--biography-info p {
      font-size: 10pt;
      text-align: left;
      padding: 10px 0;
      /* padding-left: 15px; */
    }
  }
  section .--biography-info p.--second {
    font-family: "Rubik-Light";
  }
  section .--biography-info.__txt-l h1, section .--biography-info.__txt-l h3, section .--biography-info.__txt-l p {
    text-align: left;
  }
  @media only screen and (max-width: 479px) {
    section .--biography-info.__txt-l.__m-c h1, section .--biography-info.__txt-l.__m-c h3, section .--biography-info.__txt-l.__m-c p {
      text-align: center;
    }
  }
  section .post-thumb {
    font-family: "Rubik-Medium";
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 16px;
    background: #000;
  }
  section .post-thumb.__3 .layer {
    padding: 0 30px;
  }
  section .post-thumb.__3 .layer h3 {
    font-size: 16pt;
  }
  section .post-thumb.__3 .layer h4 {
    font-size: 10pt;
    letter-spacing: 0.1em;
  }
  section .post-thumb.__5 .layer, section .post-thumb.__4 .layer {
    padding: 0 30px;
  }
  section .post-thumb.__5 .layer h4, section .post-thumb.__4 .layer h4 {
    font-size: 10pt;
    font-family: "Rubik-Medium";
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  section .post-thumb.__5 .layer h3, section .post-thumb.__4 .layer h3 {
    font-size: 18pt;
    font-family: "FrankRuhlLibre-Bold";
    line-height: 1.2em;
  }
  @media only screen and (max-width: 1023px) {
    section .post-thumb.__5 .layer h3, section .post-thumb.__4 .layer h3 {
      font-size: 18pt;
    }
  }
  section .post-thumb.__5 .layer {
    margin-top: 0px;
  }
  section .post-thumb.__4 .layer, section .post-thumb.__3 .layer {
    margin-top: -35px;
  }
  section .post-thumb.__90 {
    max-width: 90%;
  }
  @media only screen and (max-width: 767px) {
    section .post-thumb.__90 {
      max-width: 100%;
    }
  }
  section .post-thumb.__full {
    max-width: 100%;
  }
  section .post-thumb *, section .post-thumb:before, section .post-thumb:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  section .post-thumb:before, section .post-thumb:after {
    position: absolute;
    content: "";
    background-color: #fff;
    z-index: 1;
    opacity: 0;
  }
  section .post-thumb:before {
    width: 0;
    height: 1px;
  }
  section .post-thumb:after {
    height: 0;
    width: 1px;
  }
  section .post-thumb.animated__reverse .layer h1,
  section .post-thumb.animated__reverse .layer h2,
  section .post-thumb.animated__reverse .layer h3,
  section .post-thumb.animated__reverse .layer h4 {
    -webkit-opacity: 0.9;
    opacity: 0.9;
  }
  section .post-thumb.animated__reverse img {
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    opacity: 0.5;
  }
  section .post-thumb.animated__reverse:hover img {
    zoom: 1;
    filter: alpha(opacity=1);
    -webkit-opacity: 1;
    opacity: 1;
  }
  section .post-thumb img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
  }
  section .post-thumb .layer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 50%;
    padding: 0px 60px;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
  }
  @media only screen and (max-width: 479px) {
    section .post-thumb .layer {
      padding: 0px 20px;
      -webkit-transform: translateY(-40%);
      -moz-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
      -o-transform: translateY(-40%);
      transform: translateY(-40%);
    }
  }
  section .post-thumb .layer h3,
  section .post-thumb .layer h4 {
    margin: 0;
    font-size: 28pt;
    font-weight: normal;
    opacity: 0;
    text-align: center;
    color: #fff;
  }
  @media only screen and (max-width: 479px) {
    section .post-thumb .layer h3,
  section .post-thumb .layer h4 {
      opacity: 1;
    }
  }
  section .post-thumb .layer h4 {
    font-size: 12pt;
    font-family: "Rubik-Medium";
    text-transform: uppercase;
  }
  @media only screen and (max-width: 479px) {
    section .post-thumb .layer h4 {
      font-size: 8pt;
    }
  }
  section .post-thumb .layer h3 {
    font-family: "FrankRuhlLibre-Bold";
    line-height: 1.2em;
  }
  @media only screen and (max-width: 479px) {
    section .post-thumb .layer h3 {
      font-size: 18pt;
    }
  }
  section .post-thumb a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  @media only screen and (max-width: 479px) {
    section .post-thumb img {
      zoom: 1;
      filter: alpha(opacity=40);
      -webkit-opacity: 0.4;
      opacity: 0.4;
    }
  }
  section .post-thumb:hover img, section .post-thumb.hover img {
    zoom: 1;
    filter: alpha(opacity=40);
    -webkit-opacity: 0.4;
    opacity: 0.4;
  }
  section .post-thumb:hover:before, section .post-thumb.hover:before, section .post-thumb:hover:after, section .post-thumb.hover:after {
    opacity: 0;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  section .post-thumb:hover:before, section .post-thumb.hover:before {
    width: 40px;
  }
  section .post-thumb:hover:after, section .post-thumb.hover:after {
    height: 40px;
  }
  section .post-thumb:hover h3, section .post-thumb.hover h3, section .post-thumb:hover h4, section .post-thumb.hover h4 {
    opacity: 1;
  }
  section .post-thumb:hover h3, section .post-thumb.hover h3 {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
  }
  section .post-thumb:hover h4, section .post-thumb.hover h4 {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
  }
  section.--related-posts .--related-link {
    position: relative;
    margin-left: 40px;
    margin-top: 40px;
  }
  @media only screen and (max-width: 1023px) {
    section.--related-posts .--related-link {
      margin-top: 20px;
    }
  }
  section.--related-posts .--related-link.__arrow-left:before {
    cursor: pointer;
    background: url("../images/back-left.svg") center center no-repeat;
    transform: rotate(180deg);
    width: 20px;
    height: 20px;
    left: -35px;
    position: absolute;
    content: "";
  }
  @media only screen and (max-width: 479px) {
    section.--related-posts .--related-link.__arrow-left:before {
      top: 20px;
    }
  }
  section.--related-posts .--related-link a {
    color: rgba(76, 107, 142, 0.75);
    font-size: 14pt;
    font-family: "FrankRuhlLibre-Regular";
  }
  section.--related-posts .--related-link a:hover {
    color: #4C6B8E;
  }
  @media only screen and (max-width: 1023px) {
    section.--related-posts .--related-link a {
      font-size: 14pt;
    }
  }
  section.--archive article,
  section.--archive .__new {
    margin-top: 20px;
  }
  section.--archive article h2,
  section.--archive .__new h2,
  section.--archive .__new h2 a {
    font-size: 1em;
    font-family: "FrankRuhlLibre-Bold";
    line-height: 1.2em;
  }
  section.--archive article h3,
  section.--archive .__new h3 {
    font-size: 12pt;
    font-family: "Rubik-Medium";
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 2em;
  }
  @media only screen and (max-width: 479px) {
    section.--archive article h3,
  section.--archive .__new h3 {
      font-size: 10pt;
    }
  }
  section.--archive article h4,
  section.--archive .__new h4 {
    font-family: "Rubik-Light";
    font-size: 12pt;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.2em;
    padding: 0px 0 0 0;
    letter-spacing: 0.1em;
  }
  @media only screen and (max-width: 1023px) {
    section.--archive article h4,
    section.--archive .__new h4 {
      padding: 10px 0;
    }
  }
  @media only screen and (max-width: 479px) {
    section.--archive article h4,
  section.--archive .__new h4 {
      padding: 0px 0;
    }
    section.--archive article h4{
      font-size:10pt;
    }
  }
 
  section.--archive .__new h3 {
    padding-top: 50px;
  }
  section.--archive .__new h2 {
    font-size: 1.8em;
  }
  @media only screen and (max-width: 479px) {
    section.--archive .__new h2 {
      font-size: 1.6em;
      /* font-size: 0.6em; */
    }
    section.--archive article h2 {
      font-size: 0.8em;
    }
  }
  section.__mt-100,
  section .__mt-100 {
    margin-top: 100px;
  }
  @media only screen and (max-width: 479px) {
    section.__mt-100,
  section .__mt-100 {
      margin-top: 80px;
    }
  }
  section.__mt-200,
  section .__mt-200 {
    margin-top: 200px;
  }
  @media only screen and (max-width: 479px) {
    section.__mt-200,
  section .__mt-200 {
      margin-top: 180px;
    }
  }
  
  section.__list, div.__list {
    text-align: center;
  }
  section.__list h1, section.__list h2, div.__list h1, div.__list h2 {
    color: #4C6B8E;
    font-family: "Rubik-Light";
    padding-top: 40px;
    font-size: 1.5em;
  }
  section.__list h4, section.__list a, div.__list h4, div.__list a {
    font-family: "FrankRuhlLibre-Bold";
    font-size: 3em;
    color: #4C6B8E;
    padding: 20px 0;
    letter-spacing: 0;
    display: block;
  }
  
  @keyframes animationLeft {
    0% {
      opacity: 0;
      margin-top: 400px;
    }
    100% {
      opacity: 1;
      margin-top: 0;
    }
  }
  @keyframes animationRight {
    0% {
      opacity: 0;
      margin-top: -400px;
    }
    100% {
      opacity: 1;
      margin-top: 0;
    }
  }
  .clear {
    clear: both;
  }
  
  .pop-up {
    width: 100px;
    height: 40px;
    background-color: darkolivegreen;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    color: white;
  }
  
  .modal-wrap {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
  }
  
  .modal-content {
    max-width: 700px;
    width: 98%;
    height: 400px;
    margin: 20px auto 0;
    position: relative;
    z-index: 9999;
    background-color: #fff;
  }
  
  .modal-inner {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: white;
  }
  
  .modal-back {
    width: 100%;
    height: 100vh;
    top: 0;
    position: fixed;
    z-index: 100;
  }
  
  .close-m {
    margin-top: 30px;
    right: 10px;
    cursor: pointer;
    color: #c5c7cf;
    font-size: 50px;
    line-height: 0px;
    position: absolute;
    z-index: 9999;
    display: inline-block;
    float: right;
  }
  
  .close-m:hover {
    color: #860000;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  
  footer {
    background-color: #B3B3B3;
    color: #35353d;
    height: auto;
    padding: 70px 100px;
    font-family: "Rubik-Regular";
  }
  @media only screen and (max-width: 479px) {
    footer {
      padding: 20px 0px;
    }
  }
  footer.__mt50 {
    margin-top: 70px;
  }
  footer .left-side h4 {
    font-size: 20pt;
    font-family: "Rubik-Medium";
    line-height: 2em;
  }
  @media only screen and (max-width: 479px) {
    footer .left-side h4 {
      font-size: 14pt;
    }
  }
  footer .left-side h4 a {
    border-bottom: 2px solid black;
  }
  footer .left-side .copyright {
    position: absolute;
    bottom: 0px;
    color: #35353d;
    font-size: 8pt;
  }
  footer .left-side .copyright a:hover {
    color: #4C6B8E;
  }
  footer .right-side ul {
    float: right;
  }
  @media only screen and (max-width: 479px) {
    footer .right-side ul {
      float: left;
      margin: 30px 0;
    }
  }
  footer .right-side ul li a {
    font-size: 12pt;
    line-height: 2.1em;
  }
  
  .grid-text {
    position: relative;
    display: block;
  }
  .grid-text .grid-sizer {
    width: 48%;
  }
  .grid-text .gutter-sizer {
    width: 4%;
  }
  .grid-text .grid-item {
    width: 50%;
    position: relative;
    display: block;
    margin-bottom: 26px;
  }
  @media only screen and (max-width: 767px) {
    .grid-text .grid-item {
      width: 100%;
      float: none;
      display: block;
      position: relative;
    }
  }
  .grid-text .grid-item .wow {
    padding: 100px 40px 40px;
    -webkit-box-shadow: 0px 3px 27px 0px rgba(13, 21, 34, 0.2);
    -moz-box-shadow: 0px 3px 27px 0px rgba(13, 21, 34, 0.2);
    box-shadow: 0px 3px 27px 0px rgba(13, 21, 34, 0.2);
  }
  @media only screen and (max-width: 767px) {
    .grid-text .grid-item .wow {
      padding: 100px 30px 30px;
    }
  }
  .grid-text .grid-item .wow span {
    position: absolute;
    top: 30px;
    right: 40px;
    color: #acb0b9;
  }
  .grid-text .grid-item .wow p {
    font-size: 1.125em;
    line-height: 1.2;
    color: #2c343e;
    padding-bottom: 20px;
  }
  .grid-text .grid-item .wow h3 {
    color: #2273ce;
    font-family: "FrankRuhlLibre-Regular";
    line-height: 1.7;
  }
  .grid-text .grid-item .wow h4 {
    font-size: 14px;
    font-family: "FrankRuhlLibre-Regular";
    line-height: 1.7;
    color: #7c7f83;
  }
  
  .__hide {
    display: none;
  }
  
  .__underline {
    text-decoration: underline !important;
  }
  
  .--img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 360px;
    border-radius: 3px;
  }
  
  .--img-wrapper {
    position: relative;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
  }
  .--img-wrapper .--img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  
  /*# sourceMappingURL=style.css.map */