/* Info
================================================== 
     Author: http://bootstraptemplates.net 
     Version: 1.0
     License: GNU General Public License version
 ================================================== 
 Info */

body {
    margin: 0;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-size: 0.99rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    text-align: left;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}


/* Boxed Layout */

html.boxed body {
    background-position: 0 0;
    background-repeat: repeat;
}

html.boxed .body {
    position: relative;
    background-color: #E7E9ED;
    margin: 25px auto;
    max-width: 1200px;
    height: auto;
    z-index: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.4;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
    font-weight: 500;
}

h5,
.h5 {
    font-size: 1.20rem;
}

p {
    color: #6d767d;
    line-height: 1.6;
    font-size: 0.95em;
}

.alert p {
    color: inherit;
}

a {
    font-size: 1em;
    color: #328fe4;
    outline: none !important;
    /*-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
    outline-style: none;
    outline: none;
    text-decoration: none;
}

ol {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}

ul>li>ul,
ol>li>ol {
    margin-left: 20px;
    padding-left: 0;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin-bottom: 20px;
}

dl dt,
dl dd {
    line-height: 180%;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-left: 0;
}

a.text-link {
    border-bottom: 1px dotted #e3e3e3;
}

.main {
    position: relative;
    background: white;
}

iframe {
    border: 0;
}

video.wp-video-shortcode {
    max-width: 100%;
}

table {
    font-size: 14px;
}


/*table th { font-weight: bold; }
table thead th { text-transform: uppercase; }
table tr > th { padding-right: 20px; }
table td { padding: 5px 10px 5px 0; }*/

img {
    max-width: 100%;
    /*height: auto;*/
}

audio {
    margin: 20px 0;
}

.v-spacer {
    min-height: 0;
}

.chat-transcript .chat-author {
    font-weight: bold;
}

.nicescroll-rails {
    background: #fff;
    width: 5px !important;
}

.nicescroll-rails>div {
    width: 5px !important;
    border: 0 !important;
    background: #666 !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}

.modal-header {
    padding: 22px 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
    border-bottom: 1px solid #e4e4e4;
}

.modal-footer {
    background: #f7f7f7;
    border-top: 1px solid #e4e4e4;
}

.modal-footer .btn {
    margin-bottom: 0;
    padding: 10px 22px;
}

.modal-header h2,
.modal-header h3 {
    margin: 0;
}

.modal-header .close {
    outline: none !important;
}

.modal-title {
    font-size: 18px;
}

.modal-body {
    padding: 20px 30px;
}

.viewer li {
    -webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.viewer .caption {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    -o-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}

.viewer .current .caption {
    opacity: 100;
    visibility: visible;
}

.viewer .close:hover {
    color: #fff;
}


/* --------------------------------------------
	LAYOUT
-------------------------------------------- */

body.boxed-layout {
    width: 1000px;
    margin: 0px auto;
    background: #F1F1F1;
}

body.boxed-layout .main {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}


/* Scroll to Top */

html .scroll-to-top {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background: #404040;
    border-radius: 100%;
    bottom: 10px;
    color: #FFF;
    display: block;
    height: 35px;
    opacity: 0;
    padding: 5px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 35px;
    z-index: 1040;
    font-size: 10px;
    right: 10px;
}

html .scroll-to-top:hover {
    opacity: 1;
}

html .scroll-to-top.visible {
    opacity: 0.75;
}

html .scroll-to-top i {
    position: relative;
    top: 1px;
}

html.lightbox-open .scroll-to-top {
    right: 27px;
}

html.ie11 .scroll-to-top {
    right: 25px;
}


/* Responsive */

@media (max-width: 991px) {
    html .scroll-to-top.hidden-mobile {
        display: none !important;
    }
}


/*Home Intro*/

.home-intro {
    background-color: #f8f8f8;
    margin-bottom: 60px;
    overflow: hidden;
    padding: 30px 0 21px 0;
    position: relative;
    text-align: left;
    border-top: 1px solid #e5e4e4;
    border-bottom: 1px solid #e5e4e4;
}

.home-intro .btn-buy {
    margin-top: 30px;
}

.home-intro .v-smash-text-large {
    margin-bottom: 10px;
    font-size: 30px !important;
}


/*Contact Us and Map*/

.special-contact-form textarea,
.special-contact-form input {
    margin-bottom: 10px !important;
}


/*Panels*/

.panel-default>.panel-heading {
    background-color: #fff;
    box-shadow: none;
    border-color: #ebebeb;
}

.panel-default {
    border-color: #e4e4e4;
}

.panel {
    box-shadow: none;
}

.panel-title {
    font-size: 14px;
}

.panel-title i.fa {
    width: 20px;
    margin-right: 3px;
}

.panel-group .panel {
    border-radius: 3px;
}

.panel-group .panel+.panel {
    margin-top: 6px;
}

.panel-body {
    padding: 20px;
    padding-top: 10px;
}

.panel-blue {
    border-color: #3498db;
}

.panel-blue>.panel-heading {
    background: #3498db;
}

.panel-green {
    border-color: #2ecc71;
}

.panel-green>.panel-heading {
    background: #2ecc71;
}

.panel-grey {
    border-color: #95a5a6;
}

.panel-grey>.panel-heading {
    background: #95a5a6;
}

.panel-red {
    border-color: #e74c3c;
}

.panel-red>.panel-heading {
    background: #e74c3c;
}

.overlay:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #1c1f21;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: ease opacity 300ms 100ms;
    transition: ease opacity 300ms 100ms;
}

.overlay:hover:before,
.overlay.overlay-show:before,
.overlay.show:before {
    opacity: 0.8;
}

.text-color-light {
    color: #FFF !important;
}

.text-color-light-2 {
    color: #e2e2e2 !important;
}

.text-color-light-3 {
    color: #a2a2a2 !important;
}

.text-color-dark {
    color: #1c1f21 !important;
}

.text-color-default {
    color: #707070 !important;
}

.link-color-dark {
    color: #1c1f21;
}

.link-color-light {
    color: #FFF;
}

.link-color-light:hover {
    color: #f1f3f7 !important;
}

.link-color-light-2 {
    color: #f1f3f7;
}

.link-color-light-2:hover,
.link-color-light-2:focus,
.link-color-light-2:active,
.link-color-light-2.active {
    color: #FFF !important;
}

.link-color-light-3 {
    color: #a2a2a2;
}

.link-color-light-3:hover,
.link-color-light-3:focus,
.link-color-light-3:active,
.link-color-light-3.active {
    color: #FFF !important;
}

.img-circle {
    border-radius: 50%;
}


/*------------------------------------
  Section
------------------------------------*/

section {
    position: relative;
    border-bottom: none;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.section>.container,
.section>.container-fluid,
.section>.container-wide {
    position: relative;
    height: 100%;
}

.section-video {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.section-video .container,
.section-video .container-fluid,
.section-video .container-wide {
    padding-top: 90px;
    padding-bottom: 90px;
}

.section-dialog {
    padding: 30px 32px;
}

.section-dialog {
    background-color: #fff;
    padding: 3rem;
    border-radius: 4px;
}

.demo-section .section {
    margin: 30px 20px 100px;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

[data-parallax],
[data-video],
.jarallax {
    position: relative;
    z-index: 0;
}

.section-header {
    text-align: center;
    max-width: 70%;
    margin: 0 auto 50px;
}

.section-header hr {
    width: 50px;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
}

.section {
    position: relative;
    border-bottom: none;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.no-vertical-scroll {
    overflow-y: hidden;
}

.no-horizontal-scroll {
    overflow-x: hidden;
}

.col-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-xl-1-5,
.col-2-5,
.col-sm-2-5,
.col-md-2-5,
.col-lg-2-5,
.col-xl-2-5,
.col-3-5,
.col-sm-3-5,
.col-md-3-5,
.col-lg-3-5,
.col-xl-3-5,
.col-4-5,
.col-sm-4-5,
.col-md-4-5,
.col-lg-4-5,
.col-xl-4-5 {
    position: relative;
    min-height: 1px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-1-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-2-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.col-3-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.col-4-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

@media (min-width: 576px) {
    .col-sm-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-sm-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-sm-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .col-sm-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 768px) {
    .col-md-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-md-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .col-md-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 992px) {
    .col-lg-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-lg-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-lg-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .col-lg-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 1200px) {
    .col-xl-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-xl-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-xl-3-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .col-xl-4-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

.overlay:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #1c1f21;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: ease opacity 300ms 100ms;
    transition: ease opacity 300ms 100ms;
}

.overlay:hover:before,
.overlay.overlay-show:before,
.overlay.show:before {
    opacity: 0.8;
}

.overlay.overlay-op-1:hover:before,
.overlay.overlay-op-1.overlay-show:before,
.overlay.overlay-op-1.show:before {
    opacity: 0.1;
}

.overlay.overlay-op-2:hover:before,
.overlay.overlay-op-2.overlay-show:before,
.overlay.overlay-op-2.show:before {
    opacity: 0.2;
}

.overlay.overlay-op-3:hover:before,
.overlay.overlay-op-3.overlay-show:before,
.overlay.overlay-op-3.show:before {
    opacity: 0.3;
}

.overlay.overlay-op-4:hover:before,
.overlay.overlay-op-4.overlay-show:before,
.overlay.overlay-op-4.show:before {
    opacity: 0.4;
}

.overlay.overlay-op-5:hover:before,
.overlay.overlay-op-5.overlay-show:before,
.overlay.overlay-op-5.show:before {
    opacity: 0.5;
}

.overlay.overlay-op-6:hover:before,
.overlay.overlay-op-6.overlay-show:before,
.overlay.overlay-op-6.show:before {
    opacity: 0.6;
}

.overlay.overlay-op-7:hover:before,
.overlay.overlay-op-7.overlay-show:before,
.overlay.overlay-op-7.show:before {
    opacity: 0.7;
}

.overlay.overlay-op-8:hover:before,
.overlay.overlay-op-8.overlay-show:before,
.overlay.overlay-op-8.show:before {
    opacity: 0.8;
}

.overlay.overlay-op-9:hover:before,
.overlay.overlay-op-9.overlay-show:before,
.overlay.overlay-op-9.show:before {
    opacity: 0.9;
}

.overlay.overlay-backward:hover:before,
.overlay.overlay-backward.overlay-show:before,
.overlay.overlay-backward.show:before {
    z-index: 0;
}

.overlay .container-fluid {
    position: relative;
    z-index: 3;
}


/* Overlay Colors */

.overlay-light:before {
    background-color: #FFF !important;
}

.overlay-dark:before {
    background-color: #1c1f21 !important;
}

.join-us-form {
    padding: 30px;
    padding-top: 60px;
    padding-bottom: 20px;
    width: 100%;
    border: 5px solid #ececec;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    background: white;
}

.join-us-form:before {
    background: #328fe4;
    color: white;
    z-index: 1;
    content: "\f0e0";
    height: 75px;
    text-align: center;
    font-family: FontAwesome;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -35px;
    width: 75px;
    line-height: 74px;
    font-size: 35px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .18);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .18);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .18);
}

.v-icon-box-grid .spb_icon_box {
    width: 33%;
    min-height: 260px;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    color: #222;
    float: left;
}

.v-icon-box-grid .spb_icon_box .outline-svg svg path {
    stroke: #222
}

.v-icon-box-grid[data-colour="light"] .spb_icon_box {
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.v-icon-box-grid[data-colour="light"] .spb_icon_box a {
    color: #fff;
}

.v-icon-box-grid[data-colour="light"] .spb_icon_box .outline-svg svg path {
    stroke: #fff
}

.v-icon-box-grid .spb_icon_box:hover {
    background: rgba(0, 0, 0, 0.05)
}

.v-icon-box-grid[data-columns="3"] .spb_icon_box:nth-child(-n+3) {
    border-top-width: 0
}

.v-icon-box-grid[data-columns="3"] .spb_icon_box:nth-child(3n-1),
.v-icon-box-grid[data-columns="3"] .spb_icon_box:nth-child(3n-2) {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
}

.v-icon-box-grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-1),
.v-icon-box-grid[data-colour="light"][data-columns="3"] .spb_icon_box:nth-child(3n-2) {
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1)
}

.v-icon-box-grid[data-columns="4"] .spb_icon_box {
    width: 25%
}

.v-icon-box-grid[data-columns="4"] .spb_icon_box:nth-child(4n-1),
.v-icon-box-grid[data-columns="4"] .spb_icon_box:nth-child(4n-2),
.v-icon-box-grid[data-columns="4"] .spb_icon_box:nth-child(4n-3) {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1)
}

.v-icon-box-grid[data-columns="4"] .spb_icon_box:nth-child(-n+4) {
    border-top-width: 0
}

.v-icon-box-grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-3),
.v-icon-box-grid[data-colour="light"][data-columns="4"] .spb_icon_box:nth-child(4n-2) {
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1)
}

.v-icon-box-grid .box-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.v-icon-box-grid .v-icon-box-content-wrap {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.v-icon-box-grid .v-icon-box-content-wrap::before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.v-icon-box-grid .v-icon-box-inner-wrap {
    width: 90%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px
}

.v-icon-box-grid .spb_icon_box .divider-line {
    width: 0;
    max-width: 80%;
    height: 2px;
    margin: 0;
    display: inline-block;
    background-color: #e3e3e3
}

.v-icon-box-grid .spb_icon_box:hover .divider-line {
    width: 150px
}

.v-icon-box-grid .spb_icon_box .grid-icon-wrap a.linked-icon {
    color: inherit
}

.v-icon-box-grid .spb_icon_box .v-svg-icon-holder>i,
.v-icon-box-grid .spb_icon_box .v-svg-icon-holder>img,
.v-icon-box-grid .spb_icon_box .v-svg-icon-holder>svg {
    height: 50px;
    font-size: 48px;
}

.v-icon-box-grid .spb_icon_box .grid-icon-wrap i.v-icon {
    color: inherit;
    font-size: 48px;
    line-height: 48px;
    font-weight: normal
}

.v-icon-box-grid .spb_icon_box:hover .grid-icon-wrap {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
    opacity: .8
}

.v-icon-box-grid .spb_icon_box h3 {
    margin: 0;
    color: inherit
}

.v-icon-box-grid .spb_icon_box:hover h3 {
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px)
}

.v-icon-box-grid .spb_icon_box .grid-icon-wrap {
    height: 48px
}

.v-icon-box-grid .spb_icon_box .divider-line,
.v-icon-box-grid .spb_icon_box .grid-icon-wrap,
.v-icon-box-grid .spb_icon_box h3,
.v-icon-box-grid .spb_icon_box .v-svg-icon-holder>svg path {
    -webkit-transition: all 500ms cubic-bezier(1.000, 0, .6, 1);
    -moz-transition: all 500ms cubic-bezier(1.000, 0, .6, 1);
    -o-transition: all 500ms cubic-bezier(1.000, 0, .6, 1);
    transition: all 500ms cubic-bezier(1.000, 0, .6, 1)
}

@media only screen and (max-width: 767px) {
    .v-icon-box-grid[data-columns="3"] .spb_icon_box {
        width: 100%;
        border-top: 1px solid #e3e3e3;
        box-shadow: none !important
    }
    .v-icon-box-grid[data-columns="4"] .spb_icon_box {
        width: 50%;
        float: left
    }
    .v-icon-box-grid[data-columns="4"] .spb_icon_box:nth-child(n+3):not(:nth-last-child(-n+2)) {
        border-top-width: 1px
    }
    .v-icon-box-grid .spb_icon_box:nth-child(-n+3),
    .v-icon-box-grid[data-columns="3"] .spb_icon_box:nth-child(-n+3) {
        border-top-width: 1px
    }
    .v-icon-box-grid .spb_icon_box:first-child {
        border-top-width: 0
    }
}

@media only screen and (max-width: 479px) {
    .v-icon-box-grid .spb_icon_box,
    .v-icon-box-grid[data-columns="3"] .spb_icon_box,
    .v-icon-box-grid[data-columns="4"] .spb_icon_box {
        width: 100%;
        border-top: 1px solid #e3e3e3;
        box-shadow: none !important
    }
}

.img-features {
    position: relative;
    overflow: hidden;
}

.img-features img:first-child {
    position: absolute;
}

.overlay-jb {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .4;
    background-image: -webkit-linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
    background-image: -moz-linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
    background-image: -o-linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
    background-image: linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
}

.masthead.medium {
    background-size: cover;
    background-position: 50% 50%;
    min-height: 31.5rem;
}


/*------------------------------------
  Oval divider
------------------------------------*/

.oval-divider--bottom,
.oval-divider--top {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-repeat-y: no-repeat;
}

.oval-divider--bottom {
    margin-bottom: -1px;
}

.oval-divider--bottom {
    background-size: 100% 100px;
    bottom: 0;
    height: 100px;
    z-index: 1;
}

.oval-divider--top {
    background-size: 100% 100px;
    top: -1px;
    height: 100px;
    z-index: 1;
    transform: rotate(180deg);
}

.oval-divider--1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
}

.oval-divider--2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDQydjk4aDEyODBMMCA0MnoiLz48L2c+PC9zdmc+);
}

.oval-divider--3 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxMzlMMCA0MnY5OGgxMjgwVjQybC02NDAgOTd6Ii8+PC9nPjwvc3ZnPg==);
}

.oval-divider--4 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGw2NDAtNzAgNjQwIDcwVjBMNjQwIDcwIDAgMHYxNDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMTQwaDEyODBMNjQwIDcwIDAgMTQweiIvPjwvZz48L3N2Zz4=);
}

.oval-divider--5 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgMzAgMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgNjAgMCA2MHoiLz48L2c+PC9zdmc+);
}

.oval-divider--6 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik03MjUuMjkgMTAxLjJDMzI1LjIyIDEyMi40OCAwIDAgMCAwdjE0MGgxMjgwVjBzLTE1NC42NCA3OS45Mi01NTQuNzEgMTAxLjJ6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTU1Ni40NSAxMTkuNzRDOTUzLjQxIDE0MCAxMjgwIDE0IDEyODAgMTR2MTI2SDBWMHMxNTkuNSA5OS40OCA1NTYuNDUgMTE5Ljc0eiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgMTQwYzM1My40NiAwIDY0MC0xNDAgNjQwLTEzOXYxNDBIMFYwczI4Ni41NCAxNDAgNjQwIDE0MHoiLz48L2c+PC9zdmc+);
}

.oval-divider--7 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDQ3LjQ0TDE3MCAwbDYyNi40OCA5NC44OUwxMTEwIDg3LjExbDE3MC0zOS42N1YxNDBIMFY0Ny40NHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCA5MC43MmwxNDAtMjguMjggMzE1LjUyIDI0LjE0TDc5Ni40OCA2NS44IDExNDAgMTA0Ljg5bDE0MC0xNC4xN1YxNDBIMFY5MC43MnoiLz48L2c+PC9zdmc+);
}

.oval-divider--8 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik04NTMuODkzLDg2Ljk5OGMtMzguODU5LDAtNTguODExLTE2LjQ1NS03Ny45NTYtMzUuMDUxYzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDdDOTE2LjE5Miw3Mi4wMTIsOTAwLjgsODYuOTk4LDg1My44OTMsODYuOTk4eiBNNTI2LjI2NSw4MC45NDUgYy02LjUxNy0wLjU2Mi0xMy41OTktMC44NzktMjEuNDEtMC44NzljLTcwLjc5OSwwLTkxLjMzNywyNy4yMjktMTM0LjQzMywzNS42NjJjMTQuOTAxLDMuNzIsMzIuMTE4LDYuMDcsNTIuODk4LDYuMDcgQzQ3MC4xNzEsMTIxLjc5Nyw1MDAuMzQsMTAzLjQyMSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNjYzLjQ1OCwxMDkuNjcxYy02Ny4xMzcsMC04MC4zNDUtMjMuODI0LTEzNy4xOTMtMjguNzI2QzU2Ny4wODYsNDUuNTU1LDU5Ny4zODEsMCw2NjUuNjkxLDAgYzYxLjg1NywwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdDNzM2Ljg4OCw3NC40MzQsNzE3LjQ1OSwxMDkuNjcxLDY2My40NTgsMTA5LjY3MXogTTIxNy42OCw5NC4xNjMgYzU1Ljk3MSwwLDYyLjUyNiwyNC4wMjYsMTI2LjMzNywyNC4wMjZjOS44NTgsMCwxOC41MDgtMC45MTYsMjYuNDA0LTIuNDYxYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY1OS00OC44MDggYy03Ny4wNjMsMC05OS45Niw0OC41NjktMTUxLjc1MSw0OC41NjljLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgQzE2MC4wMTQsMTI0LjU3LDE1OC42MDgsOTQuMTYzLDIxNy42OCw5NC4xNjN6IE0xMjAwLjExMiw0Ni4yOTJjLTU3LjQ5MywwLTU2LjkzNSw0Ni41OTUtMTE1LjAxNSw0Ni41OTUgYy01My42MTIsMC01OS43NTUtMzkuNjE4LTExNS42MDItMzkuNjE4Yy0xNS4yNjcsMC0yNS4zODEsMy43NTEtMzQuNjksOC43NDljMzYuMDk2LDI2LjY3NSw2MC41MDMsNjIuNTUyLDExNy4zNDIsNjIuNTUyIGM2OS4yNDksMCw3NS45NTEtNDMuNTU5LDE0Ny45NjQtNDMuNTU5YzM5LjgwNCwwLDU5Ljk4NiwxMC45NDMsNzkuODg4LDIxLjc3N1Y4NS45ODIgQzEyNjAuMDk3LDY4Ljc3MSwxMjM5LjkxNiw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+PC9nPjwvc3ZnPg==);
}

.oval-divider--9 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
}

