@import url("https://use.typekit.net/oak0qwm.css");

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

body {
    background-color: #EFEFEF;
    margin: 0;
    color: #282224;
    font-family: "open-sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

::selection {
    background: #282224;
    color: #FFFFFF;
}

@media only screen and (min-width: 640px) {
    body {
        margin-top: 73px;
    }
}

p {
    margin-top: 0;
    margin-bottom: 24px;
}

p:last-child {
    margin-bottom: 0;
}

.text-smaller { font-size: 14px; }
.text-larger { font-size: 20px; }

@media only screen and (max-width: 640px) {

    .text-larger { font-size: 18px; }

}

.text-gray { color: #6E6E6E; }
.text-white { color: #FFFFFF; }

a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #282224;
    text-decoration: none;
    position: relative;
    opacity: 1;
    border-bottom: 1px solid #282224;
}

a.text-white {
    border-color: #FFFFFF;
}

a.link-no-underline {
    border-bottom: none;
}

a:not(.btn):hover {
    opacity: 0.5;
}

header a {
    border-bottom: 0;
}

header a.is-active.is-active {
    opacity: 1;
    font-weight: 600;
}

header a:before {

    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;

}

header a.is-active--animated:before {
    animation: navColorChange 27s infinite linear;
}

header a.is-active:before {
    background: #282224;
}

@media only screen and (min-width: 640px) {
    header {
        position: fixed;
        top: 0;
        z-index: 1;
    }
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: 100;
    font-family: "adobe-text-pro", TimesNewRoman, Georgia, serif;
}

h2, h3, h4, h5, h6 { line-height: 1.2; }

h1 {
    font-size: 36px;
    line-height: 1.2;
}

h2 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }

h6 { 
    font-size: 13px;
    font-family: "open-sans", sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 640px) {
    h1 { font-size: 28px; }
    h3 { font-size: 24px; }
    h4 { font-size: 20px; }
    h5 { font-size: 18px; }
}

.screen-reader-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.hr-divider {
    width: 60px;
    height: 4px;
    background: #282224;
    margin: 96px 0;
    border: 0;
}

.bullet {
    width: 8px;
    height: 8px;
    background: #282224;
    border-radius: 100%;
}

.connected-bullets {
    position: relative;
}

.connected-bullets:after {
    content: "";
    position: absolute;
    top: 22px;
    bottom: 22px;
    left: 3px;
    width: 2px;
    background: #282224;

}

.card-link {
    border-radius: 16px;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.2);
}

.card-link {
    border-bottom: none;
    background: #FFFFFF;
    overflow: hidden;
    display: block;
}

.card-link:hover.card-link:hover, .card-link:focus.card-link:focus {
    opacity: 1;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.6);
}

.card-link:active.card-link:active {
    opacity: 1;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.4);
}

