@charset "UTF-8";
/*********************************************
:: Core
   Base Elements
   eg. typography, fonts, forms, buttons etc.
********************************************/
/*********************************************
:: Variables                      
********************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*********************************************
:: Normalize                        
********************************************/
@import url("https://fonts.googleapis.com/css?family=Oxygen:300,400,700|Roboto+Slab|Roboto:100,300,400");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

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

td, th {
  padding: 0; }

h1, h2, legend, h3, h4, h5, h6, ol, ul, blockquote, p, li, dt, dl, dd {
  margin: 0px;
  padding: 0px; }

.button, button, button[type="submit"], input[type="submit"], input[type="button"], input[type="reset"] {
  outline: none;
  background: none;
  border: none;
  cursor: pointer;
  width: auto;
  padding: 0px;
  margin: 0px; }

legend, fieldset {
  margin: 0px;
  padding: 0px;
  border: none; }

figure {
  margin: 0px; }

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

/*******************************************/
::-moz-selection, ::-moz-selection {
  background: #1d90db;
  color: white; }
::-moz-selection, ::selection {
  background: #1d90db;
  color: white; }

::-moz-selection {
  background: #1d90db;
  color: white; }

::selection {
  background: #1d90db;
  color: white; }

img {
  display: inline-block;
  max-width: 100%;
  width: auto\9;
  height: auto; }

/*********************************************
:: Icon Fonts                    
********************************************/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?l1en53");
  src: url("../fonts/icomoon.eot?#iefixl1en53") format("embedded-opentype"), url("../fonts/icomoon.ttf?l1en53") format("truetype"), url("../fonts/icomoon.woff?l1en53") format("woff"), url("../fonts/icomoon.svg?l1en53#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-angle-double-down:before {
  content: "\e922"; }

.icon-angle-double-left:before {
  content: "\e923"; }

.icon-angle-double-right:before {
  content: "\e924"; }

.icon-angle-double-up:before {
  content: "\e925"; }

.icon-angle-down:before {
  content: "\e926"; }

.icon-angle-left:before {
  content: "\e927"; }

.icon-angle-right:before {
  content: "\e928"; }

.icon-angle-up:before {
  content: "\e929"; }

.icon-arrow-circle-down:before {
  content: "\e92a"; }

.icon-arrow-circle-left:before {
  content: "\e92b"; }

.icon-arrow-circle-o-down:before {
  content: "\e92c"; }

.icon-arrow-circle-o-left:before {
  content: "\e92d"; }

.icon-arrow-circle-o-right:before {
  content: "\e92e"; }

.icon-arrow-circle-o-up:before {
  content: "\e92f"; }

.icon-arrow-circle-right:before {
  content: "\e930"; }

.icon-arrow-circle-up:before {
  content: "\e931"; }

.icon-bars:before {
  content: "\e932"; }

.icon-behance:before {
  content: "\f1b4"; }

.icon-behance-square:before {
  content: "\f1b5"; }

.icon-calendar2:before {
  content: "\e933"; }

.icon-check2:before {
  content: "\e934"; }

.icon-chevron-circle-down:before {
  content: "\e935"; }

.icon-chevron-circle-left:before {
  content: "\e936"; }

.icon-chevron-circle-right:before {
  content: "\e937"; }

.icon-chevron-circle-up:before {
  content: "\e938"; }

.icon-chevron-down:before {
  content: "\e939"; }

.icon-chevron-left:before {
  content: "\e93a"; }

.icon-chevron-right:before {
  content: "\e93b"; }

.icon-chevron-up:before {
  content: "\e93c"; }

.icon-commenting:before {
  content: "\f27a"; }

.icon-commenting-o:before {
  content: "\f27b"; }

.icon-envelope-o:before {
  content: "\e93d"; }

.icon-facebook:before {
  content: "\e93f"; }

.icon-facebook-square:before {
  content: "\e93e"; }

.icon-file:before {
  content: "\e940"; }

.icon-file-excel-o:before {
  content: "\f1c3"; }

.icon-file-image-o:before {
  content: "\f1c5"; }

.icon-file-photo-o:before {
  content: "\f1c5"; }

.icon-file-picture-o:before {
  content: "\f1c5"; }

.icon-file-pdf-o:before {
  content: "\f1c1"; }

.icon-file-powerpoint-o:before {
  content: "\f1c4"; }

.icon-file-word-o:before {
  content: "\f1c2"; }

.icon-google:before {
  content: "\f1a0"; }

.icon-google-plus:before {
  content: "\e942"; }

.icon-google-plus2:before {
  content: "\f0d5"; }

.icon-google-plus-square:before {
  content: "\e941"; }

.icon-google-plus-square2:before {
  content: "\f0d4"; }

.icon-info-circle:before {
  content: "\e943"; }

.icon-instagram:before {
  content: "\e944"; }

.icon-instagram2:before {
  content: "\f16d"; }

.icon-linkedin:before {
  content: "\e946"; }

.icon-linkedin-square:before {
  content: "\e945"; }

.icon-map3:before {
  content: "\f279"; }

.icon-map-marker:before {
  content: "\e947"; }

.icon-map-o:before {
  content: "\f278"; }

.icon-minus-circle:before {
  content: "\e948"; }