.oval-divider--10 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMDk0LjQ0IDExOUwxNzIuNyA2OC43MmE3NC41NCA3NC41NCAwIDAgMS0yNS4xOS01Ljk1TDAgMHYxNDBoMTI4MFYwbC0xMzMuODUgMTAyYy0xNS44NCAxMi4wOS0zMy43IDE3Ljk1LTUxLjcxIDE3eiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDkzLjQ4IDEzMS44NUwxNzMgOTRhNzYuODUgNzYuODUgMCAwIDEtMzYuNzktMTEuNDZMMCAwdjE0MGgxMjgwVjBsLTEzMS44MSAxMTEuNjhjLTE2LjQ3IDEzLjk2LTM1LjQ3IDIwLjk2LTU0LjcxIDIwLjE3eiIvPjwvZz48L3N2Zz4=);
}

.oval-divider--11 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDEyNy44OTlsNjAuNjEzIDQuODc4IDk1LjY0NS02LjIxMSA4Ni4zNjMtMTYuMDc0IDc4LjY4NCA5Ljg4MyA5MC4xMzYtMjEuNTk0IDk0LjQ1NCA3LjU3NCA3Ny45MjUtMTcuNjYgOTEuNjY0IDIwLjc5OCA3Ni45NjEtMTIuNjQ5IDYzLjY2NC0yMS40MjIgOTcuNjAyIDcuMDcgODMuNjcyLTI5LjYxNyA2Ni4yODUgMTEuNjc4IDcwLjc5My0yMy4zMzQgNzQuODYzLTQuNjQxTDEyODAgMHYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxMjYuNzFsNjAuNjEzIDcuNDE1TDE1Ni4yNTcgMTMxbDg2LjM2NC0xMy44NzkgNzguNjgzIDkuNzMxIDkwLjEzNy0xNy4wNTkgOTQuNDUzIDcuNjY2IDc2LjkyNi0xMS44MzMgODIuNjY0IDEzLjkzNSA3Ni45NjEtOC40NzUgNzMuNjY0LTIyLjEyNiA5Ny42MDEgNy4zMjggODMuNjcyLTIyLjk1MiA2Ni4yODUgMTAuOTMzIDcwLjc5NC0xOC4yMjRoNzkuODYyTDEyODAgMzUuODM4VjE0MEgweiIvPjwvZz48L3N2Zz4=);
}

.oval-divider--12 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDBsNjQuOCAzMC45NSA5MS4yLTIuNTQgOTUuNDYgMjcuODcgMTIwLjA0LjJMNDQzIDgzLjE1bDkwLjA5LTMuMTJMNjQwIDExMC4xMmwxMDIuMzktMjkuNzMgODUuNTUgOC41MSA4OC4xMS01Ljc1TDk5MiA1Mi4yMmw3My4yMSA0LjI2TDExMzIgMzguNzlsNzctLjMzTDEyODAgMHYxNDBIMFYweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDBsNjQuOCAzOC42OSA5MS4yLTMuMTggOTUuNDYgMzQuODQgMTIwLjA0LjI0IDcxLjUgMzMuMzUgOTAuMDktMy45MUw2NDAgMTM3LjY1bDEwMi4zOS0zNy4xNyA4NS41NSAxMC42NSA4OC4xMS03LjE5TDk5MiA2NS4yOGw3My4yMSA1LjMxIDY2Ljc5LTIyLjEgNzctLjQxTDEyODAgMHYxNDBIMFYweiIvPjwvZz48L3N2Zz4=);
}

.oval-divider--13 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgdmlld0JveD0iMCAwIDEyODAgODYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDY2LjFjLTMuOCAwLTcuNi4zLTExLjQuOC0xOC4zLTMyLjYtNTkuNi00NC4yLTkyLjItMjUuOS0zLjUgMi02LjkgNC4zLTEwIDYuOS0yMi43LTQxLjctNzQuOS01Ny4yLTExNi42LTM0LjUtMTQuMiA3LjctMjUuOSAxOS4zLTMzLjggMzMuMy0uMi4zLS4zLjYtLjUuOC0xMi4yLTEuNC0yMy43IDUuOS0yNy43IDE3LjUtMTEuOS02LjEtMjUuOS02LjMtMzcuOS0uNi0yMS43LTMwLjQtNjQtMzcuNS05NC40LTE1LjctMTIuMSA4LjYtMjEgMjEtMjUuNCAzNS4yLTEwLjgtOS4zLTI0LjMtMTUtMzguNS0xNi4yLTguMS0yNC42LTM0LjYtMzgtNTkuMi0yOS45LTE0LjMgNC43LTI1LjUgMTYtMzAgMzAuMy00LjMtMS45LTguOS0zLjItMTMuNi0zLjgtMTMuNi00NS41LTYxLjUtNzEuNC0xMDctNTcuOGE4Ni4zOCA4Ni4zOCAwIDAgMC00My4yIDI5LjRjLTguNy0zLjYtMTguNy0xLjgtMjUuNCA0LjgtMjMuMS0yNC44LTYxLjktMjYuMi04Ni43LTMuMS03LjEgNi42LTEyLjUgMTQuOC0xNS45IDI0LTI2LjctMTAuMS01Ni45LS40LTcyLjggMjMuMy0yLjYtMi43LTUuNi01LjEtOC45LTYuOS0uNC0uMi0uOC0uNC0xLjItLjctLjYtMjUuOS0yMi00Ni40LTQ3LjktNDUuOC0xMS41LjMtMjIuNSA0LjctMzAuOSAxMi41LTE2LjUtMzMuNS01Ny4xLTQ3LjMtOTAuNi0zMC44LTIxLjkgMTEtMzYuMyAzMi43LTM3LjYgNTcuMS03LTIuMy0xNC41LTIuOC0yMS44LTEuNkM4NC44IDQ3IDU1LjcgNDAuNyAzNCA1NC44Yy01LjYgMy42LTEwLjMgOC40LTEzLjkgMTQtNi42LTEuNy0xMy4zLTIuNi0yMC4xLTIuNi0uMSAwIDAgMTkuOCAwIDE5LjhoMTI4MFY2Ni4xeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xNS42IDg2SDEyODBWNDguNWMtMy42IDEuMS03LjEgMi41LTEwLjQgNC40LTYuMyAzLjYtMTEuOCA4LjUtMTYgMTQuNS04LjEtMS41LTE2LjQtLjktMjQuMiAxLjctMy4yLTM5LTM3LjMtNjguMS03Ni40LTY0LjktMjQuOCAyLTQ2LjggMTYuOS01Ny45IDM5LjMtMTkuOS0xOC41LTUxLTE3LjMtNjkuNCAyLjYtOC4yIDguOC0xMi44IDIwLjMtMTMuMSAzMi4zLS40LjItLjkuNC0xLjMuNy0zLjUgMS45LTYuNiA0LjQtOS40IDcuMi0xNi42LTI0LjktNDguMi0zNS03Ni4yLTI0LjQtMTIuMi0zMy40LTQ5LjEtNTAuNi04Mi41LTM4LjQtOS41IDMuNS0xOC4xIDkuMS0yNSAxNi41LTcuMS02LjktMTcuNS04LjgtMjYuNi01LTMwLjQtMzkuMy04Ny00Ni4zLTEyNi4yLTE1LjgtMTQuOCAxMS41LTI1LjYgMjcuNC0zMSA0NS40LTQuOS42LTkuNyAxLjktMTQuMiAzLjktOC4yLTI1LjktMzUuOC00MC4yLTYxLjctMzItMTUgNC44LTI2LjkgMTYuNS0zMS44IDMxLjUtMTQuOSAxLjMtMjkgNy4yLTQwLjMgMTctMTEuNS0zNy40LTUxLjItNTguNC04OC43LTQ2LjgtMTQuOCA0LjYtMjcuNyAxMy45LTM2LjcgMjYuNS0xMi42LTYtMjcuMy01LjctMzkuNy42LTQuMS0xMi4yLTE2LjItMTkuOC0yOS0xOC40LS4yLS4zLS4zLS42LS41LS45LTI0LjQtNDMuMy03OS40LTU4LjYtMTIyLjctMzQuMi0xMy4zIDcuNS0yNC40IDE4LjItMzIuNCAzMS4yQzk5LjggMTguNSA1MCAyOC41IDI1LjQgNjUuNGMtNC4zIDYuNC03LjUgMTMuMy05LjggMjAuNnoiLz48L2c+PC9zdmc+);
}

.oval-divider--14 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+);
}

.oval-divider--15 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiLz48L2c+PC9zdmc+);
}


/*------------------------------------
  Overlay
------------------------------------*/

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    border-radius: inherit;
}

[data-overlay],
[data-overlay-light] {
    position: relative;
}

[data-overlay]::before,
[data-overlay-light]::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #191919;
    border-radius: inherit;
}

[data-overlay="1"]::before {
    opacity: .1;
}

[data-overlay="2"]::before {
    opacity: .2;
}

[data-overlay="3"]::before {
    opacity: .3;
}

[data-overlay="4"]::before {
    opacity: .4;
}

[data-overlay="5"]::before {
    opacity: .5;
}

[data-overlay="6"]::before {
    opacity: .6;
}

[data-overlay="7"]::before {
    opacity: .7;
}

[data-overlay="8"]::before {
    opacity: .8;
}

[data-overlay="9"]::before {
    opacity: .9;
}

[data-overlay-light]::before {
    background: #fff;
}

[data-overlay-light="1"]::before {
    opacity: .1;
}

[data-overlay-light="2"]::before {
    opacity: .2;
}

[data-overlay-light="3"]::before {
    opacity: .3;
}

[data-overlay-light="4"]::before {
    opacity: .4;
}

[data-overlay-light="5"]::before {
    opacity: .5;
}

[data-overlay-light="6"]::before {
    opacity: .6;
}

[data-overlay-light="7"]::before {
    opacity: .7;
}

[data-overlay-light="8"]::before {
    opacity: .8;
}

[data-overlay-light="9"]::before {
    opacity: .9;
}

[data-scrim-top],
[data-scrim-bottom] {
    position: relative;
}

[data-scrim-top]::before,
[data-scrim-bottom]::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    background: linear-gradient(to bottom, #191919 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
    border-radius: inherit;
}

[data-scrim-bottom]::before {
    top: 20%;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #191919 100%)
}

[data-scrim-top="0"]::before,
[data-scrim-bottom="0"]::before {
    opacity: 0;
}

[data-scrim-top="1"]::before,
[data-scrim-bottom="1"]::before {
    opacity: .1;
}

[data-scrim-top="2"]::before,
[data-scrim-bottom="2"]::before {
    opacity: .2;
}

[data-scrim-top="3"]::before,
[data-scrim-bottom="3"]::before {
    opacity: .3;
}

[data-scrim-top="4"]::before,
[data-scrim-bottom="4"]::before {
    opacity: .4;
}

[data-scrim-top="5"]::before,
[data-scrim-bottom="5"]::before {
    opacity: .5;
}

[data-scrim-top="6"]::before,
[data-scrim-bottom="6"]::before {
    opacity: .6;
}

[data-scrim-top="7"]::before,
[data-scrim-bottom="7"]::before {
    opacity: .7;
}

[data-scrim-top="8"]::before,
[data-scrim-bottom="8"]::before {
    opacity: .8;
}

[data-scrim-top="9"]::before,
[data-scrim-bottom="9"]::before {
    opacity: .9;
}


/*------------------------------------
  Video Link
------------------------------------*/

.m-video-link .m-video-link--icon {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.20);
    line-height: 1;
    display: inline-block;
    margin-right: 10px;
}

.m-video-link .m-video-link--icon i {
    background: rgba(255, 255, 255, 0.39);
    padding: 22px;
    border-radius: 50%;
    text-align: center;
    color: white;
}

.m-video-link .m-video-link--icon:hover {
    padding: 15px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.m-video-link--text {
    display: inline-block;
    vertical-align: -10px;
}


/*------------------------------------
  Video
------------------------------------*/

video {
    max-width: 100%
}

.video-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.video-wrapper::before {
    display: block;
    content: "";
    z-index: 0
}

.video-wrapper.ratio-21x9::before {
    padding-top: 42.85714%
}

.video-wrapper.ratio-16x9::before {
    padding-top: 56.25%
}

.video-wrapper.ratio-4x3::before {
    padding-top: 75%
}

.video-wrapper.ratio-1x1::before {
    padding-top: 100%
}

.video-wrapper .poster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: inherit;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.video-wrapper .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s
}

.video-wrapper .btn:hover {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit
}

.video-wrapper.reveal .poster,
.video-wrapper.reveal .btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear
}

.video-btn-wrapper {
    position: relative
}

.video-btn-wrapper .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    transition: .3s
}

.bg-video {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -100
}


/*------------------------------------
  Parallax
------------------------------------*/

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax>.jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/*------------------------------------
  Social Icons
------------------------------------*/

.social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    color: inherit;
    font-size: 1.5rem;
    border-radius: 3px;
    opacity: 0.8;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
}

.social a:hover {
    opacity: 1;
}

.social a:last-child {
    margin-right: 0;
}

.social a.social-facebook:hover {
    color: #3b5998;
}

.social a.social-google:hover {
    color: #dd4b39;
}

.social a.social-gplus:hover {
    color: #dd4b39;
}

.social a.social-twitter:hover {
    color: #00aced;
}

.social a.social-linkedin:hover {
    color: #007bb6;
}

.social a.social-pinterest:hover {
    color: #cb2027;
}

.social a.social-git:hover {
    color: #666666;
}

.social a.social-tumblr:hover {
    color: #32506d;
}

.social a.social-vimeo:hover {
    color: #aad450;
}

.social a.social-youtube:hover {
    color: #bb0000;
}

.social a.social-flickr:hover {
    color: #ff0084;
}

.social a.social-reddit:hover {
    color: #ff4500;
}

.social a.social-dribbble:hover {
    color: #ea4c89;
}

.social a.social-skype:hover {
    color: #00aff0;
}

.social a.social-instagram:hover {
    color: #517fa4;
}

.social a.social-lastfm:hover {
    color: #c3000d;
}

.social a.social-soundcloud:hover {
    color: #ff8800;
}

.social a.social-behance:hover {
    color: #1769ff;
}

.social a.social-envato:hover {
    color: #82b541;
}

.social a.social-medium:hover {
    color: #00ab6c;
}

.social a.social-spotify:hover {
    color: #1db954;
}

.social a.social-quora:hover {
    color: #a82400;
}

.social a.social-xing:hover {
    color: #026466;
}

.social a.social-snapchat:hover {
    color: #fffc00;
}

.social a.social-telegram:hover {
    color: #0088cc;
}

.social a.social-whatsapp:hover {
    color: #075e54;
}

.social a.social-rss:hover {
    color: #f26522;
}

.social-vertical {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.social-sm a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 2px;
    margin-bottom: 2px;
    font-size: 0.8125rem;
}

.social-lg a {
    width: 38px;
    height: 38px;
    line-height: 36px;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 1.25rem;
}

.social-inline a {
    width: auto;
    height: auto;
    margin-right: 1rem;
}

.social-brand a.social-facebook {
    color: #3b5998;
}

.social-brand a.social-google {
    color: #dd4b39;
}

.social-brand a.social-gplus {
    color: #dd4b39;
}

.social-brand a.social-twitter {
    color: #00aced;
}

.social-brand a.social-linkedin {
    color: #007bb6;
}

.social-brand a.social-pinterest {
    color: #cb2027;
}

.social-brand a.social-git {
    color: #666666;
}

.social-brand a.social-tumblr {
    color: #32506d;
}

.social-brand a.social-vimeo {
    color: #aad450;
}

.social-brand a.social-youtube {
    color: #bb0000;
}

.social-brand a.social-flickr {
    color: #ff0084;
}

.social-brand a.social-reddit {
    color: #ff4500;
}

.social-brand a.social-dribbble {
    color: #ea4c89;
}

.social-brand a.social-skype {
    color: #00aff0;
}

.social-brand a.social-instagram {
    color: #517fa4;
}

.social-brand a.social-lastfm {
    color: #c3000d;
}

.social-brand a.social-soundcloud {
    color: #ff8800;
}

.social-brand a.social-behance {
    color: #1769ff;
}

.social-brand a.social-envato {
    color: #82b541;
}

.social-brand a.social-medium {
    color: #00ab6c;
}

.social-brand a.social-spotify {
    color: #1db954;
}

.social-brand a.social-quora {
    color: #a82400;
}

.social-brand a.social-xing {
    color: #026466;
}

.social-brand a.social-snapchat {
    color: #fffc00;
}

.social-brand a.social-telegram {
    color: #0088cc;
}

.social-brand a.social-whatsapp {
    color: #075e54;
}

.social-brand a.social-rss {
    color: #f26522;
}

.social-gray a {
    color: #929daf;
}

.social-gray a:hover {
    color: #757575 !important;
}

.social-light a {
    color: rgba(255, 255, 255, 0.65);
}

.social-light a:hover {
    color: #fff !important;
}

.social-bg-brand a {
    color: #fff;
    opacity: 1;
}

.social-bg-brand a:hover {
    color: #fff !important;
}

.social-bg-brand .social-facebook {
    background-color: #3b5998;
}

.social-bg-brand .social-google {
    background-color: #dd4b39;
}

.social-bg-brand .social-gplus {
    background-color: #dd4b39;
}

.social-bg-brand .social-twitter {
    background-color: #00aced;
}

.social-bg-brand .social-linkedin {
    background-color: #007bb6;
}

.social-bg-brand .social-pinterest {
    background-color: #cb2027;
}

.social-bg-brand .social-git {
    background-color: #666666;
}

.social-bg-brand .social-tumblr {
    background-color: #32506d;
}

.social-bg-brand .social-vimeo {
    background-color: #aad450;
}

.social-bg-brand .social-youtube {
    background-color: #bb0000;
}

.social-bg-brand .social-flickr {
    background-color: #ff0084;
}

.social-bg-brand .social-reddit {
    background-color: #ff4500;
}

.social-bg-brand .social-dribbble {
    background-color: #ea4c89;
}

.social-bg-brand .social-skype {
    background-color: #00aff0;
}

.social-bg-brand .social-instagram {
    background-color: #517fa4;
}

.social-bg-brand .social-lastfm {
    background-color: #c3000d;
}

.social-bg-brand .social-soundcloud {
    background-color: #ff8800;
}

.social-bg-brand .social-behance {
    background-color: #1769ff;
}

.social-bg-brand .social-envato {
    background-color: #82b541;
}

.social-bg-brand .social-medium {
    background-color: #00ab6c;
}

.social-bg-brand .social-spotify {
    background-color: #1db954;
}

.social-bg-brand .social-quora {
    background-color: #a82400;
}

.social-bg-brand .social-xing {
    background-color: #026466;
}

.social-bg-brand .social-snapchat {
    background-color: #fffc00;
}

.social-bg-brand .social-telegram {
    background-color: #0088cc;
}

.social-bg-brand .social-whatsapp {
    background-color: #075e54;
}

.social-bg-brand .social-rss {
    background-color: #f26522;
}

.social-bg-pale-brand a {
    opacity: 1;
}

.social-bg-pale-brand .social-facebook {
    color: #3b5998;
    background-color: #e7ebf3;
}

.social-bg-pale-brand .social-facebook:hover {
    color: #3b5998 !important;
    background-color: #d8deea !important;
}

.social-bg-pale-brand .social-google {
    color: #dd4b39;
    background-color: #fbe9e7;
}

.social-bg-pale-brand .social-google:hover {
    color: #dd4b39 !important;
    background-color: #f8dbd7 !important;
}

.social-bg-pale-brand .social-gplus {
    color: #dd4b39;
    background-color: #fbe9e7;
}

.social-bg-pale-brand .social-gplus:hover {
    color: #dd4b39 !important;
    background-color: #f8dbd7 !important;
}

.social-bg-pale-brand .social-twitter {
    color: #00aced;
    background-color: #e0f5fd;
}

.social-bg-pale-brand .social-twitter:hover {
    color: #00aced !important;
    background-color: #cceefb !important;
}

.social-bg-pale-brand .social-linkedin {
    color: #007bb6;
    background-color: #e0eff6;
}

.social-bg-pale-brand .social-linkedin:hover {
    color: #007bb6 !important;
    background-color: #cce5f0 !important;
}

.social-bg-pale-brand .social-pinterest {
    color: #cb2027;
    background-color: #f9e4e5;
}

.social-bg-pale-brand .social-pinterest:hover {
    color: #cb2027 !important;
    background-color: #f5d2d4 !important;
}

.social-bg-pale-brand .social-git {
    color: #666666;
    background-color: #ededed;
}

.social-bg-pale-brand .social-git:hover {
    color: #666666 !important;
    background-color: #e0e0e0 !important;
}

.social-bg-pale-brand .social-tumblr {
    color: #32506d;
    background-color: #e6eaed;
}

.social-bg-pale-brand .social-tumblr:hover {
    color: #32506d !important;
    background-color: #d6dce2 !important;
}

.social-bg-pale-brand .social-vimeo {
    color: #aad450;
    background-color: #f5faea;
}

.social-bg-pale-brand .social-vimeo:hover {
    color: #aad450 !important;
    background-color: #eef6dc !important;
}

.social-bg-pale-brand .social-youtube {
    color: #bb0000;
    background-color: #f7e0e0;
}

.social-bg-pale-brand .social-youtube:hover {
    color: #bb0000 !important;
    background-color: #f1cccc !important;
}

.social-bg-pale-brand .social-flickr {
    color: #ff0084;
    background-color: #ffe0f0;
}

.social-bg-pale-brand .social-flickr:hover {
    color: #ff0084 !important;
    background-color: #ffcce6 !important;
}

