@charset "UTF-8";

/*=======================================
             START CSS RESET
=========================================*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126articl
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

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

/*=======================================
             END CSS RESET
=========================================*/

/*=======================================
             CSS - GLOBAL
=========================================*/

main {display: block; margin: 0;}

section {
    padding: 3em 1.5em; 
    padding-top: 0;
    padding-right: calc(1.5em + 40 * ((100vw - 661px) / 1339));
    padding-bottom: calc(3em + 40 * ((100vw - 661px) / 1339));
    padding-left: calc(1.5em + 40 * ((100vw - 661px) / 1339));
    margin-bottom: 0;
}

section > *:last-child {
    margin-bottom: 0;
}

.grid-container > section:first-child {
  padding-top: 3em;
  padding-top: calc(3em + 40 * ((100vw - 661px) / 1339));
}

/*main.all-page-content section:last-child {margin-bottom: 3em;}*/

/* Debug modes */
/* .debug {background-color:grey; border:1px solid pink;}    /* Debug mode 1 */
/* .debug2 {background-color:orange; border:1px solid blue;}    /* Debug mode 2 */

/* Limit the Max-width */
.max-width {max-width: 1024px;}

/* Limit the Min-width */
.min-width {min-width: 50px;}

.center {
  position: relative;
  left: 50%;
  margin-left: -404px;
}

.float-left {float: left;}

.float-right {float: right;}

/* No image borders */
/*img {border : 0;}
a img {outline : none;}
a > img {    
  margin-bottom: -3px;
    padding-left: 3px;
    padding-right: 3px;
}*/

/* look Ma, no more bullets!! */
/*ul, ul li {list-style: none;}*/

/* Inline Menus */
.display-inline ul li, .display-inline ul li label {display: inline;}

ul, ol, dir, dl {margin-bottom: 1.6180339887498948482em;}

ul {margin: 0;}

ul, ol, dl {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside;
}

ul.inline li, nav li {display: inline-block;}

ul.stacked li {display: block; width: 100%;}

ul.disc, ul.decimal, ul.upper-alpha, ul.lower-alpha, ul.roman, ul.lower-roman, ol.disc, ol.decimal, ol.upper-alpha, ol.lower-alpha, ol.roman, ol.lower-roman, dir.disc, dir.decimal, dir.upper-alpha, dir.lower-alpha, dir.roman, dir.lower-roman {
  margin: 0;
  line-height: 1.6180339887498948482;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -moz-padding-start: 40px;
  -webkit-padding-start: 40px;
  -khtml-padding-start: 40px;
  -o-padding-start: 40px;
  padding-start: 40px;
  -webkit-padding-start: 40px;
  margin-bottom: 1.6180339887498948482em;
}

ul.disc, ol.disc, dir.disc {list-style-type: disc;}

ul.decimal, ol.decimal, dir.decimal {list-style-type: decimal;}

ul.upper-alpha, ol.upper-alpha, dir.upper-alpha {list-style-type: upper-alpha;}

ul.lower-alpha, ol.lower-alpha, dir.lower-alpha {list-style-type: lower-alpha;}

ul.roman, ol.roman, dir.roman {list-style-type: upper-roman;}

ul.lower-roman, ol.lower-roman, dir.lower-roman {list-style-type: lower-roman;}


/* Checkmark Lists -- Add the cass '.done' to the li element to check it off */

ul.check {
    margin-bottom: 0em;
    margin-left: 2.5rem;
    margin-bottom: 1.618033988749895em;
}

ul.check li {
    font-family: poppins, Verdana, Arial, Helvetica, sans-serif !important;
    color: #545454;
    font-size: 1em;
    font-size: calc(1em + 6 * ((100vw - 661px) / 1339));
    line-height: 1.6180339887498948482;
    margin-bottom: 0;
    letter-spacing: 0.005em;
    font-weight: 400;
}

ul.check li:before {
    content: "";
    display: block;
    width: 26px;
    height: 20px;
    position: relative;
    top: 21px;
    left: -36px;
    background: url("../img/checkmark.png") 0 0 no-repeat;
    background: url("../img/checkmark.svg") 0 0 no-repeat;
}

ul.check li.done:before {
    background: url("../img/checkmark.png") 0 0 no-repeat;
    background: url("../img/checkmark.svg") 0 0 no-repeat;
}

/* Small Check */

ul.small.check {margin-left: 1.5rem; margin-bottom: 1.6180339887498948482em;}

ul.small.check li {margin-bottom: 0;}

ul.small.check li:before {
    width: 15px;
    height: 15px;
    top: 15px;
    left: -20px;
}

main.all-page-content ul li, main.all-page-content ol li {
    color: #71716e;
    font-size: 0.95em;
    /*line-height: 1.6180339887498948482;*/
    margin-bottom: 0.25em;
}