.icon-phone-diagonal:before {
  content: "\e949"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest2:before {
  content: "\e94b"; }

.icon-pinterest-square:before {
  content: "\e94a"; }

.icon-pinterest-square2:before {
  content: "\f0d3"; }

.icon-play:before {
  content: "\e94c"; }

.icon-plus-circle:before {
  content: "\e94d"; }

.icon-question-circle:before {
  content: "\e94e"; }

.icon-safari:before {
  content: "\f267"; }

.icon-search:before {
  content: "\e950"; }

.icon-search-plus:before {
  content: "\e94f"; }

.icon-shopping-cart:before {
  content: "\e951"; }

.icon-sort:before {
  content: "\e952"; }

.icon-tags:before {
  content: "\e953"; }

.icon-times2:before {
  content: "\e954"; }

.icon-toggle-off:before {
  content: "\f204"; }

.icon-toggle-on:before {
  content: "\f205"; }

.icon-tripadvisor:before {
  content: "\f262"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr2:before {
  content: "\e957"; }

.icon-tumblr-square:before {
  content: "\f174"; }

.icon-tumblr-square2:before {
  content: "\e956"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-twitter2:before {
  content: "\e959"; }

.icon-twitter-square:before {
  content: "\e958"; }

.icon-twitter-square2:before {
  content: "\f081"; }

.icon-user:before {
  content: "\e95a"; }

.icon-vimeo-square:before {
  content: "\e95b"; }

.icon-vine:before {
  content: "\f1ca"; }

.icon-youtube:before {
  content: "\e95e"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-youtube-play2:before {
  content: "\e95c"; }

.icon-youtube-square:before {
  content: "\e95d"; }

.icon-home:before {
  content: "\e900"; }

.icon-newspaper:before {
  content: "\e901"; }

.icon-image:before {
  content: "\e902"; }

.icon-file-empty:before {
  content: "\e903"; }

.icon-file-text2:before {
  content: "\e904"; }

.icon-phone:before {
  content: "\e905"; }

.icon-phone-hang-up:before {
  content: "\e906"; }

.icon-pin:before {
  content: "\e955"; }

.icon-location:before {
  content: "\e907"; }

.icon-location2:before {
  content: "\e908"; }

.icon-compass:before {
  content: "\e909"; }

.icon-map:before {
  content: "\e90a"; }

.icon-map2:before {
  content: "\e90b"; }

.icon-alarm:before {
  content: "\e90f"; }

.icon-bell:before {
  content: "\e910"; }

.icon-stopwatch:before {
  content: "\e911"; }

.icon-calendar:before {
  content: "\e91e"; }

.icon-display:before {
  content: "\e91f"; }

.icon-laptop:before {
  content: "\e920"; }

.icon-mobile:before {
  content: "\e912"; }

.icon-mobile2:before {
  content: "\e913"; }

.icon-tablet:before {
  content: "\e914"; }

.icon-tv:before {
  content: "\e915"; }

.icon-plus2:before {
  content: "\e91a"; }

.icon-minus2:before {
  content: "\e91b"; }

.icon-checkmark:before {
  content: "\e91c"; }

.icon-checkmark2:before {
  content: "\e91d"; }

.icon-thin-search:before {
  content: "\e921"; }

.icon-substract:before {
  content: "\e90c"; }

.icon-add:before {
  content: "\e90d"; }

.icon-cross:before {
  content: "\e90e"; }

.icon-left-arrow:before {
  content: "\e916"; }

.icon-right-arrow:before {
  content: "\e917"; }

.icon-left-arrow2:before {
  content: "\e918"; }

.icon-arrow-pointing-to-right:before {
  content: "\e919"; }

.icon-ico-cart-secure:before {
  content: "\e96f"; }

.icon-ico-cart-edit:before {
  content: "\e970"; }

.icon-ico-nav:before {
  content: "\e98a"; }

.icon-ico-search:before {
  content: "\e98d"; }

.icon-ico-download:before {
  content: "\e96e"; }

.icon-ico-heart:before {
  content: "\e963"; }

.icon-ico-edit:before {
  content: "\e964"; }

.icon-ico-secure:before {
  content: "\e965"; }

.icon-ico-user:before {
  content: "\e966"; }

.icon-ico-question:before {
  content: "\e967"; }

.icon-ico-map:before {
  content: "\e968"; }

.icon-ico-mail:before {
  content: "\e969"; }

.icon-ico-phone:before {
  content: "\e96a"; }

.icon-ico-zoom:before {
  content: "\e96b"; }

.icon-ico-cart:before {
  content: "\e96c"; }

.icon-ico-menu:before {
  content: "\e96d"; }

.icon-search2:before {
  content: "\e971"; }

.icon-menu:before {
  content: "\e972"; }

/*********************************************
:: Typography
********************************************/
html, body {
  font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, legend, h3, h4, h5, h6 {
  font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
  font-weight: 700;
  margin-bottom: 20px; }

h1 {
  font-size: 28px;
  line-height: 32px;
  color: #1d90db; }
  @media all and (min-width: 64em) {
    h1 {
      font-size: 44px;
      line-height: 50px; } }

h2, legend {
  font-size: 18px;
  line-height: 28px; }
  @media all and (min-width: 64em) {
    h2, legend {
      font-size: 26px; } }

h3 {
  font-size: 16px;
  line-height: 26px; }
  @media all and (min-width: 64em) {
    h3 {
      font-size: 22px; } }

h4 {
  font-size: 16px;
  line-height: 24px; }
  @media all and (min-width: 64em) {
    h4 {
      font-size: 20px; } }

h5 {
  font-size: 16px;
  line-height: 24px; }
  @media all and (min-width: 64em) {
    h5 {
      font-size: 18px; } }

h6 {
  font-size: 16px;
  line-height: 24px; }
  @media all and (min-width: 64em) {
    h6 {
      font-size: 16px; } }

/*******************************************/
p, li, td, th, a, mark, time, dl, label, address {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 24px;
  color: #363636; }
  p a, p li, p p, p mark, p cite, p time, li a, li li, li p, li mark, li cite, li time, td a, td li, td p, td mark, td cite, td time, th a, th li, th p, th mark, th cite, th time, a a, a li, a p, a mark, a cite, a time, mark a, mark li, mark p, mark mark, mark cite, mark time, time a, time li, time p, time mark, time cite, time time, dl a, dl li, dl p, dl mark, dl cite, dl time, label a, label li, label p, label mark, label cite, label time, address a, address li, address p, address mark, address cite, address time {
    font-size: 1em; }

a {
  margin: 0px;
  font-weight: 400;
  text-decoration: none;
  color: #1d90db;
  transition: all .5s ease-in-out; }
  a:hover, a:focus, a:active {
    color: #166ca5; }

small {
  font-size: 70%; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

hr {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 15px;
  background: #ccc;
  border: none;
  outline: none; }

/*******************************************/
dt {
  font-weight: 700; }
  dt:after {
    content: ':'; }

dt:after {
  content: ": "; }

ul li {
  position: relative;
  list-style-type: none;
  text-indent: 0px; }

ol li {
  list-style-type: decimal; }

/*******************************************/
code, pre, samp, kbd, var {
  margin: 0px;
  padding: 1px 5px 1px 5px;
  color: white;
  background: #2D747E;
  white-space: pre-wrap; }

pre {
  padding: 10px; }

/*******************************************/
blockquote {
  position: relative;
  display: block;
  margin: 35px 0 55px 0;
  padding: 20px 10% 20px 10%;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  line-height: 30px;
  color: #5f727e; }
  @media all and (min-width: 64em) {
    blockquote {
      padding: 40px 10% 40px 10%;
      font-size: 25px;
      line-height: 35px; } }

/*******************************************/
.wysiwyg {
  text-align: left; }
  .wysiwyg img {
    display: block;
    margin: 0 auto 15px auto; }
  .wysiwyg li {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.23px; }
  .wysiwyg ul li {
    list-style-type: none;
    position: relative;
    padding-left: 17px;
    margin-bottom: 5px; }
    .wysiwyg ul li::before {
      position: absolute;
      left: 0;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #363636;
      content: '';
      top: 10px; }
  .wysiwyg p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.23px; }
    @media all and (min-width: 64em) {
      .wysiwyg p {
        margin-bottom: 12px; } }
  .wysiwyg .text-center {
    text-align: center; }
  .wysiwyg .text-right {
    text-align: right; }
  .wysiwyg .text-justify {
    text-align: justify; }

.leadcopy {
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  color: black;
  margin-bottom: 24px; }
  @media all and (min-width: 64em) {
    .leadcopy {
      font-size: 17px; } }

/*******************************************/
.wf-loading h1,
.wf-loading h2,
.wf-loading legend,
.wf-loading p,
.wf-loading a {
  visibility: hidden; }

/*********************************************
:: Buttons                             
********************************************/
button {
  outline: none; }

/*******************************************/
.button {
  display: inline-block;
  height: 38px;
  padding: 0 21px;
  font-size: 14px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
  color: #4cac47;
  background: white;
  border: 1px solid #4cac47;
  border-radius: 100px;
  transition: all .4s ease-in-out; }
  .button:hover, .button:focus, .button:active {
    background: #4cac47;
    color: white; }
  .button.green {
    background: #4cac47;
    color: white; }
    .button.green:hover, .button.green:focus, .button.green:active {
      background: white;
      color: #4cac47; }

/*******************************************/
.button-white {
  color: black;
  background: white; }
  @media all and (min-width: 48em) {
    .button-white:hover, .button-white:focus, .button-white:active {
      background: black;
      color: white; } }

/*******************************************/
.button-more {
  width: 100%;
  margin: 0px 0 40px 0;
  text-align: center;
  position: relative;
  background: white; }
  @media all and (min-width: 64em) {
    .button-more {
      margin: 40px 0 100px 0; } }
  .button-more:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #979797; }
  .button-more p {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 50px;
    font-size: 14px;
    line-height: 40px;
    color: #4cac47;
    background: white;
    z-index: 1;
    transition: all 0.25s ease-in-out; }
    @media all and (min-width: 64em) {
      .button-more p {
        font-size: 24px; } }
  .button-more:hover {
    background: white; }
    .button-more:hover p {
      -webkit-filter: brightness(120%);
      filter: brightness(120%); }

/*******************************************/
.button-underline {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  color: #4cac47; }
  .button-underline:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 138px;
    height: 5px;
    margin: auto;
    background: #4cac47; }

/*******************************************/
.button-disabled,
.button[disabled],
button[disabled],
button[type="submit"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled],
input[type="reset"][disabled] {
  color: white;
  opacity: 0.5;
  cursor: default; }

/*********************************************
:: Tables                    
********************************************/
table {
  margin-bottom: 15px;
  width: 100%; }
  table td, table th {
    padding: 15px 10px 15px 10px;
    font-weight: 400;
    color: #212121;
    text-align: left; }
  table th {
    font-weight: 700;
    background: #ececec; }
  table thead {
    width: 100%;
    background: #ececec; }
    table thead td, table thead th {
      padding: 5px 10px 5px 10px; }
  table tfoot {
    border-bottom: 1px solid #212121;
    border-top: 1px solid #212121; }
    table tfoot td {
      padding: 15px 10px 15px 10px; }

/*******************************************/
.compact-table {
  width: auto; }
  .compact-table td, .compact-table th {
    padding: 5px 10px 5px 10px;
    font-size: 0.8em;
    font-weight: 400;
    color: #212121;
    text-align: left;
    line-height: 1.2;
    background: none;
    border: 1px solid #ccc; }
  .compact-table thead {
    width: auto;
    background: none; }

/*******************************************/
.table-container {
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em; }

/*********************************************
:: Layout
********************************************/
.titanic {
  float: none; }

* {
  -webkit-tap-highlight-color: transparent; }

/*******************************************/
.main {
  display: block;
  min-height: calc(100vh - 200px); }
  @media all and (min-width: 64em) {
    .main {
      min-height: calc(100vh - 288px); } }

/*******************************************/
.sidebar {
  float: left;
  width: 100%;
  padding: 20px 15px 20px 15px; }
  @media all and (min-width: 64em) {
    .sidebar {
      padding: 45px 0px 45px 0px; } }

/*******************************************/
.clear-after:after {
  content: '';
  display: block;
  clear: both; }

/*******************************************/
.content-max-width {
  position: relative;
  width: 100%;
  padding: 0 6%;
  clear: both; }
  @media all and (min-width: 64em) {
    .content-max-width {
      max-width: 940px;
      margin: 0 auto;
      padding: 0; } }
  @media all and (min-width: 64em) {
    .content-max-width {
      max-width: 1050px; }
      .content-max-width.content-service {
        max-width: 1084px;
        padding-left: 17px; } }

/*******************************************/
.content-extended-width {
  position: relative;
  width: 100%;
  padding: 0 6%;
  clear: both; }
  @media all and (min-width: 64em) {
    .content-extended-width {
      max-width: 940px;
      margin: 0 auto;
      padding: 0px; } }
  @media all and (min-width: 64em) {
    .content-extended-width {
      max-width: 1150px; } }

/*******************************************/
.content-slider-width {
  padding: 0 0%;
  position: relative;
  clear: both; }
  @media all and (min-width: 64em) {
    .content-slider-width {
      max-width: 940px;
      margin: 0 auto;
      padding: 0px; } }
  @media all and (min-width: 72.5em) {
    .content-slider-width {
      max-width: 940px; } }
  @media all and (min-width: 64em) {
    .content-slider-width {
      max-width: 1050px; } }

/*******************************************/
@media all and (min-width: 64em) {
  .content-narrow-width {
    max-width: 740px;
    margin: 0 auto;
    clear: both; } }

@media all and (min-width: 72.5em) {
  .content-narrow-width {
    max-width: 740px; } }

/*******************************************/
@media all and (min-width: 64em) {
  .mob, .mobile {
    display: none !important; } }

@media all and (max-width: 63.9375em) {
  .desk, .desktop {
    display: none !important; } }

.horizontal-pattern {
  height: 110px;
  width: 100%;
  background-image: url(/images/pattern.jpg);
  background-size: cover;
  background-position: 19%;
  background-repeat: no-repeat;
  clear: both; }
  @media all and (min-width: 64em) {
    .horizontal-pattern {
      background-position: center; } }

.aside-archive {
  width: 100%;
  float: left;
  padding: 0; }
  @media all and (min-width: 64em) {
    .aside-archive {
      width: 19%;
      float: right; } }
  .aside-archive .archives-container {
    text-align: left;
    padding: 35px 0 29px 0;
    width: 100%;
    margin: auto; }
    @media all and (min-width: 64em) {
      .aside-archive .archives-container {
        padding: 15px 0 29px 0; } }
    .aside-archive .archives-container h6 {
      font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      font-size: 15px;
      color: #363636;
      letter-spacing: 1.67px;
      line-height: 18.2px;
      text-transform: uppercase;
      margin-bottom: 5px; }
      @media all and (min-width: 64em) {
        .aside-archive .archives-container h6 {
          margin-bottom: 8px; } }
    .aside-archive .archives-container ul li {
      padding-bottom: 6px;
      padding-right: 5px;
      padding-top: 6px;
      margin-left: -2px;
      border-bottom: 1px solid #eeeeee; }
      @media all and (min-width: 64em) {
        .aside-archive .archives-container ul li {
          margin-bottom: 0; } }
      .aside-archive .archives-container ul li:before {
        height: 2px;
        font-size: 0.9em;
        font-family: "icomoon";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e928";
        color: #333333; }
      .aside-archive .archives-container ul li:last-of-type {
        border-bottom: none; }
      .aside-archive .archives-container ul li a {
        width: 169px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        color: #1d90db;
        font-size: 15px;
        font-weight: 400; }
        .aside-archive .archives-container ul li a span {
          color: black; }

/*********************************************
:: Forms
********************************************/
form {
  width: 100%;
  background: white; }

legend {
  margin-bottom: 15px; }

label, .note {
  display: inline-block;
  width: 100%;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #4f4f4f; }

/*******************************************/
.field-disabled,
input[disabled],
textarea[disabled],
select[disabled],
input[readonly],
textarea[readonly],
select[readonly] {
  opacity: 0.5;
  cursor: default; }

/*******************************************/
input, textarea, select {
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 0px 10px;
  font-size: 14px;
  line-height: 36px;
  background: white;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  outline: none;
  transition: all .5s ease-in-out; }
  input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
    background: #f1f1f1;
    border: 1px solid #4cac47;
    transition: all .5s ease-in; }

/*******************************************/
*::-webkit-input-placeholder {
  font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #1d90db; }
*:-ms-input-placeholder {
  font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #1d90db; }
*::placeholder {
  font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #1d90db; }

textarea, select[multiple] {
  height: 157px; }

input[type=checkbox], input[type=radio] {
  height: auto; }

/*******************************************/
.form-field .custom-checkbox-radio {
  float: left;
  width: auto;
  margin: 0;
  padding: 0 0 5px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer; }
  .form-field .custom-checkbox-radio input {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 0;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer; }

/*******************************************/
.form-field {
  float: left;
  width: 100%;
  padding: 0 0 15px; }
  .form-field label {
    font-size: 12.5px;
    width: 100%;
    margin-bottom: 6px; }

/*******************************************/
.button-field {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 0 15px;
  text-align: center; }
  .button-field .form-note {
    float: left;
    margin-top: 7px;
    font-size: 12.5px;
    color: #000000;
    font-weight: 400;
    line-height: 23.2px; }
    @media all and (min-width: 64em) {
      .button-field .form-note {
        width: auto;
        margin-bottom: 0; } }
  .button-field button, .button-field input[type="submit"], .button-field input[type="reset"] {
    float: right;
    display: block;
    margin: auto;
    width: 140px;
    height: 36px;
    font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: white;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: #1d90db;
    border-radius: 4px;
    transition: all .4s ease-in-out; }
    @media all and (min-width: 64em) {
      .button-field button, .button-field input[type="submit"], .button-field input[type="reset"] {
        margin-left: 10px; } }
    .button-field button span, .button-field input[type="submit"] span, .button-field input[type="reset"] span {
      color: white; }
    .button-field button:hover, .button-field button:focus, .button-field button:active, .button-field input[type="submit"]:hover, .button-field input[type="submit"]:focus, .button-field input[type="submit"]:active, .button-field input[type="reset"]:hover, .button-field input[type="reset"]:focus, .button-field input[type="reset"]:active {
      background: #4cac47; }

/*******************************************/
.form-fields-stack {
  *zoom: 1; }
.form-fields-stack:before{
  content: '';
  display: table; }
.form-fields-stack:after{
  content: '';
  display: table;
  clear: both; }
  .form-fields-stack.two-column .form-field {
    width: 100%; }
    @media all and (min-width: 64em) {
      .form-fields-stack.two-column .form-field {
        width: calc(99.99% * 1/2 - (20px - 20px * 1/2)); }
      .form-fields-stack.two-column .form-field:nth-child(1n){
    float: left;
    margin-right: 20px;
    clear: none; }
      .form-fields-stack.two-column .form-field:last-child{
    margin-right: 0; }
      .form-fields-stack.two-column .form-field:nth-child(2n){
    margin-right: 0;
    float: right; }
      .form-fields-stack.two-column .form-field:nth-child(2n + 1){
    clear: left; } }
  .form-fields-stack.three-column .form-field {
    width: 100%; }
    @media all and (min-width: 64em) {
      .form-fields-stack.three-column .form-field {
        width: calc(99.99% * 1/3 - (22px - 22px * 1/3)); }
      .form-fields-stack.three-column .form-field:nth-child(1n){
    float: left;
    margin-right: 22px;
    clear: none; }
      .form-fields-stack.three-column .form-field:last-child{
    margin-right: 0; }
      .form-fields-stack.three-column .form-field:nth-child(3n){
    margin-right: 0;
    float: right; }
      .form-fields-stack.three-column .form-field:nth-child(3n + 1){
    clear: left; } }

/*******************************************/
.form-field.error input,
.form-field.error textarea,
.form-field.error select,
.form-field.error .SumoSelect > .CaptionCont {
  border-color: #1d90db; }

.form-field.valid input,
.form-field.valid textarea,
.form-field.valid select,
.form-field.valid .SumoSelect > .CaptionCont {
  color: black;
  border-color: #CCCCCC; }

label.error, label.error-SumoSelect-label, .php-error li {
  margin: 10px 0 0;
  font-weight: 700;
  color: #1d90db !important; }

.form-note {
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1; }

/*********************************************
:: Animations
********************************************/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*********************************************
:: Print                        
********************************************/
@media print {
  header, footer {
    display: none !important; } }

/*********************************************
:: Common
   Common Components
   eg. header, footer, main menu etc.
********************************************/
/*********************************************
  :: Site Header
********************************************/
.site-header {
  position: relative;
  width: 100%;
  height: 130px;
  z-index: 99;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  @media all and (min-width: 64em) {
    .site-header {
      height: 133px; } }
  .site-header .logo {
    position: absolute;
    top: 36px;
    left: 6%;
    bottom: 5px;
    transition: none; }
    @media all and (min-width: 64em) {
      .site-header .logo {
        left: 0;
        top: 27px;
        width: 281px;
        height: 88px; } }
    .site-header .logo img {
      width: 253px; }
      @media all and (min-width: 64em) {
        .site-header .logo img {
          max-height: 90px;
          width: 280px; } }
  .site-header nav {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    text-align: right; }
    @media all and (max-width: 63.9375em) {
      .site-header nav {
        display: none; } }
    .site-header nav li {
      display: inline-block;
      position: relative;
      margin: 0;
      font-size: 12px;
      font-weight: 300; }
    .site-header nav a {
      display: inline-block;
      margin-left: 21px;
      color: black; }
      .site-header nav a:hover {
        opacity: 0.7; }
      .site-header nav a.selected {
        color: #4cac47; }
        .site-header nav a.selected:hover {
          opacity: 1; }
        .site-header nav a.selected:active {
          opacity: 1; }
  .site-header nav.top {
    margin-right: 171px;
    padding-top: 18px; }
  .site-header .phone {
    position: absolute;
    right: 0.3px;
    top: 16px; }
    @media all and (max-width: 63.9375em) {
      .site-header .phone {
        display: none; } }
    .site-header .phone:before {
      content: '';
      position: absolute;
      top: -16px;
      right: 0;
      width: 70px;
      height: 3px;
      background: #1d90db; }
    .site-header .phone a {
      font-size: 18px;
      font-weight: 600;
      color: #1d90db;
      letter-spacing: 0.55px;
      vertical-align: top; }
  .site-header nav.blue {
    height: 50px;
    top: 83px;
    right: 0;
    padding: 0 123px 0 0;
    background: #1d90db; }
    .site-header nav.blue::before {
      position: absolute;
      left: -69px;
      height: 50px;
      width: 100%;
      background-image: url(/images/icons/nav-round.svg);
      background-repeat: no-repeat;
      content: ''; }
    .site-header nav.blue::after {
      position: absolute;
      bottom: 0;
      height: 50px;
      right: 0;
      width: 100%;
      background-color: #1d90db;
      content: '';
      z-index: -1; }
    @media all and (min-width: 103.75em) {
      .site-header nav.blue ul {
        padding-left: 7px;
        margin-right: 145px; } }
    .site-header nav.blue li {
      width: 163px;
      vertical-align: middle;
      padding: 7px 0;
      text-align: left; }
      .site-header nav.blue li span {
        color: white;
        position: absolute; }
      .site-header nav.blue li:first-of-type {
        width: 137px; }
        .site-header nav.blue li:first-of-type span {
          right: 13px;
          bottom: 13px; }
      .site-header nav.blue li:nth-of-type(2) {
        width: 128px; }
        .site-header nav.blue li:nth-of-type(2) span {
          right: 13px;
          bottom: 13px; }
      .site-header nav.blue li:nth-of-type(3) {
        width: 106px; }
        .site-header nav.blue li:nth-of-type(3) span {
          right: 17px;
          bottom: 13px; }
      .site-header nav.blue li:last-of-type span {
        right: 21px;
        bottom: 13px; }
      .site-header nav.blue li a {
        margin-left: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        color: white;
        text-transform: uppercase; }
  .site-header li:hover ul {
    display: inline-block;
    min-width: 180px;
    min-height: 146px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.19);
    background-color: #ffffff;
    padding: 7px 15px 10px 18px; }
    .site-header li:hover ul li {
      width: 100% !important; }
  .site-header li ul:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    height: 4px;
    background-color: #0fb4e7; }
  .site-header li:first-of-type ul:before {
    width: 110px; }
  .site-header li:nth-of-type(2) ul {
    min-width: 174px;
    left: -17px; }
    .site-header li:nth-of-type(2) ul::before {
      width: 143px; }
  .site-header li:nth-of-type(3) ul {
    min-width: 174px;
    left: -16px; }
    .site-header li:nth-of-type(3) ul::before {
      width: 164px; }
  .site-header li:nth-of-type(4) ul {
    top: 50px;
    min-width: 174px;
    left: -1px;
    padding: 7px 15px 10px 19px; }
    .site-header li:nth-of-type(4) ul::before {
      width: 154px; }
  .site-header li ul {
    position: absolute;
    top: 42px;
    left: -16px;
    display: none;
    width: 150px;
    padding: 10px 15px 10px;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
    .site-header li ul li {
      width: 100%;
      display: inline-block;
      text-align: left;
      margin: 0;
      padding: 4px 0 !important; }
      .site-header li ul li a {
        margin: 0;
        font-size: 13.5px !important;
        font-weight: 400 !important;
        text-transform: none !important;
        color: black !important;
        letter-spacing: 0.3px; }
  .site-header .tel-mob {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 6%;
    font-size: 17px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 1px;
    color: #1d90db; }
    @media all and (min-width: 64em) {
      .site-header .tel-mob {
        display: none; } }
    .site-header .tel-mob:before {
      content: '';
      position: absolute;
      top: -15px;
      right: 0;
      width: 71px;
      height: 3px;
      background: #1d90db; }
  .site-header .hamburger {
    position: absolute;
    top: 81px;
    right: 6%;
    width: 34px;
    height: auto; }
    .site-header .hamburger span {
      font-size: 25px;
      color: black; }
    .site-header .hamburger:focus {
      outline: none; }

/********************************************/
/*********************************************
  :: Site Footer
********************************************/
.site-footer {
  position: relative;
  width: 100%;
  min-height: 70px;
  font-size: 0;
  clear: both;
  text-align: center; }
  @media all and (min-width: 64em) {
    .site-footer {
      padding-top: 33px;
      min-height: 155px;
      text-align: left; } }
  .site-footer section {
    vertical-align: top; }
    @media all and (min-width: 64em) {
      .site-footer section {
        width: 50%;
        display: inline-block; } }
    .site-footer section.left-footer {
      width: 73%; }
      .site-footer section.left-footer article {
        display: inline-block;
        width: 33%;
        vertical-align: top; }
        .site-footer section.left-footer article:first-of-type {
          width: 25.3%; }
        .site-footer section.left-footer article:nth-of-type(2) {
          width: 33.4%; }
        .site-footer section.left-footer article:last-of-type {
          width: 33.4%; }
        .site-footer section.left-footer article header {
          margin-bottom: 14px;
          font-size: 14px;
          font-weight: 700;
          color: #1d90db;
          letter-spacing: 0.29px; }
        .site-footer section.left-footer article ul li {
          margin-bottom: 0;
          color: #f3f4f5;
          line-height: 19px;
          font-size: 12.5px;
          font-weight: 100; }
          .site-footer section.left-footer article ul li a, .site-footer section.left-footer article ul li p {
            color: #9a9a9a;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px; }
            .site-footer section.left-footer article ul li a i, .site-footer section.left-footer article ul li p i {
              font-size: 23px;
              margin-right: 13px; }
  .site-footer .footer-legal {
    width: 100%;
    padding: 10px 0 37px; }
    @media all and (min-width: 64em) {
      .site-footer .footer-legal {
        width: auto;
        padding: 47px 0 49px; } }
    .site-footer .footer-legal p, .site-footer .footer-legal a {
      display: inline-block;
      width: 100%;
      font-size: 11px;
      line-height: 11px;
      text-align: center;
      color: #9b9b9b; }
      @media all and (min-width: 64em) {
        .site-footer .footer-legal p, .site-footer .footer-legal a {
          width: auto; } }
    .site-footer .footer-legal p.copyright {
      margin-bottom: 5px; }
      @media all and (min-width: 64em) {
        .site-footer .footer-legal p.copyright {
          float: left;
          margin-bottom: 0px; } }
      .site-footer .footer-legal p.copyright a {
        font-size: 11px;
        line-height: 11px;
        color: #5f727e; }
    @media all and (min-width: 64em) {
      .site-footer .footer-legal a.attribution {
        float: right; } }
  @media all and (min-width: 64em) {
    .site-footer .social {
      width: 18%;
      float: right; } }
  .site-footer .social ul li.social-icons {
    margin-bottom: 10px;
    margin-top: 38px; }
    @media all and (min-width: 64em) {
      .site-footer .social ul li.social-icons {
        margin-top: 0;
        float: right; } }
    .site-footer .social ul li.social-icons a, .site-footer .social ul li.social-icons p {
      color: #f3f4f5;
      font-size: 13px;
      font-weight: 400;
      line-height: 21px; }
      .site-footer .social ul li.social-icons a i, .site-footer .social ul li.social-icons p i {
        margin-right: 13px;
        width: 40px;
        height: 40px;
        font-size: 22px;
        font-weight: 400;
        color: #0092dc;
        border: 2px solid #0092dc;
        border-radius: 100px; }
        .site-footer .social ul li.social-icons a i.icon-facebook, .site-footer .social ul li.social-icons p i.icon-facebook {
          padding: 6px; }
        .site-footer .social ul li.social-icons a i.icon-linkedin, .site-footer .social ul li.social-icons p i.icon-linkedin {
          margin-right: 0;
          padding: 6px; }

/*********************************************
  :: Main Mob Menu                             
********************************************/
body.open-menu #mobile-menu {
  right: 0;
  transition: all .25s ease-in-out; }
  body.open-menu #mobile-menu .menu-close-icon {
    left: 0;
    transition: all .25s ease-in-out; }
    body.open-menu #mobile-menu .menu-close-icon span {
      transition: all 0.5s ease-in-out 0.25s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }

#mobile-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -387px;
  width: 100%;
  max-width: 375px;
  transition: all .25s;
  -webkit-backface-visibility: hidden;
  z-index: 9999999999;
  background-color: transparent;
  overflow: scroll; }
  @media all and (min-width: 64em) {
    #mobile-menu {
      display: none; } }
  #mobile-menu .menu-close-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 56px;
    border: none;
    background-color: #1d90db;
    outline: none; }
    #mobile-menu .menu-close-icon span {
      font-size: 22px;
      line-height: 26px;
      text-align: center;
      color: white; }
  #mobile-menu .menu-content {
    overflow-y: auto;
    float: right;
    height: 100%;
    width: calc(100% - 52px);
    max-width: 323px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
    #mobile-menu .menu-content::-webkit-scrollbar {
      display: none; }
  #mobile-menu a {
    width: 100%;
    display: block;
    font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.23px;
    color: black;
    line-height: 24px;
    text-transform: uppercase; }
    #mobile-menu a span {
      position: absolute;
      right: 0; }
  #mobile-menu ul {
    padding: 30px 15px 0 20px; }
  #mobile-menu li {
    margin: 0;
    padding: 13px 0;
    border-bottom: 1px solid #eee; }
    #mobile-menu li ul {
      display: none;
      padding: 15px 0 0 15px; }
    #mobile-menu li li:last-child {
      border-bottom: none; }

/*********************************************
  :: Pop Up Modal
********************************************/
.popup-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }
  .popup-wrapper.open {
    display: block; }

.popup-modal {
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  width: 90%;
  max-width: 570px;
  margin: auto;
  padding: 20px 20px 25px;
  background: white;
  border-radius: 2px; }
  @media all and (min-width: 37.5em) {
    .popup-modal {
      width: 100%; } }
  @media all and (min-width: 64em) {
    .popup-modal {
      top: 35%; } }
  .popup-modal .header {
    position: relative; }
    .popup-modal .header h1 {
      margin-bottom: 15px; }
    .popup-modal .header .popup-close {
      position: absolute;
      top: 0;
      right: 5px;
      cursor: pointer; }

/*********************************************
:: Modules
********************************************/
/*********************************************
:: SignUp Module
********************************************/
.signup-module {
  height: 190px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
  display: inline-block;
  text-align: center;
  background-color: #0092dc; }
  @media all and (min-width: 64em) {
    .signup-module {
      padding-bottom: 0;
      display: none; } }
  @media all and (min-width: 64em) {
    .signup-module .content-max-width {
      width: 80%;
      max-width: 660px; } }
  .signup-module .success, .signup-module .error {
    width: 100%;
    text-align: center; }
  .signup-module .success {
    color: green; }
  .signup-module .error {
    color: red;
    font-size: 14px;
    padding: 10px; }
  .signup-module p {
    margin: 0;
    padding: 5px 0 23px;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    text-align: left;
    line-height: 18px; }
    @media all and (min-width: 64em) {
      .signup-module p {
        width: 50%;
        float: left;
        font-size: 18px;
        padding: 41px 0; } }
  .signup-module header p {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.57px;
    padding-top: 20px;
    padding-bottom: 2px;
    line-height: 24px; }
  .signup-module form {
    width: 100%;
    max-width: 487px;
    margin: 0 auto;
    display: inline-block;
    float: none;
    background: transparent;
    border-top: none !important; }
    @media all and (min-width: 64em) {
      .signup-module form {
        width: 50%;
        float: left;
        padding: 35px 0; } }
    .signup-module form input {
      width: 70%;
      height: 46px;
      border: none;
      border-radius: 4px 0 0 4px;
      float: left; }
      .signup-module form input::-webkit-input-placeholder {
        color: #212121;
        font-family: Oxygen;
        font-size: 14px;
        font-weight: 400; }
      .signup-module form input:-ms-input-placeholder {
        color: #212121;
        font-family: Oxygen;
        font-size: 14px;
        font-weight: 400; }
      .signup-module form input::placeholder {
        color: #212121;
        font-family: Oxygen;
        font-size: 14px;
        font-weight: 400; }
    .signup-module form button {
      width: 30%;
      height: 46px;
      float: right;
      padding: 10px;
      background: #00abc8;
      color: white;
      vertical-align: middle;
      border-radius: 0 4px 4px 0;
      font-size: 18px; }
      .signup-module form button:hover {
        background: #1d90db;
        color: white; }
      .signup-module form button .icon-search {
        vertical-align: middle; }

/********************************************/
/*********************************************
:: Title Module                    
********************************************/
.title-module {
  width: 100%;
  height: 106px;
  display: inline-block;
  padding-bottom: 50px;
  text-align: left;
  background-image: url(/images/subnav.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
  background-size: cover; }
  @media all and (min-width: 64em) {
    .title-module {
      height: 154px; } }
  .title-module::after {
    position: absolute;
    bottom: -6px;
    height: 5px;
    width: 100%;
    content: '';
    background-image: url(/images/border.svg);
    background-size: cover; }
  .title-module h1 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #363636;
    padding: 32px 0 0;
    letter-spacing: 1.1px; }
    @media all and (min-width: 64em) {
      .title-module h1 {
        line-height: 154px;
        padding: 25px 0 0;
        font-size: 28px;
        font-weight: 400;
        letter-spacing: 1.4px; } }

/********************************************/
/*********************************************
:: Pagination Module                    
********************************************/
.pagination-module {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  display: inline-block;
  text-align: center;
  background: whitesmoke;
  /********************************************/ }
  @media all and (min-width: 64em) {
    .pagination-module {
      background: white; } }
  .pagination-module ul {
    width: auto;
    display: inline-block;
    height: 34px;
    padding: 0;
    margin: 6px;
    text-align: center;
    background: #4cac47;
    border-radius: 17px; }
    @media all and (min-width: 64em) {
      .pagination-module ul {
        margin: 0px; } }
    .pagination-module ul li {
      width: 28px;
      height: 28px;
      display: inline-block;
      margin: 3px; }
      .pagination-module ul li a {
        line-height: 28px;
        text-align: center;
        color: #1d90db;
        font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        font-size: 1.25em; }
      .pagination-module ul li span {
        color: #1d90db;
        vertical-align: sub;
        font-size: 26px; }
      .pagination-module ul li.active {
        background: #1d90db;
        border-radius: 50%; }
        .pagination-module ul li.active a {
          color: white; }

/********************************************/
/*********************************************
:: Staff Module
********************************************/
.staff-module {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 0;
  padding-bottom: 30px; }
  @media all and (min-width: 64em) {
    .staff-module {
      padding-bottom: 70px; } }
  @media all and (min-width: 64em) {
    .staff-module .content-max-width {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-right: 5px; } }
  .staff-module article {
    padding: 0 2.5px 25px 2.5px;
    margin-bottom: 51px;
    font-size: 0;
    transition: all .4s ease-in-out;
    border-bottom: 1px solid #0092dc; }
    @media all and (min-width: 64em) {
      .staff-module article {
        padding: 0 0 25px 0;
        min-height: inherit;
        margin-bottom: 61px;
        max-width: 25%; } }
    .staff-module article .covered-image {
      position: relative;
      width: 320px;
      height: 320px;
      text-align: center;
      opacity: 1;
      margin-bottom: 19px;
      background-size: contain;
      background-repeat: no-repeat;
      display: inline-block; }
      @media all and (min-width: 64em) {
        .staff-module article .covered-image {
          float: none;
          width: 230px;
          height: 230px;
          margin-bottom: 0; } }
      .staff-module article .covered-image .name {
        width: auto;
        margin: auto;
        vertical-align: top;
        text-align: center; }
        @media all and (min-width: 21.875em) {
          .staff-module article .covered-image .name {
            width: 161px; } }
        @media all and (min-width: 64em) {
          .staff-module article .covered-image .name {
            display: block;
            width: 100%;
            padding: 20px 14px 0; } }
        .staff-module article .covered-image .name h4 {
          color: #363636;
          font-size: 15px;
          font-weight: 700;
          letter-spacing: 1.39px;
          line-height: 21px;
          text-transform: uppercase;
          width: 58%;
          margin: 0 auto 4px; }
          @media all and (min-width: 64em) {
            .staff-module article .covered-image .name h4 {
              font-size: 15px; } }
    .staff-module article .infos-container {
      width: 83%;
      margin: -43px auto 0;
      vertical-align: top;
      text-align: center;
      padding: 12px 14px 0;
      position: relative;
      background-color: white; }
      @media all and (min-width: 64em) {
        .staff-module article .infos-container {
          display: block; } }
      .staff-module article .infos-container h4 {
        color: #363636;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 1.39px;
        line-height: 21px;
        text-transform: uppercase;
        width: 58%;
        margin: 0 auto 8px; }
        @media all and (min-width: 64em) {
          .staff-module article .infos-container h4 {
            font-size: 15px; } }
      .staff-module article .infos-container p {
        color: #363636;
        font-weight: 400;
        line-height: 21px;
        font-size: 13px;
        letter-spacing: 1.2px;
        margin-bottom: 0; }
        .staff-module article .infos-container p:first-of-type {
          color: #0092dc;
          margin-bottom: 7px;
          font-size: 12.5px;
          font-weight: 400;
          line-height: 24px;
          text-transform: uppercase;
          letter-spacing: 1.2px; }
        .staff-module article .infos-container p.email {
          letter-spacing: -0.1px; }
  .staff-module article:hover .covered-image {
    opacity: 1; }

/*********************************************
:: Latest Module
********************************************/
.latest-module {
  display: inline-block;
  width: 100%;
  padding-bottom: 35px;
  background-color: #f6fafd; }
  @media all and (min-width: 64em) {
    .latest-module {
      background-size: contain;
      min-height: 655px;
      padding: 67px 0; } }
  .latest-module.latest-services {
    padding-bottom: 50px; }
    .latest-module.latest-services .special-title {
      max-width: 684px; }
    @media all and (min-width: 37.5em) {
      .latest-module.latest-services .latest-slideshow-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .latest-module .special-title {
    margin-bottom: 39px; }
    .latest-module .special-title h3 {
      padding-bottom: 10px;
      font-size: 24px;
      font-weight: 400;
      color: #1d90db;
      line-height: 36px;
      letter-spacing: 0.51px;
      border-bottom: 2px solid #E7E9EB; }
      @media all and (min-width: 64em) {
        .latest-module .special-title h3 {
          padding-bottom: 14px; } }
    @media all and (max-width: 63.9375em) {
      .latest-module .special-title {
        margin: 36px auto 31px; } }
    .latest-module .special-title#load-more {
      margin: 5px auto 31px; }
      .latest-module .special-title#load-more h3 {
        font-size: 14px; }
        .latest-module .special-title#load-more h3:hover {
          -webkit-filter: brightness(120%);
          filter: brightness(120%); }
  @media all and (min-width: 64em) {
    .latest-module .content-max-width {
      margin: auto; } }
  @media all and (min-width: 64em) {
    .latest-module .content-max-width .latest-slideshow {
      margin-right: -33px;
      margin-left: -1.5px; } }
  .latest-module .content-max-width .latest-slideshow .arrow-next, .latest-module .content-max-width .latest-slideshow .arrow-prev {
    position: absolute;
    top: 19%;
    z-index: 9; }
  .latest-module .content-max-width .latest-slideshow .arrow-prev {
    top: 18%;
    left: -21px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .latest-module .content-max-width .latest-slideshow .arrow-next {
    right: -25px; }
  .latest-module .latest {
    width: 100%;
    text-align: center;
    padding: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11); }
    @media all and (min-width: 64em) {
      .latest-module .latest {
        margin-right: 39.3px;
        margin-left: 1px;
        max-width: 320.5px;
        width: 33%;
        display: inline-block;
        vertical-align: top; } }
    .latest-module .latest:last-of-type {
      margin-right: 0; }
    .latest-module .latest.services {
      max-width: 320px;
      margin-bottom: 25px; }
      @media all and (max-width: 37.4375em) {
        .latest-module .latest.services {
          margin: 0 auto 25px; } }
      @media all and (min-width: 37.5em) and (max-width: 63.9375em) {
        .latest-module .latest.services {
          margin-right: 31px; } }
    .latest-module .latest .image {
      width: 100%;
      height: 165px;
      position: relative;
      background-position: center;
      background-size: cover;
      background-image: url("https://www.scandichotels.com/Static/img/placeholders/image-placeholder_3x2.svg"); }
      .latest-module .latest .image .category {
        position: absolute;
        bottom: 0;
        padding: 11px;
        color: white;
        font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        background-color: rgba(0, 0, 0, 0.7); }
        @media all and (min-width: 64em) {
          .latest-module .latest .image .category {
            font-size: 20px; } }
    .latest-module .latest .content {
      position: relative;
      padding: 19px 22px 5px 20px;
      margin: 0 auto 0;
      width: 100%;
      background: white;
      text-align: left; }
      @media all and (min-width: 64em) {
        .latest-module .latest .content {
          min-height: 207px;
          margin: auto; } }
      .latest-module .latest .content h3 {
        margin-bottom: 1px;
        font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #1d90db;
        line-height: 20px;
        letter-spacing: 0.21px; }
      .latest-module .latest .content p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #616161;
        letter-spacing: 0.11px; }
        .latest-module .latest .content p span {
          color: #1d90db;
          font-weight: 600;
          letter-spacing: 0.11px; }
        .latest-module .latest .content p.meta {
          font-size: 12px;
          margin-bottom: 8px;
          color: #929090; }
          .latest-module .latest .content p.meta strong {
            color: #333333;
            font-weight: 500;
            text-transform: capitalize; }
        .latest-module .latest .content p.summary {
          font-size: 13px;
          line-height: 20px;
          margin-bottom: 6px; }
        .latest-module .latest .content p.tags {
          color: #8a8a8a;
          font-size: 12px;
          font-weight: 400;
          line-height: 24px;
          letter-spacing: -0.1px; }
          .latest-module .latest .content p.tags a {
            color: #333333; }

/*********************************************
:: Leadcopy (content)
********************************************/
.body-container .leadcopy {
  margin-bottom: 23px;
  font-size: 20px;
  font-weight: 400;
  color: #4cac47;
  line-height: 32px;
  letter-spacing: 0.43px; }

/*********************************************
:: Latest Module
********************************************/
.careers-vacancies-module {
  display: inline-block;
  width: 100%;
  padding-bottom: 35px;
  background-color: #f2f2f2; }
  @media all and (min-width: 64em) {
    .careers-vacancies-module {
      background-size: contain;
      min-height: 655px;
      padding: 80px 0 0; } }
  .careers-vacancies-module.latest-services {
    padding-bottom: 50px; }
    .careers-vacancies-module.latest-services .special-title {
      max-width: 684px; }
    @media all and (min-width: 37.5em) {
      .careers-vacancies-module.latest-services .latest-slideshow-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .careers-vacancies-module header {
    margin-bottom: 34px; }
    .careers-vacancies-module header h3 {
      color: #676767;
      font-size: 24px;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: 0.51px; }
      @media all and (min-width: 64em) {
        .careers-vacancies-module header h3 {
          padding-bottom: 14px; } }
    @media all and (max-width: 63.9375em) {
      .careers-vacancies-module header {
        margin: 36px auto 31px; } }
    .careers-vacancies-module header#load-more {
      margin: 5px auto 31px; }
      .careers-vacancies-module header#load-more h3 {
        font-size: 14px; }
        .careers-vacancies-module header#load-more h3:hover {
          -webkit-filter: brightness(120%);
          filter: brightness(120%); }
  @media all and (min-width: 64em) {
    .careers-vacancies-module .content-max-width {
      margin: auto; } }
  @media all and (min-width: 64em) {
    .careers-vacancies-module .content-max-width .latest-slideshow {
      margin-right: -33px;
      margin-left: -1.5px; } }
  .careers-vacancies-module .content-max-width .latest-slideshow .arrow-next, .careers-vacancies-module .content-max-width .latest-slideshow .arrow-prev {
    position: absolute;
    top: 19%;
    z-index: 9; }
  .careers-vacancies-module .content-max-width .latest-slideshow .arrow-prev {
    top: 18%;
    left: -21px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .careers-vacancies-module .content-max-width .latest-slideshow .arrow-next {
    right: -25px; }
  .careers-vacancies-module .vacancy {
    width: 100%;
    border-bottom: 1px solid grey;
    padding-bottom: 20px;
    margin-bottom: 43px; }
    @media all and (min-width: 64em) {
      .careers-vacancies-module .vacancy {
        vertical-align: top; } }
    .careers-vacancies-module .vacancy:last-of-type {
      margin-bottom: 20px;
      border-bottom: none; }
    .careers-vacancies-module .vacancy .content {
      position: relative;
      margin: 0 auto 0;
      width: 100%; }
      @media all and (min-width: 64em) {
        .careers-vacancies-module .vacancy .content {
          max-width: 550px;
          margin: 0; } }
      .careers-vacancies-module .vacancy .content h4 {
        color: #0092dc;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0.29px;
        margin-bottom: 2px; }
      .careers-vacancies-module .vacancy .content p {
        font-size: 13px;
        font-weight: 400;
        color: #616161;
        line-height: 20px;
        letter-spacing: 0.21px; }
        .careers-vacancies-module .vacancy .content p.meta {
          font-size: 12px !important;
          margin-bottom: 23px;
          color: #8a8a8a; }
          .careers-vacancies-module .vacancy .content p.meta strong {
            color: #333333;
            font-weight: 500;
            text-transform: capitalize; }
      .careers-vacancies-module .vacancy .content.wysiwyg .summary p {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.21px;
        margin-bottom: 18px; }

/*********************************************
:: Pages
********************************************/
/*********************************************
:: Home Page                   
********************************************/
.page-home {
  /********************************************/ }
  .page-home .hero-container {
    position: relative;
    width: 100%;
    min-height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right; }
    @media all and (min-width: 37.5em) {
      .page-home .hero-container {
        min-height: 400px; } }
    @media all and (min-width: 64em) {
      .page-home .hero-container {
        min-height: 560px;
        background-position: center; } }
    @media all and (max-width: 37.4375em) {
      .page-home .hero-container.desk1 {
        display: none; } }
    @media all and (min-width: 64em) {
      .page-home .hero-container.desk1 {
        background-size: cover;
        display: block; } }
    .page-home .hero-container.mob1 {
      display: none; }
      @media all and (max-width: 37.4375em) {
        .page-home .hero-container.mob1 {
          display: block; } }
    @media all and (max-width: 37.4375em) {
      .page-home .hero-container .content-max-width {
        padding: 0 8%; } }
    .page-home .hero-container h1 {
      max-width: 558px;
      margin-bottom: 30px;
      padding-top: 121px;
      font-size: 28px;
      font-weight: 400;
      letter-spacing: 0.9px;
      line-height: 34px;
      color: white; }
      @media all and (min-width: 64em) {
        .page-home .hero-container h1 {
          padding-top: 205.5px;
          margin-left: -1px;
          margin-bottom: 33px;
          font-size: 38px;
          line-height: 48px; } }
    .page-home .hero-container a.watch-video {
      font-family: "Roboto", sans-serif;
      font-size: 15px;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      display: none; }
      @media all and (min-width: 64em) {
        .page-home .hero-container a.watch-video {
          padding: 0 14px 0 20px;
          display: inline-block;
          width: 200px;
          height: 38px; } }
      .page-home .hero-container a.watch-video span {
        padding-left: 3px;
        vertical-align: text-top;
        display: inline-block;
        padding-top: 1px; }
  @media all and (max-width: 47.9375em) {
    .page-home .links {
      position: relative;
      width: 100%;
      padding: 0 6%;
      clear: both; } }
  @media all and (min-width: 64em) {
    .page-home .links {
      background-color: #f8f8f8; } }
  .page-home .links .services {
    border-radius: 20px;
    margin: -56px auto; }
    @media all and (min-width: 64em) {
      .page-home .links .services {
        margin: -50px auto;
        width: 1150px; } }
    .page-home .links .services ul {
      font-size: 0; }
      @media all and (min-width: 64em) {
        .page-home .links .services ul {
          height: 100px; } }
      .page-home .links .services ul li {
        height: 70px;
        font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        vertical-align: top;
        text-align: center;
        margin: 0;
        padding-top: 10px; }
        @media all and (min-width: 64em) {
          .page-home .links .services ul li {
            height: 100px;
            display: inline-block;
            padding: 0; } }
        .page-home .links .services ul li:hover {
          opacity: 0.97; }
        .page-home .links .services ul li a {
          max-width: 67%;
          margin: 0 auto 0 auto;
          display: block;
          font-size: 15px;
          font-weight: 700;
          color: #ffffff; }
          @media all and (min-width: 64em) {
            .page-home .links .services ul li a {
              margin: 28px auto 0 auto; } }
        .page-home .links .services ul li:first-of-type {
          background-color: #39b5d8;
          border-radius: 20px 20px 0 0; }
          @media all and (min-width: 64em) {
            .page-home .links .services ul li:first-of-type {
              border-radius: 20px 0 0 20px;
              width: 288px; } }
        .page-home .links .services ul li:nth-of-type(2) {
          background-color: #00abc8; }
          @media all and (min-width: 64em) {
            .page-home .links .services ul li:nth-of-type(2) {
              width: 287px; } }
        .page-home .links .services ul li:nth-of-type(3) {
          background-color: #0092dc; }
          @media all and (min-width: 64em) {
            .page-home .links .services ul li:nth-of-type(3) {
              width: 287px; } }
        .page-home .links .services ul li:last-of-type {
          background-color: #0fb4e7;
          border-radius: 0 0 20px 20px; }
          @media all and (min-width: 64em) {
            .page-home .links .services ul li:last-of-type {
              border-radius: 0 20px 20px 0;
              width: 288px; } }
  .page-home .links .big-buttons {
    text-align: center;
    padding-top: 121px; }
    @media all and (min-width: 64em) {
      .page-home .links .big-buttons {
        height: 376px; } }
    .page-home .links .big-buttons a {
      display: inline-block;
      width: 100%; }
      @media all and (min-width: 64em) {
        .page-home .links .big-buttons a {
          width: initial; } }
      .page-home .links .big-buttons a:first-of-type .square {
        margin-right: 37px; }
    .page-home .links .big-buttons .square {
      display: inline-block;
      width: 100%;
      max-width: 320px;
      height: 180px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
      background-color: #ffffff;
      text-align: center;
      vertical-align: top;
      padding-top: 32px;
      opacity: 0.5; }
      @media all and (min-width: 64em) {
        .page-home .links .big-buttons .square {
          width: 320px; } }
      .page-home .links .big-buttons .square:active {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.31); }
      .page-home .links .big-buttons .square.hover {
        opacity: 1; }
        .page-home .links .big-buttons .square.hover:hover {
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.31); }
      .page-home .links .big-buttons .square hr {
        margin: 10px auto 14px;
        content: '';
        width: 30px;
        height: 1px;
        background-color: #979797; }
      .page-home .links .big-buttons .square p {
        color: #575757;
        font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: 0.78px;
        position: relative; }
        .page-home .links .big-buttons .square p span {
          padding-left: 9px;
          bottom: 5px;
          display: inline-block;
          font-weight: bolder;
          font-size: 61%;
          position: absolute; }
  @media all and (min-width: 64em) {
    .page-home .links .boxes-slideshow {
      margin-right: -33px;
      margin-left: -1.5px; } }
  .page-home .links .boxes-slideshow .slick-slide img {
    display: inline-block; }
  .page-home .links .boxes-slideshow .arrow-next, .page-home .links .boxes-slideshow .arrow-prev {
    position: absolute;
    top: 32%;
    z-index: 9; }
  .page-home .links .boxes-slideshow .arrow-prev {
    top: 32%;
    left: -21px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media all and (min-width: 28.125em) {
      .page-home .links .boxes-slideshow .arrow-prev {
        left: 7px; } }
  .page-home .links .boxes-slideshow .arrow-next {
    right: -20px; }
    @media all and (min-width: 28.125em) {
      .page-home .links .boxes-slideshow .arrow-next {
        right: 6px; } }
  .page-home .intro {
    max-width: 558px;
    text-align: center;
    margin: auto;
    padding-top: 76px;
    padding-bottom: 60px; }
    @media all and (max-width: 47.9375em) {
      .page-home .intro {
        width: 100%;
        padding: 45px 6% 55px;
        clear: both; } }
    .page-home .intro header {
      width: 90%;
      margin: auto; }
      @media all and (min-width: 64em) {
        .page-home .intro header {
          width: 100%; } }
      .page-home .intro header p {
        color: #0092dc;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        text-transform: uppercase;
        letter-spacing: 0.51px; }
        @media all and (min-width: 64em) {
          .page-home .intro header p {
            margin-bottom: 22px; } }
    .page-home .intro p {
      color: #646464;
      font-size: 15px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 0.25px; }
    .page-home .intro .learn-more {
      margin-top: 20px;
      width: 150px;
      height: 38px;
      line-height: 36px;
      font-size: 15px; }
  .page-home .blue-stripe {
    height: 190px;
    background-color: #0092dc; }
    @media all and (min-width: 64em) {
      .page-home .blue-stripe {
        height: 110px; } }
    .page-home .blue-stripe header p {
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.57px; }
      @media all and (min-width: 64em) {
        .page-home .blue-stripe header p {
          text-align: center;
          line-height: 110px;
          letter-spacing: 4px; } }
    .page-home .blue-stripe p {
      color: white; }

/*********************************************
:: Testimonials
********************************************/
.page-testimonials .detail-container {
  display: inline-block;
  width: 100%; }
  .page-testimonials .detail-container article {
    display: none;
    float: left;
    width: 100%;
    padding-bottom: 40px;
    clear: both; }
    .page-testimonials .detail-container article .author {
      margin: 20px 0 0 0;
      padding: 20px 0 30px 0;
      border-top: 3px solid #1d90db; }
      @media all and (min-width: 64em) {
        .page-testimonials .detail-container article .author {
          float: left;
          margin: 0 80px 0 0;
          width: 160px; } }
      .page-testimonials .detail-container article .author p {
        margin-bottom: 0px;
        font-size: 20px;
        color: #1d90db;
        line-height: 21px; }
      .page-testimonials .detail-container article .author span {
        display: block;
        font-size: 14px;
        color: #aaa; }
      .page-testimonials .detail-container article .author img {
        margin-top: 30px;
        max-width: 220px; }
    .page-testimonials .detail-container article .quote {
      position: relative;
      padding: 0; }
      @media all and (min-width: 64em) {
        .page-testimonials .detail-container article .quote {
          float: right;
          margin-top: -8px;
          padding-left: 20px;
          width: calc(100% - 240px); } }
      @media all and (min-width: 64em) {
        .page-testimonials .detail-container article .quote:before {
          content: "\0022";
          position: absolute;
          top: -4px;
          left: 0;
          font-size: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
          font-size: 28px;
          font-style: italic;
          color: #333;
          letter-spacing: 0.5px; } }
  .page-testimonials .detail-container article.special {
    display: none; }
    @media all and (min-width: 64em) {
      .page-testimonials .detail-container article.special {
        display: inline-block;
        width: 100%;
        padding: 10px 12.5% 50px 12.5%; } }
    .page-testimonials .detail-container article.special .author {
      display: none; }
    .page-testimonials .detail-container article.special .quote {
      float: left;
      position: relative;
      padding: 0 50px 0 0;
      width: 100%;
      border-right: 3px solid #1d90db; }
      .page-testimonials .detail-container article.special .quote:before {
        content: ""; }
      .page-testimonials .detail-container article.special .quote p {
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        color: #1d90db;
        text-align: right;
        margin-bottom: 0px; }
      .page-testimonials .detail-container article.special .quote a {
        display: none; }
  .page-testimonials .detail-container article.show {
    display: inline-block;
    -webkit-animation: fade-in .5s;
    animation: fade-in .5s; }
  .page-testimonials .detail-container article:last-child {
    padding-bottom: 100px; }
  .page-testimonials .detail-container .button-more {
    display: none; }

/*********************************************
:: Contact Page                   
********************************************/
.page-contact .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-contact .title-module {
      margin-bottom: 85px; } }

.page-contact .contact-container {
  display: inline-block;
  width: 100%; }
  .page-contact .contact-container h3 {
    padding: 0 0 6px 0;
    width: 100%;
    font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    color: black;
    border-bottom: 1px solid #CCC; }
  .page-contact .contact-container .col1 {
    float: left;
    margin-bottom: 15px;
    width: 100%; }
    @media all and (min-width: 64em) {
      .page-contact .contact-container .col1 {
        margin-bottom: 35px;
        width: 50%;
        max-width: 420px; } }
    .page-contact .contact-container .col1 h3 {
      max-width: 323px;
      padding: 26px 0 8px 0;
      font-size: 15px; }
      @media all and (min-width: 64em) {
        .page-contact .contact-container .col1 h3 {
          padding: 26px 0 8px 1px;
          letter-spacing: 1.67px;
          margin-bottom: 17px; } }
    .page-contact .contact-container .col1 .intro {
      display: none; }
      @media all and (min-width: 64em) {
        .page-contact .contact-container .col1 .intro {
          display: inline-block;
          margin: 0 0 30px 0;
          font-size: 16px; } }
    .page-contact .contact-container .col1 p {
      margin: 0 0 4px 0;
      font-size: 14px;
      line-height: 22px; }
      @media all and (min-width: 64em) {
        .page-contact .contact-container .col1 p {
          margin: 0 0 8px 0; } }
    .page-contact .contact-container .col1 a {
      display: block; }
    .page-contact .contact-container .col1 .phone {
      margin: 0 0 6px 0;
      font-size: 24px;
      font-weight: 400;
      line-height: 29px;
      color: #1d90db; }
    .page-contact .contact-container .col1 .email {
      font-size: 14px;
      color: #333;
      line-height: 20px; }
  .page-contact .contact-container .col2 {
    float: left;
    padding: 20px 0 0 0;
    width: 100%; }
    @media all and (min-width: 64em) {
      .page-contact .contact-container .col2 {
        width: 52.4%;
        float: right;
        padding: 0;
        margin-top: -4px; } }
    @media all and (min-width: 64em) {
      .page-contact .contact-container .col2 .form-field {
        padding: 0 0 21px; } }
  .page-contact .contact-container .map-area {
    margin: 0 0 93px;
    display: inline-block;
    width: 100%; }
    @media all and (min-width: 64em) {
      .page-contact .contact-container .map-area {
        margin: 0 0 80px; } }
    .page-contact .contact-container .map-area .map {
      float: left;
      margin: auto;
      width: 100%;
      height: 300px; }
    .page-contact .contact-container .map-area .view-map {
      max-width: 140px;
      padding: 7px 15px 8px 15px;
      font-size: 13px;
      font-weight: 300;
      color: white;
      border-radius: 100px;
      background: #4a4a4a;
      letter-spacing: 3.36px; }
      @media all and (min-width: 64em) {
        .page-contact .contact-container .map-area .view-map {
          display: none; } }
      .page-contact .contact-container .map-area .view-map span {
        margin-right: 5px;
        font-size: 17px;
        vertical-align: sub; }

/*********************************************
:: Service Request / Register Page
********************************************/
.page-service-request .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-service-request .title-module {
      margin-bottom: 85px; } }

.page-service-request .content-container {
  display: inline-block;
  width: 100%; }
  @media all and (min-width: 64em) {
    .page-service-request .content-container {
      margin-bottom: 120px; } }
  @media all and (min-width: 64em) {
    .page-service-request .content-container .leadcopy, .page-service-request .content-container article {
      max-width: 600px; } }
  .page-service-request .content-container article.wysiwyg {
    margin-bottom: 50px; }
    @media all and (min-width: 64em) {
      .page-service-request .content-container article.wysiwyg {
        margin-bottom: 59px; }
        .page-service-request .content-container article.wysiwyg p {
          font-size: 14px;
          font-weight: 300;
          line-height: 24px;
          letter-spacing: 0.23px; } }
  @media all and (min-width: 64em) {
    .page-service-request .content-container form .form-field {
      padding-bottom: 21px; } }
  .page-service-request .content-container form label {
    font-size: 12.5px;
    margin-bottom: 6px; }
  .page-service-request .content-container aside {
    max-width: 1150px;
    margin: auto;
    width: 100%;
    float: right; }
    @media all and (min-width: 64em) {
      .page-service-request .content-container aside {
        width: 42.9%; } }
    .page-service-request .content-container aside figure img {
      float: right;
      margin-bottom: 23px; }
    .page-service-request .content-container aside figure figcaption {
      font-size: 12px;
      font-weight: 300;
      color: #4cac47;
      line-height: 17px; }
    .page-service-request .content-container aside blockquote {
      padding: 3.5px 0 25px 0; }
      @media all and (min-width: 64em) {
        .page-service-request .content-container aside blockquote {
          padding: 0 0 40px 76px;
          margin: 10px 0 55px 0; } }
      .page-service-request .content-container aside blockquote:after, .page-service-request .content-container aside blockquote:before {
        content: '';
        height: 2px;
        width: 119px;
        background: #1d90db;
        display: block;
        margin: 15px auto; }
      .page-service-request .content-container aside blockquote:before {
        margin: 0 auto 23px; }
      .page-service-request .content-container aside blockquote:after {
        margin: 23px auto 0; }
      .page-service-request .content-container aside blockquote p {
        font-size: 18px;
        line-height: 33px;
        font-style: initial;
        margin-bottom: 3px; }
        @media all and (min-width: 64em) {
          .page-service-request .content-container aside blockquote p {
            font-size: 20px; } }
      .page-service-request .content-container aside blockquote span {
        font-style: initial;
        color: #565656;
        font-size: 13px;
        font-weight: 700; }
  @media all and (min-width: 64em) {
    .page-service-request .content-container section.col1 {
      max-width: 57.1%;
      display: inline-block; } }

/*********************************************
:: Our People
********************************************/
.page-our-people .title-module {
  margin-bottom: 28px; }
  @media all and (min-width: 64em) {
    .page-our-people .title-module {
      margin-bottom: 97px; } }

.page-our-people .body-container {
  text-align: center; }
  .page-our-people .body-container header {
    text-align: center;
    margin: auto;
    max-width: 85%; }
    @media all and (min-width: 64em) {
      .page-our-people .body-container header {
        max-width: 57%;
        text-align: left;
        margin: 0 0 71px; } }
    .page-our-people .body-container header p {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px; }
      @media all and (min-width: 64em) {
        .page-our-people .body-container header p {
          font-size: 18px;
          line-height: 30px; } }
  .page-our-people .body-container section {
    margin-bottom: 95px;
    font-size: 0; }
    @media all and (min-width: 64em) {
      .page-our-people .body-container section {
        margin-bottom: 62px; } }
  .page-our-people .body-container article {
    text-align: center;
    margin-bottom: 41px;
    display: inline-block; }
    @media all and (min-width: 64em) {
      .page-our-people .body-container article {
        margin-right: 73px; }
        .page-our-people .body-container article:last-of-type {
          margin-right: 0; } }
    .page-our-people .body-container article h3 {
      margin-top: 22px; }
      @media all and (min-width: 64em) {
        .page-our-people .body-container article h3 {
          margin-top: 37px; } }
      .page-our-people .body-container article h3 a {
        font-size: 18px;
        font-weight: 400;
        color: #4cac47;
        text-transform: uppercase; }
        @media all and (min-width: 64em) {
          .page-our-people .body-container article h3 a {
            font-size: 20px; }
            .page-our-people .body-container article h3 a img {
              margin: 0 0 2px 7px; } }
    .page-our-people .body-container article div {
      width: 210px;
      height: 210px;
      margin: auto;
      background-size: cover;
      border-radius: 50%; }

/*********************************************
:: Social Responsibilities
********************************************/
.page-social-responsibilities .title-module {
  margin-bottom: 28px; }
  @media all and (min-width: 64em) {
    .page-social-responsibilities .title-module {
      margin-bottom: 85px; } }

.page-social-responsibilities .body-container header {
  margin: 0 0 41px; }
  @media all and (min-width: 64em) {
    .page-social-responsibilities .body-container header {
      max-width: 57%;
      margin: 0 0 58px; } }
  .page-social-responsibilities .body-container header h5 {
    margin-bottom: 23px;
    font-size: 20px;
    font-weight: 400;
    color: #4cac47;
    line-height: 32px;
    letter-spacing: 0.43px; }
  .page-social-responsibilities .body-container header p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.23px; }
  .page-social-responsibilities .body-container header ul, .page-social-responsibilities .body-container header ol {
    margin-left: 14px; }

.page-social-responsibilities .body-container hr {
  background-color: #dddddd; }

.page-social-responsibilities .body-container article {
  width: 100%;
  margin-bottom: 41px;
  display: inline-block;
  text-align: left; }
  @media all and (min-width: 64em) {
    .page-social-responsibilities .body-container article {
      margin-bottom: 35px; }
      .page-social-responsibilities .body-container article:last-of-type {
        margin-right: 0;
        margin-bottom: 150px; } }
  .page-social-responsibilities .body-container article:first-of-type {
    margin-top: 55px; }
  .page-social-responsibilities .body-container article img {
    max-width: 77%;
    max-height: 195px; }
    @media all and (min-width: 64em) {
      .page-social-responsibilities .body-container article img {
        max-width: 33%; } }
  @media all and (min-width: 64em) {
    .page-social-responsibilities .body-container article.left img {
      padding-left: 29px;
      padding-right: 90px; } }
  @media all and (min-width: 64em) {
    .page-social-responsibilities .body-container article.right img {
      padding: 0 0 0 55px; } }
  .page-social-responsibilities .body-container article div.text {
    margin: auto;
    text-align: left;
    position: relative;
    margin-top: 45px;
    padding-top: 26px; }
    @media all and (min-width: 64em) {
      .page-social-responsibilities .body-container article div.text {
        margin-top: 5%;
        padding-top: 26px;
        width: 66%;
        display: inline-block;
        vertical-align: top; } }
    .page-social-responsibilities .body-container article div.text::before {
      position: absolute;
      top: 0;
      width: 98px;
      height: 2px;
      background-color: #0092dc;
      content: ''; }
    .page-social-responsibilities .body-container article div.text header {
      color: #1d90db;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.21px;
      margin-bottom: 14px; }
    .page-social-responsibilities .body-container article div.text p {
      font-size: 15px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 0.23px; }

/*********************************************
:: Privacy
********************************************/
.page-privacy .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-privacy .title-module {
      margin-bottom: 78px; } }

.page-privacy .body-container .leadcopy {
  margin-bottom: 23px;
  font-size: 20px;
  font-weight: 400;
  color: #4cac47;
  line-height: 32px;
  letter-spacing: 0.43px; }

.page-privacy .body-container article {
  margin-bottom: 41px; }
  @media all and (min-width: 64em) {
    .page-privacy .body-container article {
      margin-bottom: 120px;
      max-width: 850px; }
      .page-privacy .body-container article p {
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0.23px;
        margin-bottom: 23px; } }

/*********************************************
:: About Us
********************************************/
.page-about-us .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-about-us .title-module {
      margin-bottom: 85px; } }

.page-about-us .body-container .leadcopy {
  margin-bottom: 23px;
  font-size: 20px;
  font-weight: 400;
  color: #4cac47;
  line-height: 32px;
  letter-spacing: 0.43px; }

@media all and (min-width: 64em) {
  .page-about-us .body-container .leadcopy, .page-about-us .body-container article {
    max-width: 600px; } }

.page-about-us .body-container article {
  margin-bottom: 50px; }
  @media all and (min-width: 64em) {
    .page-about-us .body-container article {
      margin-bottom: 21px;
      min-height: 443px; }
      .page-about-us .body-container article p {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0.23px; } }
  .page-about-us .body-container article.wysiwyg {
    margin-bottom: 75px; }

.page-about-us .body-container img {
  margin-bottom: 50px; }
  @media all and (min-width: 64em) {
    .page-about-us .body-container img {
      width: 330px;
      position: absolute;
      right: -16px;
      top: 19px; } }

/*********************************************
:: Achievements
********************************************/
.page-achievements .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-achievements .title-module {
      margin-bottom: 85px; } }

.page-achievements .body-container .leadcopy {
  margin-bottom: 23px;
  font-size: 20px;
  font-weight: 400;
  color: #4cac47;
  line-height: 32px;
  letter-spacing: 0.43px; }

@media all and (min-width: 64em) {
  .page-achievements .body-container .leadcopy, .page-achievements .body-container article {
    max-width: 600px; } }

.page-achievements .body-container article.wysiwyg {
  margin-bottom: 50px; }
  @media all and (min-width: 64em) {
    .page-achievements .body-container article.wysiwyg {
      margin-bottom: 124px; }
      .page-achievements .body-container article.wysiwyg p {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0.23px; } }

.page-achievements .body-container aside {
  margin-bottom: 50px; }
  @media all and (min-width: 64em) {
    .page-achievements .body-container aside {
      width: 290px;
      position: absolute;
      right: 37px;
      top: 13px; } }
  .page-achievements .body-container aside header {
    margin-bottom: 24px; }
    .page-achievements .body-container aside header h2, .page-achievements .body-container aside header legend {
      font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      color: #0092dc;
      font-size: 30.4px;
      font-weight: 600;
      line-height: 32px;
      letter-spacing: -0.94px; }
  .page-achievements .body-container aside ul li {
    border-bottom: 1px solid #dedede;
    padding-bottom: 3px; }
    .page-achievements .body-container aside ul li:first-of-type {
      padding-bottom: 6px;
      margin-bottom: 12px; }
      .page-achievements .body-container aside ul li:first-of-type p {
        line-height: 19px; }
    .page-achievements .body-container aside ul li span {
      padding-right: 18px;
      width: 70px;
      display: inline-block;
      text-align: center; }
    .page-achievements .body-container aside ul li p {
      display: inline-block;
      font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #3c3c3c;
      line-height: 24px;
      letter-spacing: 0.27px;
      vertical-align: text-bottom; }

/*********************************************
:: Governance
********************************************/
.page-governance .title-module {
  margin-bottom: 28px; }
  @media all and (min-width: 64em) {
    .page-governance .title-module {
      margin-bottom: 6px; } }

.page-governance .body-container article {
  width: 100%;
  margin-bottom: 41px;
  display: inline-block;
  text-align: left;
  position: relative; }
  @media all and (min-width: 64em) {
    .page-governance .body-container article {
      margin-bottom: 0;
      min-height: 395px;
      padding-top: 79px; }
      .page-governance .body-container article:last-of-type {
        margin-right: 0;
        margin-bottom: 5px; } }
  .page-governance .body-container article .content {
    position: relative; }
    @media all and (max-width: 63.9375em) {
      .page-governance .body-container article .content {
        width: 100%;
        padding: 0 6%;
        clear: both; } }
    @media all and (min-width: 64em) {
      .page-governance .body-container article .content {
        margin: 0 auto;
        max-width: 1050px; } }
  .page-governance .body-container article img {
    max-width: 77%; }
    @media all and (min-width: 64em) {
      .page-governance .body-container article img {
        max-width: 33%; } }
  .page-governance .body-container article .connector {
    position: absolute;
    width: 334px;
    height: 0;
    display: inline-block; }
    @media all and (min-width: 64em) {
      .page-governance .body-container article .connector {
        height: 290px; } }
    .page-governance .body-container article .connector::before {
      position: absolute;
      bottom: -9px;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background-color: white;
      content: ''; }
    .page-governance .body-container article .connector .keyword {
      width: auto;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0;
      bottom: -22px;
      text-align: center; }
      .page-governance .body-container article .connector .keyword p {
        margin-bottom: 0;
        padding: 10px;
        min-width: 167px;
        min-height: 47px;
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        color: white;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 2.22px;
        border-radius: 4px; }
  @media all and (min-width: 64em) {
    .page-governance .body-container article.right img {
      padding: 0 0 0 55px; } }
  .page-governance .body-container article.right .connector {
    top: 0;
    right: 50px;
    border-right: 1px solid #47aa42;
    border-bottom: 1px solid #47aa42; }
    .page-governance .body-container article.right .connector::before {
      left: 9px;
      border: 1px solid #47aa42; }
    @media all and (min-width: 64em) {
      .page-governance .body-container article.right .connector {
        top: -83px; }
        .page-governance .body-container article.right .connector::before {
          left: -16px; } }
  .page-governance .body-container article.right .keyword p {
    background-color: #47aa42; }
  .page-governance .body-container article.right .wysiwyg strong, .page-governance .body-container article.right .wysiwyg h1, .page-governance .body-container article.right .wysiwyg h2, .page-governance .body-container article.right .wysiwyg legend, .page-governance .body-container article.right .wysiwyg h3 h4, .page-governance .body-container article.right .wysiwyg h5, .page-governance .body-container article.right .wysiwyg h6, .page-governance .body-container article.right .wysiwyg b {
    color: #47aa42; }
  .page-governance .body-container article.right .wysiwyg strong, .page-governance .body-container article.right .wysiwyg b {
    font-weight: 400; }
  .page-governance .body-container article.left {
    background-color: #f6fafd; }
    @media all and (min-width: 64em) {
      .page-governance .body-container article.left img {
        padding-left: 29px;
        padding-right: 90px; } }
    .page-governance .body-container article.left .connector {
      border-left: 1px solid #0fb4e7;
      border-bottom: 1px solid #0fb4e7;
      top: 0; }
      @media all and (min-width: 64em) {
        .page-governance .body-container article.left .connector {
          top: -79px;
          left: 50px; } }
      .page-governance .body-container article.left .connector::before {
        right: -16px;
        border: 1px solid #0fb4e7; }
    .page-governance .body-container article.left .keyword p {
      background-color: #0fb4e7; }
    .page-governance .body-container article.left .text {
      float: right; }
      .page-governance .body-container article.left .text header h5 {
        color: #0092dc; }
    .page-governance .body-container article.left .wysiwyg strong, .page-governance .body-container article.left .wysiwyg h1, .page-governance .body-container article.left .wysiwyg h2, .page-governance .body-container article.left .wysiwyg legend, .page-governance .body-container article.left .wysiwyg h3 h4, .page-governance .body-container article.left .wysiwyg h5, .page-governance .body-container article.left .wysiwyg h6, .page-governance .body-container article.left .wysiwyg b {
      color: #0092dc; }
    .page-governance .body-container article.left .wysiwyg strong, .page-governance .body-container article.left .wysiwyg b {
      font-weight: 400; }
  .page-governance .body-container article div.text {
    margin: auto;
    text-align: left;
    position: relative;
    margin-bottom: 40px; }
    @media all and (min-width: 64em) {
      .page-governance .body-container article div.text {
        margin-bottom: 85px;
        margin-top: initial;
        width: 57.1%;
        display: inline-block; } }
    .page-governance .body-container article div.text header {
      margin: 22px 0 22px; }
      @media all and (max-width: 63.9375em) {
        .page-governance .body-container article div.text header {
          padding-top: 41px; } }
      @media all and (min-width: 64em) {
        .page-governance .body-container article div.text header {
          margin: 0; } }
      .page-governance .body-container article div.text header h5 {
        margin-bottom: 19px;
        font-size: 24px;
        font-weight: 400;
        color: #4cac47;
        line-height: 36px;
        letter-spacing: 0.51px; }
    .page-governance .body-container article div.text p {
      font-size: 14px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 0.23px; }

.page-governance .body-container .wysiwyg p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.23px; }

/*********************************************
:: News Listing Page
********************************************/
.page-news .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-news .title-module {
      margin-bottom: 68px; } }

@media all and (min-width: 64em) {
  .page-news .body-container .content-max-width {
    padding-bottom: 75px;
    max-width: 1050px; } }

@media all and (min-width: 64em) {
  .page-news .body-container .aside-archive {
    position: absolute;
    right: 0;
    top: 0; } }

.page-news .body-container .tags-container {
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  padding: 10px 0 15px; }
  @media all and (min-width: 64em) {
    .page-news .body-container .tags-container {
      padding: 0 0 12px;
      margin-bottom: 19px;
      max-width: 750px; } }
  .page-news .body-container .tags-container .js-toggle-tags, .page-news .body-container .tags-container .js-toggle-categories {
    margin: 0 24px 0 0;
    padding: 0 0 0 0;
    width: auto;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #9b9b9b;
    line-height: 22px;
    cursor: pointer; }
    @media all and (min-width: 64em) {
      .page-news .body-container .tags-container .js-toggle-tags, .page-news .body-container .tags-container .js-toggle-categories {
        padding: 13px 0 0 0; } }
    .page-news .body-container .tags-container .js-toggle-tags span, .page-news .body-container .tags-container .js-toggle-categories span {
      font-size: 22px;
      vertical-align: middle;
      display: inline-block;
      padding-bottom: 2px; }
  .page-news .body-container .tags-container .js-toggle-tags {
    color: #0092dc; }

.page-news .body-container .categories, .page-news .body-container .tags {
  margin: 0; }
  @media all and (min-width: 64em) {
    .page-news .body-container .categories, .page-news .body-container .tags {
      margin: 7px 0 0 0; } }
  .page-news .body-container .categories li, .page-news .body-container .tags li {
    width: auto;
    height: 23px;
    display: inline-block;
    padding: 0 25px;
    background: #1d90db;
    border-bottom: 1px solid #1d90db;
    border-radius: 20px; }
    .page-news .body-container .categories li a, .page-news .body-container .tags li a {
      font-size: 13px;
      font-weight: 300;
      line-height: 23px;
      color: white;
      display: block;
      text-align: center; }
  .page-news .body-container .categories li.active, .page-news .body-container .tags li.active {
    background: white;
    border: 1px solid #979797; }
    .page-news .body-container .categories li.active a, .page-news .body-container .tags li.active a {
      font-size: 13px;
      font-weight: 300;
      line-height: 23px;
      color: #979797;
      display: block;
      text-align: center; }

article.news-preview {
  padding-bottom: 20px;
  margin-bottom: 25px;
  display: table;
  border-bottom: 1px solid #eeeeee; }
  @media all and (min-width: 64em) {
    article.news-preview {
      padding-bottom: 11px;
      margin-bottom: 20px;
      width: 73.99%;
      min-width: 530px; }
      article.news-preview:last-of-type {
        border-bottom: none; } }
  @media all and (min-width: 64em) {
    article.news-preview .image {
      display: table-cell;
      width: 250px; } }
  article.news-preview .image .img {
    width: 344px;
    background-size: cover;
    background-position: center;
    height: 254px; }
    @media all and (max-width: 37.4375em) {
      article.news-preview .image .img {
        width: 100%;
        max-width: 411px; } }
    @media all and (min-width: 64em) {
      article.news-preview .image .img {
        width: 320px;
        height: 166px; } }
  article.news-preview .right {
    display: block;
    vertical-align: top;
    position: relative; }
    @media all and (min-width: 48em) {
      article.news-preview .right {
        padding-left: 20px;
        display: table-cell; } }
    @media all and (min-width: 64em) {
      article.news-preview .right {
        padding-left: 25px;
        display: table-cell; } }
    article.news-preview .right h4 {
      margin-bottom: 0; }
      article.news-preview .right h4 a {
        font-size: 15px;
        font-weight: 700;
        color: #1d90db;
        line-height: 20px;
        letter-spacing: 0.21px; }
    article.news-preview .right .date {
      margin-bottom: 5px;
      font-size: 15px;
      font-weight: 400;
      color: #0092dc;
      letter-spacing: 0.5px;
      line-height: 22px; }
    article.news-preview .right p {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      color: #616161;
      letter-spacing: 0.11px; }
      article.news-preview .right p span {
        color: #1d90db;
        font-weight: 600;
        letter-spacing: 0.11px; }
      article.news-preview .right p.meta {
        color: #8a8a8a;
        font-size: 12px;
        margin-bottom: 10px; }
        article.news-preview .right p.meta strong {
          color: #333333;
          font-weight: 400;
          text-transform: capitalize; }
      article.news-preview .right p.tags {
        color: #8a8a8a;
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.1px; }
        article.news-preview .right p.tags a {
          color: #333333; }
    article.news-preview .right .excerpt {
      position: relative;
      font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: 0.23px; }
      @media all and (min-width: 48em) {
        article.news-preview .right .excerpt {
          max-width: 481px; } }
      article.news-preview .right .excerpt p {
        display: inline;
        font-size: 13px;
        font-weight: 400;
        color: #616161;
        line-height: 20px;
        letter-spacing: -0.01px; }
    article.news-preview .right .continue-reading {
      display: block !important;
      margin-bottom: 9px !important; }
      @media all and (min-width: 64em) {
        article.news-preview .right .continue-reading {
          display: inline !important; } }
      article.news-preview .right .continue-reading a {
        margin-bottom: 0;
        font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        font-weight: 600 !important;
        color: #1d90db !important;
        letter-spacing: -0.01px; }
        article.news-preview .right .continue-reading a i {
          font-size: 7px;
          vertical-align: bottom;
          font-weight: bold; }

/*********************************************
:: News Detail Page
********************************************/
.news-detail .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .news-detail .title-module {
      margin-bottom: 85px; } }

.news-detail .body-container {
  width: 100%;
  padding: 0px 0;
  float: left; }
  .news-detail .body-container .col1 {
    position: relative;
    width: 100%; }
    @media all and (min-width: 64em) {
      .news-detail .body-container .col1 {
        max-width: 819px; } }
  .news-detail .body-container .date {
    width: 55px;
    float: left;
    margin-bottom: 11px;
    margin-right: 8px;
    text-align: center; }
    @media all and (min-width: 64em) {
      .news-detail .body-container .date {
        margin-bottom: 50px;
        margin-right: 23px;
        margin-left: -11px;
        height: auto;
        width: 15%; } }
    .news-detail .body-container .date a {
      position: absolute;
      display: block;
      top: -50px;
      color: #0092dc;
      font-size: 13px;
      font-weight: 700; }
      @media all and (min-width: 64em) {
        .news-detail .body-container .date a {
          position: static;
          display: inline-block;
          margin-top: 6px;
          padding-top: 9px;
          text-transform: uppercase;
          border-top: 1px solid #cccccc; }
          .news-detail .body-container .date a span {
            color: #0092dc; } }
  @media all and (max-width: 63.9375em) {
    .news-detail .body-container .content-container {
      width: 78%;
      padding-top: 26px;
      padding-bottom: 0;
      clear: both;
      display: inline-block; } }
  @media all and (min-width: 64em) {
    .news-detail .body-container .content-container {
      width: 75%;
      margin-bottom: 90px;
      padding-left: 15px;
      float: left; } }
  @media all and (max-width: 63.9375em) {
    .news-detail .body-container .content-container .article-heading {
      position: absolute;
      top: 7px;
      left: 84px;
      right: 0;
      width: calc(100% - 65px); } }
  .news-detail .body-container .content-container .article-heading .date-article {
    margin-bottom: 8px;
    font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 16px; }
  .news-detail .body-container .content-container h4 {
    margin-top: 6px;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 700;
    color: #0092dc;
    letter-spacing: 0.2px;
    line-height: 17px; }
    @media all and (min-width: 64em) {
      .news-detail .body-container .content-container h4 {
        margin-bottom: 6px;
        margin-top: -3px;
        font-size: 18px;
        letter-spacing: 0.26px; } }
  .news-detail .body-container .content-container .meta {
    color: #8a8a8a;
    font-size: 12px;
    margin-bottom: 10px; }
    @media all and (min-width: 64em) {
      .news-detail .body-container .content-container .meta {
        margin-bottom: 17px; } }
    .news-detail .body-container .content-container .meta strong {
      color: #333333;
      font-weight: 400;
      text-transform: capitalize; }
  .news-detail .body-container .content-container .content {
    padding-top: 18px;
    border-top: 1px solid #d8d8d8;
    color: #333333;
    font-size: 14px;
    line-height: 24px; }
    .news-detail .body-container .content-container .content.mob {
      border-top: 1px solid #eeeeee;
      padding-top: 18px; }
  .news-detail .body-container .tags {
    color: #8a8a8a;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.1px; }
    @media all and (max-width: 63.9375em) {
      .news-detail .body-container .tags {
        margin-bottom: 40px; } }
    .news-detail .body-container .tags a {
      color: #333333; }
  .news-detail .body-container .content.mob {
    border-top: 1px solid #eeeeee;
    padding-top: 18px; }
    .news-detail .body-container .content.mob .all-news.mob {
      margin-bottom: 40px;
      display: block;
      width: 145px;
      height: 38px;
      font-size: 13px;
      font-weight: 700;
      border-radius: 100px;
      border: 1px solid #0092dc;
      line-height: 37px;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.6px; }
  .news-detail .body-container .wysiwyg p {
    color: #616161;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.23px; }
  .news-detail .body-container .wysiwyg figure {
    padding: 09px 0 07px; }
    @media all and (min-width: 64em) {
      .news-detail .body-container .wysiwyg figure {
        padding: 19px 0 17px; } }

.news-detail .date-circle {
  background: transparent;
  color: white;
  text-align: center;
  transition: all .5s ease-in-out; }
  .news-detail .date-circle span {
    display: inline-block; }
  .news-detail .date-circle .month {
    display: block;
    font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 18.2px;
    color: #363636;
    text-transform: uppercase;
    letter-spacing: 1.22px; }
    @media all and (min-width: 64em) {
      .news-detail .date-circle .month {
        font-size: 15px;
        line-height: 16px;
        letter-spacing: 1.67px; } }
  .news-detail .date-circle .day {
    padding: 4px 0 9px;
    font-size: 34px;
    line-height: 30px;
    color: #0092dc; }
    @media all and (min-width: 64em) {
      .news-detail .date-circle .day {
        padding: initial;
        margin-top: 4px;
        margin-bottom: 10px;
        font-size: 50px;
        line-height: 40px; } }
  .news-detail .date-circle .year {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #9b9b9b;
    line-height: 18.2px;
    letter-spacing: 1.22px; }
    @media all and (min-width: 64em) {
      .news-detail .date-circle .year {
        line-height: 18px;
        font-size: 15px;
        letter-spacing: 1.67px; } }

.news-detail .aside-archive {
  width: 200px;
  margin-left: 4px; }
  @media all and (min-width: 64em) {
    .news-detail .aside-archive {
      width: 19.05%;
      margin-top: -2px;
      margin-left: 0; } }
  .news-detail .aside-archive .archives-container {
    padding: 0 0 29px 0; }
    .news-detail .aside-archive .archives-container h6 {
      margin-bottom: 10px; }

/*********************************************
:: The Australasian Research Environment
********************************************/
.page-australasia-research .title-module {
  margin-bottom: 28px; }
  @media all and (min-width: 64em) {
    .page-australasia-research .title-module {
      margin-bottom: 85px; } }

.page-australasia-research .body-container header {
  margin: 0 0 41px; }
  @media all and (min-width: 64em) {
    .page-australasia-research .body-container header {
      max-width: 57%;
      margin: 0 0 58px; } }
  .page-australasia-research .body-container header h5 {
    margin-bottom: 23px;
    font-size: 20px;
    font-weight: 400;
    color: #4cac47;
    line-height: 32px;
    letter-spacing: 0.43px; }
  .page-australasia-research .body-container header p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.23px; }

.page-australasia-research .body-container hr {
  background-color: #dddddd; }

.page-australasia-research .body-container .two {
  max-width: 858px;
  font-size: 0;
  margin-top: 35px; }
  @media all and (min-width: 64em) {
    .page-australasia-research .body-container .two {
      margin: 84px 0 33px 150px; } }
  @media all and (min-width: 64em) {
    .page-australasia-research .body-container .two article:first-of-type {
      width: 58.3%; }
      .page-australasia-research .body-container .two article:first-of-type header h2, .page-australasia-research .body-container .two article:first-of-type header legend {
        max-width: 154px; }
      .page-australasia-research .body-container .two article:first-of-type header img {
        width: 121px;
        vertical-align: super;
        margin-bottom: 2px; }
    .page-australasia-research .body-container .two article:last-of-type {
      width: 39.1%; } }
  .page-australasia-research .body-container .two article header img {
    height: 70px; }

@media all and (min-width: 64em) {
  .page-australasia-research .body-container .one {
    margin-bottom: 100px; } }

.page-australasia-research .body-container .one header img {
  display: block;
  margin: auto; }

@media all and (min-width: 64em) {
  .page-australasia-research .body-container .one header {
    text-align: center; }
    .page-australasia-research .body-container .one header h2, .page-australasia-research .body-container .one header legend {
      margin-top: 11px; } }

@media all and (min-width: 64em) {
  .page-australasia-research .body-container .one .text {
    margin: auto;
    width: 68.5%;
    display: block;
    padding-left: 20.1%;
    padding-top: 10px; } }

.page-australasia-research .body-container .one .text ul {
  max-width: 50%;
  display: inline-block;
  position: relative; }
  @media all and (max-width: 63.9375em) {
    .page-australasia-research .body-container .one .text ul {
      min-width: 50%; } }
  @media all and (min-width: 64em) {
    .page-australasia-research .body-container .one .text ul {
      width: 171px;
      padding-right: 15px; } }
  .page-australasia-research .body-container .one .text ul li {
    padding-left: 28px;
    margin-bottom: 10px; }

.page-australasia-research .body-container article {
  width: 100%;
  margin-bottom: 41px;
  display: inline-block;
  text-align: left; }
  @media all and (min-width: 64em) {
    .page-australasia-research .body-container article {
      vertical-align: top;
      margin-bottom: 17px; } }
  .page-australasia-research .body-container article img {
    max-width: 77%;
    margin-top: 6px;
    float: right; }
    @media all and (min-width: 64em) {
      .page-australasia-research .body-container article img {
        max-width: 33%;
        margin-top: inherit;
        float: none; } }
  @media all and (min-width: 64em) {
    .page-australasia-research .body-container article.left img {
      padding-left: 29px;
      padding-right: 90px; } }
  @media all and (min-width: 64em) {
    .page-australasia-research .body-container article.right img {
      padding: 0 0 0 55px; } }
  .page-australasia-research .body-container article header {
    margin: 0; }
    @media all and (min-width: 64em) {
      .page-australasia-research .body-container article header {
        max-width: 100%; } }
    .page-australasia-research .body-container article header h2, .page-australasia-research .body-container article header legend {
      margin-bottom: 14px;
      display: inline-block;
      color: #1d90db;
      font-family: "Proxima Nova";
      font-size: 39px;
      font-weight: 600;
      line-height: 42px;
      letter-spacing: -1.24px;
      max-width: 63%; }
      @media all and (min-width: 64em) {
        .page-australasia-research .body-container article header h2, .page-australasia-research .body-container article header legend {
          max-width: 66%; } }
    .page-australasia-research .body-container article header image {
      display: inline-block; }
  .page-australasia-research .body-container article div.text {
    margin: auto;
    text-align: left;
    position: relative;
    margin-top: 5px;
    padding-top: 26px; }
    @media all and (max-width: 63.9375em) {
      .page-australasia-research .body-container article div.text {
        font-size: 0; } }
    @media all and (min-width: 64em) {
      .page-australasia-research .body-container article div.text {
        margin-top: initial;
        padding-top: 23px;
        display: inline-block; } }
    .page-australasia-research .body-container article div.text p {
      font-size: 15px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 0.23px; }
    .page-australasia-research .body-container article div.text ul {
      position: relative; }
      .page-australasia-research .body-container article div.text ul li {
        padding-left: 28px;
        margin-bottom: 10px;
        color: #3c3c3c;
        font-weight: 400;
        letter-spacing: 0.27px; }
        @media all and (min-width: 64em) {
          .page-australasia-research .body-container article div.text ul li {
            margin-bottom: 12px;
            line-height: 16px;
            font-size: 16px; } }
        .page-australasia-research .body-container article div.text ul li::before {
          position: absolute;
          left: 0;
          top: 2px;
          content: '';
          width: 13px;
          height: 13px;
          border-radius: 1px;
          background-color: #0fb4e7; }

/*********************************************
:: Achievements
********************************************/
.page-services .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-services .title-module {
      margin-bottom: 85px; } }

.page-services .body-container .leadcopy {
  margin-bottom: 23px;
  font-size: 20px;
  font-weight: 400;
  color: #4cac47;
  line-height: 32px;
  letter-spacing: 0.43px; }

@media all and (min-width: 64em) {
  .page-services .body-container .leadcopy, .page-services .body-container article {
    max-width: 600px; } }

.page-services .body-container .wysiwyg {
  margin-bottom: 50px; }
  @media all and (min-width: 64em) {
    .page-services .body-container .wysiwyg {
      margin-bottom: 132px; } }
  .page-services .body-container .wysiwyg p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.23px; }
  .page-services .body-container .wysiwyg strong, .page-services .body-container .wysiwyg h1, .page-services .body-container .wysiwyg h2, .page-services .body-container .wysiwyg legend, .page-services .body-container .wysiwyg h3 h4, .page-services .body-container .wysiwyg h5, .page-services .body-container .wysiwyg h6, .page-services .body-container .wysiwyg b {
    color: #47aa42; }
  .page-services .body-container .wysiwyg strong, .page-services .body-container .wysiwyg b {
    font-weight: 400; }

.page-services .body-container aside {
  margin-bottom: 50px;
  position: relative; }
  @media all and (min-width: 64em) {
    .page-services .body-container aside {
      width: 267px;
      position: absolute;
      right: 0;
      top: -40px;
      padding-top: 53px;
      padding-bottom: 15px; } }
  .page-services .body-container aside::before {
    position: absolute;
    top: -14px;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #0092dc;
    content: ''; }
    @media all and (min-width: 64em) {
      .page-services .body-container aside::before {
        top: -40px; } }
  .page-services .body-container aside header {
    margin-bottom: 20px;
    max-width: 179px;
    padding-left: 33px; }
    @media all and (min-width: 64em) {
      .page-services .body-container aside header {
        margin-top: -4px;
        margin-bottom: 22px; } }
    .page-services .body-container aside header h2, .page-services .body-container aside header legend {
      font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
      color: #0092dc;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.56px;
      line-height: 19px; }
  .page-services .body-container aside.more-info {
    padding-top: 78px;
    padding-bottom: 0;
    width: 250px; }
    .page-services .body-container aside.more-info:before {
      background-color: #9b9b9b; }
      @media all and (max-width: 63.9375em) {
        .page-services .body-container aside.more-info:before {
          top: -17px; } }
    .page-services .body-container aside.more-info header {
      max-width: 100%;
      margin-bottom: 21px;
      margin-top: -3px; }
      .page-services .body-container aside.more-info header h2, .page-services .body-container aside.more-info header legend {
        margin-bottom: 12px;
        color: #686868; }
    .page-services .body-container aside.more-info ul li {
      margin-bottom: 23px; }
      .page-services .body-container aside.more-info ul li span {
        margin-top: 9px;
        margin-right: 6px;
        vertical-align: text-top;
        background-color: #9b9b9b; }
      .page-services .body-container aside.more-info ul li .button {
        height: 38px;
        padding: 0 28px 0 29px;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.4px;
        background: transparent; }
        .page-services .body-container aside.more-info ul li .button:hover, .page-services .body-container aside.more-info ul li .button:focus, .page-services .body-container aside.more-info ul li .button:active {
          background: #4cac47;
          color: white; }
  .page-services .body-container aside ul li {
    margin-bottom: 12px; }
    .page-services .body-container aside ul li span {
      padding-right: 18px;
      margin-top: 10px;
      margin-right: 7.5px;
      width: 9.5%;
      height: 1px;
      display: inline-block;
      text-align: center;
      vertical-align: top;
      background-color: #0092dc; }
    .page-services .body-container aside ul li p {
      display: inline-block;
      font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
      color: #363636;
      font-size: 14px;
      font-weight: 300;
      line-height: 20px;
      text-transform: uppercase;
      letter-spacing: 0.23px;
      margin-bottom: 0; }
      @media all and (min-width: 64em) {
        .page-services .body-container aside ul li p {
          max-width: 86.6%; } }
  .page-services .body-container aside .more-info {
    padding-top: 78px;
    padding-bottom: 0;
    width: 250px; }
    .page-services .body-container aside .more-info:before {
      background-color: #9b9b9b; }
      @media all and (max-width: 63.9375em) {
        .page-services .body-container aside .more-info:before {
          top: -17px; } }
    .page-services .body-container aside .more-info header {
      max-width: 100%;
      margin-bottom: 21px;
      margin-top: -3px; }
      .page-services .body-container aside .more-info header h2, .page-services .body-container aside .more-info header legend {
        margin-bottom: 12px;
        color: #686868; }
    .page-services .body-container aside .more-info ul li {
      margin-bottom: 23px; }
      @media all and (min-width: 64em) {
        .page-services .body-container aside .more-info ul li {
          margin-bottom: 10px; } }
      .page-services .body-container aside .more-info ul li span {
        margin-top: 12px;
        margin-right: 6px;
        vertical-align: text-top; }
      .page-services .body-container aside .more-info ul li .button {
        height: 38px;
        padding: 0 28px 0 29px;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.4px;
        background: transparent; }
        .page-services .body-container aside .more-info ul li .button:hover, .page-services .body-container aside .more-info ul li .button:focus, .page-services .body-container aside .more-info ul li .button:active {
          background: #4cac47;
          color: white; }

.page-services .body-container .separator-container {
  min-height: 250px;
  position: relative;
  z-index: 9; }
  @media all and (min-width: 64em) {
    .page-services .body-container .separator-container {
      padding-top: 94px; } }
  .page-services .body-container .separator-container span {
    padding-top: 43px;
    padding-left: 5px;
    margin-left: 16px;
    margin-bottom: 27px;
    height: 2px;
    width: 149px;
    display: inline-block;
    background-color: transparent;
    border-bottom: 2px solid white;
    vertical-align: top; }
    @media all and (min-width: 64em) {
      .page-services .body-container .separator-container span {
        margin: 0 46.5px 0 0;
        padding-left: 0;
        padding-top: 19px; } }
  .page-services .body-container .separator-container p {
    margin-left: 13px;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    color: white;
    line-height: 34px;
    letter-spacing: 0.47px; }
    @media all and (min-width: 64em) {
      .page-services .body-container .separator-container p {
        margin-left: initial;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.51px; } }

/*********************************************
:: Clinical Research and You
********************************************/
.page-clinical-research .title-module {
  margin-bottom: 39px; }
  @media all and (min-width: 64em) {
    .page-clinical-research .title-module {
      margin-bottom: 6px; } }

.page-clinical-research .body-container article {
  width: 100%;
  margin-bottom: 41px;
  display: inline-block;
  text-align: left;
  position: relative; }
  @media all and (max-width: 63.9375em) {
    .page-clinical-research .body-container article {
      overflow: hidden; } }
  .page-clinical-research .body-container article:last-of-type {
    margin-bottom: 0; }
  @media all and (min-width: 64em) {
    .page-clinical-research .body-container article {
      margin-bottom: 0;
      padding-top: 79px;
      min-height: 430px; }
      .page-clinical-research .body-container article:last-of-type {
        margin-right: 0; } }
  @media all and (min-width: 64em) {
    .page-clinical-research .body-container article:first-of-type div.text {
      margin-top: 0;
      vertical-align: unset; } }
  .page-clinical-research .body-container article:first-of-type .img-section {
    position: absolute;
    right: 0;
    margin-right: -139px;
    margin-top: -8px;
    margin-left: 0;
    width: 624px;
    height: 350px !important;
    min-height: unset;
    max-width: 592px;
    vertical-align: unset; }
  .page-clinical-research .body-container article .content {
    position: relative; }
    @media all and (max-width: 63.9375em) {
      .page-clinical-research .body-container article .content {
        width: 100%;
        padding: 0 6%;
        clear: both;
        overflow: hidden; } }
    @media all and (min-width: 64em) {
      .page-clinical-research .body-container article .content {
        margin: 0 auto;
        max-width: 1050px; } }
  .page-clinical-research .body-container article .img-section {
    display: inline-block;
    height: 100%;
    width: 100%;
    max-width: 300px;
    max-height: 298px;
    background-image: url(/images/CR2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    vertical-align: bottom; }
    @media all and (min-width: 64em) {
      .page-clinical-research .body-container article .img-section {
        min-height: 430px;
        max-height: 431px; } }
  .page-clinical-research .body-container article img {
    max-width: 77%; }
    @media all and (min-width: 64em) {
      .page-clinical-research .body-container article img {
        max-width: 33%;
        margin-bottom: -4px; } }
  .page-clinical-research .body-container article .connector {
    position: absolute;
    width: 334px;
    height: 290px;
    display: inline-block; }
    .page-clinical-research .body-container article .connector::before {
      position: absolute;
      bottom: -9px;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      background-color: white;
      content: ''; }
    .page-clinical-research .body-container article .connector .keyword {
      width: auto;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0;
      bottom: -22px;
      text-align: center; }
      .page-clinical-research .body-container article .connector .keyword p {
        margin-bottom: 0;
        padding: 10px;
        min-width: 167px;
        min-height: 47px;
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        font-family: "Roboto Slab", "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
        color: white;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 2.22px;
        border-radius: 4px; }
  .page-clinical-research .body-container article.right:first-of-type header h5 {
    margin-bottom: 23px;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.43px; }
  @media all and (min-width: 64em) {
    .page-clinical-research .body-container article.right .img-section {
      height: 395px;
      margin-left: 26px;
      min-height: unset; } }
  @media all and (min-width: 64em) {
    .page-clinical-research .body-container article.right img {
      padding: 0 0 0 55px; } }
  .page-clinical-research .body-container article.right .connector {
    top: -83px;
    right: 50px;
    border-right: 1px solid #47aa42;
    border-bottom: 1px solid #47aa42; }
    .page-clinical-research .body-container article.right .connector::before {
      left: -16px;
      border: 1px solid #47aa42; }
  .page-clinical-research .body-container article.right .keyword p {
    background-color: #47aa42; }
  .page-clinical-research .body-container article.right .wysiwyg strong, .page-clinical-research .body-container article.right .wysiwyg h1, .page-clinical-research .body-container article.right .wysiwyg h2, .page-clinical-research .body-container article.right .wysiwyg legend, .page-clinical-research .body-container article.right .wysiwyg h3 h4, .page-clinical-research .body-container article.right .wysiwyg h5, .page-clinical-research .body-container article.right .wysiwyg h6, .page-clinical-research .body-container article.right .wysiwyg b {
    color: #47aa42; }
  .page-clinical-research .body-container article.right .wysiwyg strong, .page-clinical-research .body-container article.right .wysiwyg b {
    font-weight: 400; }
  .page-clinical-research .body-container article.left {
    background-color: #f6fafd; }
    @media all and (min-width: 64em) {
      .page-clinical-research .body-container article.left img {
        padding-left: 29px;
        padding-right: 90px; } }
    .page-clinical-research .body-container article.left .connector {
      border-left: 1px solid #0fb4e7;
      border-bottom: 1px solid #0fb4e7;
      top: -79px; }
      @media all and (min-width: 64em) {
        .page-clinical-research .body-container article.left .connector {
          left: 50px; } }
      .page-clinical-research .body-container article.left .connector::before {
        right: -16px;
        border: 1px solid #0fb4e7; }
    .page-clinical-research .body-container article.left .keyword p {
      background-color: #0fb4e7; }
    @media all and (min-width: 64em) {
      .page-clinical-research .body-container article.left .text {
        margin-left: 146px; } }
    .page-clinical-research .body-container article.left .text header h5 {
      color: #0092dc; }
    .page-clinical-research .body-container article.left .wysiwyg strong, .page-clinical-research .body-container article.left .wysiwyg h1, .page-clinical-research .body-container article.left .wysiwyg h2, .page-clinical-research .body-container article.left .wysiwyg legend, .page-clinical-research .body-container article.left .wysiwyg h3 h4, .page-clinical-research .body-container article.left .wysiwyg h5, .page-clinical-research .body-container article.left .wysiwyg h6, .page-clinical-research .body-container article.left .wysiwyg b {
      color: #0092dc; }
    .page-clinical-research .body-container article.left .wysiwyg strong, .page-clinical-research .body-container article.left .wysiwyg b {
      font-weight: 400; }
  .page-clinical-research .body-container article div.text {
    margin: auto;
    text-align: left;
    position: relative;
    margin-bottom: 40px; }
    @media all and (min-width: 64em) {
      .page-clinical-research .body-container article div.text {
        margin-top: 10px;
        margin-bottom: 85px;
        width: 57.1%;
        display: inline-block;
        vertical-align: top; } }
    .page-clinical-research .body-container article div.text header {
      margin: 0 0 24px; }
      @media all and (min-width: 64em) {
        .page-clinical-research .body-container article div.text header {
          margin: 0 0 41px; } }
      @media all and (min-width: 64em) {
        .page-clinical-research .body-container article div.text header {
          margin: 0; } }
      .page-clinical-research .body-container article div.text header h5 {
        margin-bottom: 19px;
        font-size: 24px;
        font-weight: 400;
        color: #4cac47;
        line-height: 36px;
        letter-spacing: 0.51px; }
    .page-clinical-research .body-container article div.text p {
      font-size: 14px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 0.23px; }

.page-clinical-research .body-container .wysiwyg p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.23px; }

/*********************************************
:: JS Plugins
********************************************/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
  float: left; }

.selectric-responsive {
  width: 100%; }

.selectric {
  min-width: 170px;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  background: white;
  position: relative;
  overflow: hidden; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 36px 0 10px;
    font-size: 14px;
    line-height: 36px;
    color: #444;
    height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: white;
    color: black;
    text-align: center;
    *font: 20px/36px Lucida Sans Unicode, Arial Unicode MS, Arial;
    border-left: 1px solid #CCCCCC; }
    .selectric .button:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0;
      height: 0;
      border: 4px solid transparent;
      border-top-color: white;
      border-bottom: none; }

.selectric-focus .selectric {
  border-color: #999999; }

.selectric-hover .selectric {
  border-color: #b3b3b3; }
  .selectric-hover .selectric .button {
    color: black; }
    .selectric-hover .selectric .button:after {
      border-top-color: white; }

.selectric-open {
  z-index: 9999; }
  .selectric-open .selectric {
    border-color: #b3b3b3; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%; }
  .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      box-sizing: border-box;
      opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #b3b3b3;
  z-index: -1;
  box-shadow: 0 0 10px -6px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer; }
    .selectric-items li.selected {
      background: #E0E0E0;
      color: #444; }
    .selectric-items li.highlighted {
      background: #D0D0D0;
      color: #444; }
    .selectric-items li:hover {
      background: #D5D5D5;
      color: #444; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
.youtube-container {
  display: block;
  width: 100%; }

.youtube-player {
  display: block;
  width: 100%;
  /* assuming that the video has a 16:9 ratio */
  overflow: hidden;
  position: relative;
  height: 100%;
  cursor: hand;
  cursor: pointer;
  height: 180px; }
  @media all and (min-width: 37.5em) {
    .youtube-player {
      height: 250px; } }
  @media all and (min-width: 48em) {
    .youtube-player {
      height: 300px; } }
  @media all and (min-width: 64em) {
    .youtube-player {
      height: 350px; } }
  @media all and (min-width: 72.5em) {
    .youtube-player {
      height: 550px; } }

img.youtube-thumb {
  bottom: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  height: auto;
  vertical-align: top;
  display: inline-block;
  margin-top: -0.5px; }

.youtube-bg {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }

div.play-button {
  display: inline-block;
  position: absolute;
  top: 53%;
  left: 52%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  div.play-button:after {
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 30px 0 30px 50px;
    border-color: transparent transparent transparent white; }

#youtube-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../fonts/slick.eot");
  src: url("../../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../fonts/slick.woff") format("woff"), url("../../fonts/slick.ttf") format("truetype"), url("../../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #D8D8D8;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #D8D8D8;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*********************************************
:: Pickadate.js Plugin Styles Override                    
********************************************/
.calendar-fields-container {
  width: 100%;
  max-width: 500px;
  position: relative; }
  .calendar-fields-container > button {
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 1.3em;
    line-height: 1.3;
    color: #1d90db; }

.picker {
  max-width: 320px;
  display: none; }
  .picker td, .picker th {
    padding: 0px;
    text-align: inherit;
    border: none; }

.picker__holder {
  overflow-y: initial; }

.picker--opened {
  display: block !important; }

.picker__footer {
  display: none; }

.picker select {
  display: inline-block;
  height: auto;
  width: auto;
  font-size: 16px;
  line-height: 1.2;
  padding: 0px;
  border: none !important;
  margin: 0px !important; }

/*********************************************
  :: Lightbox Custom Styles (for: Magnific Popup)
********************************************/
/* Overiding Plugin Styles */
button.mfp-close {
  position: absolute;
  top: -30px;
  right: -40px;
  z-index: 1100;
  width: 38px;
  height: 38px;
  font-family: "Oxygen", "Open Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 38px;
  border-radius: 50%;
  background: transparent;
  color: white;
  text-align: center;
  opacity: 0;
  transition: all 0.4s ease-in-out; }

.mfp-bg {
  z-index: 999999; }

.mfp-wrap {
  z-index: 9999999; }

.mfp-container {
  max-width: 495px;
  right: 0px;
  margin: auto;
  border-radius: 4px; }

/* Default Fade-zoom animation */
.mfp-zoom-in .lightbox-popup {
  /* start state */
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 0.4s ease-in-out; }

.mfp-zoom-in.mfp-ready .lightbox-popup,
.mfp-zoom-in.mfp-ready .mfp-close {
  /* animate in */
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.mfp-zoom-in.mfp-removing .lightbox-popup,
.mfp-zoom-in.mfp-removing .mfp-close {
  /* animate out */
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

.mfp-zoom-in.mfp-bg {
  /* Dark overlay, start state */
  opacity: 0;
  transition: all 0.3s ease-out;
  background: rgba(0, 0, 0, 0.69); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  /* animate in */
  opacity: 1; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  /* animate out */
  opacity: 0; }