.social-bg-pale-brand .social-reddit {
    color: #ff4500;
    background-color: #ffe9e0;
}

.social-bg-pale-brand .social-reddit:hover {
    color: #ff4500 !important;
    background-color: #ffdacc !important;
}

.social-bg-pale-brand .social-dribbble {
    color: #ea4c89;
    background-color: #fceaf1;
}

.social-bg-pale-brand .social-dribbble:hover {
    color: #ea4c89 !important;
    background-color: #fbdbe7 !important;
}

.social-bg-pale-brand .social-skype {
    color: #00aff0;
    background-color: #e0f5fd;
}

.social-bg-pale-brand .social-skype:hover {
    color: #00aff0 !important;
    background-color: #cceffc !important;
}

.social-bg-pale-brand .social-instagram {
    color: #517fa4;
    background-color: #eaf0f4;
}

.social-bg-pale-brand .social-instagram:hover {
    color: #517fa4 !important;
    background-color: #dce5ed !important;
}

.social-bg-pale-brand .social-lastfm {
    color: #c3000d;
    background-color: #f8e0e2;
}

.social-bg-pale-brand .social-lastfm:hover {
    color: #c3000d !important;
    background-color: #f3cccf !important;
}

.social-bg-pale-brand .social-soundcloud {
    color: #ff8800;
    background-color: #fff1e0;
}

.social-bg-pale-brand .social-soundcloud:hover {
    color: #ff8800 !important;
    background-color: #ffe7cc !important;
}

.social-bg-pale-brand .social-behance {
    color: #1769ff;
    background-color: #e3edff;
}

.social-bg-pale-brand .social-behance:hover {
    color: #1769ff !important;
    background-color: #d1e1ff !important;
}

.social-bg-pale-brand .social-envato {
    color: #82b541;
    background-color: #f0f6e8;
}

.social-bg-pale-brand .social-envato:hover {
    color: #82b541 !important;
    background-color: #e6f0d9 !important;
}

.social-bg-pale-brand .social-medium {
    color: #00ab6c;
    background-color: #e0f5ed;
}

.social-bg-pale-brand .social-medium:hover {
    color: #00ab6c !important;
    background-color: #cceee2 !important;
}

.social-bg-pale-brand .social-spotify {
    color: #1db954;
    background-color: #e4f7ea;
}

.social-bg-pale-brand .social-spotify:hover {
    color: #1db954 !important;
    background-color: #d2f1dd !important;
}

.social-bg-pale-brand .social-quora {
    color: #a82400;
    background-color: #f5e5e0;
}

.social-bg-pale-brand .social-quora:hover {
    color: #a82400 !important;
    background-color: #eed3cc !important;
}

.social-bg-pale-brand .social-xing {
    color: #026466;
    background-color: #e1eced;
}

.social-bg-pale-brand .social-xing:hover {
    color: #026466 !important;
    background-color: #cce0e0 !important;
}

.social-bg-pale-brand .social-snapchat {
    color: #fffc00;
    background-color: lightyellow;
}

.social-bg-pale-brand .social-snapchat:hover {
    color: #fffc00 !important;
    background-color: #fffecc !important;
}

.social-bg-pale-brand .social-telegram {
    color: #0088cc;
    background-color: #e0f1f9;
}

.social-bg-pale-brand .social-telegram:hover {
    color: #0088cc !important;
    background-color: #cce7f5 !important;
}

.social-bg-pale-brand .social-whatsapp {
    color: #075e54;
    background-color: #e1ecea;
}

.social-bg-pale-brand .social-whatsapp:hover {
    color: #075e54 !important;
    background-color: #cddfdd !important;
}

.social-bg-pale-brand .social-rss {
    color: #f26522;
    background-color: #fdede4;
}

.social-bg-pale-brand .social-rss:hover {
    color: #f26522 !important;
    background-color: #fce0d3 !important;
}

.social-bg-gray a {
    color: #929daf;
    border: none;
    background-color: #fafbfb;
}

.social-bg-light a {
    border: none;
    background-color: #fff;
}

.social-bg-dark a {
    border: none;
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.1);
}

.social-bg-dark a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.social-hover-primary a:hover {
    color: #50a1ff !important;
}

.social-hover-bg-brand a.social-facebook:hover {
    background-color: #3b5998;
    color: #fff;
}

.social-hover-bg-brand a.social-google:hover {
    background-color: #dd4b39;
    color: #fff;
}

.social-hover-bg-brand a.social-gplus:hover {
    background-color: #dd4b39;
    color: #fff;
}

.social-hover-bg-brand a.social-twitter:hover {
    background-color: #00aced;
    color: #fff;
}

.social-hover-bg-brand a.social-linkedin:hover {
    background-color: #007bb6;
    color: #fff;
}

.social-hover-bg-brand a.social-pinterest:hover {
    background-color: #cb2027;
    color: #fff;
}

.social-hover-bg-brand a.social-git:hover {
    background-color: #666666;
    color: #fff;
}

.social-hover-bg-brand a.social-tumblr:hover {
    background-color: #32506d;
    color: #fff;
}

.social-hover-bg-brand a.social-vimeo:hover {
    background-color: #aad450;
    color: #fff;
}

.social-hover-bg-brand a.social-youtube:hover {
    background-color: #bb0000;
    color: #fff;
}

.social-hover-bg-brand a.social-flickr:hover {
    background-color: #ff0084;
    color: #fff;
}

.social-hover-bg-brand a.social-reddit:hover {
    background-color: #ff4500;
    color: #fff;
}

.social-hover-bg-brand a.social-dribbble:hover {
    background-color: #ea4c89;
    color: #fff;
}

.social-hover-bg-brand a.social-skype:hover {
    background-color: #00aff0;
    color: #fff;
}

.social-hover-bg-brand a.social-instagram:hover {
    background-color: #517fa4;
    color: #fff;
}

.social-hover-bg-brand a.social-lastfm:hover {
    background-color: #c3000d;
    color: #fff;
}

.social-hover-bg-brand a.social-soundcloud:hover {
    background-color: #ff8800;
    color: #fff;
}

.social-hover-bg-brand a.social-behance:hover {
    background-color: #1769ff;
    color: #fff;
}

.social-hover-bg-brand a.social-envato:hover {
    background-color: #82b541;
    color: #fff;
}

.social-hover-bg-brand a.social-medium:hover {
    background-color: #00ab6c;
    color: #fff;
}

.social-hover-bg-brand a.social-spotify:hover {
    background-color: #1db954;
    color: #fff;
}

.social-hover-bg-brand a.social-quora:hover {
    background-color: #a82400;
    color: #fff;
}

.social-hover-bg-brand a.social-xing:hover {
    background-color: #026466;
    color: #fff;
}

.social-hover-bg-brand a.social-snapchat:hover {
    background-color: #fffc00;
    color: #fff;
}

.social-hover-bg-brand a.social-telegram:hover {
    background-color: #0088cc;
    color: #fff;
}

.social-hover-bg-brand a.social-whatsapp:hover {
    background-color: #075e54;
    color: #fff;
}

.social-hover-bg-brand a.social-rss:hover {
    background-color: #f26522;
    color: #fff;
}

.social-rounded a {
    border-radius: 50%;
    border: 1px solid #f1f2f3;
}

.social-rounded.social-gray a {
    border-color: #f5f6f7;
}

.social-rounded.social-light a {
    border-color: rgba(255, 255, 255, 0.5);
    font-size: 0.8125rem;
}

.social-rounded.social-light.social-sm a {
    font-size: 0.6875rem;
}

.social-rounded.social-light.social-lg a {
    font-size: 0.9375rem;
}

.social-bordered a {
    border: 1px solid #eaeff4;
}

.social-bordered.social-gray a {
    border-color: #f5f6f7;
}

.social-bordered.social-light a {
    border-color: rgba(255, 255, 255, 0.6);
}

.social-cycling a:hover i {
    -webkit-animation: cycle .4s forwards;
    animation: cycle .4s forwards;
}


/*------------------------------------
  Cube Portfolio
------------------------------------*/

.cbp-caption-zoom-2 .cbp-caption-activeWrap {
    opacity: 1;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.31);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.cbp-caption-zoom-2 .cbp-caption-activeWrap:hover {
    background-color: transparent;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.cbp-caption-zoom-2 .cbp-l-caption-alignLeft {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.cbp-caption-zoom-2 .cbp-l-caption-alignLeft .cbp-l-caption-body {
    padding: 25px 30px;
    padding-left: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.10980392156862745);
}

.cbp-caption-zoom-2 .cbp-l-caption-title {
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
}

.cbp-caption-zoom-2 .cbp-l-caption-desc {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
    color: white;
}

.cbp-l-grid-agency-title {
    margin-top: 18px;
    font-weight: 500;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px;
    color: #1e2022;
    text-align: center;
    padding: 0 4px;
}

.cbp-l-grid-agency-desc {
    font: 400 12px/21px "Poppins", sans-serif;
    color: #aaa;
    text-align: center;
}

.cbp-l-filters-text-sort,
.cbp-l-text-sort,
.cbp-l-filters-text .cbp-filter-item {
    font-family: "Poppins", sans-serif;
}

.cbp-l-grid-agency .cbp-caption:after {
    display: none;
}

.cbp-l-filters-button .cbp-filter-item,
.cbp-l-filters-buttonCenter .cbp-filter-item {
    font-size: 14px;
    padding: 0 14px;
    margin: 0 0px 10px 0px;
}

.cbp-l-filters-button .cbp-filter-item,
.cbp-l-filters-buttonCenter .cbp-filter-item,
.cbp-l-filters-alignRight .cbp-filter-item {
    border: 0px;
}

.cbp-l-filters-holder .cbp-filter-item,
.cbp-l-filters-alignRight .cbp-filter-item {
    text-transform: none;
    font-size: 14px;
    margin: 0 0px 10px 0px;
}

.cbp-l-grid-projects-desc {
    margin-top: 1px;
}

.cbp-l-grid-work .cbp-item-wrapper {
    box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1);
    padding: 0px;
    border: 0;
    border-radius: 6px;
}

.cbp-l-grid-masonry-projects-title,
.cbp-l-grid-projects-title {
    font-weight: 500;
    font-size: 15px;
}

.cbp-l-filters-holder .cbp-filter-item,
.cbp-l-filters-work .cbp-filter-item {
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
}

.cbp-l-filters-alignCenter .cbp-filter-item {
    font-size: 14px;
}

.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 3px;
}

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft:hover,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight:hover {
    background-color: transparent;
    color: #328fe4;
}

.cbp-l-filters-holder .cbp-filter-item {
    padding: 8px 14px;
}

.cbp-l-filters-work .cbp-filter-counter {
    margin-left: 5px;
    font-size: 10px
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:after,
.cbp-l-filters-alignRight .cbp-filter-counter:after {
    border-top-color: #328fe4;
}

.cbp-l-grid-mosaic .cbp-l-caption-desc {
    color: white;
    opacity: 0.7;
}

.cbp-l-grid-mosaic .cbp-l-caption-title {
    text-transform: none;
    font-size: 16px;
    color: white;
    margin-bottom: 0px;
}

.cbp-l-grid-mosaic .cbp-l-caption-title,
.cbp-l-grid-mosaic .cbp-l-caption-desc,
.cbp-l-sort--simple .cbp-l-dropdown-header,
.cbp-l-filters-work .cbp-filter-counter,
.cbp-l-filters-button .cbp-filter-item,
.cbp-l-grid-mosaic-flat .cbp-l-caption-title,
.cbp-l-subfilters .cbp-filter-item,
.cbp-l-filters-holder .cbp-filter-item,
.cbp-l-filters-buttonCenter .cbp-filter-item,
.cbp-l-grid-masonry-projects-desc,
.cbp-l-grid-masonry-projects-title,
.cbp-l-filters-alignRight .cbp-filter-item,
.cbp-l-grid-projects-desc,
.cbp-l-grid-projects-title,
.cbp-l-filters-alignCenter .cbp-filter-item,
.cbp-l-filters-work .cbp-filter-item,
.cbp-l-grid-work-desc,
.cbp-l-grid-work-title,
.cbp-l-dropdown-list .cbp-l-dropdown-item {
    font-family: 'Poppins';
}

.cbp-l-grid-mosaic .cbp-caption-activeWrap,
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.cbp-l-subfilters .cbp-filter-item:after,
.cbp-l-filters-alignRight .cbp-filter-counter,
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-work .cbp-filter-item:hover,
.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active {
    background-color: transparent;
    color: #328fe4;
}

.cbp-l-filters-holder .cbp-filter-item:hover,
.cbp-l-grid-masonry-projects-title:hover,
.cbp-l-grid-work-title,
.cbp-l-filters-holder .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    color: #328fe4;
}

.cbp-l-grid-masonry-projects-title,
.cbp-l-grid-projects-title,
.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
    color: #1e2022;
}

.cbp-l-filters-work .cbp-filter-item {
    margin: 0 0px 15px 0px;
    background-color: transparent;
}

.cbp-l-grid-work-desc {
    text-transform: none;
    text-align: left;
    font-size: 12px;
}

.cbp-l-grid-work-title {
    text-transform: none;
    text-align: left;
    margin: 0;
}

.cbp-l-grid-work .cbp-item {
    padding: 0px;
    overflow: visible;
}

.cbp-l-grid-work .cbp-item:hover {
    box-shadow: 0 5px 25px rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
    background-color: #328fe4
}

.cbp-wrapper-outer {
    overflow: inherit!important;
}

.cbp-l-caption-alignCenter .cbp-l-caption-body {
    padding: 15px 15px;
}

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

.avatar-list>li {
    display: inline-block;
}

.avatar-list>li+li {
    margin-left: -0.75rem;
}

.avatar-list .avatar-item {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 2px solid #F7F9FA;
    background: #F7F9FA;
    color: #fff;
    border-color: #fff;
    background: #fff;
}


/*------------------------------------
  Input
------------------------------------*/

.form-control {
    font-size: 0.95rem;
}

.form-check-label {
    font-size: 0.95rem;
}

.input-group {
    border: 1px solid #eaeff4;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.input-group.focus {
    border-color: #328fe4!important;
}

.input-group .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0
}

.input-group-prepend,
.input-group-append {
    margin-left: 0;
    margin-right: 0
}

.input-group-prepend .btn,
.input-group-append .btn {
    height: calc(100% + 2px);
    margin: -1px
}

.input-group-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
    border: none;
    color: #b9b9b9;
    font-weight: 300;
    border-radius: 0;
    height: 100%;
}

.input-group-text .custom-control {
    margin-bottom: 0
}

.input-group-text+.form-control {
    padding-left: 0
}

.input-group .form-control:not(:last-child),
.input-group-text:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child),
.input-group-text:not(:first-child) {
    border-left: 0
}

.input-group-prepend .btn {
    margin-right: 0
}

.input-group-append .btn {
    margin-left: 0
}

.input-group-prepend .input-group-text:last-child {
    padding-right: 0
}

.was-validated .input-group:valid,
.input-group.is-valid {
    border-color: #00c9a7
}

.was-validated .input-group:valid .valid-feedback,
.was-validated .input-group:valid .valid-tooltip,
.was-validated .input-group:valid~.valid-feedback,
.was-validated .input-group:valid~.valid-tooltip,
.input-group.is-valid .valid-feedback,
.input-group.is-valid .valid-tooltip,
.input-group.is-valid~.valid-feedback,
.input-group.is-valid~.valid-tooltip {
    display: block
}

.was-validated .input-group:invalid,
.input-group.is-invalid {
    border-color: #ff4954
}

.was-validated .input-group:invalid .invalid-feedback,
.was-validated .input-group:invalid .invalid-tooltip,
.was-validated .input-group:invalid~.invalid-feedback,
.was-validated .input-group:invalid~.invalid-tooltip,
.input-group.is-invalid .invalid-feedback,
.input-group.is-invalid .invalid-tooltip,
.input-group.is-invalid~.invalid-feedback,
.input-group.is-invalid~.invalid-tooltip {
    display: block
}