/* Tables */
table tr th, table tr td, table caption {color: #686765;}

table caption {background-color: #ff7094; padding: 0.5em 0.65em;}

table {border: 1px solid #f8f8f8;}

/* Defintion lists  */
dl, dt {
  font-family: 'Radikal-Light', Verdana, Arial, Helvetica, sans-serif;
    color: #686765;
    font-size: 0.95em;
    line-height: 1.6180339887498948482;
    margin-bottom: 1.6180339887498948482em;
    letter-spacing: 0.005em;
    font-weight: bold;
}

dl, dd {
  font-family: 'Radikal-Light', Verdana, Arial, Helvetica, sans-serif;
    color: #686765;
    font-size: 0.9em;
    line-height: 1.6180339887498948482;
    margin-bottom: 1.6180339887498948482em;
    letter-spacing: 0.005em;
    font-weight: normal;
}

hr {
    display:block;
    border:0px;
    height:4px;
    background-image:url('../img/gradient-solo.jpg');
    background-attachment: fixed;
    background-size: contain;
}

.callout {
    border: 16px solid #1B2B44;
    border-radius: 6px;
    background-color: #C4C8D3;
    border-image: url('../img/gradient-solo.jpg') /* source */ 27 / /* slice */ 4px / /* width */ 0 /* outset */;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 1.5em;
    padding-top: calc(1.5em + 40 * ((100vw - 661px) / 1339));
    padding-right: calc(1.5em + 40 * ((100vw - 661px) / 1339));
    padding-bottom: calc(1.5em + 40 * ((100vw - 661px) / 1339));
    padding-left: calc(1.5em + 40 * ((100vw - 661px) / 1339));
    overflow: hidden;
}

.callout.primary {
    background-color: #C4C8D3;
}


.callout.picture {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}

.callout.blue {
    border: none;
    border-image: none;
    background-color: #1B2B44;
/*    background-attachment: fixed;
    background-repeat: no-repeat;*/
}


figure {
  margin-bottom: 1em;
}

figure picture {
  display: flex;
  background-color: white;
  padding: 0.5em;
  margin-bottom: 0.5em;
  -webkit-box-shadow: 0px 5px 30px 0px rgb(50 58 59 / 25%);
  box-shadow: 0px 5px 30px 0px rgb(50 58 59 / 25%);
}

code {
  font-family: 'Radikal-Medium', Verdana, Arial, Helvetica, sans-serif;
  color: #9af1dc;
    background: #6f6f6f;
    padding: 1px 5px;
    margin: 0 2px;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code i {font-family: 'Radikal-MediumItalic', Verdana, Arial, Helvetica, sans-serif;}

/*div {display: block;}*/

/* used to preload images used in non-default states */
.preload_images {
    position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 1px;
  width: 1px;
}

/* used to specifiy the dimension of preload item */
.preload {height: 1px; width: 1px;}

/* Responsive Video Embed */
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Drop Shadow @ 20% opacity*/
.dropshadow {
  -moz-box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, .2);
  -webkit-box-shadow:  1px 1px 8px 2px rgba(0, 0, 0, .2);
    box-shadow:  1px 1px 8px 2px rgba(0, 0, 0, .2);
}

.light-dropshadow {
  -moz-box-shadow: 1px 1px 25px 2px rgba(0, 0, 0, .05);
  -webkit-box-shadow: 1px 1px 25px 2px rgba(0, 0, 0, .05);
  box-shadow: 1px 1px 25px 2px rgba(0, 0, 0, .05);
  margin-bottom: 2.5em; /* Adds a little extra space for the following element to clear the shadow*/
}

/* Interior Shadow @ 20% opacity*/
.inner-shadow {
  -moz-box-shadow: inset 1px 1px 8px 2px rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 1px 1px 8px 2px rgba(0, 0, 0, .2);
        box-shadow: inset  1px 1px 8px 2px rgba(0, 0, 0, .2);
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* Auto bottom margins on direct children in a .panel */
.panel > * {margin-bottom: 1.6180339887498948482em;}

.panel {
    padding: 4.063rem;
    margin-bottom: 1.25rem;
    height: auto;
    background-color: #fbfbfb;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Vignettes */

p.vignette {
  position: relative;
  padding: 0px;
  margin-bottom: 0px;
}
p.vignette img {
 display: block;
}
p.vignette:after {
 -moz-box-shadow: inset 0 0 5em rgba(0,0,0,0.35);
 -webkit-box-shadow: inset 0 0 5em rgba(0,0,0,0.35);
 box-shadow: inset 0 0 5em rgba(0,0,0,0.35);
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 content: "";
}

/* Turn off dropshadow  */
.move-right .exit-off-canvas {box-shadow: -4px 0 4px rgba(0, 0, 0, 0), 4px 0 4px rgba(0, 0, 0, 0);}

/* Interior Shadow @ 20% opacity*/

.remove-above-break {display:none; height: 0px;}

.black-half-back {
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  padding: 1px 0px 1px 0px;
}

.black-gradation {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
  z-index: 99;
}

/* Subtle White Gradiant Background */
.white-grade {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(39%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* Rounded corners on mobile menu */
.rounded-corners-top {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.rounded-corners-bottom {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.no-moat {padding: 0; margin: 0;}

.no-bottom {margin-bottom: 0 !important; padding-bottom: 0 !important;}

.no-padding, .padding-0 {padding: 0;}

.no-lr-pad {padding-left: 0 !important; padding-right: 0 !important;}

.no-l-pad {padding-left: 0 !important;}

.no-r-pad {padding-right: 0 !important;}

.no-top-pad {padding-top: 0 !important;}

/* Padding Calls 15px */
.top-padding {padding: 0.9375em 0 0 0;}

.bottom-padding {padding: 0 0 0.9375em 0;}

.top-bottom-padding {padding: 0.9375em 0 0.9375em 0;}

.left-padding {padding: 0 0 0 0.9375em;}

.right-padding {padding: 0 0 0.9375em 0;}

.left-right-padding {padding: 0 0.9375em 0 0.9375em;}

.all-padding {padding: 0.9375em;}

.pad30-right {padding-right: 1.875em;}

.pad30-left {padding-left: 1.875em;}

div#left-column {padding-right: 1.875em;}

div#right-column {padding-right: 0.9375em;}

/* Margin Calls 15px */
/*.main-top-bottom-margin {margin: 0.9375em auto;}*/

.top-margin {margin: 0.9375em 0 0 0;}

.bottom-margin {margin: 0 0 0.9375em 0;}

.top-bottom-margin {margin: 0.9375em 0 0.9375em 0;}

.left-margin {margin: 0 0 0 0.9375em;}

.right-margin {margin: 0 0 0.9375em 0;}

.left-right-margin {margin: 0 0.9375em 0 0.9375em;}

.all-margin {margin: 0.9375em;}

.margin-0 {margin: 0;}

.divider-line-bottom {border-bottom: 1px solid #f3f3f3;}

.divider-line-top {
  border-top: 1px solid #f3f3f3;
  margin: 0.625em 0 0.625em 0;
}

.divider-line-top2 {
  border-top: 1px solid #f3f3f3;
  margin: 0.625em 0 0.625em 0;    /* top, right, bottom, left */
}

.outline {border: solid 1px #dbdbdb;}

.first-pic img {
  margin-top: 1.25em;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 4px #fbfbfb;
}

.first-big-pic {margin-top: 2.1875em !important;}

/********************************** iOS STYLE SLIDER SWITCH **********************************/

/* Hide Checkbox */
input[type="checkbox"] {display: none; height: 0px;}

.switch-parent {
    margin-bottom: 0.5em !important;
    margin-left: 0.25em !important;
}

.switch-parent div.switch {float: left;}

.switch-parent span {
    vertical-align: -webkit-baseline-middle;
    position: relative;
    right: 0%;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    padding-right: 0em;
}

.switch-parent label {min-width: 6px; width: 100%;}

.switch {
  width: 48px;
  height: 25px;
  background-color: #e5e5e5;
  z-index: 500;
  margin: 0;
  margin-bottom: 0.5em;
  margin-left: 0px;
  margin-right: 15px;
  padding: 0;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -webkit-transform: translate(0%, 15%);
  -moz-transform: translate(0%, 15%);
  -ms-transform: translate(0%, 15%);
  -o-transform: translate(0%, 15%);
  transform: translate(0%, 15%);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.switch:before {
  content: ' ';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 46px;
  height: 23px;
  background-color: #f3f3f3;
  z-index: 1;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}

.switch:after {
  content: ' ';
  height: 23px;
  width: 23px;
  border-radius: 22px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 1px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-box-shadow: 0 2px 5px #999999;
  box-shadow: 0 2px 5px #999999;
}

.switchOn,.switchOn:before {
  background-color: #4cd964;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.switchOn:after {left: 24px !important;}

.switch-parent .ios-slide-switch, .switch-parent .ios-slide-text {display: inline-block; width: 100%;}

.switch-parent .ios-slide-text, .switch-parent .description {
  font-size: 90%;
  width: calc(100% - 65px);
  float: left;
  text-align: left;
  padding-top: 7px;
}

.switch-parent.back {
    margin-bottom: 1em;
    padding: 5px 15px 5px 15px;
    background-color: rgba(255,255,255,1.00);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/********************************** BUTTONS **********************************/

input.button, button, button.button, label.button, a.button {margin-bottom: 1rem;}

/* DEFAULT BUTTON (BLUE) */
button, button.button, input.button, label.button, a.button {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: auto;
    font-size: 1em;
    margin-bottom: 1em;
    padding: 0.75em 1.875em;
    padding-bottom: 0.75em !important;
    color: #ffffff;
    font-weight: 500;
    font-family: poppins, Verdana, Arial, Helvetica, sans-serif !important;
    background-color: #192942;
    border: 2px solid #192942;
    letter-spacing: 0.5px;
    text-align: center;
    vertical-align: baseline;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

button:hover, button.button:hover, input.button:hover, label.button:hover, a.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}

.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
    border: 2px solid #1B2B44;
    color: #1B2B44;
    /*background-color: rgba(0,0,0,0.2);*/
    backdrop-filter: blur(8px);
}

button.hollow:hover, button.hollow:focus, .button.hollow:hover, .button.hollow:focus {
    border: 2px solid #1B2B44;
    color: #ffffff;
    background-color: #1B2B44;
}

.button.hollow.white, .button.hollow.white.disabled, .button.hollow.white[disabled], .button.hollow.white.disabled:hover, .button.hollow.white[disabled]:hover, .button.hollow.white.disabled:focus, .button.hollow.white[disabled]:focus {
    border: 2px solid #ffffff;
    color: #ffffff;
    /*background-color: rgba(0,0,0,0.2);*/
    backdrop-filter: blur(8px);
}

button.hollow.white:hover, button.hollow.white:focus, .button.hollow.white:hover, .button.hollow.white:focus {
    color: #1B2B44;
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
    background-color: #ED1C24;
    border: 2px solid #ED1C24;
    color: #ffffff;
}

.button.alert:hover, .button.alert:focus {
    color: #ED1C24;
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

/*********** OFF CANVAS MENUS *************/

.hamburger.button {
    width: 50px;
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    padding: 0 0.5em !important;
    margin-left: 1em;
}

.hamburger.button:hover, .hamburger.button:focus {
 box-shadow: none;
}

.hamburger .stripe {
    width: 100%;
    height: 2px;
    margin-bottom: 8px;
    background-color: #ffffff;
}

.hamburger .stripe:last-child {
    margin-bottom: 0;
}

.hamburger:hover .stripe, .hamburger:focus .stripe {
    background-color: #ed1c24;
}

.off-canvas ul {
    margin-top: 1.65em;
}

.off-canvas ul li {
    height: auto;
    display: flex;
    padding: 0.5em;
}

.off-canvas ul li:hover, .off-canvas ul li:active, .off-canvas ul li:focus {
    background-color: #ffffff;
}

.off-canvas ul li > * {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.off-canvas ul li > a {
    color:  #1B2B44;
}


#twitter-feed {
  max-height: 80vh;
  overflow: scroll;
}

/*********** FORMS STYLING *************/

form > :first-child {margin-bottom: 1.6180339887498em !important;}

input, select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  color: #666666;
  text-align: left;
  background-color: #f3f3f3;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

/* HOVER HIGHLIGHT COLOR */
select:hover, select:focus {
    background-color: #f3f3f3;
    border-color: #ff6087;
}


/*********** OWL CAROUSEL *************/

.owl-dots {
    text-align: center;
    margin-bottom: 1.618033988749895em;
}

.owl-dots button.owl-dot {
  margin: 0 4px;
}

.owl-dots button.owl-dot:hover,
.owl-dots button.owl-dot:active,
.owl-dots button.owl-dot:focus {
  transform: translateY(0px);
  box-shadow: none;
}

.owl-dots button.owl-dot span {
  display: block;
  height: 16px;
  width: 16px;
  background-color: rgba(48, 121, 161, .5);
  border-radius: 10px;
}

.owl-dots button.owl-dot:hover span,
.owl-dots button.owl-dot:active span,
.owl-dots button.owl-dot:focus span {
  background-color: rgba(48, 121, 161, 1);
}

.owl-dots button.owl-dot.active span {
  background-color: #ED1C24;
}


/*=======================================
             END CSS - GLOBAL
=========================================*/


/*=======================================
               BREAKPOINTS
=========================================*/

/* 768px and above – Desktop */
@media only screen and (min-width: 769px) {

  .kill-on-desktop {display: none !important;}

}

/* 768px and below – Mobile */
@media only screen and (min-width: 10px) and (max-width: 768px) {

  .kill-on-mobile {display: none !important;}

  section {padding: 0em 1.5em 3em 1.5em;}

  .grid-container > section:first-child {
    padding-top: 3em;
  }

  .callout {padding: 1em 1em 2em 1em;}

}