.card-link.disabled {
    box-shadow: none;
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.card-link.disabled:hover.card-link.disabled:hover,
.card-link.disabled:focus.card-link.disabled:focus,
.card-link.disabled:active.card-link.disabled:active {
    box-shadow: none;
}

.max-width-300px {
    max-width: 300px;
}

.badge {
    border-radius: 9px;
    padding: 4px 6px;
    display: inline-block;
}

.badge--gray { background: #EFEFEF; }

.badge--white { background: #FFFFFF; }

.badge--semi-trabsparent {
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

.badge--small { font-size: 13px }

.shape-container:hover .shape-1,
.shape-1.was-tapped {
    border-radius: 50%;
}

.shape-container:hover .shape-2,
.shape-2.was-tapped {
    border-radius: 16px;
}

.shape-1,
.shape-2 {
    -webkit-transition: border-radius 0.5s cubic-bezier(.71,0,.16,1.43);
    -moz-transition: border-radius 0.5s cubic-bezier(.71,0,.16,1.43);
    -o-transition: border-radius 0.5s cubic-bezier(.71,0,.16,1.43);
    transition: border-radius 0.5s cubic-bezier(.71,0,.16,1.43);
    width: 90px;
    height: 90px;
    background: #282224;
}

.shape-1 {
    border-radius: 16px;
    overflow: hidden;
}

.shape-2 {
    border-radius: 50%;
}

.overlap {
    background: #FFFFFF;
}

.offset-40px {
    top: 40px;
    left: 40px;
}

.animated-rotate {
    animation: rotate 3s infinite linear;
}

.animated-colorchange {
    animation: colorChange 27s infinite linear;
}

.animated-colorchangeoverlap {
    animation: colorChangeOverlap 27s infinite linear;
}

.animated-slide-in-up {
    animation: slide-in-up forwards 0.5s ease;
}

.animated-slide-in-down {
    animation: slide-in-down forwards 0.5s ease;
}

.animated-slide-out-up {
    animation: slide-out-up forwards 0.5s ease;
}

.animated-slide-out-down {
    animation: slide-out-down forwards 0.5s ease;
}

.animated-appear {
    animation: appear forwards 0.5s ease;
}

.animated-disappear {
    animation: disappear forwards 0.5s ease;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
                   translate(-3px)
                   rotate(0deg);
    }
    100% {
        transform: rotate(360deg)
                   translate(-3px)
                   rotate(-360deg);
    }
}



@keyframes navColorChange {
    0% { background: #282224; }
    19% { background: #282224; }
    20% { background: linear-gradient(to left, #5A6A96, #5A6A96 50%, #6EBA98 50%, #6EBA98); }
    39% { background: linear-gradient(to left, #5A6A96, #5A6A96 50%, #6EBA98 50%, #6EBA98); }
    40% { background: linear-gradient(to left, #FFBD39, #FFBD39 50%, #FF5A39 50%, #FF5A39); }
    59% { background: linear-gradient(to left, #FFBD39, #FFBD39 50%, #FF5A39 50%, #FF5A39); }
    60% { background: linear-gradient(to left, #FF5A39, #FF5A39 50%, #5A6A96 50%, #5A6A96); }
    79% { background: linear-gradient(to left, #FF5A39, #FF5A39 50%, #5A6A96 50%, #5A6A96); }
    80% { background: linear-gradient(to left, #6EBA98, #6EBA98 50%, #FFBD39 50%, #FFBD39); }
    99% { background: linear-gradient(to left, #6EBA98, #6EBA98 50%, #FFBD39 50%, #FFBD39); }
    100% { background: #282224; }
}

@keyframes colorChange {
    0% { background: #282224; }
    19% { background: #282224; }
    20% { background: #5A6A96; }
    39% { background: #5A6A96; }
    40% { background: #FFBD39; }
    59% { background: #FFBD39; }
    60% { background: #FF5A39; }
    79% { background: #FF5A39; }
    80% { background: #6EBA98; }
    99% { background: #6EBA99; }
    100% { background: #282224; }
}

@keyframes colorChangeOverlap {
    0% { background: #FFFFFF; }
    19% { background: #FFFFFF; }
    20% { background: #6EBA98; }
    39% { background: #6EBA98; }
    40% { background: #FF5A39; }
    59% { background: #FF5A39; }
    60% { background: #5A6A96; }
    79% { background: #5A6A96; }
    80% { background: #FFBD39; }
    98% { background: #FFBD39; }
    100% { background: #FFFFFF; }
}

@keyframes slide-in-up {

    0% {
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }

}

@keyframes slide-in-down {

    0% {
        transform: translateY(-40px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }

}

@keyframes slide-out-up {

    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(-40px);
        opacity: 0;
    }

}

@keyframes slide-out-down {

    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(40px);
        opacity: 0;
    }

}

@keyframes appear {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

@keyframes disappear {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}

/* Icon button */
.btn--icon {
    display:inline-block;
    border: none;
    position: relative;
    display: block;
    background: transparent;
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 100px;
}

.btn--icon:after {
    content: "";
    position: absolute;
    background: #282224;
    border-radius: inherit;
    width: inherit;
    height: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: scale(0.2);
    transition: transform 250ms cubic-bezier(0.345, 0.115, 0.135, 1.420), opacity 250ms ease-out;
}

.btn--icon:hover,.btn--icon:focus {
    opacity: 1;
}

.btn--icon:hover:after, .btn--icon:focus:after {
    opacity: 0.12;
    transform: scale(1);
}

.btn--icon:active:after {
    opacity: 0.17;
    transform: scale(0.96);
}

.btn--icon--large {
    width: 72px;
    height: 72px;
}

.btn--icon--light {
    background: rgba(0, 0, 0, 0.2);
}

.btn--icon--light:after {
    background: #FFFFFF;
}

.btn--icon--light:hover:after, .btn--icon--light:focus:after {
    opacity: 0.22;
}

.btn--icon--light:active:after {
    opacity: 0.32;
}

.btn--back-arrow {
    margin-left: -12px;
}

.back-arrow-icon {
    display: block;
    position: relative;
    height: 2px;
    width: 12px;
    background: #282224;
}

.back-arrow-icon:before, .back-arrow-icon:after {
    content:"";
    position: absolute;
    height: 2px;
    width: 8px;
    background: inherit;
    left: 0;
    transform-origin: left;
}

.back-arrow-icon:before {
    transform: rotate(45deg);
    top: -1px;
}

.back-arrow-icon:after {
    transform: rotate(-45deg);
    top: 1px;
}

/* Presentation view */

.presentation-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 100;
    align-items: center;
}

.image-container {
    max-width: 100%;
    max-height: 100%;
    display: flex;
}

.image-container img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.cycle-slideshow {
    width: 100vw;
}

.cycle-prev, .cycle-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 101;
    cursor: pointer;
}

.cycle-prev { left: 0; }

.cycle-next { right: 0; }

/* Close button */

.close-icon__element {
    display: block;
    position: relative;
    background: #FFFFFF;
    /* Give space to click target*/
    top: -1px;
    left: 50%;
    margin-left: -7px;
}

.close-icon__element:before, .close-icon__element:after {
    content:"";
    position: absolute;
    height: 2px;
    width: 20px;
    background: inherit;
    left: 0;
    transform-origin: left;
}

.close-icon__element:before {
    transform: rotate(45deg);
    top: -7px;
}

.close-icon__element:after {
    transform: rotate(-45deg);
    top: 7px;
}

/* Grid */

.col-group {
    float: none;
    position: relative;
}

.col-group:before, .col-group:after {
    content: " ";
    display: table;
}

.col-group:after {
    clear: both;
}

[class*='col-xs-'], [class*='col-sm-'], [class*='col-md-'], [class*='col-lg-'], [class*='col-xl-'] {
    float: left;
    width: 100%;
}

@media only screen and (min-width: 0) {
    .col-xs-1 { width: 8.3333%; }

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 480px) {
    .col-sm-1 { width: 8.3333%; }

    .col-sm-2 { width: 16.6667%; }

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

    .col-sm-4 { width: 33.3333%; }

    .col-sm-5 { width: 41.6667%; }

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

    .col-sm-7 { width: 58.3333%; }

    .col-sm-8 { width: 66.6667%; }

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

    .col-sm-10 { width: 83.3333%; }

    .col-sm-11 { width: 91.6667%; }

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

@media only screen and (min-width: 640px) {
    .col-md-1 { width: 8.3333%; }

    .col-md-2 { width: 16.6667%; }

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

    .col-md-4 { width: 33.3333%; }

    .col-md-5 { width: 41.6667%; }

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

    .col-md-7 { width: 58.3333%; }

    .col-md-8 { width: 66.6667%; }

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

    .col-md-10 { width: 83.3333%; }

    .col-md-11 { width: 91.6667%; }

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

@media only screen and (min-width: 900px) {
    .col-lg-1 { width: 8.3333%; }

    .col-lg-2 { width: 16.6667%; }

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

    .col-lg-4 { width: 33.3333%; }

    .col-lg-5 { width: 41.6667%; }

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

    .col-lg-7 { width: 58.3333%; }

    .col-lg-8 { width: 66.6667%; }

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

    .col-lg-10 { width: 83.3333%; }

    .col-lg-11 { width: 91.6667%; }

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

@media only screen and (min-width: 1200px) {
    .col-xl-1 { width: 8.3333%; }

    .col-xl-2 { width: 16.6667%; }

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

    .col-xl-4 { width: 33.3333%; }

    .col-xl-5 { width: 41.6667%; }

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

    .col-xl-7 { width: 58.3333%; }

    .col-xl-8 { width: 66.6667%; }

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

    .col-xl-10 { width: 83.3333%; }

    .col-xl-11 { width: 91.6667%; }

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

@media only screen and (min-width: 1680px) {
    .col-tv-1 { width: 8.3333%; }

    .col-tv-2 { width: 16.6667%; }

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

    .col-tv-4 { width: 33.3333%; }

    .col-tv-5 { width: 41.6667%; }

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

    .col-tv-7 { width: 58.3333%; }

    .col-tv-8 { width: 66.6667%; }

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

    .col-tv-10 { width: 83.3333%; }

    .col-tv-11 { width: 91.6667%; }

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

.col-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.col-offset {
    float: right;
}

/* Flag */

.flag {
    display: flex;
    align-items: center;
}

.flag-img { padding-right: 12px; }

.flag-img.flag-img--right {
    padding-left: 12px;
    padding-right: 0;
}

.flag-body { width: 100%; }

/* Margin and padding */

@media only screen and (min-width: 0) {

    .m-xs-0 { margin: 0px; }
    .m-xs-1 { margin: 6px; }
    .m-xs-2 { margin: 12px; }
    .m-xs-3 { margin: 18px; }
    .m-xs-4 { margin: 24px; }
    .m-xs-5 { margin: 30px; }
    .m-xs-6 { margin: 42px; }
    .m-xs-7 { margin: 48px; }
    .m-xs-8 { margin: 54px; }
    .m-xs-9 { margin: 60px; }
    .m-xs-10 { margin: 66px; }

    .mt-xs-0 { margin-top: 0px; }
    .mt-xs-1 { margin-top: 6px; }
    .mt-xs-2 { margin-top: 12px; }
    .mt-xs-3 { margin-top: 18px; }
    .mt-xs-4 { margin-top: 24px; }
    .mt-xs-5 { margin-top: 30px; }
    .mt-xs-6 { margin-top: 36px; }
    .mt-xs-7 { margin-top: 48px; }
    .mt-xs-8 { margin-top: 54px; }
    .mt-xs-9 { margin-top: 60px; }
    .mt-xs-10 { margin-top: 66px; }

    .mr-xs-0 { margin-right: 0px; }
    .mr-xs-1 { margin-right: 6px; }
    .mr-xs-2 { margin-right: 12px; }
    .mr-xs-3 { margin-right: 18px; }
    .mr-xs-4 { margin-right: 24px; }
    .mr-xs-5 { margin-right: 30px; }
    .mr-xs-6 { margin-right: 36px; }
    .mr-xs-7 { margin-right: 48px; }
    .mr-xs-8 { margin-right: 54px; }
    .mr-xs-9 { margin-right: 60px; }
    .mr-xs-10 { margin-right: 66px; }

    .mb-xs-0 { margin-bottom: 0px; }
    .mb-xs-1 { margin-bottom: 6px; }
    .mb-xs-2 { margin-bottom: 12px; }
    .mb-xs-3 { margin-bottom: 18px; }
    .mb-xs-4 { margin-bottom: 24px; }
    .mb-xs-5 { margin-bottom: 30px; }
    .mb-xs-6 { margin-bottom: 36px; }
    .mb-xs-7 { margin-bottom: 48px; }
    .mb-xs-8 { margin-bottom: 54px; }
    .mb-xs-9 { margin-bottom: 60px; }
    .mb-xs-10 { margin-bottom: 66px; }

    .ml-xs-0 { margin-left: 0px; }
    .ml-xs-1 { margin-left: 6px; }
    .ml-xs-2 { margin-left: 12px; }
    .ml-xs-3 { margin-left: 18px; }
    .ml-xs-4 { margin-left: 24px; }
    .ml-xs-5 { margin-left: 30px; }
    .ml-xs-6 { margin-left: 36px; }
    .ml-xs-7 { margin-left: 48px; }
    .ml-xs-8 { margin-left: 54px; }
    .ml-xs-9 { margin-left: 60px; }
    .ml-xs-10 { margin-left: 66px; }

    .p-xs-0 { padding: 0px; }
    .p-xs-1 { padding: 6px; }
    .p-xs-2 { padding: 12px; }
    .p-xs-3 { padding: 18px; }
    .p-xs-4 { padding: 24px; }
    .p-xs-5 { padding: 30px; }
    .p-xs-6 { padding: 36px; }
    .p-xs-7 { padding: 48px; }
    .p-xs-8 { padding: 54px; }
    .p-xs-9 { padding: 60px; }
    .p-xs-10 { padding: 66px; }

    .pt-xs-0 { padding-top: 0px; }
    .pt-xs-1 { padding-top: 6px; }
    .pt-xs-2 { padding-top: 12px; }
    .pt-xs-3 { padding-top: 18px; }
    .pt-xs-4 { padding-top: 24px; }
    .pt-xs-5 { padding-top: 30px; }
    .pt-xs-6 { padding-top: 36px; }
    .pt-xs-7 { padding-top: 48px; }
    .pt-xs-8 { padding-top: 54px; }
    .pt-xs-9 { padding-top: 60px; }
    .pt-xs-10 { padding-top: 66px; }

    .pr-xs-0 { padding-right: 0px; }
    .pr-xs-1 { padding-right: 6px; }
    .pr-xs-2 { padding-right: 12px; }
    .pr-xs-3 { padding-right: 18px; }
    .pr-xs-4 { padding-right: 24px; }
    .pr-xs-5 { padding-right: 30px; }
    .pr-xs-6 { padding-right: 36px; }
    .pr-xs-7 { padding-right: 48px; }
    .pr-xs-8 { padding-right: 54px; }
    .pr-xs-9 { padding-right: 60px; }
    .pr-xs-10 { padding-right: 66px; }

    .pb-xs-0 { padding-bottom: 0px; }
    .pb-xs-1 { padding-bottom: 6px; }
    .pb-xs-2 { padding-bottom: 12px; }
    .pb-xs-3 { padding-bottom: 18px; }
    .pb-xs-4 { padding-bottom: 24px; }
    .pb-xs-5 { padding-bottom: 30px; }
    .pb-xs-6 { padding-bottom: 36px; }
    .pb-xs-7 { padding-bottom: 48px; }
    .pb-xs-8 { padding-bottom: 54px; }
    .pb-xs-9 { padding-bottom: 60px; }
    .pb-xs-10 { padding-bottom: 66px; }

    .pl-xs-0 { padding-left: 0px; }
    .pl-xs-1 { padding-left: 6px; }
    .pl-xs-2 { padding-left: 12px; }
    .pl-xs-3 { padding-left: 18px; }
    .pl-xs-4 { padding-left: 24px; }
    .pl-xs-5 { padding-left: 30px; }
    .pl-xs-6 { padding-left: 36px; }
    .pl-xs-7 { padding-left: 48px; }
    .pl-xs-8 { padding-left: 54px; }
    .pl-xs-9 { padding-left: 60px; }
    .pl-xs-10 { padding-left: 66px; }
}

@media only screen and (min-width: 480px) {

    .m-sm-0 { margin: 0px; }
    .m-sm-1 { margin: 6px; }
    .m-sm-2 { margin: 12px; }
    .m-sm-3 { margin: 18px; }
    .m-sm-4 { margin: 24px; }
    .m-sm-5 { margin: 30px; }
    .m-sm-6 { margin: 42px; }
    .m-sm-7 { margin: 48px; }
    .m-sm-8 { margin: 54px; }
    .m-sm-9 { margin: 60px; }
    .m-sm-10 { margin: 66px; }

    .mt-sm-0 { margin-top: 0px; }
    .mt-sm-1 { margin-top: 6px; }
    .mt-sm-2 { margin-top: 12px; }
    .mt-sm-3 { margin-top: 18px; }
    .mt-sm-4 { margin-top: 24px; }
    .mt-sm-5 { margin-top: 30px; }
    .mt-sm-6 { margin-top: 36px; }
    .mt-sm-7 { margin-top: 48px; }
    .mt-sm-8 { margin-top: 54px; }
    .mt-sm-9 { margin-top: 60px; }
    .mt-sm-10 { margin-top: 66px; }

    .mr-sm-0 { margin-right: 0px; }
    .mr-sm-1 { margin-right: 6px; }
    .mr-sm-2 { margin-right: 12px; }
    .mr-sm-3 { margin-right: 18px; }
    .mr-sm-4 { margin-right: 24px; }
    .mr-sm-5 { margin-right: 30px; }
    .mr-sm-6 { margin-right: 36px; }
    .mr-sm-7 { margin-right: 48px; }
    .mr-sm-8 { margin-right: 54px; }
    .mr-sm-9 { margin-right: 60px; }
    .mr-sm-10 { margin-right: 66px; }

    .mb-sm-0 { margin-bottom: 0px; }
    .mb-sm-1 { margin-bottom: 6px; }
    .mb-sm-2 { margin-bottom: 12px; }
    .mb-sm-3 { margin-bottom: 18px; }
    .mb-sm-4 { margin-bottom: 24px; }
    .mb-sm-5 { margin-bottom: 30px; }
    .mb-sm-6 { margin-bottom: 36px; }
    .mb-sm-7 { margin-bottom: 48px; }
    .mb-sm-8 { margin-bottom: 54px; }
    .mb-sm-9 { margin-bottom: 60px; }
    .mb-sm-10 { margin-bottom: 66px; }

    .ml-sm-0 { margin-left: 0px; }
    .ml-sm-1 { margin-left: 6px; }
    .ml-sm-2 { margin-left: 12px; }
    .ml-sm-3 { margin-left: 18px; }
    .ml-sm-4 { margin-left: 24px; }
    .ml-sm-5 { margin-left: 30px; }
    .ml-sm-6 { margin-left: 36px; }
    .ml-sm-7 { margin-left: 48px; }
    .ml-sm-8 { margin-left: 54px; }
    .ml-sm-9 { margin-left: 60px; }
    .ml-sm-10 { margin-left: 66px; }

    .p-sm-0 { padding: 0px; }
    .p-sm-1 { padding: 6px; }
    .p-sm-2 { padding: 12px; }
    .p-sm-3 { padding: 18px; }
    .p-sm-4 { padding: 24px; }
    .p-sm-5 { padding: 30px; }
    .p-sm-6 { padding: 36px; }
    .p-sm-7 { padding: 48px; }
    .p-sm-8 { padding: 54px; }
    .p-sm-9 { padding: 60px; }
    .p-sm-10 { padding: 66px; }

    .pt-sm-0 { padding-top: 0px; }
    .pt-sm-1 { padding-top: 6px; }
    .pt-sm-2 { padding-top: 12px; }
    .pt-sm-3 { padding-top: 18px; }
    .pt-sm-4 { padding-top: 24px; }
    .pt-sm-5 { padding-top: 30px; }
    .pt-sm-6 { padding-top: 36px; }
    .pt-sm-7 { padding-top: 48px; }
    .pt-sm-8 { padding-top: 54px; }
    .pt-sm-9 { padding-top: 60px; }
    .pt-sm-10 { padding-top: 66px; }

    .pr-sm-0 { padding-right: 0px; }
    .pr-sm-1 { padding-right: 6px; }
    .pr-sm-2 { padding-right: 12px; }
    .pr-sm-3 { padding-right: 18px; }
    .pr-sm-4 { padding-right: 24px; }
    .pr-sm-5 { padding-right: 30px; }
    .pr-sm-6 { padding-right: 36px; }
    .pr-sm-7 { padding-right: 48px; }
    .pr-sm-8 { padding-right: 54px; }
    .pr-sm-9 { padding-right: 60px; }
    .pr-sm-10 { padding-right: 66px; }

    .pb-sm-0 { padding-bottom: 0px; }
    .pb-sm-1 { padding-bottom: 6px; }
    .pb-sm-2 { padding-bottom: 12px; }
    .pb-sm-3 { padding-bottom: 18px; }
    .pb-sm-4 { padding-bottom: 24px; }
    .pb-sm-5 { padding-bottom: 30px; }
    .pb-sm-6 { padding-bottom: 36px; }
    .pb-sm-7 { padding-bottom: 48px; }
    .pb-sm-8 { padding-bottom: 54px; }
    .pb-sm-9 { padding-bottom: 60px; }
    .pb-sm-10 { padding-bottom: 66px; }

    .pl-sm-0 { padding-left: 0px; }
    .pl-sm-1 { padding-left: 6px; }
    .pl-sm-2 { padding-left: 12px; }
    .pl-sm-3 { padding-left: 18px; }
    .pl-sm-4 { padding-left: 24px; }
    .pl-sm-5 { padding-left: 30px; }
    .pl-sm-6 { padding-left: 36px; }
    .pl-sm-7 { padding-left: 48px; }
    .pl-sm-8 { padding-left: 54px; }
    .pl-sm-9 { padding-left: 60px; }
    .pl-sm-10 { padding-left: 66px; }
}

@media only screen and (min-width: 640px) {

    .m-md-0 { margin: 0px; }
    .m-md-1 { margin: 6px; }
    .m-md-2 { margin: 12px; }
    .m-md-3 { margin: 18px; }
    .m-md-4 { margin: 24px; }
    .m-md-5 { margin: 30px; }
    .m-md-6 { margin: 42px; }
    .m-md-7 { margin: 48px; }
    .m-md-8 { margin: 54px; }
    .m-md-9 { margin: 60px; }
    .m-md-10 { margin: 66px; }

    .mt-md-0 { margin-top: 0px; }
    .mt-md-1 { margin-top: 6px; }
    .mt-md-2 { margin-top: 12px; }
    .mt-md-3 { margin-top: 18px; }
    .mt-md-4 { margin-top: 24px; }
    .mt-md-5 { margin-top: 30px; }
    .mt-md-6 { margin-top: 36px; }
    .mt-md-7 { margin-top: 48px; }
    .mt-md-8 { margin-top: 54px; }
    .mt-md-9 { margin-top: 60px; }
    .mt-md-10 { margin-top: 66px; }

    .mr-md-0 { margin-right: 0px; }
    .mr-md-1 { margin-right: 6px; }
    .mr-md-2 { margin-right: 12px; }
    .mr-md-3 { margin-right: 18px; }
    .mr-md-4 { margin-right: 24px; }
    .mr-md-5 { margin-right: 30px; }
    .mr-md-6 { margin-right: 36px; }
    .mr-md-7 { margin-right: 48px; }
    .mr-md-8 { margin-right: 54px; }
    .mr-md-9 { margin-right: 60px; }
    .mr-md-10 { margin-right: 66px; }

    .mb-md-0 { margin-bottom: 0px; }
    .mb-md-1 { margin-bottom: 6px; }
    .mb-md-2 { margin-bottom: 12px; }
    .mb-md-3 { margin-bottom: 18px; }
    .mb-md-4 { margin-bottom: 24px; }
    .mb-md-5 { margin-bottom: 30px; }
    .mb-md-6 { margin-bottom: 36px; }
    .mb-md-7 { margin-bottom: 48px; }
    .mb-md-8 { margin-bottom: 54px; }
    .mb-md-9 { margin-bottom: 60px; }
    .mb-md-10 { margin-bottom: 66px; }

    .ml-md-0 { margin-left: 0px; }
    .ml-md-1 { margin-left: 6px; }
    .ml-md-2 { margin-left: 12px; }
    .ml-md-3 { margin-left: 18px; }
    .ml-md-4 { margin-left: 24px; }
    .ml-md-5 { margin-left: 30px; }
    .ml-md-6 { margin-left: 36px; }
    .ml-md-7 { margin-left: 48px; }
    .ml-md-8 { margin-left: 54px; }
    .ml-md-9 { margin-left: 60px; }
    .ml-md-10 { margin-left: 66px; }

    .p-md-0 { padding: 0px; }
    .p-md-1 { padding: 6px; }
    .p-md-2 { padding: 12px; }
    .p-md-3 { padding: 18px; }
    .p-md-4 { padding: 24px; }
    .p-md-5 { padding: 30px; }
    .p-md-6 { padding: 36px; }
    .p-md-7 { padding: 48px; }
    .p-md-8 { padding: 54px; }
    .p-md-9 { padding: 60px; }
    .p-md-10 { padding: 66px; }

    .pt-md-0 { padding-top: 0px; }
    .pt-md-1 { padding-top: 6px; }
    .pt-md-2 { padding-top: 12px; }
    .pt-md-3 { padding-top: 18px; }
    .pt-md-4 { padding-top: 24px; }
    .pt-md-5 { padding-top: 30px; }
    .pt-md-6 { padding-top: 36px; }
    .pt-md-7 { padding-top: 48px; }
    .pt-md-8 { padding-top: 54px; }
    .pt-md-9 { padding-top: 60px; }
    .pt-md-10 { padding-top: 66px; }

    .pr-md-0 { padding-right: 0px; }
    .pr-md-1 { padding-right: 6px; }
    .pr-md-2 { padding-right: 12px; }
    .pr-md-3 { padding-right: 18px; }
    .pr-md-4 { padding-right: 24px; }
    .pr-md-5 { padding-right: 30px; }
    .pr-md-6 { padding-right: 36px; }
    .pr-md-7 { padding-right: 48px; }
    .pr-md-8 { padding-right: 54px; }
    .pr-md-9 { padding-right: 60px; }
    .pr-md-10 { padding-right: 66px; }

    .pb-md-0 { padding-bottom: 0px; }
    .pb-md-1 { padding-bottom: 6px; }
    .pb-md-2 { padding-bottom: 12px; }
    .pb-md-3 { padding-bottom: 18px; }
    .pb-md-4 { padding-bottom: 24px; }
    .pb-md-5 { padding-bottom: 30px; }
    .pb-md-6 { padding-bottom: 36px; }
    .pb-md-7 { padding-bottom: 48px; }
    .pb-md-8 { padding-bottom: 54px; }
    .pb-md-9 { padding-bottom: 60px; }
    .pb-md-10 { padding-bottom: 66px; }

    .pl-md-0 { padding-left: 0px; }
    .pl-md-1 { padding-left: 6px; }
    .pl-md-2 { padding-left: 12px; }
    .pl-md-3 { padding-left: 18px; }
    .pl-md-4 { padding-left: 24px; }
    .pl-md-5 { padding-left: 30px; }
    .pl-md-6 { padding-left: 36px; }
    .pl-md-7 { padding-left: 48px; }
    .pl-md-8 { padding-left: 54px; }
    .pl-md-9 { padding-left: 60px; }
    .pl-md-10 { padding-left: 66px; }
}

@media only screen and (min-width: 900px) {

    .m-lg-0 { margin: 0px; }
    .m-lg-1 { margin: 6px; }
    .m-lg-2 { margin: 12px; }
    .m-lg-3 { margin: 18px; }
    .m-lg-4 { margin: 24px; }
    .m-lg-5 { margin: 30px; }
    .m-lg-6 { margin: 42px; }
    .m-lg-7 { margin: 48px; }
    .m-lg-8 { margin: 54px; }
    .m-lg-9 { margin: 60px; }
    .m-lg-10 { margin: 66px; }

    .mt-lg-0 { margin-top: 0px; }
    .mt-lg-1 { margin-top: 6px; }
    .mt-lg-2 { margin-top: 12px; }
    .mt-lg-3 { margin-top: 18px; }
    .mt-lg-4 { margin-top: 24px; }
    .mt-lg-5 { margin-top: 30px; }
    .mt-lg-6 { margin-top: 36px; }
    .mt-lg-7 { margin-top: 48px; }
    .mt-lg-8 { margin-top: 54px; }
    .mt-lg-9 { margin-top: 60px; }
    .mt-lg-10 { margin-top: 66px; }

    .mr-lg-0 { margin-right: 0px; }
    .mr-lg-1 { margin-right: 6px; }
    .mr-lg-2 { margin-right: 12px; }
    .mr-lg-3 { margin-right: 18px; }
    .mr-lg-4 { margin-right: 24px; }
    .mr-lg-5 { margin-right: 30px; }
    .mr-lg-6 { margin-right: 36px; }
    .mr-lg-7 { margin-right: 48px; }
    .mr-lg-8 { margin-right: 54px; }
    .mr-lg-9 { margin-right: 60px; }
    .mr-lg-10 { margin-right: 66px; }

    .mb-lg-0 { margin-bottom: 0px; }
    .mb-lg-1 { margin-bottom: 6px; }
    .mb-lg-2 { margin-bottom: 12px; }
    .mb-lg-3 { margin-bottom: 18px; }
    .mb-lg-4 { margin-bottom: 24px; }
    .mb-lg-5 { margin-bottom: 30px; }
    .mb-lg-6 { margin-bottom: 36px; }
    .mb-lg-7 { margin-bottom: 48px; }
    .mb-lg-8 { margin-bottom: 54px; }
    .mb-lg-9 { margin-bottom: 60px; }
    .mb-lg-10 { margin-bottom: 66px; }

    .ml-lg-0 { margin-left: 0px; }
    .ml-lg-1 { margin-left: 6px; }
    .ml-lg-2 { margin-left: 12px; }
    .ml-lg-3 { margin-left: 18px; }
    .ml-lg-4 { margin-left: 24px; }
    .ml-lg-5 { margin-left: 30px; }
    .ml-lg-6 { margin-left: 36px; }
    .ml-lg-7 { margin-left: 48px; }
    .ml-lg-8 { margin-left: 54px; }
    .ml-lg-9 { margin-left: 60px; }
    .ml-lg-10 { margin-left: 66px; }

    .p-lg-0 { padding: 0px; }
    .p-lg-1 { padding: 6px; }
    .p-lg-2 { padding: 12px; }
    .p-lg-3 { padding: 18px; }
    .p-lg-4 { padding: 24px; }
    .p-lg-5 { padding: 30px; }
    .p-lg-6 { padding: 36px; }
    .p-lg-7 { padding: 48px; }
    .p-lg-8 { padding: 54px; }
    .p-lg-9 { padding: 60px; }
    .p-lg-10 { padding: 66px; }

    .pt-lg-0 { padding-top: 0px; }
    .pt-lg-1 { padding-top: 6px; }
    .pt-lg-2 { padding-top: 12px; }
    .pt-lg-3 { padding-top: 18px; }
    .pt-lg-4 { padding-top: 24px; }
    .pt-lg-5 { padding-top: 30px; }
    .pt-lg-6 { padding-top: 36px; }
    .pt-lg-7 { padding-top: 48px; }
    .pt-lg-8 { padding-top: 54px; }
    .pt-lg-9 { padding-top: 60px; }
    .pt-lg-10 { padding-top: 66px; }

    .pr-lg-0 { padding-right: 0px; }
    .pr-lg-1 { padding-right: 6px; }
    .pr-lg-2 { padding-right: 12px; }
    .pr-lg-3 { padding-right: 18px; }
    .pr-lg-4 { padding-right: 24px; }
    .pr-lg-5 { padding-right: 30px; }
    .pr-lg-6 { padding-right: 36px; }
    .pr-lg-7 { padding-right: 48px; }
    .pr-lg-8 { padding-right: 54px; }
    .pr-lg-9 { padding-right: 60px; }
    .pr-lg-10 { padding-right: 66px; }

    .pb-lg-0 { padding-bottom: 0px; }
    .pb-lg-1 { padding-bottom: 6px; }
    .pb-lg-2 { padding-bottom: 12px; }
    .pb-lg-3 { padding-bottom: 18px; }
    .pb-lg-4 { padding-bottom: 24px; }
    .pb-lg-5 { padding-bottom: 30px; }
    .pb-lg-6 { padding-bottom: 36px; }
    .pb-lg-7 { padding-bottom: 48px; }
    .pb-lg-8 { padding-bottom: 54px; }
    .pb-lg-9 { padding-bottom: 60px; }
    .pb-lg-10 { padding-bottom: 66px; }

    .pl-lg-0 { padding-left: 0px; }
    .pl-lg-1 { padding-left: 6px; }
    .pl-lg-2 { padding-left: 12px; }
    .pl-lg-3 { padding-left: 18px; }
    .pl-lg-4 { padding-left: 24px; }
    .pl-lg-5 { padding-left: 30px; }
    .pl-lg-6 { padding-left: 36px; }
    .pl-lg-7 { padding-left: 48px; }
    .pl-lg-8 { padding-left: 54px; }
    .pl-lg-9 { padding-left: 60px; }
    .pl-lg-10 { padding-left: 66px; }
}

@media only screen and (min-width: 1200px) {

    .m-xl-0 { margin: 0px; }
    .m-xl-1 { margin: 6px; }
    .m-xl-2 { margin: 12px; }
    .m-xl-3 { margin: 18px; }
    .m-xl-4 { margin: 24px; }
    .m-xl-5 { margin: 30px; }
    .m-xl-6 { margin: 42px; }
    .m-xl-7 { margin: 48px; }
    .m-xl-8 { margin: 54px; }
    .m-xl-9 { margin: 60px; }
    .m-xl-10 { margin: 66px; }

    .mt-xl-0 { margin-top: 0px; }
    .mt-xl-1 { margin-top: 6px; }
    .mt-xl-2 { margin-top: 12px; }
    .mt-xl-3 { margin-top: 18px; }
    .mt-xl-4 { margin-top: 24px; }
    .mt-xl-5 { margin-top: 30px; }
    .mt-xl-6 { margin-top: 36px; }
    .mt-xl-7 { margin-top: 48px; }
    .mt-xl-8 { margin-top: 54px; }
    .mt-xl-9 { margin-top: 60px; }
    .mt-xl-10 { margin-top: 66px; }

    .mr-xl-0 { margin-right: 0px; }
    .mr-xl-1 { margin-right: 6px; }
    .mr-xl-2 { margin-right: 12px; }
    .mr-xl-3 { margin-right: 18px; }
    .mr-xl-4 { margin-right: 24px; }
    .mr-xl-5 { margin-right: 30px; }
    .mr-xl-6 { margin-right: 36px; }
    .mr-xl-7 { margin-right: 48px; }
    .mr-xl-8 { margin-right: 54px; }
    .mr-xl-9 { margin-right: 60px; }
    .mr-xl-10 { margin-right: 66px; }

    .mb-xl-0 { margin-bottom: 0px; }
    .mb-xl-1 { margin-bottom: 6px; }
    .mb-xl-2 { margin-bottom: 12px; }
    .mb-xl-3 { margin-bottom: 18px; }
    .mb-xl-4 { margin-bottom: 24px; }
    .mb-xl-5 { margin-bottom: 30px; }
    .mb-xl-6 { margin-bottom: 36px; }
    .mb-xl-7 { margin-bottom: 48px; }
    .mb-xl-8 { margin-bottom: 54px; }
    .mb-xl-9 { margin-bottom: 60px; }
    .mb-xl-10 { margin-bottom: 66px; }

    .ml-xl-0 { margin-left: 0px; }
    .ml-xl-1 { margin-left: 6px; }
    .ml-xl-2 { margin-left: 12px; }
    .ml-xl-3 { margin-left: 18px; }
    .ml-xl-4 { margin-left: 24px; }
    .ml-xl-5 { margin-left: 30px; }
    .ml-xl-6 { margin-left: 36px; }
    .ml-xl-7 { margin-left: 48px; }
    .ml-xl-8 { margin-left: 54px; }
    .ml-xl-9 { margin-left: 60px; }
    .ml-xl-10 { margin-left: 66px; }

    .p-xl-0 { padding: 0px; }
    .p-xl-1 { padding: 6px; }
    .p-xl-2 { padding: 12px; }
    .p-xl-3 { padding: 18px; }
    .p-xl-4 { padding: 24px; }
    .p-xl-5 { padding: 30px; }
    .p-xl-6 { padding: 36px; }
    .p-xl-7 { padding: 48px; }
    .p-xl-8 { padding: 54px; }
    .p-xl-9 { padding: 60px; }
    .p-xl-10 { padding: 66px; }

    .pt-xl-0 { padding-top: 0px; }
    .pt-xl-1 { padding-top: 6px; }
    .pt-xl-2 { padding-top: 12px; }
    .pt-xl-3 { padding-top: 18px; }
    .pt-xl-4 { padding-top: 24px; }
    .pt-xl-5 { padding-top: 30px; }
    .pt-xl-6 { padding-top: 36px; }
    .pt-xl-7 { padding-top: 48px; }
    .pt-xl-8 { padding-top: 54px; }
    .pt-xl-9 { padding-top: 60px; }
    .pt-xl-10 { padding-top: 66px; }

    .pr-xl-0 { padding-right: 0px; }
    .pr-xl-1 { padding-right: 6px; }
    .pr-xl-2 { padding-right: 12px; }
    .pr-xl-3 { padding-right: 18px; }
    .pr-xl-4 { padding-right: 24px; }
    .pr-xl-5 { padding-right: 30px; }
    .pr-xl-6 { padding-right: 36px; }
    .pr-xl-7 { padding-right: 48px; }
    .pr-xl-8 { padding-right: 54px; }
    .pr-xl-9 { padding-right: 60px; }
    .pr-xl-10 { padding-right: 66px; }

    .pb-xl-0 { padding-bottom: 0px; }
    .pb-xl-1 { padding-bottom: 6px; }
    .pb-xl-2 { padding-bottom: 12px; }
    .pb-xl-3 { padding-bottom: 18px; }
    .pb-xl-4 { padding-bottom: 24px; }
    .pb-xl-5 { padding-bottom: 30px; }
    .pb-xl-6 { padding-bottom: 36px; }
    .pb-xl-7 { padding-bottom: 48px; }
    .pb-xl-8 { padding-bottom: 54px; }
    .pb-xl-9 { padding-bottom: 60px; }
    .pb-xl-10 { padding-bottom: 66px; }

    .pl-xl-0 { padding-left: 0px; }
    .pl-xl-1 { padding-left: 6px; }
    .pl-xl-2 { padding-left: 12px; }
    .pl-xl-3 { padding-left: 18px; }
    .pl-xl-4 { padding-left: 24px; }
    .pl-xl-5 { padding-left: 30px; }
    .pl-xl-6 { padding-left: 36px; }
    .pl-xl-7 { padding-left: 48px; }
    .pl-xl-8 { padding-left: 54px; }
    .pl-xl-9 { padding-left: 60px; }
    .pl-xl-10 { padding-left: 66px; }
}

@media only screen and (min-width: 1680px) {

    .m-tv-0 { margin: 0px; }
    .m-tv-1 { margin: 6px; }
    .m-tv-2 { margin: 12px; }
    .m-tv-3 { margin: 18px; }
    .m-tv-4 { margin: 24px; }
    .m-tv-5 { margin: 30px; }
    .m-tv-6 { margin: 42px; }
    .m-tv-7 { margin: 48px; }
    .m-tv-8 { margin: 54px; }
    .m-tv-9 { margin: 60px; }
    .m-tv-10 { margin: 66px; }

    .mt-tv-0 { margin-top: 0px; }
    .mt-tv-1 { margin-top: 6px; }
    .mt-tv-2 { margin-top: 12px; }
    .mt-tv-3 { margin-top: 18px; }
    .mt-tv-4 { margin-top: 24px; }
    .mt-tv-5 { margin-top: 30px; }
    .mt-tv-6 { margin-top: 36px; }
    .mt-tv-7 { margin-top: 48px; }
    .mt-tv-8 { margin-top: 54px; }
    .mt-tv-9 { margin-top: 60px; }
    .mt-tv-10 { margin-top: 66px; }

    .mr-tv-0 { margin-right: 0px; }
    .mr-tv-1 { margin-right: 6px; }
    .mr-tv-2 { margin-right: 12px; }
    .mr-tv-3 { margin-right: 18px; }
    .mr-tv-4 { margin-right: 24px; }
    .mr-tv-5 { margin-right: 30px; }
    .mr-tv-6 { margin-right: 36px; }
    .mr-tv-7 { margin-right: 48px; }
    .mr-tv-8 { margin-right: 54px; }
    .mr-tv-9 { margin-right: 60px; }
    .mr-tv-10 { margin-right: 66px; }

    .mb-tv-0 { margin-bottom: 0px; }
    .mb-tv-1 { margin-bottom: 6px; }
    .mb-tv-2 { margin-bottom: 12px; }
    .mb-tv-3 { margin-bottom: 18px; }
    .mb-tv-4 { margin-bottom: 24px; }
    .mb-tv-5 { margin-bottom: 30px; }
    .mb-tv-6 { margin-bottom: 36px; }
    .mb-tv-7 { margin-bottom: 48px; }
    .mb-tv-8 { margin-bottom: 54px; }
    .mb-tv-9 { margin-bottom: 60px; }
    .mb-tv-10 { margin-bottom: 66px; }

    .ml-tv-0 { margin-left: 0px; }
    .ml-tv-1 { margin-left: 6px; }
    .ml-tv-2 { margin-left: 12px; }
    .ml-tv-3 { margin-left: 18px; }
    .ml-tv-4 { margin-left: 24px; }
    .ml-tv-5 { margin-left: 30px; }
    .ml-tv-6 { margin-left: 36px; }
    .ml-tv-7 { margin-left: 48px; }
    .ml-tv-8 { margin-left: 54px; }
    .ml-tv-9 { margin-left: 60px; }
    .ml-tv-10 { margin-left: 66px; }

    .p-tv-0 { padding: 0px; }
    .p-tv-1 { padding: 6px; }
    .p-tv-2 { padding: 12px; }
    .p-tv-3 { padding: 18px; }
    .p-tv-4 { padding: 24px; }
    .p-tv-5 { padding: 30px; }
    .p-tv-6 { padding: 36px; }
    .p-tv-7 { padding: 48px; }
    .p-tv-8 { padding: 54px; }
    .p-tv-9 { padding: 60px; }
    .p-tv-10 { padding: 66px; }

    .pt-tv-0 { padding-top: 0px; }
    .pt-tv-1 { padding-top: 6px; }
    .pt-tv-2 { padding-top: 12px; }
    .pt-tv-3 { padding-top: 18px; }
    .pt-tv-4 { padding-top: 24px; }
    .pt-tv-5 { padding-top: 30px; }
    .pt-tv-6 { padding-top: 36px; }
    .pt-tv-7 { padding-top: 48px; }
    .pt-tv-8 { padding-top: 54px; }
    .pt-tv-9 { padding-top: 60px; }
    .pt-tv-10 { padding-top: 66px; }

    .pr-tv-0 { padding-right: 0px; }
    .pr-tv-1 { padding-right: 6px; }
    .pr-tv-2 { padding-right: 12px; }
    .pr-tv-3 { padding-right: 18px; }
    .pr-tv-4 { padding-right: 24px; }
    .pr-tv-5 { padding-right: 30px; }
    .pr-tv-6 { padding-right: 36px; }
    .pr-tv-7 { padding-right: 48px; }
    .pr-tv-8 { padding-right: 54px; }
    .pr-tv-9 { padding-right: 60px; }
    .pr-tv-10 { padding-right: 66px; }

    .pb-tv-0 { padding-bottom: 0px; }
    .pb-tv-1 { padding-bottom: 6px; }
    .pb-tv-2 { padding-bottom: 12px; }
    .pb-tv-3 { padding-bottom: 18px; }
    .pb-tv-4 { padding-bottom: 24px; }
    .pb-tv-5 { padding-bottom: 30px; }
    .pb-tv-6 { padding-bottom: 36px; }
    .pb-tv-7 { padding-bottom: 48px; }
    .pb-tv-8 { padding-bottom: 54px; }
    .pb-tv-9 { padding-bottom: 60px; }
    .pb-tv-10 { padding-bottom: 66px; }

    .pl-tv-0 { padding-left: 0px; }
    .pl-tv-1 { padding-left: 6px; }
    .pl-tv-2 { padding-left: 12px; }
    .pl-tv-3 { padding-left: 18px; }
    .pl-tv-4 { padding-left: 24px; }
    .pl-tv-5 { padding-left: 30px; }
    .pl-tv-6 { padding-left: 36px; }
    .pl-tv-7 { padding-left: 48px; }
    .pl-tv-8 { padding-left: 54px; }
    .pl-tv-9 { padding-left: 60px; }
    .pl-tv-10 { padding-left: 66px; }
}

/* Lists */

ul, ol {
    list-style-position: outside;
    padding-left: 18px;
}

.list-inline {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:last-child {
    margin-right: 0;
}

/* Buttons */

.btn {
    border-width: 0px;
    display: inline-block;
    font-family: "open-sans", sans-serif;
    font-weight: 600;
    font-size: 13px;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: transparent;
    color: #282224;
}

.btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #282224;
    border-radius: 8px;
    opacity: 0.08;
    transition: transform 250ms cubic-bezier(0.345, 0.115, 0.135, 1.420), opacity 250ms ease-out;
    z-index: -1;
}

.btn:hover:after, .btn:focus:after {
    opacity: 0.12;
    transform: scale(1.06);
}

.btn:active:after {
    opacity: 0.17;
    transform: scale(1);
}

.btn--primary {
    color: #FFFFFF;
}

.btn--transparent:after {
    opacity: 0;
    transform: scale(0.2);
}

.btn--transparent:hover:after, .btn--transparent:focus:after {
    transform: scale(1);
}

.btn--primary:after {
    opacity: 1;
}

.btn--primary:hover:after, .btn--primary:focus:after {
    opacity: 0.8;
}

.btn--large {
    font-size: 16px;
    padding: 16px;
}

.unstyled-button {
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-decoration: none;
    padding: 0;
    height: inherit;
    text-align: left;
    cursor: pointer;
    outline: none;
}

/* Utilities */

.bg-black {
    background-color: #282224;
}

.bg-white {
    background-color: #FFFFFF;
}

.bl-black-1 {
    border-left: 1px solid #282224;
}

.bb-gray-1 {
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.bb-0 {
    border-bottom: 0;
}

.opacity-0 {
    opacity: 0;
}

.opacity-half {
    opacity: 0.5;
}

.opacity-1 {
    opacity: 1;
}

.rounded {
    border-radius: 16px;
    overflow: hidden;
}

.rounded--small {
    border-radius: 8px;
    overflow: hidden;
}

.device-chrome {
    border-radius: 32px;
    border: 12px solid #EFEFEF;
    overflow: hidden;
}

@media only screen and (max-width: 900px) {
    .device-chrome {
        border-radius: 16px;
        border-width: 6px;
    }
}

.elevated {
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.2);
}

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display-none { display: none; }

@media only screen and (max-width: 640px) {
    .display-none-sm-down {
        display: none;
    }
}

@media only screen and (min-width: 641px) {
    .display-none-md-up {
        display: none;
    }
}

.display-block { display: block; }

.display-inline { display: inline; }

.display-inline-block { display: inline-block; }

.display-flex { display: flex; }

@media only screen and (min-width: 641px) {
    .display-flex-md-up { display: flex; }
}

.align-items-stretch { align-items: stretch; }

.align-items-center { align-items: center; }

.justify-content-center { justify-content: center; }

.width-full { width: 100%; }

.width-half { width: 50%; }

.width-72px { width: 72px; }

.height-full { height: 100%; }

@media only screen and (min-width: 641px) {
    .height-full-md-up { height: 100%; }
}

.height-half { height: 50%; }

.height-72px { height: 72px; }

.position-relative { position: relative; }

.position-absolute { position: absolute; }

.position-fixed { position: fixed; }

@media only screen and (min-width: 641px) {
    .position-fixed-md-up { position: fixed; }
}

.position-top { top: 0; }

.position-right { right: 0; }

.position-bottom { bottom: 0; }

.position-left { left: 0; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-sans { font-family: "open-sans", sans-serif; }

.text-bold { font-weight: 600; }


@media only screen and (min-width: 900px) {
    .text-right-lg-up { text-align: right; }
}

.z-index-negative-1 {
    z-index: -10;
}

.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 10;
}

.z-index-102 {
    z-index: 102;
}

@media only screen and (min-width: 640px) {
    .no-wrap-md-up {
        white-space: nowrap;
    }
}

.no-wrap {
    white-space: nowrap;
}