.input-border .form-control:focus,
.input-border .input-group.focus {
    border-color: #96c7ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-line .form-control {
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    -webkit-background-size: 0 1px, 100% 1px;
    background-size: 0 1px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)), -webkit-gradient(linear, left top, left bottom, from(#eaeff4), to(#eaeff4));
    background-image: -webkit-linear-gradient(#96c7ff, #96c7ff), -webkit-linear-gradient(#eaeff4, #eaeff4);
    background-image: linear-gradient(#96c7ff, #96c7ff), linear-gradient(#eaeff4, #eaeff4);
    -webkit-transition: background 0.3s;
    transition: background 0.3s
}

.input-line .form-control:focus,
.input-line .form-control.focus {
    -webkit-background-size: 100% 2px, 100% 2px;
    background-size: 100% 2px, 100% 2px;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-line .form-control:disabled,
.input-line .form-control[readonly] {
    background-color: #fff;
    opacity: 0.7
}

.input-line .form-control.is-valid {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)), -webkit-gradient(linear, left top, left bottom, from(#00c9a7), to(#00c9a7));
    background-image: -webkit-linear-gradient(#96c7ff, #96c7ff), -webkit-linear-gradient(#00c9a7, #00c9a7);
    background-image: linear-gradient(#96c7ff, #96c7ff), linear-gradient(#00c9a7, #00c9a7)
}

.input-line .form-control.is-invalid {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)), -webkit-gradient(linear, left top, left bottom, from(#ff4954), to(#ff4954));
    background-image: -webkit-linear-gradient(#96c7ff, #96c7ff), -webkit-linear-gradient(#ff4954, #ff4954);
    background-image: linear-gradient(#96c7ff, #96c7ff), linear-gradient(#ff4954, #ff4954)
}

.input-line .input-group {
    border: none
}

.input-line .input-group.focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-line .input-group-prepend .btn,
.input-line .input-group-append .btn {
    height: 100%;
    margin: 0
}

.input-line .input-group-text {
    background-color: transparent
}

.input-line .input-group-prepend .input-group-text:last-child {
    padding-right: .75rem
}

.input-round .form-control,
.input-round .input-group,
.input-round .input-group-text,
.input-round .input-group .btn {
    border-radius: 10rem
}

.input-round .form-control {
    padding-left: 1rem;
    padding-right: 1rem
}

.input-round textarea.form-control {
    border-radius: 2px
}

.input-round .input-group-text {
    padding-left: 1rem;
    padding-right: 1rem;
    opacity: .8
}

.input-round .input-group-text+.form-control {
    padding-left: 0
}

.input-round .form-control-lg,
.input-round .input-group-lg .form-control {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.input-glass .form-control {
    border: none;
    background-color: rgba(255, 255, 255, 0.2);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8)
}

.input-glass .form-control.is-valid {
    background-color: rgba(60, 212, 88, 0.2)
}

.input-glass .form-control.is-invalid {
    background-color: rgba(255, 73, 84, 0.2)
}

.input-glass .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-glass .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-glass .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-glass .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-glass .form-control::placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-glass .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.input-glass select option {
    color: #323d47
}

.input-glass label {
    opacity: .8
}

.input-glass .input-group {
    border: none
}

.input-glass .input-group-prepend .btn,
.input-glass .input-group-append .btn {
    height: 100%;
    margin: 0
}

.input-glass .input-group-text {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    color: rgba(255, 255, 255, 0.8)
}

.input-glass.input-round .input-group {
    background-color: rgba(255, 255, 255, 0.2)
}

.input-glass.input-round .input-group .form-control,
.input-glass.input-round .input-group .input-group-text {
    background-color: transparent
}

.input-transparent .form-control {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8)
}

.input-transparent .form-control.is-valid {
    border-color: rgba(60, 212, 88, 0.4)
}

.input-transparent .form-control.is-invalid {
    border-color: rgba(255, 73, 84, 0.4)
}

.input-transparent .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-transparent .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-transparent .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-transparent .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-transparent .form-control::placeholder {
    color: rgba(255, 255, 255, 0.65)
}

.input-transparent .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff
}

.input-transparent select option {
    color: #323d47
}

.input-transparent label {
    opacity: .8
}

.input-transparent .input-group {
    border-color: rgba(255, 255, 255, 0.3)
}

.input-transparent .input-group.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff
}

.input-transparent .input-group .btn-outline-light {
    border-color: rgba(255, 255, 255, 0.3)
}

.input-transparent .input-group .input-group-prepend .btn-outline-light {
    border-top-width: 0;
    border-left-width: 0;
    border-bottom-width: 0
}

.input-transparent .input-group .input-group-append .btn-outline-light {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

.input-transparent .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.75)
}

.form-control-lg {
    height: calc(3.0875rem + 2px);
    padding: .375rem 1rem;
    font-size: 1.0625rem;
    line-height: 2.2;
    border-radius: 2px;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    height: calc(3.0875rem + 2px);
    padding: .375rem 1rem;
    font-size: 1.0625rem;
    line-height: 2.2;
    border-radius: 2px;
}


/* Form Borderless */

.input-group-borderless .form-control,
.input-group-borderless .input-group-text {
    border: none !important;
}

.input-group-borderless.focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

.input-group-borderless .form-control:focus,
.input-group-borderless .input-group-text:focus {
    box-shadow: none !important;
}


/*------------------------------------
  switch
------------------------------------*/

.switch,
.switch * {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch label {
    cursor: pointer
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #99bcfd;
}

.switch label input[type=checkbox]:checked+.lever:before,
.switch label input[type=checkbox]:checked+.lever:after {
    left: 18px;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #377dff;
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.38);
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px;
}

.switch label .lever:before,
.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch label .lever:before {
    background-color: rgba(38, 166, 154, 0.15);
}

.switch label .lever:after {
    background-color: #F1F1F1;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

input[type=checkbox]:checked:not(:disabled)~.lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(38, 166, 154, 0.15);
}

input[type=checkbox]:not(:disabled)~.lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled]+.lever {
    cursor: default;
    background-color: rgb(231, 234, 243);
}

.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #949494;
}


/*------------------------------------
  Label
------------------------------------*/

.label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 0.625rem 1.125rem;
    border-radius: 6.1875rem;
    transition: 0.2s ease-in-out;
}

.label--rounded {
    border-radius: 0.25rem;
}

.label--xs {
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 1.7;
    padding: 0.25rem 1rem;
}

.label--sm {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
}


/*------------------------------------
  Label Colors
------------------------------------*/

.label--primary {
    color: #328fe4;
    background-color: rgba(55, 125, 255, 0.1);
}

.label--primary[href]:hover,
.label--primary[href]:focus {
    color: #fff;
    background-color: #328fe4;
}

.label--secondary {
    color: #77838f;
    background-color: rgba(119, 131, 143, 0.1);
}

.label--secondary[href]:hover,
.label--secondary[href]:focus {
    color: #fff;
    background-color: #77838f;
}

.label--success {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
}

.label--success[href]:hover,
.label--success[href]:focus {
    color: #fff;
    background-color: #00c9a7;
}

.label--info {
    color: #00dffc;
    background-color: rgba(0, 223, 252, 0.1);
}

.label--info[href]:hover,
.label--info[href]:focus {
    color: #1e2022;
    background-color: #00dffc;
}

.label--warning {
    color: #ffc107;
    background-color: rgba(255, 193, 7, 0.1);
}

.label--warning[href]:hover,
.label--warning[href]:focus {
    color: #1e2022;
    background-color: #ffc107;
}

.label--danger {
    color: #de4437;
    background-color: rgba(222, 68, 55, 0.1);
}

.label--danger[href]:hover,
.label--danger[href]:focus {
    color: #fff;
    background-color: #de4437;
}

.label--light {
    color: #f8f9fa;
    background-color: rgba(248, 249, 250, 0.1);
}

.label--light[href]:hover,
.label--light[href]:focus {
    color: #1e2022;
    background-color: #f8f9fa;
}

.label--dark {
    color: #1e2022;
    background-color: rgba(30, 32, 34, 0.1);
}

.label--dark[href]:hover,
.label--dark[href]:focus {
    color: #fff;
    background-color: #1e2022;
}

.label--white {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.label--white[href]:hover,
.label--white[href]:focus {
    color: #1e2022;
    background-color: #fff;
}

.label--indigo {
    color: #2d1582;
    background-color: rgba(45, 21, 130, 0.1);
}

.label--indigo[href]:hover,
.label--indigo[href]:focus {
    color: #fff;
    background-color: #2d1582;
}


/*------------------------------------
  Divider
------------------------------------*/

.divider {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0;
    color: #929daf;
    font-size: 0.8375rem;
    letter-spacing: .5px;
    margin: 2rem auto;
    width: 100%;
}

.divider::before {
    margin-right: 1rem;
}

.divider::before,
.divider::after {
    content: '';
    -webkit-box-flex: 1;
    flex-grow: 1;
    border-top: 1px solid #eaeff4;
}


/*------------------------------------
  Testimonials
------------------------------------*/

.v-testimonials--head {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.m-testimonials--head img {
    width: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 18px;
}

.m-testimonials--name {
    float: left;
    margin-top: 2px;
}

.m-testimonials--name p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1e2022;
}

.m-testimonials--body {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
}

.m-testimonials--body p {
    font-size: 14px;
    line-height: 1.7;
}

.m-testimonials--footer {
    display: block;
    width: 100%;
    overflow: hidden;
}

.m-testimonials--stars,
.m-testimonials--footer i {
    font-size: 16px;
    color: #f1c346;
}

.m-testimonials--sub-heading {
    color: #328fe4;
    font-size: 14px;
}

.m-testimonials-v2 .m-testimonials-v2--body {
    overflow: hidden;
}

.m-testimonials-v2 img {
    width: 120px;
    margin-right: 30px;
}


/*------------------------------------
  List Wrapper
------------------------------------*/

.list-wrapper {
    display: flex;
    justify-content: center;
    padding: 0 .5em
}

.list-wrapper .grid-item {
    padding: 0;
    flex-grow: 1;
    position: relative;
    overflow: visible;
    display: block;
    min-height: 85px;
    border-radius: 4px
}

.list-wrapper .grid-item .ui-list {
    background: none
}

.list-wrapper .grid-item:hover .figcaption {
    opacity: 1;
    visibility: visible
}

.list-wrapper .grid-item a {
    position: relative;
    display: block;
    text-decoration: none;
    outline: none
}

.list-wrapper .grid-item a span {
    position: relative;
    display: block
}

.list-wrapper .grid-item a div.loading-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(33, 97, 145, 0.41)
}

.list-wrapper .grid-item a div.loading-overlay div.video-loading-icon {
    position: absolute;
    height: 100%;
    margin: 0;
    top: 0px;
    left: 0%;
    right: 100%;
    background-color: rgba(200, 230, 255, 0.5);
    -webkit-animation: kitAnimation 1.1s infinite ease;
    animation: kitAnimation 1.1s infinite ease
}

.list-wrapper .grid-item a video {
    width: calc(100% + 1px);
    height: auto;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0
}

.list-wrapper .grid-item a .card video {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.list-wrapper .figcaption {
    background-color: white;
    padding: 12px;
    border-radius: 0 0 4px 4px
}

.list-wrapper .figcaption .figure-description {
    display: none
}

.type-list a {
    border-radius: 4px 4px 0 0;
    border: none !important
}

.type-list .figcaption {
    z-index: 1
}

.type-list .type-list__buttons {
    display: none;
    height: 67px;
    width: 100%;
    position: absolute;
    margin-top: calc(50% - 33.5px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    pointer-events: none
}

.type-list .type-list__buttons a {
    position: absolute;
    width: 100%;
    height: 67px;
    box-shadow: none !important;
    border-radius: 0;
    pointer-events: none
}

.type-list.type-list-box .type-list__buttons {
    margin-top: calc(42% - 33.5px)
}

.type-list.type-list-wide .type-list__buttons {
    margin-top: calc(20% - 33.5px)
}

.type-list.type-list-tall .type-list__buttons {
    margin-top: calc(67% - 33.5px)
}

.type-list:hover .type-list__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.type-list button.list_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 67px;
    width: 24px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    opacity: 0.6;
    z-index: 1;
    pointer-events: initial
}

.type-list button.list_button.list_button-right {
    right: 0;
    border-radius: 4px 0 0 4px
}

.type-list button.list_button.list_button-left {
    left: 0;
    border-radius: 0 4px 4px 0
}

.type-list button.list_button .list_button_arrow {
    margin: 0 auto;
    display: block
}

.type-list .card * {
    pointer-events: none
}

.type-list .card video {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.type-list.margin-for-1-items {
    margin-top: 5px !important
}

.type-list.margin-for-2-items {
    margin-top: 10px !important
}

.type-list.margin-for-3-items {
    margin-top: 15px !important
}

.type-list.margin-for-4-items {
    margin-top: 20px !important
}

.type-list.margin-for-5-items {
    margin-top: 25px !important
}

.ui-list {
    width: 100%;
    background: #ffffff;
    border-radius: 4px 4px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-list figure.ui-list__items {
    margin: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 100%;
    z-index: 0
}

.type-list-box .ui-list figure.ui-list__items {
    padding-top: 95%
}

.type-list-wide .ui-list figure.ui-list__items {
    padding-top: 56%
}

.type-list-tall .ui-list figure.ui-list__items {
    padding-top: 150%
}

.ui-list figure.ui-list__items .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    border-radius: 4px 4px 0 0;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ui-list figure.ui-list__items .card:nth-last-of-type(1) {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
    opacity: 1
}

.ui-list figure.ui-list__items .card:nth-last-of-type(2) {
    -webkit-transform: translateY(-8px) scale(0.9375);
    transform: translateY(-8px) scale(0.9375);
    opacity: 0.775
}

.ui-list figure.ui-list__items .card:nth-last-of-type(3) {
    -webkit-transform: translateY(-16px) scale(0.875);
    transform: translateY(-16px) scale(0.875);
    opacity: 0.55
}

.ui-list figure.ui-list__items .card:nth-last-of-type(4) {
    -webkit-transform: translateY(-24px) scale(0.8125);
    transform: translateY(-24px) scale(0.8125);
    opacity: 0.325
}

.ui-list figure.ui-list__items .card:nth-last-of-type(5) {
    -webkit-transform: translateY(-32px) scale(0.75);
    transform: translateY(-32px) scale(0.75);
    opacity: 0.1
}

.ui-list figure.ui-list__items .card:nth-of-type(1) {
    z-index: 1
}

.ui-list figure.ui-list__items .card:nth-of-type(2) {
    z-index: 2
}

.ui-list figure.ui-list__items .card:nth-of-type(3) {
    z-index: 3
}

.ui-list figure.ui-list__items .card:nth-of-type(4) {
    z-index: 4
}

.ui-list figure.ui-list__items .card:nth-of-type(5) {
    z-index: 5
}

.ui-list figure.ui-list__items .card:nth-of-type(6) {
    z-index: 6
}

.ui-list figure.ui-list__items .card:nth-of-type(7) {
    z-index: 7
}

.ui-list figure.ui-list__items .card:nth-of-type(8) {
    z-index: 8
}

.ui-list figure.ui-list__items .card:nth-of-type(9) {
    z-index: 9
}

.ui-list figure.ui-list__items .card:nth-of-type(10) {
    z-index: 10
}

.ui-list figure.ui-list__items .card.removing {
    -webkit-animation-name: card-transition;
    animation-name: card-transition;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100 !important
}

.ui-list figure.ui-list__items .card.adding {
    -webkit-animation-name: card-transition;
    animation-name: card-transition;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ui-list figure.ui-list__items .card img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ui-list figure.ui-list__items.backwards .card:last-of-type {
    -webkit-transition: none;
    transition: none
}

.modal-without-scroll.modal-open {
    overflow: hidden !important
}

.modal-without-scroll.modal-open .modal {
    overflow: hidden
}

.list-wrapper .card {
    border-width: 0;
}

@media (max-width: 1024px) {
    .type-list__buttons {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.close:not(:disabled):not(.disabled) {
    outline: none;
}

.shape-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -22px;
}


/*------------------------------------
  Avatar
------------------------------------*/

.avatar {
    border-radius: 10rem;
    width: 48px;
    height: 48px;
}

.avatar-xxs {
    width: 22px!important;
    height: 22px;
}

.avatar-xs {
    width: 34px!important;
    height: 34px;
}

.avatar-sm {
    width: 2rem;
    height: 2rem;
}

.avatar-lg {
    width: 56px!important;
    height: 56px;
}

.avatar-xl {
    width: 64px!important;
    height: 64px;
}


/*------------------------------------
  Slick Slider
------------------------------------*/

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    /*margin-left: auto; margin-right: auto*/
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.slick-slide img {
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

.slider-center-focused .slick-slide {
    opacity: 0.2;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out
}

.slider-center-focused .slick-center {
    opacity: 1
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 50px;
    width: 36px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    z-index: 1
}

.slick-prev:hover,
.slick-next:hover {
    outline: none;
    background-color: rgba(0, 0, 0, 0.3)
}

.slick-prev:hover::before,
.slick-next:hover::before {
    border-right-color: #fff;
    border-bottom-color: #fff
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
    opacity: 0.5
}

.slick-prev::before,
.slick-next::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out
}

.slick-prev {
    left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.slick-prev::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-right: -2px
}

.slick-next {
    right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.slick-next::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -2px
}

.slider-arrows-circle-light .slick-prev,
.slider-arrows-circle-light .slick-next {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10rem;
    border: 1px solid #eee;
    opacity: 0.7
}

.slider-arrows-circle-light .slick-prev::before,
.slider-arrows-circle-light .slick-next::before {
    border-right-color: rgba(0, 0, 0, 0.3);
    border-bottom-color: rgba(0, 0, 0, 0.3)
}

.slider-arrows-circle-light .slick-prev:hover,
.slider-arrows-circle-light .slick-next:hover {
    opacity: 1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08)
}

.slider-arrows-circle-light .slick-prev:hover::before,
.slider-arrows-circle-light .slick-next:hover::before {
    border-right-color: rgba(0, 0, 0, 0.5);
    border-bottom-color: rgba(0, 0, 0, 0.5)
}

.slider-arrows-circle-light .slick-prev {
    left: 0.3rem
}

.slider-arrows-circle-light .slick-next {
    right: 0.3rem
}

.slider-arrows-circle-dark .slick-prev,
.slider-arrows-circle-dark .slick-next {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 10rem;
    opacity: 0.7
}

.slider-arrows-circle-dark .slick-prev::before,
.slider-arrows-circle-dark .slick-next::before {
    border-right-color: rgba(255, 255, 255, 0.6);
    border-bottom-color: rgba(255, 255, 255, 0.6)
}

.slider-arrows-circle-dark .slick-prev:hover,
.slider-arrows-circle-dark .slick-next:hover {
    opacity: 1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08)
}

.slider-arrows-circle-dark .slick-prev:hover::before,
.slider-arrows-circle-dark .slick-next:hover::before {
    border-right-color: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(255, 255, 255, 0.9)
}

.slider-arrows-circle-dark .slick-prev {
    left: 0.3rem
}

.slider-arrows-circle-dark .slick-next {
    right: 0.3rem
}

.slider-arrows-flash-dark .slick-prev,
.slider-arrows-flash-dark .slick-next {
    width: 40px;
    height: 40px;
    background-color: transparent
}

.slider-arrows-flash-dark .slick-prev::before,
.slider-arrows-flash-dark .slick-next::before {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    border-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.2)
}

.slider-arrows-flash-dark .slick-prev::after,
.slider-arrows-flash-dark .slick-next::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out
}

.slider-arrows-flash-dark .slick-prev:hover::before,
.slider-arrows-flash-dark .slick-next:hover::before {
    border-right-color: rgba(0, 0, 0, 0.5);
    border-bottom-color: rgba(0, 0, 0, 0.5)
}

.slider-arrows-flash-dark .slick-prev:hover::after,
.slider-arrows-flash-dark .slick-next:hover::after {
    background-color: rgba(0, 0, 0, 0.5)
}

.slider-arrows-flash-dark .slick-prev {
    left: 0.6rem
}

.slider-arrows-flash-dark .slick-prev::before,
.slider-arrows-flash-dark .slick-prev::after {
    left: 9px
}

.slider-arrows-flash-dark .slick-next {
    right: 0.6rem
}

.slider-arrows-flash-dark .slick-next::before,
.slider-arrows-flash-dark .slick-next::after {
    right: 9px
}

.slider-arrows-flash-light .slick-prev,
.slider-arrows-flash-light .slick-next {
    width: 40px;
    height: 40px;
    background-color: transparent
}

.slider-arrows-flash-light .slick-prev::before,
.slider-arrows-flash-light .slick-next::before {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    border-width: 1px;
    border-right-color: rgba(255, 255, 255, 0.5);
    border-bottom-color: rgba(255, 255, 255, 0.5)
}

.slider-arrows-flash-light .slick-prev::after,
.slider-arrows-flash-light .slick-next::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out
}

.slider-arrows-flash-light .slick-prev:hover::before,
.slider-arrows-flash-light .slick-next:hover::before {
    border-right-color: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(255, 255, 255, 0.9)
}

.slider-arrows-flash-light .slick-prev:hover::after,
.slider-arrows-flash-light .slick-next:hover::after {
    background-color: rgba(255, 255, 255, 0.9)
}

.slider-arrows-flash-light .slick-prev {
    left: 0.5rem
}

.slider-arrows-flash-light .slick-prev::before,
.slider-arrows-flash-light .slick-prev::after {
    left: 9px
}

.slider-arrows-flash-light .slick-next {
    right: 0.5rem
}

.slider-arrows-flash-light .slick-next::before,
.slider-arrows-flash-light .slick-next::after {
    right: 9px
}

.slick-dotted.slick-slider {
    margin-bottom: 35px
}

.slick-dots {
    position: absolute;
    bottom: -35px;
    list-style: none;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    margin: 0 5px;
    padding: 8px 2px;
    line-height: 1px;
    cursor: pointer
}

.slick-dots li button {
    border: 1px solid #929daf;
    padding: 0;
    background: transparent;
    height: 9px;
    width: 9px;
    border-radius: 10rem;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.slick-dots li button:hover {
    outline: none
}

.slick-dots li.slick-active button {
    background-color: #929daf
}

.slider-dots-inside.slick-slider {
    margin-bottom: 0
}

.slider-dots-inside.slick-slider .slick-dots {
    bottom: 1rem;
    opacity: 0.8
}

.slider-dots-fill .slick-dots button {
    border: none;
    background-color: #eaeff4
}

.slider-dots-fill .slick-dots .slick-active button {
    background-color: #929daf
}

.slider-dots-fill-primary .slick-dots button {
    border: none;
    background-color: #eaeff4
}

.slider-dots-fill-primary .slick-dots .slick-active button {
    background-color: #50a1ff
}

.slider-dots-line .slick-dots li {
    padding-left: 2px;
    padding-right: 2px
}

.slider-dots-line .slick-dots button {
    border: none;
    width: 24px;
    height: 3px;
    background-color: #eaeff4
}

.slider-dots-line .slick-dots .slick-active button {
    width: 34px;
    background-color: #929daf
}

.slider-dots-white .slick-dots button {
    border-color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.5)
}

.slider-dots-white .slick-dots .slick-active button {
    background-color: rgba(255, 255, 255, 0.95)
}


/*---------------------------------------------------------------------
  PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license
---------------------------------------------------------------------*/

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
}


/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: 0.9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../img/app/photoswipe/default-skin.png) 0 0 no-repeat;
    -webkit-background-size: 264px 88px;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../img/app/photoswipe/default-skin.svg)
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../img/app/photoswipe/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}


/*------------------------------------
  Gallery
------------------------------------*/

.gallery {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.gallery-item {
    position: relative;
    flex-basis: 50%;
    padding: 0.25rem;
    display: block
}

.gallery-item img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.gallery-item>div {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.gallery-item-overlay {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 1.4rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    width: calc(100% - 0.50rem) !important;
    height: calc(100% - 0.50rem) !important;
}

.gallery-item-overlay:hover {
    background-color: rgba(0, 0, 0, 0.45)
}

.gallery.items-connected .gallery-item {
    padding: 0
}

.gallery.items-connected .gallery-item-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gallery-extra-items {
    display: none
}

.gallery-3-type1 .gallery-item {
    flex-basis: 33.33%
}

.gallery-3-type2 .gallery-item {
    flex-basis: 100%
}

.gallery-3-type2 .gallery-item:nth-child(n+2) {
    flex-basis: 50%
}

.gallery-3-type3 .gallery-item {
    flex-basis: 50%
}

.gallery-3-type3 .gallery-item:nth-child(n+3) {
    flex-basis: 100%
}

.gallery-3-type4>.gallery-item {
    flex-basis: 60%
}

.gallery-3-type4 .gallery-item-group {
    flex-basis: 40%
}

.gallery-3-type5>.gallery-item {
    flex-basis: 60%
}

.gallery-3-type5 .gallery-item-group {
    flex-basis: 40%
}

.gallery-4-type1 .gallery-item {
    flex-basis: 25%
}

.gallery-4-type2 .gallery-item {
    flex-basis: 100%
}

.gallery-4-type2 .gallery-item:nth-child(n+2) {
    flex-basis: 33.33%
}

.gallery-4-type3 .gallery-item {
    flex-basis: 33.33%
}

.gallery-4-type3 .gallery-item:nth-child(n+4) {
    flex-basis: 100%
}

.gallery-4-type4>.gallery-item {
    flex-basis: 70%
}

.gallery-4-type4 .gallery-item-group {
    flex-basis: 30%
}

.gallery-4-type5>.gallery-item {
    flex-basis: 70%
}

.gallery-4-type5 .gallery-item-group {
    flex-basis: 30%
}

.card.bg-img .card-body {
    position: relative;
}

.card-img-top .badges {
    position: absolute;
    top: 0;
    padding: 1rem 1.25rem;
}

.card.text-white a {
    color: rgba(255, 255, 255, 0.8);
}

.cbp-caption-expand .cbp-caption-defaultWrap {
    cursor: pointer;
    color: inherit;
    padding: 15px 0 15px 28px;
    font-family: 'Poppins';
    font-weight: 500;
}

.cbp-caption-expand .cbp-caption-defaultWrap svg {
    position: absolute;
    top: 19px;
    left: 0;
}

.cbp-caption-expand .cbp-l-caption-body {
    font: 400 15px/1.5 "Poppins", sans-serif;
    color: #6d767d;
    padding: 0 0 20px 28px;
}

.cbp-l-filters-underline .cbp-filter-item {
    border-bottom: 2px solid transparent;
    font: 500 14px/1.6 "Poppins", sans-serif;
}

.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
    border-bottom-color: #328fe4;
}


/* Loading Overlay */

.loading-overlay-showing {
    overflow: hidden;
}

.loading-overlay-showing>.loading-overlay {
    opacity: 1;
    visibility: visible;
}


/* Section Scroll - Dots Navigation */

.section-scroll-dots-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 50%;
    right: 30px;
    background: #FFF;
    border-radius: 35px;
    padding: 9.6px;
    padding: 0.6rem;
    z-index: 10;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.section-scroll-dots-navigation>ul {
    margin: 8px 0;
    margin: 0.5rem 0;
}

.section-scroll-dots-navigation>ul:hover>li.active:hover>a>span {
    opacity: 1;
    visibility: visible;
}

.section-scroll-dots-navigation>ul:hover>li.active>a>span {
    opacity: 0;
    visibility: hidden;
}

.section-scroll-dots-navigation>ul>li {
    position: relative;
    margin-bottom: 4.8px;
    margin-bottom: 0.3rem;
}

.section-scroll-dots-navigation>ul>li:last-child {
    margin-bottom: 0;
}

.section-scroll-dots-navigation>ul>li:hover {
    background: transparent;
}

.section-scroll-dots-navigation>ul>li:hover>a>span {
    opacity: 1;
    visibility: visible;
}

.section-scroll-dots-navigation>ul>li.active>a:before {
    opacity: 1;
}

.section-scroll-dots-navigation>ul>li>a {
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    padding: 4.8px;
    padding: 0.3rem;
}

.section-scroll-dots-navigation>ul>li>a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    opacity: 0.3;
    background: #CCC;
    -webkit-transition: ease opacity 300ms;
    transition: ease opacity 300ms;
}

