/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html { line-height: 1.15; -webkit-text-size-adjust: 100% }
[class*="flex-"]{display:-webkit-box;display:-ms-flexbox;display:flex}
[class*="-col"]{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;-ms-flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
[class*="-row"]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-ms-flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}
[class*="-nowrap"]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}

body { margin: 0 }
main { display: block }
h1 { font-size: 2em; margin: .67em 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted }
b, strong { font-weight: bold }
code { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText }
fieldset { padding: .35em .75em .625em }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
 figure, h1, h2, h3, h4, h5, h6, hr { margin: 0 }
button { background-color: transparent; background-image: none; padding: 0 }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color }
fieldset { margin: 0; padding: 0 }
ol, ul { list-style: none; margin: 0; padding: 0 }
html { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5 }
*, ::after, ::before { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e2e8f0 }
hr { border-top-width: 1px }
img { border-style: solid }
textarea { resize: vertical }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a0aec0 }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #a0aec0 }
input::placeholder, textarea::placeholder { color: #a0aec0 }
 button { cursor: pointer }
table { border-collapse: collapse }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit }
a { color: inherit; text-decoration: inherit }
button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit }
code { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle }
img, video { max-width: 100%; height: auto }

.elem-right, .elem-left, .block { display: block }
.elem-right { float: right; margin: 0 0 30px 75px }
.elem-left { float: left; margin: 0 75px 30px 0 }
@media (max-width:800px) {
  main .elem-right, main .elem-left {  width: 100%; float: none; clear: both; margin: 0 auto }
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; width: 100%; height: 100%; left: 0; }
img { display: block; margin: 0 auto; max-width: 100%; }
.gmap { cursor: pointer; position: relative; }
.gmap iframe { pointer-events: none; display: block; width: 100%; }
.gmap.active iframe { pointer-events: all; }
@media screen and (max-width:860px) {
  .gmap iframe { height: 240px; }
}
@media (min-width: 600px){
    .two-col{column-count: 2;}
    .three-col{column-count: 3;}
}
/* Flexbox */
.flex-ed, .col-flex-ed { display: -webkit-box; display: -ms-flexbox; display: flex; }
.flex-ed { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.col-flex-ed { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
.stretch-ed { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.fill-ed { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
.h-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.v-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.sa { justify-content: space-around; }
.playing header { z-index: 1 }
[data-player].playing { z-index: 100; }

/* --- end foundation --- */
[data-player], [data-vimeo], [data-embed] { position: relative; }
[data-embed] .close, [data-vimeo] .close { background-color: #000; color: #fff; padding: 11px; text-transform: uppercase; }
[data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #464646; color: #fff; }
[data-embed] .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
[data-embed] .close { position: absolute; top: 0; right: 0; }
[data-embed] .close i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.vimeo[class*="elem-"], .youtube[class*="elem-"] { width: 440px; }
.youtube, .vimeo { position: relative; cursor: pointer; width: 100%; font-size: 0; }
.youtube:before, .vimeo:before, .vimeo:after, .youtube:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.vimeo:before, .youtube:before { content: ""; background-color: #fff; width: 40px; height: 40px; }
.vimeo:after, .youtube:after { font-size: 70px; color: #ff0000; font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80e"; }
.vimeo:after { color: rgb(0, 173, 239); }
.vimeo:hover:after, .youtube:hover:after { color: #4d4d4d; }
.vimeo.active:before, .vimeo.active:after, .youtube.active:before, .youtube.active:after { display: none; }


@charset "UTF-8";

/*!
 * Animate.css -http://daneden.me/animate
 * Version - 3.4.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2015 Daniel Eden
 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
  from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none; transform: none; }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none; transform: none; }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; transform: none; }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; transform: none; }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; transform: none; }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; transform: none; }
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft {
  from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
  from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
  from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight {
  from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
@keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
@-webkit-keyframes rotateIn {
  from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes rotateIn {
  from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
  from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}
@-webkit-keyframes slideInDown {
  from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInDown {
  from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
  from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInLeft {
  from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
  from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInRight {
  from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
  from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp {
  from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}



/* Tailwind */.border{border-width:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.clearfix:after{content:"";display:table;clear:both}.h-1{height:.25rem}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.resize{resize:both}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:#fff}.visible{visibility:visible}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}


.index-faq {
margin: 4rem auto;
text-align: center;
max-width: 1200px;
}

/* --- invisalign promo page --- */
.page_invisalign-promotion-new #page-title {display:none;}
.page_invisalign-promotion-new main {padding: 0;max-width: 100%;margin: 0;}
#invisalign-promo-container {background-color: #fff;display: flex;justify-content: space-between;}
#invisalign-promo-container h2 {margin-bottom: 15px;}
#invisalign-promo-container > * {flex: 50%;}
#invisalign-promo-container article {align-self:center;padding: 0 50px;}
#invisalign-promo-container li {font-size: 24px;margin: 20px 0;padding-left: 50px;}
#invisalign-promo-container li:before {padding-top: 10px;}
#invisalign-promo-container span {color: #0C277A;font-weight: bold;font-size: 32px;}
#invis-promo-call {background-color: #002980;text-align: center;padding: 50px 0;}
#invis-promo-call h2 {color: #fff;font-size: 62px;}
#invis-promo-call > div span {color: #55DE2C;font-size: 40px;font-weight: bold;}
#invis-promo-call > div span a {color: #fff;}
#invis-form {display:none;padding: 50px;max-width: 700px;border-radius: 30px;}
#invis-form form > input, #invis-form form > select, #invis-form form > textarea {background: transparent; border-bottom: 1px solid rgba(112, 112, 112, 0.6); width: 100%;margin-bottom: 10px;}
#invis-form .input-split {display:flex;}
#invis-form .input-split input {background: transparent;flex: 50%;border-bottom: 1px solid rgba(112, 112, 112, 0.6);}
#invis-form .input-split input:first-of-type {margin-right: 20px;}
#invis-form input::placeholder, #invis-form textarea::placeholder, #invis-form select {color: #0C277A;opacity: 1;}
#invis-form select {padding: 5px 0;}
#invis-form form {text-align:center;}
#invis-form form > input, #invis-form form > div, #invis-form form > select, #invis-form form > textarea {margin-bottom: 20px;}
#invis-form form > p {font-size: 14px;}
.invis-banner-top-copy {position:absolute; z-index:99; color:white; right: 8%; top: 7%; font-size: 24px; text-align: center;}


@media (max-width: 1024px) {
    .page_invisalign-promotion-new main {padding-top: 111px;}
    .page_invisalign-promotion-new .main-img {display:none;}
    #invisalign-promo-container {flex-wrap:wrap;}
    #invisalign-promo-container > * {flex: 0 1 100%;}
    #invisalign-promo-container article {padding: 50px 20px;text-align:center;}
    #invisalign-promo-container span {font-size: 24px;}
.invis-banner-top-copy {position:initial; z-index:99; color:black; right: 8%; top: 7%; font-size: 24px; text-align: center;margin: 20px 0;}
}
@media (min-width: 767px) and (max-width: 1024px) {
    #invisalign-promo-container ul {max-width: 500px;margin: auto;}
}




.off {pointer-events: none;}

.service-icons {display: flex; justify-content: center; text-align: center; flex-wrap: wrap; margin: 20px auto; 
    h3 {margin: 5px auto; font-size: 22px; line-height: 1.1;}
    > * {padding: 5px; flex:0 1 180px; margin: 10px auto;display: block;}
  a { color: $text;text-decoration: none;
    &:hover {
        .icon .ic-color {fill: $primary;} 
      h3 {color: $primary;}
    }
  }
}

.ic-color {fill: $secondary}
.sv-icon {height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.service-icons > a { margin: 0 24px; }

.has-h3 {clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}
.has-h3 h3 {margin: 0 auto 10px;text-align: left;}
@media (max-width: 750px) {
 .has-h3, .has-h3 h3 {text-align: center;}
}

/*==================== Modal ================*/

#lean_overlay {padding: 10px; position: fixed; z-index:1100; top: 0; left: 0; height:100%; width:100%; background: rgba(0,0,0,.9); display: none; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; overflow: scroll; }




.modal-content { display: none; -webkit-box-flex: 0;-ms-flex: 0 1 97%;flex: 0 1 97%;border-radius: 8px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  max-width: 1000px;-webkit-box-sizing: border-box; box-sizing: border-box; position: relative;text-align: center;  width: 93%;  max-height: calc(100vh - 80px); overflow: auto;
  
          h3 {text-align: center;font-size: 26px;margin: 15px 0 10px}
        .has_btns {display: flex; justify-content: center; flex-wrap: wrap;}
        .btn {margin: 5px; min-width: 430px;}

  
    .buttons {display: flex;flex-wrap: wrap;justify-content: center;}
    .buttons > p {margin: 5px}

    }

    .modal-close { position: absolute; right:0; top:0; margin: 5px; z-index:1002; cursor:pointer;  color: $secondary; line-height: 1;
        span {display: none;}
        i { position: relative; color:$secondary; font-style: normal; padding-bottom: 4px;
            &:before { font-size: 40px;content: '\00d7'}
        }
         &:hover i {color: #555; }
    }


    .modal-content .has_btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .modal-content .btn{margin:5px;min-width:350px}



.lean-vid a {
    display: block;
    padding: 5px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #002980;
}

.lean-vid a:hover {
    background-color: #64a70b;
    color: #fff;
}

#lean_overlay {
    padding: 10px;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    overflow: scroll;
}

.modal-content {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 97%;
    flex: 0 1 97%;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    max-width: 1000px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    width: 93%;
    max-height: calc(100vh - 80px);
    overflow-y: scroll;
    padding: 10px 20px;
    overflow-x: hidden;
}

.modal-content h3 {
    text-align: center;
    font-size: 26px;
    margin: 15px 0 10px;
}

.modal-content .has_btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.modal-content .btn {
    margin: 5px;
    min-width: 430px;
}

.modal-content .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.modal-content .buttons>p {
    margin: 5px;
}

.vid-content.modal-content .modal-close {
   position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  color: #fff;
  z-index: 1002;
  border-radius: 50%;
  border: 2px solid white;
  background: #000;
  cursor: pointer;
  transform-origin: center center;
  transform: none;
  margin: 0;
  text-align: center;
  font: normal 28px/30px Arial;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-close span {
    display: none;
}

.modal-close i {
    position: relative;
    color: #002980;
    font-style: normal;
    padding-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content i:before {
    content: "x";
    color: #fff;
    font-weight: bold;
    font-size: 30px;
bottom: 2px;
position: relative;
}

.modal-close:hover i {
    color: #555;
}

.modal-content .has_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal-content .btn {
    margin: 5px;
    min-width: 350px;
}

.vid-content {
    max-width: 860px;
    background-color: #000;
}

@media screen and (max-width:750px) {
    .modal-close {
        right: 10px;
    }
}