.section-scroll-dots-navigation>ul>li>a>span {
    position: absolute;
    top: 50%;
    right: calc(100% + 20px);
    background: #FFF;
    color: #212529;
    font-size: 12.8px;
    font-size: 0.8rem;
    font-weight: 800;
    padding: 3.2px 16px;
    padding: 0.2rem 1rem;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: ease opacity 300ms;
    transition: ease opacity 300ms;
}

.section-scroll-dots-navigation>ul>li>a>span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #F7F7F7;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.section-scroll-dots-navigation.section-scroll-dots-navigation-style-2 {
    background: transparent;
}

.section-scroll-dots-navigation.section-scroll-dots-navigation-light>ul>li>a:before {
    background: #FFF;
}

.section-scroll-dots-navigation.section-scroll-dots-navigation-light>ul>li>a>span {
    right: calc(100% + 10px);
}

@media (max-width: 767px) {
    .section-scroll-dots-navigation {
        right: 15px;
    }
}


/*------------------------------------
  Badge
------------------------------------*/

.badge {
    font-weight: 300;
}

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

.badge-number {
    position: relative;
    top: -10px;
    margin-left: -0.5rem;
    font-size: 0.75rem;
    padding: 2px 4px;
    border-radius: 10rem;
    min-width: 1rem;
    min-height: 1rem;
}

.badge-ring {
    position: relative;
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 100%;
    vertical-align: middle;
}

.badge-ring::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s;
    transition: .3s;
}

.badge-dot {
    width: 6px;
    height: 6px;
    padding: 0;
    border-radius: 100%;
    vertical-align: middle;
}

.badge-pill {
    padding-right: .75em;
    padding-left: .75em;
    border-radius: 10rem;
}

.badge-glass.badge-primary {
    background-color: rgba(80, 161, 255, 0.55);
    color: #fff;
}

.badge-glass.badge-secondary {
    background-color: rgba(233, 236, 240, 0.55);
    color: #fff;
}

.badge-glass.badge-success {
    background-color: rgba(60, 212, 88, 0.55);
    color: #fff;
}

.badge-glass.badge-danger {
    background-color: rgba(255, 73, 84, 0.55);
    color: #fff;
}

.badge-glass.badge-warning {
    background-color: rgba(255, 186, 0, 0.55);
    color: #fff;
}

.badge-glass.badge-info {
    background-color: rgba(146, 109, 222, 0.55);
    color: #fff;
}

.badge-glass.badge-light {
    background-color: rgba(248, 249, 250, 0.55);
    color: #fff;
}

.badge-glass.badge-dark {
    background-color: rgba(25, 25, 25, 0.55);
    color: #fff;
}


/*------------------------------------
  Border Glass
------------------------------------*/

.border-glass,
.border-glass-1 {
    border-color: rgba(255, 255, 255, 0.35) !important
}

.border-glass-2 {
    border-color: rgba(255, 255, 255, 0.25) !important
}

.border-glass-3 {
    border-color: rgba(255, 255, 255, 0.15) !important
}


/*------------------------------------
  BG Pale
------------------------------------*/

.bg-gray {
    background-color: #fafbfb
}

.bg-pale-primary {
    background-color: #eef4fc !important
}

.bg-pale-secondary {
    background-color: #f0f4f7 !important
}

.bg-pale-success {
    background-color: #eefcf0 !important
}

.bg-pale-danger {
    background-color: #fceeef !important
}

.bg-pale-warning {
    background-color: #fcf8ee !important
}

.bg-pale-info {
    background-color: #f2eefc !important
}

.bg-pale-light {
    background-color: #fff !important
}

.bg-pale-dark {
    background-color: #e5e5e5 !important
}


/*------------------------------------
  Gradient
------------------------------------*/

.bg-gradient-primary {
    background-image: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important;
    background-image: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important
}

.bg-gradient-secondary {
    background-image: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important;
    background-image: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important
}

.bg-gradient-success {
    background-image: -webkit-linear-gradient(45deg, #00c9a7 0%, #7ae28d 100%) !important;
    background-image: linear-gradient(45deg, #00c9a7 0%, #7ae28d 100%) !important
}

.bg-gradient-danger {
    background-image: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important;
    background-image: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important
}

.bg-gradient-warning {
    background-image: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important;
    background-image: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important
}

.bg-gradient-info {
    background-image: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important;
    background-image: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important
}

.bg-gradient-dark {
    background-image: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important;
    background-image: linear-gradient(45deg, #191919 0%, #636363 100%) !important
}


/*------------------------------------
  Text
------------------------------------*/

.text-default {
    color: #757575 !important
}

a.text-default:hover,
a.text-default:focus {
    color: #5c5c5c !important
}

.text-light {
    color: #999 !important
}

a.text-light:hover,
a.text-light:focus {
    color: gray !important
}

.text-lighter {
    color: #bfc5ca !important
}

a.text-lighter:hover,
a.text-lighter:focus {
    color: #a3acb3 !important
}

.text-lightest {
    color: #d3d3d3 !important
}

a.text-lightest:hover,
a.text-lightest:focus {
    color: #bababa !important
}


/*-------------------------------------------------------------
    Lity - v2.3.1 - 2018-04-20
    http://sorgalla.com/lity/
    Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT  
-------------------------------------------------------------*/

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important
}

.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.lity-loading .lity-content,
.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

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

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

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

.lity-hide {
    display: none
}

.lity-close {
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    opacity: 0.6;
    padding: 0.5rem 1rem;
    width: auto;
    height: auto;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    opacity: 1;
    padding: 0.5rem 1rem
}

.lity-close:active {
    top: 0
}

.lity-iframe-container iframe {
    -webkit-box-shadow: none;
    box-shadow: none
}


/*------------------------------------
  Rating
------------------------------------*/

.rating {
    font-size: 13px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
}

.rating label::before {
    margin-right: 5px;
    display: inline-block;
}

.rating label {
    color: #ffba00;
    cursor: default;
}

.rating label.empty {
    color: #ecf0f0;
}

.rating-xs label::before {
    margin-right: 1px;
    font-size: 11px;
}

.rating-sm label::before {
    margin-right: 2px;
    font-size: 13px;
}

.rating-lg label::before {
    font-size: 18px;
}


/*------------------------------------
  Video
------------------------------------*/

video {
    max-width: 100%
}

.video-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.video-wrapper::before {
    display: block;
    content: "";
    z-index: 0
}

.video-wrapper.ratio-21x9::before {
    padding-top: 42.85714%
}

.video-wrapper.ratio-16x9::before {
    padding-top: 56.25%
}

.video-wrapper.ratio-4x3::before {
    padding-top: 75%
}

.video-wrapper.ratio-1x1::before {
    padding-top: 100%
}

.video-wrapper .poster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: inherit;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.video-wrapper .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transition: .3s;
    transition: .3s
}

.video-wrapper .btn:hover {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit
}

.video-wrapper.reveal .poster,
.video-wrapper.reveal .btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.8s linear;
    transition: 0.8s linear
}

.video-btn-wrapper {
    position: relative
}

.video-btn-wrapper .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    transition: .3s
}

.bg-video {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -100
}


/*------------------------------------
  Video
------------------------------------*/

.popup {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    padding: 1.5rem;
    background-color: #fff;
    border: 1px solid #f1f2f3;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    z-index: 1010;
    visibility: hidden;
    opacity: 0
}

.popup.show {
    visibility: visible;
    opacity: 1;
    z-index: 10000;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

.popup.show[data-position$="-center"] {
    -webkit-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important
}

.popup[data-position="top-left"] {
    right: auto;
    bottom: auto;
    top: 2rem;
    left: 2rem
}

.popup[data-position="top-right"] {
    bottom: auto;
    top: 2rem
}

.popup[data-position="bottom-left"] {
    right: auto;
    left: 2rem
}

.popup[data-position="top-center"] {
    right: auto;
    bottom: auto;
    top: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.popup[data-position="bottom-center"] {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.popup[data-animation="slide-up"] {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.popup[data-animation="slide-up"][data-position$="-center"] {
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.popup[data-animation="slide-down"] {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.popup[data-animation="slide-down"][data-position$="-center"] {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.popup[data-animation="slide-left"] {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.popup[data-animation="slide-right"] {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.popup .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1rem;
    font-weight: 100;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out
}


/*------------------------------------
  Nav Sidebar
------------------------------------*/

.nav-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-weight: 400
}

.nav-sidebar .nav-item {
    margin: 4px 0;
    padding-right: 5px;
    overflow: hidden;
    flex-shrink: 0
}

.nav-sidebar .nav-item>.nav-link {
    font-weight: 500
}

.nav-sidebar .nav-link {
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 3px 0;
    line-height: 1.5
}

.nav-sidebar .nav-angle {
    font-size: 12px;
    float: right;
    line-height: 2.1;
}

.nav-sidebar .nav-angle.rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nav-sidebar .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 0.875rem;
    margin-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    flex-wrap: nowrap;
    display: none
}

.nav-sidebar .nav .nav {
    display: -webkit-box;
    display: flex;
    font-size: 95%;
    margin-left: 0.75rem;
    margin-top: 0
}

.nav-sidebar .nav .nav .nav-item {
    margin-top: 1px;
    margin-bottom: 1px
}

.nav-sidebar .nav .nav-link {
    flex-shrink: 0
}

.nav-sidebar .show>.nav-link .nav-angle {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nav-sidebar .show>.nav {
    display: block
}

.nav-sidebar .nav-link.active {
    color: #50a1ff
}

.nav-sidebar .nav-link.active+.nav {
    display: block
}

.nav-sidebar .nav-item>.nav-link.active {
    color: #757575;
    -webkit-transition: none;
    transition: none
}

.nav-sidebar a {
    color: rgba(0, 0, 0, 0.6)
}

.nav-sidebar a:hover {
    color: rgba(0, 0, 0, 0.8)
}

.nav-sidebar .nav-header {
    color: #323d47;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem
}

.nav-sidebar-hero>.nav-item {
    border-bottom: 1px dashed #eaeff4;
    padding-top: 2px;
    padding-bottom: 6px
}

.nav-sidebar-hero>.nav-item:last-child {
    border-bottom: none
}

.nav-sidebar-hero>.nav-item>.nav-link {
    font-size: 1rem;
    font-weight: 400;
    padding: 8px 0
}

.nav-sidebar-hero .nav-item>.nav-link {
    font-weight: 400
}

.nav-sidebar-hero .nav {
    font-size: 1rem
}

.nav-sidebar-pill .nav-item>.nav-link.active {
    color: #50a1ff
}

.nav-sidebar-pill .nav-item>.nav-link.active>.nav-angle {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.nav-sidebar-pill .nav {
    margin-left: 0.5rem
}

.nav-sidebar-pill .nav .nav-link {
    border-radius: 4px;
    padding: 5px 12px;
    padding-right: 0px;
}

.nav-sidebar-pill .nav .nav-link.active {
    background-color: rgba(80, 161, 255, 0.1)
}


/* Code examples */

.uikit-example {
    position: relative;
}

.uikit-example-btns {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all .2s;
    direction: ltr !important;
}

[dir=rtl] .uikit-example-btns {
    right: auto;
    left: 0;
}

.uikit-example:hover .uikit-example-btns {
    top: -17px;
    opacity: 1;
}

.uikit-example-btn {
    display: inline-block;
    line-height: 1;
    font-weight: 800;
    background: #e8e8e8;
    direction: ltr !important;
    color: #9e9e9e;
    padding: .25rem .45rem;
    border-radius: 4px;
    white-space: nowrap;
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 11px;
    margin: 0 4px;
}

.uikit-example-btn.copy::before {
    content: "COPY";
}

.uikit-example-btn.copied {
    background: #000 !important;
    color: #fff !important;
}

.uikit-example-btn.copied::before {
    content: "COPIED!";
}


/* Modal */

.uikit-example-modal-opened {
    overflow: hidden !important;
}

.uikit-example-modal {
    display: none;
    position: fixed;
    z-index: 1000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background: rgba(255, 255, 255, .95);
    animation-duration: .2s;
    direction: ltr !important;
    text-align: left !important;
}

.uikit-example-modal-opened .uikit-example-modal {
    display: flex;
}

.uikit-example-modal-content {
    max-width: 80%;
    margin: auto;
    padding: 30px 0;
}

.uikit-example-modal-copy {
    display: block;
    position: fixed;
    top: 20px;
    right: 60px;
    margin-right: 8px;
    font-size: 1.2rem;
}

.uikit-example-modal-copy.copied::before {
    content: "Copied to clipboard!";
    position: absolute;
    display: block;
    right: 100%;
    margin-right: 10px;
    font-size: 14px;
    white-space: nowrap;
    background: #111;
    line-height: 24px;
    height: 24px;
    border-radius: 3px;
    padding: 0 6px;
    top: 50%;
    margin-top: -12px;
}

.uikit-example-modal-close {
    display: block;
    position: fixed;
    top: 10px;
    right: 30px;
    color: #000 !important;
    opacity: .2;
    font-size: 3rem;
    font-weight: 100;
}

.uikit-example-modal-close:hover {
    opacity: .9;
}


/* Code */

.uikit-example-modal-content>pre {
    overflow: auto;
    max-height: 800px;
}


/*------------------------------------
  mini-card
------------------------------------*/

.header-card {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff8a00), to(#da1b60));
    background-image: linear-gradient(to top, #ff8a00, #da1b60);
    position: relative;
    border-radius: 6px;
    padding: 2rem;
    margin: 0 4rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px
}

@media (max-width: 1200px) {
    .header-card {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        width: 110px;
        margin-right: 1rem
    }
    .header-card br {
        display: none
    }
    .header-card a::after {
        display: none
    }
}

.popular-articles {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100vw - 71px);
    margin: 0 0 5rem 0;
    padding: 2rem 0
}

@media (max-width: 1200px) {
    .popular-articles {
        scrollbar-color: #201c29;
        scrollbar-width: 10px;
        width: 100%;
        padding-bottom: 2rem;
        margin-bottom: 6rem;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-snap-points-x: repeat(250px);
        scroll-snap-points-x: repeat(250px);
        -ms-scroll-snap-type: mandatory;
        scroll-snap-type: mandatory
    }
    .popular-articles::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }
    .popular-articles::-webkit-scrollbar-thumb {
        background: #201c29;
        border-radius: 10px;
        -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25);
        box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .25), inset -2px -2px 2px rgba(0, 0, 0, .25)
    }
    .popular-articles::-webkit-scrollbar-track {
        background: linear-gradient(to right, #201c29, #201c29 1px, #17141d 1px, #17141d)
    }
    .popular-articles .mini-card {
        scroll-snap-align: start
    }
}

@media (max-width: 1200px) {
    .popular-articles {
        padding-left: 0
    }
}

.popular-header {
    margin: 3rem 0;
}

.popular-header .edit-popular {
    position: absolute;
    top: 5px;
    right: 5px
}

.mini-card-grid {
    scrollbar-color: #201c29;
    scrollbar-width: 10px;
    scrollbar-gutter: always;
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.mini-card-grid::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.mini-card-grid::-webkit-scrollbar-thumb {
    background: #e7eaf3;
    border-radius: 50px;
    /*-webkit-box-shadow: inset 2px 2px 2px rgba(255,255,255,.25),inset -2px -2px 2px rgba(0,0,0,.25);    box-shadow: inset 2px 2px 2px rgba(255,255,255,.25),inset -2px -2px 2px rgba(0,0,0,.25)*/
}

.mini-card-grid::-webkit-scrollbar-track {
    background: linear-gradient(to right, #f6f9fc, #f6f9fc 1px, #f6f9fc 1px, #f6f9fc);
    border-radius: 50px;
}

@media (max-width: 1200px) {
    .mini-card-grid {
        overflow-x: visible
    }
}

.mini-card {
    min-width: 300px;
    max-width: 300px;
    min-height: 350px;
    padding: 1.5rem;
    border-radius: 6px;
    background: #ffffff;
    -webkit-box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.09019607843137255);
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.09019607843137255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 0;
    z-index: 1;
}

.mini-card h2 {
    font-size: 20px;
    margin: .25rem 0 auto 0
}

.mini-card:not(:first-child) {
    margin-left: -130px
}

.mini-card:focus-within,
.mini-card:hover {
    -webkit-transform: translate(0, -1rem);
    transform: translate(0, -1rem)
}

.mini-card:focus-within~.mini-card,
.mini-card:hover~.mini-card {
    -webkit-transform: translateX(130px);
    transform: translateX(130px)
}

@media (max-width: 1200px) {
    .mini-card {
        min-width: 220px
    }
    .mini-card:not(:first-child) {
        margin-left: -30px
    }
    .mini-card:hover {
        -webkit-transform: translate(0, -1rem);
        transform: translate(0, -1rem)
    }
    .mini-card:hover~.mini-card {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
}

@media (max-width: 800px) {
    .mini-card {
        min-width: 190px
    }
    .mini-card:not(:first-child) {
        margin-left: -10px
    }
    .mini-card:hover {
        -webkit-transform: translate(0, -1rem);
        transform: translate(0, -1rem)
    }
    .mini-card:hover~.mini-card {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.mini-article-subhead {
    font-size: 14px;
    margin: 0 0 1rem 0
}

.mini-article-card-header {
    margin-bottom: auto
}

.mini-article-meta {
    font-size: 14px
}

.mini-article-meta .author-name {
    display: block;
    position: relative
}

.mini-article-meta .author-avatar img {
    width: 40px;
    height: 40px
}

.mini-article-meta .author-avatar .half-circle {
    width: 60px;
    height: 48px
}

.mini-article-byline {
    margin: 3rem 0 0 0;
    display: grid;
    grid-template-columns: 55px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-article-byline .author-avatar,
.mini-article-byline .author-name-area {
    grid-area: auto
}

.popular-articles .tags {
    margin: 1rem 0 .5rem 0;
    padding: .5rem 0 1rem;
}

.popular-articles .tags a {
    margin-bottom: 5px;
    padding: .2rem .85rem .25rem .85rem;
}

.custom-tags a {
    padding: .3rem .85rem .35rem .85rem;
}


/*------------------------------------
  section
------------------------------------*/

.section--dark-bottom-fade:after,
.section--lightblue-bottom-fade:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 20%;
    background-image: linear-gradient(to bottom, transparent, rgba(238, 248, 255, .01) 3%, rgba(238, 248, 255, .05) 8%, rgba(238, 248, 255, .1) 13%, rgba(238, 248, 255, .15) 18%, rgba(238, 248, 255, .2) 23%, rgba(238, 248, 255, .25) 28%, rgba(238, 248, 255, .3) 33%, rgba(238, 248, 255, .35) 38%, rgba(238, 248, 255, .4) 43%, rgba(238, 248, 255, .45) 48%, rgba(238, 248, 255, .5) 53%, rgba(238, 248, 255, .55) 58%, #eef8ff 100%)
}

.section--dark-bottom-fade:after {
    background-image: linear-gradient(to bottom, transparent, rgba(9, 6, 11, .01) 3%, rgba(9, 6, 11, .05) 8%, rgba(9, 6, 11, .1) 13%, rgba(9, 6, 11, .15) 18%, rgba(9, 6, 11, .2) 23%, rgba(9, 6, 11, .25) 28%, rgba(9, 6, 11, .3) 33%, rgba(9, 6, 11, .35) 38%, rgba(9, 6, 11, .4) 43%, rgba(9, 6, 11, .45) 48%, rgba(9, 6, 11, .5) 53%, rgba(9, 6, 11, .55) 58%, #09060b 100%)
}

.section--blue-bottom-fade:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    top: 55%;
    opacity: 0;
    -webkit-animation: appear .2s .1s ease forwards;
    animation: appear .2s .1s ease forwards;
    background-color: transparent;
    background-image: linear-gradient(to bottom, transparent, rgba(29, 35, 51, 0.01) 3%, rgba(29, 35, 51, 0.05) 8%, rgba(29, 35, 51, 0.1) 13%, rgba(29, 35, 51, 0.15) 18%, rgba(29, 35, 51, 0.2) 23%, rgba(29, 35, 51, 0.25) 28%, rgba(29, 35, 51, 0.3) 33%, rgba(29, 35, 51, 0.35) 38%, rgba(29, 35, 51, 0.4) 43%, rgba(29, 35, 51, 0.45) 48%, rgba(29, 35, 51, 0.5) 53%, rgba(29, 35, 51, 0.55) 58%, #1d2333 100%);
}

.overlay-block {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 120px;
}

.check-list {
    list-style: none;
    padding-left: 22px;
}

.check-list li {
    padding: 5px 0 5px 0px;
    position: relative;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    color: #6d767d;
    line-height: 1.6;
    font-size: 15px;
}

.check-list li:before {
    content: "";
    display: inline-block;
    margin: 0 7px 0 -22px;
    width: 11px;
    height: 10px;
    background: url(../img/svg/spec-check.svg);
}

.anim-link {
    display: inline-block;
    position: relative;
    transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
}

.anim-link:after {
    background-color: #2484da;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 115%;
    transform: translateY(1px);
    transition: all .15s cubic-bezier(.39, .575, .565, 1);
    transition-property: opacity, transform;
    width: 100%;
}

.anim-link:focus:after,
.anim-link:hover:after {
    opacity: 1;
    transform: translateY(-5px) translateZ(0);
}

.anim-link:active,
.anim-link:focus,
.anim-link:hover {
    opacity: 1;
}

.anim-link-2 {
    background-position: 0 95%;
    background-size: 0 2px;
    transition: background-size .2s cubic-bezier(.785, .135, .15, .86) 0s;
    padding: 1px 0;
    display: inline;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-image: linear-gradient(to right, #1e2022 0%, #1e2022 100%);
}

.text-white .anim-link-2 {
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
}

.text-muted.anim-link-2 {
    background-image: linear-gradient(to right, #8c98a4 0%, #8c98a4 100%);
}

.anim-link-2:hover {
    background-size: 100% 2px;
}

.m-list--link.anim-link-2 {
    background-image: linear-gradient(to right, #377dff 0%, #377dff 100%);
}

.anim-link-2.anim-link-2-primary {
    background-image: linear-gradient(to right, #2484da 0%, #2484da 100%);
}

.anim-link-2.anim-link-2-white {
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
}

.vertex-input .vertex-input-group {
    background: #edf2f5;
    padding-top: 14px;
    padding-left: 25px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
}

.vertex-input-group.focus {
    background: white;
}

.vertex-input .vertex-input-group.focus .form-group label {
    color: #2484da !important;
}

.vertex-input .vertex-input-group.last {
    border-bottom-width: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.vertex-input .vertex-input-group.first {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.vertex-input .vertex-input-group .form-group {
    width: 100%;
    margin-bottom: 0;
    margin-left: 25px;
}

.vertex-input .vertex-input-group .form-group label {
    margin: 0;
}

.vertex-input .vertex-input-group .form-group .form-control {
    margin-top: -1rem;
}

.vertex-input-group .apend-wrap i {
    vertical-align: 12px;
    font-size: 25px;
    opacity: 0.5;
}

.mapimg {
    position: relative;
    background: url(../img/map.jpg) no-repeat center center;
    padding-top: 37.475%;
    background-size: contain;
}

.mapimg .tooltips>div {
    position: absolute;
    cursor: pointer;
}

.mapimg .tooltips>div.tooltip-1 {
    top: 50%;
    left: 50%;
    transform: translate(-8px, -65px);
}

.mapimg .tooltips>div.tooltip-2 {
    top: 50%;
    left: 50%;
    transform: translate(4px, -57px);
}

.mapimg .tooltips>div.tooltip-3 {
    top: 50%;
    left: 50%;
    transform: translate(70px, -5px);
}

.mapimg .tooltips .dot {
    width: 16px;
    height: 16px;
    border: 4px solid #9f8beb;
    background-color: #5c40c6;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.custom-section-1:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../img/custom-bg-2.jpg);
    width: 360px;
    height: 469px;
    top: -20px;
    z-index: -1;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.custom-section-1:after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/custom-bg-1.png) no-repeat;
    width: 374px;
    height: 688px;
    top: 40px;
    z-index: -1;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.custom-section-2:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/custom-bg-3.png) no-repeat;
    width: 250px;
    height: 467px;
    top: -20px;
    z-index: -1;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.custom-section-2:after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/custom-bg-1.png) no-repeat;
    width: 374px;
    height: 688px;
    top: 40px;
    z-index: -1;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media (min-width: 320px) {
    .custom-section-1:before {
        width: 100px;
    }
    .custom-section-1:after {
        width: 125px;
    }
    .custom-section-2:before {
        width: 80px;
    }
    .custom-section-2:after {
        width: 125px;
    }
}

@media (min-width: 375px) {
    .custom-section-1:before {
        width: 120px;
    }
    .custom-section-1:after {
        width: 150px;
    }
    .custom-section-2:before {
        width: 100px;
    }
    .custom-section-2:after {
        width: 150px;
    }
}

@media (min-width: 414px) {
    .custom-section-1:before {
        width: 150px;
    }
    .custom-section-1:after {
        width: 175px;
    }
    .custom-section-2:before {
        width: 120px;
    }
    .custom-section-2:after {
        width: 175px;
    }
}

@media (min-width: 576px) {
    .custom-section-1:before {
        width: 200px;
    }
    .custom-section-1:after {
        width: 225px;
    }
    .custom-section-2:before {
        width: 140px;
    }
    .custom-section-2:after {
        width: 225px;
    }
}

@media (min-width: 768px) {
    .custom-section-1:before {
        width: 250px;
    }
    .custom-section-1:after {
        width: 275px;
    }
    .custom-section-2:before {
        width: 170px;
    }
    .custom-section-2:after {
        width: 275px;
    }
}

@media (min-width: 992px) {
    .custom-section-1:before {
        width: 300px;
    }
    .custom-section-1:after {
        width: 324px;
    }
    .custom-section-2:before {
        width: 210px;
    }
    .custom-section-2:after {
        width: 324px;
    }
}

@media (min-width: 1200px) {
    .custom-section-1:before {
        width: 360px;
    }
    .custom-section-1:after {
        width: 374px;
    }
    .custom-section-2:before {
        width: 250px;
    }
    .custom-section-2:after {
        width: 374px;
    }
}

.custom-section-3 {
    position: absolute;
    left: 0;
    right: 0;
    top: inherit !important;
    bottom: -6px;
}

.custom-section-3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -o-object-position: 33% 100%;
    object-position: 33% 100%;
}

.custom-section-4 {
    background-image: url(../img/svg/cover-blue-nodots.svg), linear-gradient(87deg, #2484da 0, #53d3d4 100%);
    background-size: 1420px auto, auto auto;
    background-position: center -85px, 0 0;
}

.custom-section-5 {
    background: #f6f7f8 url(../img/arch-hero-t.png) right 0/auto 100% no-repeat;
    padding-top: 50px;
}

.bg-custom-1 {
    background-image: url(../img/mix/j1.jpg);
    background-size: cover;
    background-position: 50% 50%;
    min-height: 31.5rem;
    margin-bottom: 4.5rem;
    text-align: left;
    opacity: 1;
    overflow: hidden;
    -moz-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    margin: 0 auto;
    clear: both;
    position: relative;
}

.bg-custom-1--overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .3;
    display: block;
    background-image: -webkit-linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
    background-image: -moz-linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
    background-image: -o-linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
    background-image: linear-gradient(36deg, #1a8bf0 0, #25292d 100%);
}

.svgbg-1 {
    background: url(../img/svg/svgbg1.svg) bottom no-repeat;
    background-size: contain;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 548px;
    padding: 0 10% 6% 6%;
}

.gradient-border-1 {
    background: linear-gradient(15deg, #6d4dd9, #14badc);
    -webkit-filter: drop-shadow(0 10px 5px rgba(0, 0, 0, .4));
    filter: drop-shadow(0 10px 5px rgba(0, 0, 0, .4));
    border-radius: 6px;
    padding: 8px;
}

.bg-map {
    background: url('../img/svg/map.svg') no-repeat;
    background-position: center 80px;
}

.v-testimonials--head {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.v-testimonials--head img {
    width: 60px;
    border-radius: 50%;
    float: left;
    margin-right: 18px;
}

.v-testimonials--name {
    float: left;
    margin-top: 8px;
}

.v-testimonials--name p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    font-family: "Museo500Regular", Arial, Helvetica, Tahoma, sans-serif;
}

.v-testimonials--body {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
}

.v-testimonials--body p {
    font-size: 14px;
    line-height: 1.7;
}

.v-testimonials--footer {
    display: block;
    width: 100%;
    overflow: hidden;
}

.v-testimonials--stars,
.v-testimonials--footer i {
    font-size: 16px;
    color: #f1c346;
}

.v-testimonials--sub-heading {
    color: #2484da;
}

.v-testimonials-v2 .v-testimonials-v2--body {
    overflow: hidden;
}

.v-testimonials-v2 img {
    width: 120px;
    margin-right: 30px;
}

.testimonial-quote {
    position: relative;
}

.testimonial-quote:before {
    top: 0;
    left: -54px;
    position: absolute;
    content: "\201E";
    margin-top: -65px;
    font-family: Arial, sans-serif;
    font-size: 110px;
    line-height: 1;
    color: #ddd;
}


/*.breadcrumb-item + .breadcrumb-item { padding-left: 0.7rem; }
.breadcrumb-item + .breadcrumb-item::before { padding-right: 0.7rem; }*/

.dropdown-toggle::after {
    content: "\e62a";
    border: none;
    line-height: 2px;
    margin-left: 7px;
    font-size: 9px;
    opacity: 0.7;
}


/*------------------------------------
  Hurdles - Team slide
------------------------------------*/

.hurdles {
    margin-top: 40px;
    min-height: 450px;
    position: relative;
    overflow: hidden
}

@media(min-width: 880px) {
    .hurdles {
        margin-top: 80px
    }
}

.hurdles-stakeholder {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px)
}

@media(min-width: 670px) {
    .hurdles-stakeholder {
        width: 120px;
        height: 120px;
        top: calc(50% - 60px);
        left: calc(50% - 60px)
    }
}

.hurdles-stakeholder-label {
    width: auto;
    display: block;
    color: currentColor;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100%) translateY(5px);
    transform: translate(-50%, 100%) translateY(5px);
    text-transform: uppercase;
    font: 600 19px Camphor;
    letter-spacing: .025em;
    padding: 3px 10px;
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.hurdles-stakeholder--merchant {
    background-color: #c5f0fe;
    color: #4bb3e6;
    z-index: 2
}

.hurdles-stakeholder--merchant svg {
    width: 100%;
    height: 100%
}

.hurdles-stakeholder--merchant.moved .hurdles-stakeholder-label {
    opacity: 1;
    -webkit-transform: translate(-50%, 100%) translateY(15px);
    transform: translate(-50%, 100%) translateY(15px)
}

@-webkit-keyframes move-arrows {
    to {
        -webkit-mask-position: 11px 0;
        mask-position: 11px 0
    }
}

@keyframes move-arrows {
    to {
        -webkit-mask-position: 11px 0;
        mask-position: 11px 0
    }
}

@-webkit-keyframes move-gradient {
    0% {
        background-position-x: 0
    }
    to {
        background-position-x: 100%
    }
}

@keyframes move-gradient {
    0% {
        background-position-x: 0
    }
    to {
        background-position-x: 100%
    }
}

.hurdles-stakeholder-glow {
    content: "";
    width: 250px;
    height: 250px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiB2aWV3Qm94PSIwIDAgMjUwIDI1MCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJidXNpbmVzcy1zaGFkb3ctdjEtYSIgZng9IjUwJSIgZnk9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRiIvPjxzdG9wIG9mZnNldD0iNDEuMzQxJSIgc3RvcC1jb2xvcj0iI0ZGRiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PGNpcmNsZSBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjUiIGZpbGw9InVybCgjYnVzaW5lc3Mtc2hhZG93LXYxLWEpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii43NSIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: -1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.hurdles-stakeholder.mask-out .hurdles-stakeholder-glow {
    opacity: 0
}

.hurdles-stakeholder-arrows {
    position: absolute;
    height: 40px;
    width: 25px;
    will-change: opacity;
    left: calc(100% + 12px);
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    z-index: -1
}

@media only screen and (min-width: 600px) {
    .hurdles-stakeholder-arrows {
        left: calc(100% + 40px);
        left: calc(100% + 25px);
        width: 90px;
        width: 130px;
        -webkit-transform: none;
        transform: none
    }
}

.hurdles-stakeholder-arrows .arrow {
    width: 40px;
    height: 18px;
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 20px);
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hurdles-stakeholder-arrows .arrow svg {
    width: auto;
    height: 100%;
    display: block
}

.hurdles-stakeholder-arrows .arrow:first-child {
    top: calc(50% - 19px);
    top: calc(50% - 9px - 10px)
}

.hurdles-stakeholder-arrows .arrow:last-child {
    top: calc(50% + 1px);
    top: calc(50% - 9px + 10px)
}

.hurdles-stakeholder-arrows .arrow:last-child svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.hurdles-stakeholder--merchant.animating .hurdles-stakeholder-arrows {
    opacity: 1
}

.hurdles-stakeholder--stripe {
    background-color: #6875e2;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    opacity: 0;
    z-index: 2
}

.hurdles-stakeholder--stripe>svg {
    fill: #fff
}

@media(min-width: 880px) {
    .hurdles-stakeholder--stripe>svg {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hurdles-bubbles {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.hurdles-node {
    position: absolute;
    font-size: 14px;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 9999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px
}

@media(min-width: 880px) {
    .hurdles-node {
        font-size: 16px;
        height: 40px
    }
}

.hurdles-node--blue {
    background-color: #c4f0ff;
    color: #217ab7
}

.hurdles-node--pink {
    background-color: #ffe0f5;
    color: #9251ac
}

.hurdles-node--yellow {
    background-color: #fdeebe;
    color: #c85d42
}

.hurdles-node--green {
    background-color: #d6facf;
    color: #159570
}

.hurdles-mask {
    width: 50%;
    height: 500px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    opacity: 0;
    pointer-events: none
}

.hurdles-mask:after {
    content: "";
    position: absolute;
    width: 250px;
    height: 91%;
    right: 0;
    top: 50%;
    -webkit-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDI1MCA1MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9Ijk3LjUyNiUiIHkyPSI1MCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj48c3RvcCBzdG9wLWNvbG9yPSIjQzRGMEZGIiBzdG9wLW9wYWNpdHk9Ii41IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iTWFzayIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjUwIDBDMTExLjkyOSAwIDEgMTExLjkyOSAxIDI1MHMxMTAuOTI5IDI1MCAyNDkgMjUwSDBWMGgyNTB6IiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNMjUxIDUwMFYwQzExMi45MjkgMCAxIDExMS45MjkgMSAyNTBzMTExLjkyOSAyNTAgMjUwIDI1MHoiIGlkPSJPdmFsLTMtQ29weSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: auto 100%
}

.hurdles-image {
    width: 90px;
    border-radius: 50%;
}


/* Circular Bars */

.circular-bar {
    text-align: center;
    margin-bottom: 25px;
}

.circular-bar .circular-bar-chart {
    position: relative;
}

.circular-bar strong {
    display: block;
    font-weight: 500;
    line-height: 30px;
    position: absolute;
    top: 35%;
    width: 80%;
    left: 10%;
    text-align: center;
}

.circular-bar label {
    display: block;
    font-weight: 100;
    font-size: 17px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    width: 80%;
    left: 10%;
    text-align: center;
}

.circular-bar.only-icon [class*="fa-"],
.circular-bar.only-icon .icons {
    display: block;
    font-size: 38px;
    line-height: 30px;
    position: absolute;
    top: 40%;
    width: 80%;
    left: 10%;
    text-align: center;
}

.circular-bar.single-line strong {
    top: 40%;
}

.circular-bar.circular-bar-sm label {
    font-size: 14px;
    top: 36%;
}

.circular-bar.circular-bar-lg strong {
    font-size: 20px;
    top: 40%;
}


/* Common
-------------------------------------------------------------- */

.t-no-data {
    color: #8d9ba9;
}

.t-widget,
.t-input {
    border-color: #e6e6e6;
    /*#a4abb2*/
    background-color: #fff;
}

.t-header,
.t-grid-header,
.t-toolbar,
.t-grouping-header,
.t-tooltip,
.t-grid-pager {
    color: #393f46;
    background-color: #f6f8fa;
    border-color: #dee2e6;
}

.t-menu-vertical,
.t-editor,
.t-tooltip,
.t-tabstrip {
    background-position: 0 -48px;
}

.t-icon {
    background-image: url("/Content/vendor/telerik/img/sprite.png");
}

.t-editor .t-tool-icon {
    background-image: url("/Content/vendor/telerik/img/editor.png");
}

.t-picker-wrap {
    padding-right: 23px;
}

.t-loading,
.t-widget .t-loading {
    background: transparent url("/Content/vendor/telerik/img/loading.gif") no-repeat 0 0;
}

.t-widget,
.t-link:link,
.t-link:active,
.t-link:visited,
.t-popup,
.t-grid .t-header {
    color: #3b3b3b;
}

.t-group {
    background-color: #f1f2f3;
    border-color: rgba(0, 0, 0, 0.05);
}

.t-group.t-popup {
    background-color: #fff;
}

.t-popup,
.t-menu .t-group {
    box-shadow: 0 1rem 2.25rem rgba(50, 50, 93, 0.03), 0 0.3125rem 1rem rgba(0, 0, 0, 0.12);
}

.t-content,
.t-editable-area {
    border-color: #a4abb2;
    background-color: #fff;
}

.t-separator {
    border-color: #a4abb2;
    background-color: #fff;
}

.t-alt {
    background: #f6f9fc;
}

.t-state-default {
    border-color: #a4abb2;
}

.t-active-filter {
    background-color: #fff;
}

.t-state-hover,
.t-state-hover:hover {
    background-color: #fae185;
    border-color: #f3d64a;
    color: #000;
}

.t-state-active,
.t-header .t-state-active {
    background-color: #fff;
    border-color: #a4abb2;
}

.t-state-selected {
    background-color: rgba(0, 0, 0, 0.05);
}

.t-state-focused {
    background-color: #d3d6da;
}

.t-state-hover,
.t-state-selected {
    color: #22262a;
}

.t-state-error,
.t-widget.input-validation-error,
.t-widget .input-validation-error {
    border-color: #ff7c7c;
    background-color: #ffe4e4;
    color: #f20000;
}

.t-autocomplete {
    background-color: #fff;
}

.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-group-footer td,
.t-grid-footer,
.t-footer-template td,
.t-widget .t-status {
    border-color: #e6e6e6;
    background-color: #f5f5f5;
}

.t-widget .t-status {
    background-color: transparent;
}

.t-grouping-row td {
    background: url("/Content/vendor/telerik/img/sprite.png") repeat-x 0 -48px;
}

.t-grouping-header .t-group-indicator {
    border-color: #a4abb2;
}

.t-grouping-dropclue {
    background: url("/Content/vendor/telerik/img/sprite.png") no-repeat -48px -288px;
}

.t-grouping-row .t-group-cell,
.t-grouping-row p {
    background: #fff;
    font-weight: bold;
    color: #596167;
}

.t-treeview .t-drop-clue {
    background-image: url("/Content/vendor/telerik/img/sprite.png");
    background-position: 0 -358px;
}

.t-treeview .t-state-selected {
    border-color: #f4b914;
}

.t-panelbar .t-link,
.t-panelbar .t-group,
.t-panelbar .t-content {
    border-color: #a4abb2;
}

.t-other-month .t-link {
    color: #a4abb2;
}

.t-link:hover {
    text-decoration: none !important;
}

body .t-content.t-state-active {
    padding: 10px !important;
}

.form-actions {
    overflow: hidden;
    padding-top: 1em;
}

.form-actions .t-button,
.form-actions .t-button button {
    float: right;
    margin-left: 10px;
    padding: 2px 15px;
}

.dialog-content-container {
    margin: 6px 0 2px 0;
    padding: 5px;
}


/* Buttons
-------------------------------------------------------------- */

button.t-button.t-state-disabled:hover,
a.t-button.t-state-disabled:hover,
.t-state-disabled .t-button:hover {
    background: #d2d5d9;
}

.t-state-disabled,
.t-state-disabled:hover,
.t-state-disabled .t-link,
.t-state-disabled .t-button {
    border-color: #a4abb2;
    color: #a4abb2;
}


/* Numeric textbox 
-------------------------------------------------------------- */

.t-numerictextbox {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.t-numerictextbox:after {
    position: absolute;
    z-index: 2;
    content: ' ';
    display: block;
    background: #f8f9fa;
    border: 0 solid #e6e6e6;
    border-left-width: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: auto;
    width: calc(2.4375rem + 2px);
}

.t-grid-edit-row .t-numerictextbox:after {
    width: 1.5rem;
}

.t-numerictextbox .t-input {
    position: relative;
    z-index: 1;
    padding-right: 3.4375rem !important;
    width: 100%;
    height: 50px;
    border: 0;
}

.t-grid-edit-row .t-numerictextbox .t-input {
    padding-left: 0.5rem !important;
    padding-right: 1.75rem !important;
}

.t-numerictextbox .t-formatted-value {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    padding: 0.8rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #596167;
}

.t-grid-edit-row .t-numerictextbox .t-formatted-value {
    padding-left: 0.5rem !important;
}

.t-numerictextbox .t-formatted-value.t-state-empty {
    color: #8d9ba9 !important;
}

.t-numerictextbox .t-input~.t-icon {
    position: relative;
    background-clip: content-box;
    box-sizing: content-box;
    vertical-align: middle;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.5;
    background-image: none;
    text-indent: 0;
    color: transparent;
    margin: 0;
    padding: 0;
    position: absolute;
    display: block;
    z-index: 3;
    top: 0;
    right: 0;
    height: 50%;
    width: calc(calc(2.4375rem + 2px));
}

.t-numerictextbox .t-input~.t-icon:hover:before {
    color: #393f46;
}

.t-numerictextbox .t-input~.t-icon:before {
    position: absolute;
    display: inline-block;
    text-indent: 0;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    font-size: inherit;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "";
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #596167;
}

.t-grid-edit-row .t-numerictextbox .t-input~.t-icon {
    width: 1.5rem;
}

.t-numerictextbox .t-input~.t-icon:before {
    content: "\f077";
    font-size: 10px;
}

.t-numerictextbox .t-input~.t-icon.t-arrow-down:before {
    content: "\f078";
    top: 40%;
}

.t-numerictextbox .t-input~.t-icon.t-arrow-down {
    top: auto;
    bottom: 0;
}

.t-numerictextbox .t-input:disabled~.t-icon {
    opacity: 0.5;
}

.t-numerictextbox .t-input:not(:disabled)~.t-icon:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.t-numerictextbox .t-input:not(:disabled)~.t-icon:active {
    background-color: rgba(0, 0, 0, 0.08);
}

.numerictextbox-group {
    display: block;
    position: relative;
}

.numerictextbox-group>.numerictextbox-postfix {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    color: #8d9ba9;
    right: calc(2.4375rem + 2px);
    padding: 0.5625rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    cursor: default;
    user-select: none;
}

.numerictextbox-group-sm>.t-numerictextbox:after {
    width: calc(calc(1.96875rem + 2px) - 1px);
}

.numerictextbox-group-sm>.t-numerictextbox .t-input {
    padding: 0.375rem 0.75rem;
    padding-right: 2.96875rem !important;
    height: calc(1.96875rem + 2px);
}

.numerictextbox-group-sm>.t-numerictextbox .t-formatted-value {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.numerictextbox-group-sm>.t-numerictextbox .t-input~.t-icon {
    width: calc(calc(1.96875rem + 2px));
}

.numerictextbox-group-sm>.numerictextbox-postfix {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.5;
}


/* Grid
-------------------------------------------------------------- */

.t-grid {
    overflow-x: auto;
}

.t-grid .t-status-text {
    color: #8d9ba9;
    font-size: 0.8125rem;
}

.t-grid .t-button .fa {
    margin-top: 0;
}

.t-grid .t-grid-header-wrap,
.t-grid .t-grid-footer-wrap {
    border-color: #a4abb2;
}

.t-grid tbody .t-button.t-grid-update,
.t-grid tbody .t-button.t-grid-insert {
    text-transform: capitalize;
}

.t-grid form.t-grid-actions {
    margin: 0;
}

.t-grid .text-box.single-line {
    /* ... */
}

.t-grid .t-filter-options {
    border-radius: 0.25rem;
    padding: 0.5rem;
    box-sizing: border-box;
    min-width: 200px;
}

.t-grid .t-filter-options .t-filter-help-text {
    font-size: 12px;
    padding: 0.25rem 0;
}

.t-grid .t-filter-options .t-filter-button {
    margin-top: 1rem;
}

.t-grid .t-filter-options input[type=text],
.t-grid .t-filter-options .t-filter-operator {
    width: 100%;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
    height: calc(1.96875rem + 2px) !important;
    border-radius: 2px;
}

.t-grid>table,
.t-grid>form>table {
    margin-bottom: 0;
}

.t-grid>table td[align=center],
.t-grid>form>table td[align=center] {
    text-align: center;
}

.t-grid>table .btn,
.t-grid>table .t-button,
.t-grid>form>table .btn,
.t-grid>form>table .t-button {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.t-grid>table .btn .fa,
.t-grid>table .t-button .fa,
.t-grid>form>table .btn .fa,
.t-grid>form>table .t-button .fa {
    font-size: 0.8125rem;
}

.t-grid>table td,
.t-grid>table th,
.t-grid>form>table td,
.t-grid>form>table th {
    vertical-align: middle;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-color: #dee2e6;
    line-height: 1.5;
}

.t-grid>table td:first-child,
.t-grid>table th:first-child,
.t-grid>form>table td:first-child,
.t-grid>form>table th:first-child {
    padding-left: 0.75rem;
}

.t-grid>table td:last-child,
.t-grid>table th:last-child,
.t-grid>form>table td:last-child,
.t-grid>form>table th:last-child {
    padding-left: 0.75rem;
}

.t-grid>table .t-grid-edit-row td,
.t-grid>form>table .t-grid-edit-row td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.t-grid>table .t-grid-edit-row td .form-check-input,
.t-grid>form>table .t-grid-edit-row td .form-check-input {
    position: relative;
    margin: 0;
    padding: 0;
}

.t-grid-edit-row .text-box,
.t-grid-edit-row .t-numerictextbox {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
}

.t-grid-edit-cell {
    padding: 6px;
}

.t-grouping-header {
    text-shadow: none;
    padding: 0.6em;
}

.t-grid-toolbar {
    padding: 0;
    background: #f9fafa;
    position: relative;
    display: flex;
    /*.t-button,
	.btn:not(.btn-primary):not(.btn-warning):not(.btn-danger):not(.btn-secondary) {
		@include button-variant($warning, $warning);
	}*/
}

.t-grid-toolbar:empty {
    border-width: 0 !important;
}

.t-grid-toolbar .btn,
.t-grid-toolbar .t-button,
.t-grid-toolbar .t-button {
    display: block;
    border-radius: 0 !important;
    margin: 0;
    border: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    background-color: transparent;
    color: #328fe4;
    font-size: 0.8125rem;
    transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out;
    box-shadow: none;
}

.t-grid-toolbar .btn:first-child,
.t-grid-toolbar .t-button:first-child,
.t-grid-toolbar .t-button:first-child {
    border-left-width: 0;
}

.t-grid-toolbar .btn:hover,
.t-grid-toolbar .t-button:hover,
.t-grid-toolbar .t-button:hover {
    background-color: #e9ecef;
}

.t-grid-toolbar .btn:active,
.t-grid-toolbar .t-button:active,
.t-grid-toolbar .t-button:active {
    background-color: #dee2e6;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.t-grid-toolbar .btn.t-grid-add:hover,
.t-grid-toolbar .t-grid-add.t-button:hover,
.t-grid-toolbar .btn.t-button-primary:hover,
.t-grid-toolbar .t-button-primary.t-button:hover,
.t-grid-toolbar .t-button.t-grid-add:hover,
.t-grid-toolbar .t-button.t-button-primary:hover {
    background-color: #28669f;
    color: #fff;
}

.t-grid-toolbar .btn.t-grid-add:active,
.t-grid-toolbar .t-grid-add.t-button:active,
.t-grid-toolbar .btn.t-button-primary:active,
.t-grid-toolbar .t-button-primary.t-button:active,
.t-grid-toolbar .t-button.t-grid-add:active,
.t-grid-toolbar .t-button.t-button-primary:active {
    background-color: #266095;
    color: #fff;
}

.t-grid-toolbar .btn.t-grid-save-changes:hover,
.t-grid-toolbar .t-grid-save-changes.t-button:hover,
.t-grid-toolbar .t-button.t-grid-save-changes:hover {
    background-color: #f6980e;
    color: #fff;
}

.t-grid-toolbar .btn.t-grid-save-changes:active,
.t-grid-toolbar .t-grid-save-changes.t-button:active,
.t-grid-toolbar .t-button.t-grid-save-changes:active {
    background-color: #ee9209;
    color: #fff;
}

.t-grid-toolbar .btn.t-grid-cancel-changes:hover,
.t-grid-toolbar .t-grid-cancel-changes.t-button:hover,
.t-grid-toolbar .t-button.t-grid-cancel-changes:hover {
    background-color: #dc3000;
    color: #fff;
}

.t-grid-toolbar .btn.t-grid-cancel-changes:active,
.t-grid-toolbar .t-grid-cancel-changes.t-button:active,
.t-grid-toolbar .t-button.t-grid-cancel-changes:active {
    background-color: #a92500;
    color: #fff;
}

.t-grid-filter {
    position: absolute;
    display: flex;
    right: 0;
    top: 0;
    height: 100%;
    width: 28px;
    margin: 0;
    padding: #f8f9fa 0;
}

.t-grid-filter .t-icon {
    position: relative;
    background-clip: content-box;
    box-sizing: content-box;
    vertical-align: middle;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.5;
    background-image: none;
    text-indent: 0;
    color: transparent;
    margin: 0;
    padding: 0;
}

.t-grid-filter .t-icon:hover:before {
    color: #393f46;
}

.t-grid-filter .t-icon:before {
    position: absolute;
    display: inline-block;
    text-indent: 0;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    font-size: inherit;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "";
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #596167;
}

.t-grid-filter .t-icon:before {
    content: "\f0b0";
}

.t-grid-header .t-header {
    font-weight: 600 !important;
    padding: 0 !important;
    position: relative;
}

.t-grid-header .t-header .t-link {
    margin: 0;
    padding: 0.75em 0.4rem;
    height: auto;
    line-height: 1.75rem;
    text-transform: none;
}

.t-grid-header .t-header:first-child .t-link {
    padding-left: 0.75em;
}

.t-grid-header .t-header:last-child .t-link {
    padding-right: 0.75em;
}

.t-grid-header .t-header a.t-link:hover {
    background-color: #fff2cf;
}

.t-grid-header .t-header .t-arrow-up,
.t-grid-header .t-header .t-arrow-down {
    margin-left: 0.25rem;
}


/* Grid pager
-------------------------------------------------------------- */

.t-grid-pager {
    background: #f9fafa;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5;
}

.t-grid-pager .t-numeric,
.t-grid-pager .t-status .t-icon {
    margin: 0;
}

.t-grid-pager .t-status {
    margin: 0;
    padding: 0;
    padding-right: 0.6em;
    padding-bottom: 7px;
    padding-top: 9px;
    height: auto;
}

.t-grid-pager .t-refresh {
    height: 16px;
}

.t-grid-pager .t-pager .t-link span {
    vertical-align: sub;
}

.t-grid-pager .t-refresh,
.t-grid-pager .t-link,
.t-grid-pager .t-status-text,
.t-grid-pager .t-state-active {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    background-color: transparent;
    text-shadow: none !important;
    vertical-align: middle !important;
    margin: 0;
}

.t-grid-pager .t-refresh,
.t-grid-pager .t-link,
.t-grid-pager .t-state-active {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    transition: background-color 0.06s ease-in-out;
    border-radius: 0;
    color: inherit;
}

.t-grid-pager .t-link,
.t-grid-pager .t-state-active {
    min-width: 1.2rem;
    text-align: center;
    border: 1px solid transparent;
    border-top-width: 0;
    border-bottom-width: 0;
}

.t-grid-pager .t-link.t-state-hover,
.t-grid-pager .t-link.t-state-hover:hover,
.t-grid-pager .t-link:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: inherit;
}

.t-grid-pager .t-state-active {
    /*background-color: rgba(#000, 0.5);
		color: #fff;*/
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.15);
}

.t-grid-pager .t-status-text {
    padding-right: 0.75rem;
}

.v-icon-active-true {
    color: #009e74;
    text-shadow: 0 -1px 0 #fff;
}

.v-icon-active-true::before {
    content: '\f00c';
}

.v-icon-active-false {
    color: #ced4da;
    text-shadow: 0 -1px 0 #fff;
}

.v-icon-active-false::before {
    content: '\f068';
}


/* --------------------------------------------
	BUTTON SHORTCODE
-------------------------------------------- */

.btn {
    font-family: "Poppins", Arial, Helvetica, Tahoma, sans-serif;
}


/*------------------------------------
  Buttons Bootstrap Style
------------------------------------*/

.btn {
    font-weight: 500;
}

.btn.btn-sm {
    padding: 0.6rem 1.1rem;
}


/* facebook */

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.btn-facebook:hover {
    color: #fff;
    background-color: #30497c;
    border-color: #2d4373;
}

.btn-facebook:focus,
.btn-facebook.focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active,
.show>.btn-facebook.dropdown-toggle {
    color: #fff;
    background-color: #2d4373;
    border-color: #293e6a;
}

.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.show>.btn-facebook.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
}


/* google */

.btn-google {
    color: #fff;
    background-color: #d14130;
    border-color: #d14130;
}

.btn-google:hover {
    color: #fff;
    background-color: #b33628;
    border-color: #a93325;
}

.btn-google:focus,
.btn-google.focus {
    box-shadow: 0 0 0 0.2rem rgba(209, 65, 48, 0.5);
}

.btn-google.disabled,
.btn-google:disabled {
    color: #fff;
    background-color: #d14130;
    border-color: #d14130;
}

.btn-google:not(:disabled):not(.disabled):active,
.btn-google:not(:disabled):not(.disabled).active,
.show>.btn-google.dropdown-toggle {
    color: #fff;
    background-color: #a93325;
    border-color: #9e3023;
}

.btn-google:not(:disabled):not(.disabled):active:focus,
.btn-google:not(:disabled):not(.disabled).active:focus,
.show>.btn-google.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(209, 65, 48, 0.5);
}


/* twitter */

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:hover {
    color: #fff;
    background-color: #0d8ddc;
    border-color: #0c85d0;
}

.btn-twitter:focus,
.btn-twitter.focus {
    box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active,
.show>.btn-twitter.dropdown-toggle {
    color: #fff;
    background-color: #0c85d0;
    border-color: #0b7ec4;
}

.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus,
.show>.btn-twitter.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
}


/* instagram */

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: #3f729b;
}

.btn-instagram:hover {
    color: #fff;
    background-color: #345e80;
    border-color: #305777;
}

.btn-instagram:focus,
.btn-instagram.focus {
    box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.5);
}

.btn-instagram.disabled,
.btn-instagram:disabled {
    color: #fff;
    background-color: #3f729b;
    border-color: #3f729b;
}

.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active,
.show>.btn-instagram.dropdown-toggle {
    color: #fff;
    background-color: #305777;
    border-color: #2d516e;
}

.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus,
.show>.btn-instagram.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.5);
}


/* github */

.btn-github {
    color: #fff;
    background-color: #24292e;
    border-color: #24292e;
}

.btn-github:hover {
    color: #fff;
    background-color: #131619;
    border-color: #0e1011;
}

.btn-github:focus,
.btn-github.focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 41, 46, 0.5);
}

.btn-github.disabled,
.btn-github:disabled {
    color: #fff;
    background-color: #24292e;
    border-color: #24292e;
}

.btn-github:not(:disabled):not(.disabled):active,
.btn-github:not(:disabled):not(.disabled).active,
.show>.btn-github.dropdown-toggle {
    color: #fff;
    background-color: #0e1011;
    border-color: #08090a;
}

.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus,
.show>.btn-github.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 41, 46, 0.5);
}


/* gray */

.btn-gray {
    color: #1e2022;
    background-color: #f8fafd;
    border-color: #f8fafd;
}

.btn-gray:hover {
    color: #1e2022;
    background-color: #dae5f5;
    border-color: #d0def2;
}

.btn-gray:focus,
.btn-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 250, 253, 0.5);
}

.btn-gray.disabled,
.btn-gray:disabled {
    color: #1e2022;
    background-color: #f8fafd;
    border-color: #f8fafd;
}

.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active,
.show>.btn-gray.dropdown-toggle {
    color: #1e2022;
    background-color: #d0def2;
    border-color: #c6d7ef;
}

.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus,
.show>.btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 250, 253, 0.5);
}


/*------------------------------------
  Custom Buttons
------------------------------------*/


/* primary button :hover, :focus, :active effects */

.btn-primary[href]:hover,
.btn-primary[href]:focus,
.btn-primary[href]:active,
.btn-primary[type]:hover,
.btn-primary[type]:focus,
.btn-primary[type]:active {
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
}

.btn-primary:not([href]),
.btn-primary:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #328fe4;
    border-color: #328fe4;
}


/* secondary button :hover, :focus, :active effects */

.btn-secondary[href]:hover,
.btn-secondary[href]:focus,
.btn-secondary[href]:active,
.btn-secondary[type]:hover,
.btn-secondary[type]:focus,
.btn-secondary[type]:active {
    box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
}

.btn-secondary:not([href]),
.btn-secondary:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #77838f;
    border-color: #77838f;
}


/* success button :hover, :focus, :active effects */

.btn-success[href]:hover,
.btn-success[href]:focus,
.btn-success[href]:active,
.btn-success[type]:hover,
.btn-success[type]:focus,
.btn-success[type]:active {
    box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35);
}

.btn-success:not([href]),
.btn-success:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #00c9a7;
    border-color: #00c9a7;
}


/* info button :hover, :focus, :active effects */

.btn-info[href]:hover,
.btn-info[href]:focus,
.btn-info[href]:active,
.btn-info[type]:hover,
.btn-info[type]:focus,
.btn-info[type]:active {
    box-shadow: 0 4px 11px rgba(0, 223, 252, 0.35);
}

.btn-info:not([href]),
.btn-info:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #00dffc;
    border-color: #00dffc;
}


/* warning button :hover, :focus, :active effects */

.btn-warning[href]:hover,
.btn-warning[href]:focus,
.btn-warning[href]:active,
.btn-warning[type]:hover,
.btn-warning[type]:focus,
.btn-warning[type]:active {
    box-shadow: 0 4px 11px rgba(255, 193, 7, 0.35);
}

.btn-warning:not([href]),
.btn-warning:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #ffc107;
    border-color: #ffc107;
}


/* danger button :hover, :focus, :active effects */

.btn-danger[href]:hover,
.btn-danger[href]:focus,
.btn-danger[href]:active,
.btn-danger[type]:hover,
.btn-danger[type]:focus,
.btn-danger[type]:active {
    box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35);
}

.btn-danger:not([href]),
.btn-danger:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #de4437;
    border-color: #de4437;
}


/* light button :hover, :focus, :active effects */

.btn-light[href]:hover,
.btn-light[href]:focus,
.btn-light[href]:active,
.btn-light[type]:hover,
.btn-light[type]:focus,
.btn-light[type]:active {
    box-shadow: 0 4px 11px rgba(248, 249, 250, 0.35);
}

.btn-light:not([href]),
.btn-light:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}


/* dark button :hover, :focus, :active effects */

.btn-dark[href]:hover,
.btn-dark[href]:focus,
.btn-dark[href]:active,
.btn-dark[type]:hover,
.btn-dark[type]:focus,
.btn-dark[type]:active {
    box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
}

.btn-dark:not([href]),
.btn-dark:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #1e2022;
    border-color: #1e2022;
}


/* white button :hover, :focus, :active effects */

.btn-white[href]:hover,
.btn-white[href]:focus,
.btn-white[href]:active,
.btn-white[type]:hover,
.btn-white[type]:focus,
.btn-white[type]:active {
    box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35);
}

.btn-white:not([href]),
.btn-white:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #fff;
    border-color: #fff;
}


/* indigo button :hover, :focus, :active effects */

.btn-indigo[href]:hover,
.btn-indigo[href]:focus,
.btn-indigo[href]:active,
.btn-indigo[type]:hover,
.btn-indigo[type]:focus,
.btn-indigo[type]:active {
    box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
}

.btn-indigo:not([href]),
.btn-indigo:not([href]):not([href]):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #2d1582;
    border-color: #2d1582;
}


/* facebook button :hover, :focus, :active effects */

.btn-facebook[href]:hover,
.btn-facebook[href]:focus,
.btn-facebook[href]:active,
.btn-facebook[type]:hover,
.btn-facebook[type]:focus,
.btn-facebook[type]:active {
    box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-facebook:not([href]),
.btn-facebook:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3b5998;
    border-color: #3b5998;
}


/* google button :hover, :focus, :active effects */

.btn-google[href]:hover,
.btn-google[href]:focus,
.btn-google[href]:active,
.btn-google[type]:hover,
.btn-google[type]:focus,
.btn-google[type]:active {
    box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35);
}

.btn-google:not([href]),
.btn-google:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #d14130;
    border-color: #d14130;
}


/* twitter button :hover, :focus, :active effects */

.btn-twitter[href]:hover,
.btn-twitter[href]:focus,
.btn-twitter[href]:active,
.btn-twitter[type]:hover,
.btn-twitter[type]:focus,
.btn-twitter[type]:active {
    box-shadow: 0 4px 11px rgba(29, 161, 242, 0.35);
}

.btn-twitter:not([href]),
.btn-twitter:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #1da1f2;
    border-color: #1da1f2;
}


/* instagram button :hover, :focus, :active effects */

.btn-instagram[href]:hover,
.btn-instagram[href]:focus,
.btn-instagram[href]:active,
.btn-instagram[type]:hover,
.btn-instagram[type]:focus,
.btn-instagram[type]:active {
    box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35);
}

.btn-instagram:not([href]),
.btn-instagram:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3f729b;
    border-color: #3f729b;
}


/* github button :hover, :focus, :active effects */

.btn-github[href]:hover,
.btn-github[href]:focus,
.btn-github[href]:active,
.btn-github[type]:hover,
.btn-github[type]:focus,
.btn-github[type]:active {
    box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35);
}

.btn-github:not([href]),
.btn-github:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #24292e;
    border-color: #24292e;
}


/* gray button :hover, :focus, :active effects */

.btn-gray[href]:hover,
.btn-gray[href]:focus,
.btn-gray[href]:active,
.btn-gray[type]:hover,
.btn-gray[type]:focus,
.btn-gray[type]:active {
    box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35);
}

.btn-gray:not([href]),
.btn-gray:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #f8fafd;
    border-color: #f8fafd;
}


/*------------------------------------
  Custom Button Toggle
------------------------------------*/

.btn-custom-toggle-primary {
    color: #8c98a4;
    border-color: #d5dae2;
}

.btn-custom-toggle-primary:hover {
    color: #328fe4;
    background-color: transparent;
    border-color: #328fe4;
}

.btn-custom-toggle-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled).active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #328fe4;
    border-color: #328fe4;
}

.btn-custom-toggle-white:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

.btn-custom-toggle-white:not(:disabled):not(.disabled):active,
.btn-custom-toggle-white:not(:disabled):not(.disabled).active,
.btn-custom-toggle-white:not(:disabled):not(.disabled):active,
.btn-custom-toggle-white:not(:disabled):not(.disabled).active {
    color: #328fe4;
}


/*------------------------------------
  Air Button Styles
------------------------------------*/


/* primary air */

.btn-sleek-primary {
    color: #328fe4;
    background: rgba(55, 125, 255, 0.1);
    border-color: transparent;
}

.btn-sleek-primary[href]:hover,
.btn-sleek-primary[href]:focus,
.btn-sleek-primary[href]:active,
.btn-sleek-primary[href].active,
.btn-sleek-primary[type]:hover,
.btn-sleek-primary[type]:focus,
.btn-sleek-primary[type]:active,
.btn-sleek-primary[type].active {
    color: #fff;
    background: #328fe4;
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
}

.btn-sleek-primary[href].disabled,
.btn-sleek-primary[href]:disabled,
.btn-sleek-primary[type].disabled,
.btn-sleek-primary[type]:disabled {
    color: #328fe4;
    background-color: rgba(55, 125, 255, 0.1);
    box-shadow: none;
}


/* secondary air */

.btn-sleek-secondary {
    color: #77838f;
    background: rgba(119, 131, 143, 0.1);
    border-color: transparent;
}

.btn-sleek-secondary[href]:hover,
.btn-sleek-secondary[href]:focus,
.btn-sleek-secondary[href]:active,
.btn-sleek-secondary[href].active,
.btn-sleek-secondary[type]:hover,
.btn-sleek-secondary[type]:focus,
.btn-sleek-secondary[type]:active,
.btn-sleek-secondary[type].active {
    color: #fff;
    background: #77838f;
    box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
}

.btn-sleek-secondary[href].disabled,
.btn-sleek-secondary[href]:disabled,
.btn-sleek-secondary[type].disabled,
.btn-sleek-secondary[type]:disabled {
    color: #77838f;
    background-color: rgba(119, 131, 143, 0.1);
    box-shadow: none;
}


/* success air */

.btn-sleek-success {
    color: #00c9a7;
    background: rgba(0, 201, 167, 0.1);
    border-color: transparent;
}

.btn-sleek-success[href]:hover,
.btn-sleek-success[href]:focus,
.btn-sleek-success[href]:active,
.btn-sleek-success[href].active,
.btn-sleek-success[type]:hover,
.btn-sleek-success[type]:focus,
.btn-sleek-success[type]:active,
.btn-sleek-success[type].active {
    color: #fff;
    background: #00c9a7;
    box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35);
}

.btn-sleek-success[href].disabled,
.btn-sleek-success[href]:disabled,
.btn-sleek-success[type].disabled,
.btn-sleek-success[type]:disabled {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
    box-shadow: none;
}


/* info air */

.btn-sleek-info {
    color: #00dffc;
    background: rgba(0, 223, 252, 0.1);
    border-color: transparent;
}

.btn-sleek-info[href]:hover,
.btn-sleek-info[href]:focus,
.btn-sleek-info[href]:active,
.btn-sleek-info[href].active,
.btn-sleek-info[type]:hover,
.btn-sleek-info[type]:focus,
.btn-sleek-info[type]:active,
.btn-sleek-info[type].active {
    color: #1e2022;
    background: #00dffc;
    box-shadow: 0 4px 11px rgba(0, 223, 252, 0.35);
}

.btn-sleek-info[href].disabled,
.btn-sleek-info[href]:disabled,
.btn-sleek-info[type].disabled,
.btn-sleek-info[type]:disabled {
    color: #00dffc;
    background-color: rgba(0, 223, 252, 0.1);
    box-shadow: none;
}


/* warning air */

.btn-sleek-warning {
    color: #ffc107;
    background: rgba(255, 193, 7, 0.1);
    border-color: transparent;
}

.btn-sleek-warning[href]:hover,
.btn-sleek-warning[href]:focus,
.btn-sleek-warning[href]:active,
.btn-sleek-warning[href].active,
.btn-sleek-warning[type]:hover,
.btn-sleek-warning[type]:focus,
.btn-sleek-warning[type]:active,
.btn-sleek-warning[type].active {
    color: #1e2022;
    background: #ffc107;
    box-shadow: 0 4px 11px rgba(255, 193, 7, 0.35);
}

.btn-sleek-warning[href].disabled,
.btn-sleek-warning[href]:disabled,
.btn-sleek-warning[type].disabled,
.btn-sleek-warning[type]:disabled {
    color: #ffc107;
    background-color: rgba(255, 193, 7, 0.1);
    box-shadow: none;
}


/* danger air */

.btn-sleek-danger {
    color: #de4437;
    background: rgba(222, 68, 55, 0.1);
    border-color: transparent;
}

.btn-sleek-danger[href]:hover,
.btn-sleek-danger[href]:focus,
.btn-sleek-danger[href]:active,
.btn-sleek-danger[href].active,
.btn-sleek-danger[type]:hover,
.btn-sleek-danger[type]:focus,
.btn-sleek-danger[type]:active,
.btn-sleek-danger[type].active {
    color: #fff;
    background: #de4437;
    box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35);
}

.btn-sleek-danger[href].disabled,
.btn-sleek-danger[href]:disabled,
.btn-sleek-danger[type].disabled,
.btn-sleek-danger[type]:disabled {
    color: #de4437;
    background-color: rgba(222, 68, 55, 0.1);
    box-shadow: none;
}


/* light air */

.btn-sleek-light {
    color: #f8f9fa;
    background: rgba(248, 249, 250, 0.1);
    border-color: transparent;
}

.btn-sleek-light[href]:hover,
.btn-sleek-light[href]:focus,
.btn-sleek-light[href]:active,
.btn-sleek-light[href].active,
.btn-sleek-light[type]:hover,
.btn-sleek-light[type]:focus,
.btn-sleek-light[type]:active,
.btn-sleek-light[type].active {
    color: #1e2022;
    background: #f8f9fa;
    box-shadow: 0 4px 11px rgba(248, 249, 250, 0.35);
}

.btn-sleek-light[href].disabled,
.btn-sleek-light[href]:disabled,
.btn-sleek-light[type].disabled,
.btn-sleek-light[type]:disabled {
    color: #f8f9fa;
    background-color: rgba(248, 249, 250, 0.1);
    box-shadow: none;
}


/* dark air */

.btn-sleek-dark {
    color: #1e2022;
    background: rgba(30, 32, 34, 0.1);
    border-color: transparent;
}

.btn-sleek-dark[href]:hover,
.btn-sleek-dark[href]:focus,
.btn-sleek-dark[href]:active,
.btn-sleek-dark[href].active,
.btn-sleek-dark[type]:hover,
.btn-sleek-dark[type]:focus,
.btn-sleek-dark[type]:active,
.btn-sleek-dark[type].active {
    color: #fff;
    background: #1e2022;
    box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
}

.btn-sleek-dark[href].disabled,
.btn-sleek-dark[href]:disabled,
.btn-sleek-dark[type].disabled,
.btn-sleek-dark[type]:disabled {
    color: #1e2022;
    background-color: rgba(30, 32, 34, 0.1);
    box-shadow: none;
}


/* white air */

.btn-sleek-white {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
}

.btn-sleek-white[href]:hover,
.btn-sleek-white[href]:focus,
.btn-sleek-white[href]:active,
.btn-sleek-white[href].active,
.btn-sleek-white[type]:hover,
.btn-sleek-white[type]:focus,
.btn-sleek-white[type]:active,
.btn-sleek-white[type].active {
    color: #1e2022;
    background: #fff;
    box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35);
}

.btn-sleek-white[href].disabled,
.btn-sleek-white[href]:disabled,
.btn-sleek-white[type].disabled,
.btn-sleek-white[type]:disabled {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
}


/* indigo air */

.btn-sleek-indigo {
    color: #2d1582;
    background: rgba(45, 21, 130, 0.1);
    border-color: transparent;
}

.btn-sleek-indigo[href]:hover,
.btn-sleek-indigo[href]:focus,
.btn-sleek-indigo[href]:active,
.btn-sleek-indigo[href].active,
.btn-sleek-indigo[type]:hover,
.btn-sleek-indigo[type]:focus,
.btn-sleek-indigo[type]:active,
.btn-sleek-indigo[type].active {
    color: #fff;
    background: #2d1582;
    box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
}

.btn-sleek-indigo[href].disabled,
.btn-sleek-indigo[href]:disabled,
.btn-sleek-indigo[type].disabled,
.btn-sleek-indigo[type]:disabled {
    color: #2d1582;
    background-color: rgba(45, 21, 130, 0.1);
    box-shadow: none;
}


/* facebook air */

.btn-sleek-facebook {
    color: #3b5998;
    background: rgba(59, 89, 152, 0.1);
    border-color: transparent;
}

.btn-sleek-facebook[href]:hover,
.btn-sleek-facebook[href]:focus,
.btn-sleek-facebook[href]:active,
.btn-sleek-facebook[href].active,
.btn-sleek-facebook[type]:hover,
.btn-sleek-facebook[type]:focus,
.btn-sleek-facebook[type]:active,
.btn-sleek-facebook[type].active {
    color: #fff;
    background: #3b5998;
    box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-sleek-facebook[href].disabled,
.btn-sleek-facebook[href]:disabled,
.btn-sleek-facebook[type].disabled,
.btn-sleek-facebook[type]:disabled {
    color: #3b5998;
    background-color: rgba(59, 89, 152, 0.1);
    box-shadow: none;
}


/* google air */

.btn-sleek-google {
    color: #d14130;
    background: rgba(209, 65, 48, 0.1);
    border-color: transparent;
}

.btn-sleek-google[href]:hover,
.btn-sleek-google[href]:focus,
.btn-sleek-google[href]:active,
.btn-sleek-google[href].active,
.btn-sleek-google[type]:hover,
.btn-sleek-google[type]:focus,
.btn-sleek-google[type]:active,
.btn-sleek-google[type].active {
    color: #fff;
    background: #d14130;
    box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35);
}

.btn-sleek-google[href].disabled,
.btn-sleek-google[href]:disabled,
.btn-sleek-google[type].disabled,
.btn-sleek-google[type]:disabled {
    color: #d14130;
    background-color: rgba(209, 65, 48, 0.1);
    box-shadow: none;
}


/* twitter air */

.btn-sleek-twitter {
    color: #1da1f2;
    background: rgba(29, 161, 242, 0.1);
    border-color: transparent;
}

.btn-sleek-twitter[href]:hover,
.btn-sleek-twitter[href]:focus,
.btn-sleek-twitter[href]:active,
.btn-sleek-twitter[href].active,
.btn-sleek-twitter[type]:hover,
.btn-sleek-twitter[type]:focus,
.btn-sleek-twitter[type]:active,
.btn-sleek-twitter[type].active {
    color: #fff;
    background: #1da1f2;
    box-shadow: 0 4px 11px rgba(29, 161, 242, 0.35);
}

.btn-sleek-twitter[href].disabled,
.btn-sleek-twitter[href]:disabled,
.btn-sleek-twitter[type].disabled,
.btn-sleek-twitter[type]:disabled {
    color: #1da1f2;
    background-color: rgba(29, 161, 242, 0.1);
    box-shadow: none;
}


/* instagram air */

.btn-sleek-instagram {
    color: #3f729b;
    background: rgba(63, 114, 155, 0.1);
    border-color: transparent;
}

.btn-sleek-instagram[href]:hover,
.btn-sleek-instagram[href]:focus,
.btn-sleek-instagram[href]:active,
.btn-sleek-instagram[href].active,
.btn-sleek-instagram[type]:hover,
.btn-sleek-instagram[type]:focus,
.btn-sleek-instagram[type]:active,
.btn-sleek-instagram[type].active {
    color: #fff;
    background: #3f729b;
    box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35);
}

.btn-sleek-instagram[href].disabled,
.btn-sleek-instagram[href]:disabled,
.btn-sleek-instagram[type].disabled,
.btn-sleek-instagram[type]:disabled {
    color: #3f729b;
    background-color: rgba(63, 114, 155, 0.1);
    box-shadow: none;
}


/* github air */

.btn-sleek-github {
    color: #24292e;
    background: rgba(36, 41, 46, 0.1);
    border-color: transparent;
}

.btn-sleek-github[href]:hover,
.btn-sleek-github[href]:focus,
.btn-sleek-github[href]:active,
.btn-sleek-github[href].active,
.btn-sleek-github[type]:hover,
.btn-sleek-github[type]:focus,
.btn-sleek-github[type]:active,
.btn-sleek-github[type].active {
    color: #fff;
    background: #24292e;
    box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35);
}

.btn-sleek-github[href].disabled,
.btn-sleek-github[href]:disabled,
.btn-sleek-github[type].disabled,
.btn-sleek-github[type]:disabled {
    color: #24292e;
    background-color: rgba(36, 41, 46, 0.1);
    box-shadow: none;
}


/* gray air */

.btn-sleek-gray {
    color: #f8fafd;
    background: rgba(248, 250, 253, 0.1);
    border-color: transparent;
}

.btn-sleek-gray[href]:hover,
.btn-sleek-gray[href]:focus,
.btn-sleek-gray[href]:active,
.btn-sleek-gray[href].active,
.btn-sleek-gray[type]:hover,
.btn-sleek-gray[type]:focus,
.btn-sleek-gray[type]:active,
.btn-sleek-gray[type].active {
    color: #1e2022;
    background: #f8fafd;
    box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35);
}

.btn-sleek-gray[href].disabled,
.btn-sleek-gray[href]:disabled,
.btn-sleek-gray[type].disabled,
.btn-sleek-gray[type]:disabled {
    color: #f8fafd;
    background-color: rgba(248, 250, 253, 0.1);
    box-shadow: none;
}


/*------------------------------------
  Button Sizes
------------------------------------*/


/* Wide */

.btn-wide {
    min-width: 9.6875rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

.btn-sm-wide {
    min-width: 8.4375rem;
}


/* Extra Small */

.btn-xs {
    font-size: 0.6875rem;
    font-weight: 400;
    padding: 0.4375rem 0.9375rem;
}


/* Icons */

.btn-icon.btn-xs {
    font-size: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
}

.btn-icon.btn-sm,
.btn-group-sm>.btn-icon.btn {
    font-size: 0.8175rem;
    width: 2rem;
    height: 2rem;
}

.btn-icon.btn-lg,
.btn-group-lg>.btn-icon.btn {
    font-size: 1.75rem;
    width: 5rem;
    height: 5rem;
}


/*------------------------------------
  Text Buttons Styles
------------------------------------*/


/* primary text button */

.btn-text-primary {
    color: #328fe4;
    background: transparent;
}

.btn-text-primary[href]:hover,
.btn-text-primary[href]:focus,
.btn-text-primary[href]:active,
.btn-text-primary[type]:hover,
.btn-text-primary[type]:focus,
.btn-text-primary[type]:active {
    color: #1e2022;
}


/* secondary text button */

.btn-text-secondary {
    color: #77838f;
    background: transparent;
}

.btn-text-secondary[href]:hover,
.btn-text-secondary[href]:focus,
.btn-text-secondary[href]:active,
.btn-text-secondary[type]:hover,
.btn-text-secondary[type]:focus,
.btn-text-secondary[type]:active {
    color: #1e2022;
}


/* success text button */

.btn-text-success {
    color: #00c9a7;
    background: transparent;
}

.btn-text-success[href]:hover,
.btn-text-success[href]:focus,
.btn-text-success[href]:active,
.btn-text-success[type]:hover,
.btn-text-success[type]:focus,
.btn-text-success[type]:active {
    color: #1e2022;
}


/* info text button */

.btn-text-info {
    color: #00dffc;
    background: transparent;
}

.btn-text-info[href]:hover,
.btn-text-info[href]:focus,
.btn-text-info[href]:active,
.btn-text-info[type]:hover,
.btn-text-info[type]:focus,
.btn-text-info[type]:active {
    color: #1e2022;
}


/* warning text button */

.btn-text-warning {
    color: #ffc107;
    background: transparent;
}

.btn-text-warning[href]:hover,
.btn-text-warning[href]:focus,
.btn-text-warning[href]:active,
.btn-text-warning[type]:hover,
.btn-text-warning[type]:focus,
.btn-text-warning[type]:active {
    color: #1e2022;
}


/* danger text button */

.btn-text-danger {
    color: #de4437;
    background: transparent;
}

.btn-text-danger[href]:hover,
.btn-text-danger[href]:focus,
.btn-text-danger[href]:active,
.btn-text-danger[type]:hover,
.btn-text-danger[type]:focus,
.btn-text-danger[type]:active {
    color: #1e2022;
}


/* light text button */

.btn-text-light {
    color: #f8f9fa;
    background: transparent;
}

.btn-text-light[href]:hover,
.btn-text-light[href]:focus,
.btn-text-light[href]:active,
.btn-text-light[type]:hover,
.btn-text-light[type]:focus,
.btn-text-light[type]:active {
    color: #bdc5d1;
}


/* dark text button */

.btn-text-dark {
    color: #1e2022;
    background: transparent;
}

.btn-text-dark[href]:hover,
.btn-text-dark[href]:focus,
.btn-text-dark[href]:active,
.btn-text-dark[type]:hover,
.btn-text-dark[type]:focus,
.btn-text-dark[type]:active {
    color: #1e2022;
}


/* white text button */

.btn-text-white {
    color: #fff;
    background: transparent;
}

.btn-text-white[href]:hover,
.btn-text-white[href]:focus,
.btn-text-white[href]:active,
.btn-text-white[type]:hover,
.btn-text-white[type]:focus,
.btn-text-white[type]:active {
    color: #1e2022;
}


/* indigo text button */

.btn-text-indigo {
    color: #2d1582;
    background: transparent;
}

.btn-text-indigo[href]:hover,
.btn-text-indigo[href]:focus,
.btn-text-indigo[href]:active,
.btn-text-indigo[type]:hover,
.btn-text-indigo[type]:focus,
.btn-text-indigo[type]:active {
    color: #1e2022;
}


/*------------------------------------
  Buttons
------------------------------------*/

.btn[href] {
    cursor: pointer;
}

.btn:not([href]):not([type]):not(:disabled):not(.disabled) {
    cursor: default;
}


/* Pill */

.btn-pill {
    border-radius: 6.1875rem;
}


/* Icon */

.btn-icon {
    position: relative;
    line-height: 0;
    font-size: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    padding: 0;
}

.btn-white {
    color: #1e2022;
    background-color: #fff;
    border-color: #fff;
}

body .btn-facebook,
body .btn-facebook:focus {
    background: #3B5998;
    border: 1px solid #37538D;
}

body .btn-twitter,
body .btn-twitter:focus {
    background: #55ACEE;
    border: 1px solid #47A5ED;
}

body .btn-facebook,
body .btn-facebook:active,
body .btn-facebook:hover,
body .btn-facebook:focus,
body .btn-twitter,
body .btn-twitter:active,
body .btn-twitter:hover,
body .btn-twitter:focus,
body .btn-gplus,
body .btn-gplus:active,
body .btn-gplus:hover,
body .btn-gplus:focus {
    color: #FFF !important;
    padding: 10px 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-facebook:hover {
    background: #4162a7;
    border-color: #3d5c9c;
}

.btn-twitter:hover {
    background: #63b3ef;
    border-color: #55acee;
}


/*------------------------------------
  Transitions
------------------------------------*/

.transition-hover {
    transition: all 0.14s ease-in-out;
}

.transition-hover:hover,
.transition-hover:focus {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}


/* --------------------------------------------
    TEAM MEMBER
-------------------------------------------- */

.team-member .member-social ul {
    margin: 5px 0;
}

.team-member .member-social {
    border: 7px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    font-size: 19px;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.team-member .member-social-inner {
    width: 100%;
    padding: 0 5%;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 0;
}

.team-member .member-social a {
    text-decoration: none;
    position: relative;
    border-radius: 30px;
    padding: 0 9px;
    background: #fff;
    margin: 3px;
    display: inline-block;
    height: 39px;
    line-height: 41px;
    width: 39px;
}

.team-member .member-social .list-inline>li {
    padding-right: 0;
    padding-left: 0;
    display: inline-block;
}

.team-member:hover .member-social {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.team-member.img-circle .member-social {
    border: 7px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}


/* pricing */

button {
    -webkit-appearance: button;
    cursor: pointer;
}

.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}

.pricing-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
}

.pricing-feature-list {
    text-align: left;
}

.pricing--pema .pricing-item {
    border-radius: 5px;
    text-align: left;
    margin: 1em;
    background: #fff;
    cursor: default;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

@media screen and (min-width: 66.250em) {
    .pricing--pema .pricing-item {
        margin: 1.5em 0;
    }
    .pricing--pema .pricing-item--featured {
        z-index: 10;
        margin: 0;
        font-size: 1.15em;
    }
}

.pricing--pema .pricing-title {
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.5;
}

.pricing--pema .icon {
    display: inline-block;
    min-width: 2em;
    color: #8A9790;
    vertical-align: middle;
}

.pricing--pema .pricing-price {
    font-size: 3em;
    font-weight: 600;
    position: relative;
    z-index: 100;
    line-height: 1.2;
}

.pricing--pema .pricing-currency {
    font-size: 0.5em;
    vertical-align: super;
}

.pricing--pema .pricing-period {
    font-weight: 400;
    color: #828286;
    font-size: 0.25em;
    display: inline-block;
    padding: 0 0 0 0.5em;
}

.pricing--pema .pricing-sentence {
    color: #1e2022;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: left;
}

.pricing--pema .pricing-feature-list {
    font-size: 0.85em;
    margin: 0;
    padding: 1.5em 0.5em 2.5em;
    list-style: none;
}

.pricing--pema .pricing-feature {
    padding: 0.15em 0;
}

.pricing--pema .pricing-main {
    margin-left: -8px;
    margin-right: -10px;
}