body {
    overflow-x: hidden;
    overflow-y: scroll;
    color: #1e2022;
    background-color: #fff;
    line-height: 1.6;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    line-height: 1.34;
}

h5, h6, .h5, .h6 {
    line-height: 1.4;
}

p {
    font-weight: 400;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a,
.h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
    color: #1e2022;
}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover,
.h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover {
    color: #0052ea;
}

h1.text-white > a, h2.text-white > a, h3.text-white > a, h4.text-white > a, h5.text-white > a, h6.text-white > a,
.h1.text-white > a, .h2.text-white > a, .h3.text-white > a, .h4.text-white > a, .h5.text-white > a, .h6.text-white > a {
    color: #fff;
}


.alert p {
    color: inherit;
}


a {
    font-size: 1em;
    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;
}

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
-------------------------------------------- */
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;
}

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: 4px;
    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;
    line-height: 22px;
}

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 .scroll-to-top:hover i {
    color: white;
}

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;
}

[data-video], .jarallax {
    overflow: hidden;
    /* z-index: -1;  <-- remove or comment this out */
}

[data-video] {
    position: relative;
    overflow: hidden;
    background-color: #1B0F3B; /* fallback background color */
}

[data-video]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/resources/video/video_space_cover.jpg') no-repeat center center;
    background-size: cover;
    z-index: -2;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

[data-video].video-loaded::before {
    opacity: 0;
    visibility: hidden;
}

.jarallax video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


.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;
}

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


.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;
}

.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+);
}


/* Page Header */
.page-header {
    background-color: #f7f7f7;
    margin: 0 0 50px 0;
    min-height: 50px;
    padding: 45px 0;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}

.page-header .breadcrumb {
    background: none;
    margin: 0 0 8px 2px;
    padding: 0;
    position: relative;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-header .breadcrumb > li {
    display: inline-block;
    font-size: 12px;
    text-shadow: none;
}

.page-header .breadcrumb > li + li:before {
    color: inherit;
    opacity: 0.5;
    font-family: 'FontAwesome';
    content: "\f105";
    padding: 0 7px 0 5px;
    font-weight: 900;
}

.page-header .breadcrumb.breadcrumb-valign-mid {
    position: absolute;
    top: 36%;
    right: 20px;
}

.page-header h1 {
    display: inline-block;
    line-height: 32px;
    margin: 0;
    padding: 5px 0;
    font-weight: 500;
    position: relative;
    font-size: 25.6px;
    font-size: 24px;
}

.page-header .lead {
    padding: 0;
    margin: 0;
    font-size: 1.3em;
    line-height: 1.6;
    opacity: 0.8;
}

.page-header.page-header-color a:hover {
    text-decoration: underline;
}

.page-header.page-header-text-light h1, .page-header.page-header-text-light a:not(.btn), .page-header.page-header-text-light span, .page-header.page-header-text-light p {
    color: #FFF;
}

.page-header.page-header-text-light li,
.page-header.page-header-text-light li > a {
    color: #a2a2a2;
}

.page-header.page-header-text-light.page-header-crumbs-light-2 li,
.page-header.page-header-text-light.page-header-crumbs-light-2 li > a {
    color: #d8d8d8;
}

.page-header.parallax > .container {
    position: relative;
    z-index: 3;
}

.page-header.page-header-dark {
    background-color: #2E3237;
}


/* --------------------------------------------
	PAGINATION
-------------------------------------------- */


.pagination > li > a,
.pagination > li > span {
    border: 1px solid #e4e4e4;
    margin-right: -1px;
}

.page-item.active .page-link {
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    background-color: #f7f7f7;
    z-index: 1;
    color: #444;
    border-color: #e4e4e4;
}

.page-item.active .page-link:hover,
.page-link:hover {
    z-index: 2;
    color: white;
}


/* #Sidebar
================================================== */

.main aside.right-sidebar {
    margin-top: -60px;
    padding-top: 60px;
    padding-bottom: 70px;
    border-left: solid 1px #EBEBEB;
    margin-bottom: -50px !important;
    width: 25% !important;
    padding-left: 30px;
}

.main .has-right-sidebar .col-sm-9 {
    border-right: solid 1px #EBEBEB;
    margin-right: -1px;
    padding-right: 30px !important;
    width: 75% !important;
    padding-left: 20px !important;
}

.main .has-left-sidebar .col-sm-9 {
    border-left: solid 1px #EBEBEB;
    margin-left: -1px;
    padding-left: 30px !important;
    width: 75% !important;
    padding-right: 20px !important;
}

.main aside.left-sidebar {
    margin-top: -60px;
    padding-top: 60px;
    padding-bottom: 70px;
    border-right: solid 1px #EBEBEB;
    margin-bottom: -50px !important;
    width: 25% !important;
    padding-right: 26px;
}

.sidebar .widget hr {
    border-color: #e4e4e4;
}

.sidebar .widget-heading h4 {
    letter-spacing: 0.2px;
    line-height: 23px;
    font-size: 18px;
    margin-bottom: 20px;
}

.sidebar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar.left-sidebar {
    padding-right: 20px;
}

.sidebar.right-sidebar {
    padding-left: 20px;
}

.sidebar .widget_heading {
    margin-top: -6px;
}

.sidebar object, .sidebar object > img .sidebar embed {
    width: 100%;
    max-width: 100%;
}

.sidebar object > img {
    height: auto;
}

.sidebar a:hover {
    text-decoration: none;
}

.sidebar .v-heading-v2 {
    margin-bottom: 20px !important;
}

.sidebar p {
    margin: 0 0 20px;
}

.sidebar .v-nav-menu-widget ul > li a {
    padding: 8px 15px;
    border-bottom: 0px solid #EBEBEB !important;
    padding-left: 30px;
    font-size: 13px;
}

.list-toggle:after {
    top: 9px;
    right: 10px;
    font-size: 14px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

.sidebar .v-nav-menu-widget ul > li a i.fa {
    width: 29px;
    font-size: 14px;
    opacity: .8;
}

.sidebar.left-sidebar .v-nav-menu-widget ul > li a {
    padding-left: 5px;
}

.sidebar .v-nav-menu-widget ul > li a i[class*="icon-"] {
    width: 20px;
    font-size: 13px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: -1px;
}

.sidebar .v-nav-menu-widget ul > li.active {
    border-bottom: 1px solid rgb(241, 241, 241);
    border-top: 1px solid rgb(241, 241, 241);
    background: #FAFAFA;
    border-left-width: 1px;
    border-left-style: solid;
}

.sidebar .v-nav-menu-widget ul > li a:before {
    content: ' ';
}


/*Right Nav Sidebar*/
.v-sidebar-content-wrap {
    padding-top: 40px;
    padding-bottom: 26px;
}

.v-right-sidebar-wrap {
    padding-top: 40px;
    padding-bottom: 60px;
}

.v-right-sidebar-nav .v-sidebar-content-wrap {
    padding-right: 15px;
    padding-left: 40px;
}

.v-right-sidebar-nav .v-sidebar-content-wrap .tab-content {
    padding: 0px;
    box-shadow: none;
    border: 0px solid #fff;
}

.v-right-sidebar-nav .v-right-sidebar-wrap {
    padding-right: 30px;
    padding-left: 15px;
    border-right: 1px solid #ccc;
    -webkit-box-shadow: inset -8px 0 15px -10px rgba(0, 0, 0, 0.2);
    box-shadow: inset -8px 0 15px -10px rgba(0, 0, 0, 0.2);
}

.v-right-sidebar-inner {
    position: relative;
    z-index: 101;
    margin: 0 0 2em;
    border-top: 1px solid #e5e5e5;
}

.v-right-sidebar-inner > li {
    padding: 0;
    margin: 0;
}

.v-right-sidebar-inner > li > a {
    padding: 11px 10px !important;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    outline: none;
    display: block;
}

.v-right-sidebar-inner > li > a .fa {
    width: 17px;
    margin-right: 15px;
    font-size: 1.15em;
    text-align: center;
}

.v-right-sidebar-inner > li > a:hover {
    background-color: #f4f4f4;
}

.v-right-sidebar-inner > li a.active,
.v-right-sidebar-inner > li a.active:focus,
.v-right-sidebar-inner > li a.active:hover {
    background-color: #fff;
}

.v-right-sidebar-inner > li + li {
    margin-top: 0;
}

.v-right-sidebar-nav .v-right-sidebar-inner {
    margin-left: 0;
    margin-right: -31px;
}

.v-right-sidebar-nav .v-right-sidebar-inner > li {
    margin: 0 1px 0 0;
    display: block;
    width: 100%;
}

.v-right-sidebar-nav .v-right-sidebar-inner > li a.active {
    margin-right: -1px;
}


/*------------------------------------
  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;
}


/* ==================================================
    GENERAL CODES
================================================== */

.padding-100 {
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}

.padding-90 {
    padding-bottom: 90px !important;
    padding-top: 90px !important;
}

.padding-80 {
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}

.padding-70 {
    padding-bottom: 70px !important;
    padding-top: 70px !important;
}

.padding-60 {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
}

.padding-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
}

.padding-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
}

.padding-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}

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

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

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

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

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.pull-bottom {
    margin-bottom: 35px;
}

.pull-bottom-small {
    margin-bottom: 20px;
}

.pull-bottom-big {
    margin-bottom: 45px;
}

.pull-top-small {
    margin-top: 20px;
}

.pull-top {
    margin-top: 35px;
}

.pull-top-big {
    margin-top: 50px;
}

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

.bg-white {
    background: white !important;
}

.top-bordered {
    border-top: 1px solid #e4e4e4 !important;
}

.v-height-mini {
    height: 30px !important;
}

.v-height-small {
    height: 45px !important;
}

.v-height-standard {
    height: 75px !important;
}

.v-height-big {
    height: 90px !important;
}

.v-lead {
    font-size: 14px;
    line-height: 24px;
}

.v-lead-v2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

div.center {
    text-align: center !important;
}

::selection, ::-moz-selection {
    color: #fff;
}

body.modal-open {
    margin-right: 0;
}

label {
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
}

a {
    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;
    color: #4a4a4a;
}

a:hover {
    text-decoration: none;
}

a:active {
    outline: none;
}

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

h6.special {
    font-weight: 600 !important;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #323436;
    margin-bottom: 15px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
}

.lead {
    line-height: 27px;
}

ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

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;
}

.no-js-alert {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    font-size: 24px;
    height: 100%;
    left: 0;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 20% 5% 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 90%;
    z-index: 9999;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.clearfix {
    clear: none !important;
}

.main {
    position: relative;
    background: white;
    /*z-index: 99;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform-origin: 50% 1%;
    -moz-transform-origin: 50% 1%;
    -ms-transform-origin: 50% 1%;
    -o-transform-origin: 50% 1%;
    transform-origin: 50% 1%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;*/
}

.no-csstransforms3d .main {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-style: flat;
    transform-style: flat;
    position: inherit;
}

iframe {
    border: 0;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
}

table th {
    font-weight: bold;
}

table thead th {
    text-transform: uppercase;
}

table tr > th {
    padding-right: 20px;
}

table td {
    padding: 5px 10px 5px 0;
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

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

ins {
    background: #fff9c0;
    text-decoration: none;
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    border: 1px solid #E4E4E4;
    border-radius: 2px;
}

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;
}

.fw-row {
    margin-left: 0;
    margin-right: 0;
}

.row.fw-row.coloured-box-wrap .col-sm-2,
.row.fw-row.coloured-box-wrap .col-sm-3,
.row.fw-row.coloured-box-wrap .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
}

.row.fw-row.coloured-box-wrap .btn.v-btn {
    margin-top: 10px;
}

.row.fw-row.coloured-box-wrap .coloured-box-inner {
    padding: 12%;
    color: #ffffff;
}

.single .container .body-text > .container {
    margin-left: -15px;
    max-width: 100%;
}

.modal-body .container {
    max-width: 100%;
}

.white-color {
    color: white !important;
}

div.white-color {
    color: white !important;
}

div.base-color h3,
div.base-color h4,
div.base-color h5,
div.base-color h6,
div.base-color {
    color: #555 !important;
}

.v-bg-color {
    background-color: #f7f7f7 !important;
}


/* --------------------------------------------
	STANDARD MEDIA STYLING
-------------------------------------------- */

figure {
    margin: 0;
}

figure img {
    width: 100%;
    height: auto;
}

figure a {
    display: block;
}

figure .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 3;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -0.6px;
    padding-right: 0.6px;
}

figure:hover > a > .overlay {
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
    margin-top: -1.6px;
    padding-bottom: 1.6px;
}

figure.animated-overlay figcaption {
    background-color: rgba(65, 150, 224, 0.8);
}

figure.animated-overlay.transparent figcaption {
    background-color: transparent;
}

figure.animated-overlay figcaption .thumb-info h4,
figure.animated-overlay figcaption .thumb-info h5,
figcaption .thumb-info-excerpt p {
    color: #ffffff;
}

figure.animated-overlay figcaption .thumb-info i {
    /*background: #222222;*/
    color: #ffffff;
    cursor: pointer !important;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

figure.animated-overlay figcaption .thumb-info i.fa-angle-right:before {
}


@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotate {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


figcaption .thumb-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

figcaption .thumb-info h4 {
    line-height: 20px;
    padding: 0 5%;
    width: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 35px;
}

figcaption .thumb-info-extended h4 {
    /*margin-top: -60px;*/
}

figcaption .thumb-info-extended h5 {
    padding: 0 5%;
    width: 100%;
    position: absolute;
    bottom: 15px;
}

figcaption .thumb-info a:hover {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

figcaption .thumb-info i {
    font-size: 45px;
    line-height: 33px;
    padding: 14px;
    border-radius: 50%;
    height: 34px;
    width: 34px;
    display: block;
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: 50%;
    top: 47%;
    margin: -24px 0 0 -24px;
}

figcaption .thumb-info-v2 i {
    font-size: 45px;
    line-height: 47px;
    padding: 10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    top: 50%;
    margin-top: -28px;
    margin-left: -27px;
    left: 50%;
    position: absolute;
}

figcaption .thumb-info-excerpt h4 {
    line-height: 20px;
    margin-bottom: 0;
    padding: 0 5%;
    width: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    position: absolute;
    top: 40%;
    margin-top: -40px;
}

figcaption .thumb-info-excerpt p {
    line-height: 22px;
    margin-bottom: 0;
    padding: 0 5%;
    width: 100%;
    text-align: center;
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    position: absolute;
    top: 40%;
    margin-top: 0;
}

figcaption .thumb-info-excerpt i {
    display: none;
}

figure.animated-overlay {
    position: relative;
    overflow: visible;
    z-index: 2;
}

figure.animated-overlay > a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

figure.animated-overlay .thumb-slider ul.slides li a {
    position: relative;
    z-index: 2;
}

figure.animated-overlay figcaption {
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(37, 37, 37, 0.60) !important;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.browser-ie figure.animated-overlay figcaption, .browser-ie10 figure.animated-overlay figcaption {
    background-image: none;
}

figure.animated-overlay:hover figcaption {
    opacity: 1;
    filter: alpha(opacity=100);
    /*-webkit-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
    -o-transform: translate(10px, 10px);
    transform: translate(10px, 10px);*/
}

figure.animated-overlay.overlay-alt:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.v-portfolio-item-info h3 {
    font-size: 18px;
    margin-top: 15px;
}

.curved-bar-styling {
    border: 1px solid #e4e4e4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

ul.bar-styling {
    height: auto;
    overflow: hidden;
}

ul.page-numbers {
    float: right;
}

ul.bar-styling li, ul.page-numbers li {
    float: left;
    display: block;
}

ul.bar-styling li > a,
ul.bar-styling li > div,
ul.page-numbers li > a,
ul.page-numbers li > span {
    padding: 8px 15px;
    border: 1px solid transparent;
    display: block;
    margin-right: -1px;
    text-decoration: none;
    height: auto;
    overflow: hidden;
}

ul.bar-styling li > form input {
    border: 1px solid transparent;
    display: block;
    margin-right: -1px;
    overflow: hidden;
    padding: 10px 14px;
    height: 40px;
    font-size: 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

ul.bar-styling li:first-child a,
ul.bar-styling li:first-child div,
ul.page-numbers li:first-child a,
ul.page-numbers li:first-child span {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

ul.bar-styling li:last-child a,
ul.bar-styling li:last-child div,
ul.page-numbers li:last-child a,
ul.page-numbers li:last-child span {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

ul.page-numbers li a.prev i, ul.page-numbers li a.next i {
    height: 10px;
    display: inline-block;
    vertical-align: -3px;
}

.v-pagination li a:hover,
ul.bar-styling li:not(.selected) > a:hover,
ul.bar-styling li > .comments-likes:hover,
ul.page-numbers li > a:hover,
ul.page-numbers li > span.current {
    color: #ffffff !important;
}

ul.bar-styling li > .comments-likes:hover * {
    color: #ffffff !important;
}

.v-pagination li a,
.v-pagination li span,
.v-pagination li span.expand,
ul.bar-styling li > a,
ul.bar-styling li > div,
ul.page-numbers li > a,
ul.page-numbers li > span,
.curved-bar-styling,
ul.bar-styling li > form input {
    border-color: #e4e4e4;
}

ul.bar-styling li > a,
ul.bar-styling li > span,
ul.bar-styling li > div,
ul.bar-styling li > form input {
    background-color: #ffffff;
}

ul.bar-styling li.facebook > a:hover {
    color: #fff !important;
    background: #3b5998;
    border-color: #3b5998;
}

ul.bar-styling li.twitter > a:hover {
    color: #fff !important;
    background: #4099FF;
    border-color: #4099FF;
}

ul.bar-styling li.google-plus > a:hover {
    color: #fff !important;
    background: #d34836;
    border-color: #d34836;
}

ul.bar-styling li.pinterest > a:hover {
    color: #fff !important;
    background: #cb2027;
    border-color: #cb2027;
}

.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;
}


/*------------------------------------
  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: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    color: inherit;
    font-size: 1rem;
    border-radius: 3px;
    opacity: 0.8;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
}

.social a:hover {
    opacity: 1;
}

.social i {
    font-size: 22px;
}

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

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

.social a.social-google: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-vimeo:hover {
    color: #aad450;
}

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

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

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

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

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

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

.social a.social-apple:hover {
    color: #000000;
}

.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: #e6ae04;
}

.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: #e6ae04;
}

.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: #e6ae04;
    background-color: #e0f1f9;
}

.social-bg-pale-brand .social-telegram:hover {
    color: #e6ae04 !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: #e6ae04;
    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;
}

.google-maps-icon {
    background-image: url('/resources/img/icons/google/google-maps.png');
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

/* Hover state: back to full color */
.google-maps-icon:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

/* --- Base Styles for all Social/Map Icons --- */
/* This class holds all the common attributes like size, display,
   background properties, shadow, border-radius, and the grayscale effect/transition. */
.social-custom-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    /* Default state: fully grayscale */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Vendor prefix for broader compatibility */
    /* Smooth transition for the filter effect */
    transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

.social-custom-icon:hover {
    filter: grayscale(0%); /* Restore full color on hover */
    -webkit-filter: grayscale(0%);
}

.google-maps-icon {
    background-image: url('/resources/img/icons/google/google-maps.png');
}

.apple-maps-icon {
    background-image: url('/resources/img/icons/apple/apple-maps.png');
}

.linkedin-icon {
    background-image: url('/resources/img/icons/linkedin/linkedin.png');
}

/* If you also have a LinkedIn icon as a background-image, you'd add: */
/*
.linkedin-icon {
    background-image: url('/resources/img/icons/linkedin/linkedin.png');
}
*/

/*------------------------------------
  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-family: inherit !important;
    font-weight: 500;
    font-size: 1rem;
    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: inherit;
}

.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-filters-holder .cbp-filter-item {
    padding: 8px 14px;
}

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


.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-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-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;
    height: calc(3rem + 2px);
    padding: 0.75rem 1rem;
}

.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.75rem + 2px);
    padding: 1.125rem 1.125rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    height: calc(2.5625rem + 2px);
    padding: 0.625rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.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 .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 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) !important;
    padding: .375rem 1rem;
    font-size: 1.0625rem;
    line-height: 2.2;
    border-radius: 2px;
}

.input-group.date .input-group-text {
    cursor: pointer;
}

/* 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;
}


/*------------------------------------
  Label
------------------------------------*/
.label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    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.4rem 1rem;
}


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


.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-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--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--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;
}


/* 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: 0.45em 0.4em;
    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 > .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: 1.20rem;
    font-weight: 500;
    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;
}

.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;
}

.anim-link-2.anim-link-2-white {
    background-image: linear-gradient(to right, #fff 0%, #fff 100%);
}

.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%;
}

@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;
    max-width: 2300px;
}

.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%;
}


.gradient-banner {
    position: relative;
    overflow: hidden;
}


.shapes-container {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.shapes-container .shape {
    position: absolute;
}

.shapes-container .shape::before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
    transform: rotate(-35deg);
    position: absolute;
    border-radius: 50px;
}

.shapes-container .shape:nth-child(1) {
    top: 2%;
    left: 11%;
    width: 400px;
    height: 70px;
}

.shapes-container .shape:nth-child(2) {
    top: 14%;
    left: 18%;
    width: 200px;
    height: 15px;
}

.shapes-container .shape:nth-child(3) {
    top: 80%;
    left: 4%;
    width: 300px;
    height: 60px;
}

.shapes-container .shape:nth-child(4) {
    top: 85%;
    left: 15%;
    width: 100px;
    height: 10px;
}

.shapes-container .shape:nth-child(5) {
    top: 5%;
    left: 50%;
    width: 300px;
    height: 25px;
}

.shapes-container .shape:nth-child(6) {
    top: 4%;
    left: 52%;
    width: 200px;
    height: 5px;
}

.shapes-container .shape:nth-child(7) {
    top: 80%;
    left: 70%;
    width: 200px;
    height: 5px;
}

.shapes-container .shape:nth-child(8) {
    top: 55%;
    left: 95%;
    width: 200px;
    height: 5px;
}

.shapes-container .shape:nth-child(9) {
    top: 50%;
    left: 90%;
    width: 300px;
    height: 50px;
}

.shapes-container .shape:nth-child(10) {
    top: 30%;
    left: 60%;
    width: 500px;
    height: 55px;
}

.shapes-container .shape:nth-child(11) {
    top: 60%;
    left: 60%;
    width: 200px;
    height: 5px;
}

.shapes-container .shape:nth-child(12) {
    top: 35%;
    left: 75%;
    width: 200px;
    height: 5px;
}

.shapes-container .shape:nth-child(13) {
    top: 90%;
    left: 40%;
    width: 300px;
    height: 45px;
}

.shapes-container .shape:nth-child(14) {
    top: 54%;
    left: 75%;
    width: 200px;
    height: 5px;
}

.shapes-container .shape:nth-child(15) {
    top: 50%;
    left: 90%;
    width: 200px;
    height: 5px;
}

.shapes-container .shape:nth-child(16) {
    top: 50%;
    left: 81%;
    width: 100px;
    height: 5px;
}


.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%);
}


.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;
}


.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;
}


/*.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 Poppins;
    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-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 .t-group-cell,
.t-grouping-row p {
    background: #fff;
    font-weight: bold;
    color: #596167;
}


.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: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';
}


/*------------------------------------
  Buttons Bootstrap Style
------------------------------------*/
.btn {
    font-weight: 500;
    padding: 0.70rem 1rem;
}

.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);
}


/* 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;
}


/* 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[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;
    font-size: 1rem;
    width: 3.125rem;
    height: 3.125rem;
}

.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;
}

.btn-info {
    background-color: #00C7E5;
    border-color: #00C7E5;
}

/*------------------------------------
  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;
}


/*======================================================
    Special Socials
======================================================*/
div .social-container .social-hover:after {
    content: '\f099';
    font-family: "Font Awesome 5 Brands";
}

div .social-container-facebook .social-hover:after {
    content: '\f09a';
    font-family: "Font Awesome 5 Brands";
}

.avia-social-buttons {
    display: block;
    clear: both;
    position: relative;
    padding: 8px;
    border-radius: 50px;
    background: #fcfcfc;
    margin-bottom: -47px;
    margin-left: auto;
    top: -94px;
    text-align: center;
    margin-right: auto;
    /*width: 468px;*/
    width: 43%;
    box-shadow: 0 -1px 2px rgb(255, 255, 255), inset 0 1px 2px rgba(0, 0, 0, .2), inset 0 .25rem 1rem rgba(0, 0, 0, .1) !important;
}

.social-container .social-inner {
    position: relative;
    z-index: 10;
}

.social-container .fb_iframe_widget > span {
    overflow: hidden;
}

.social-c-1, .social-c-1 .social-shadow, .social-c-1 .social-overlay, .social-c-1 .social-hover {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.social-c-2, .social-c-2 .social-shadow, .social-c-2 .social-overlay, .social-c-2 .social-hover {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.social-container {
    display: inline-block;
    /*width: 222px;*/
    width: 49%;
    height: 40px;
    line-height: 48px;
    background: #f8f8f8;
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    -ms-perspective: 300px;
    perspective: 300px;
    box-shadow: 0 -1px 2px rgb(255, 255, 255), inset 0 1px 2px rgba(0, 0, 0, .2), inset 0 .25rem 1rem rgba(0, 0, 0, .1) !important;
    margin: 0px;
    position: relative;
}

.social-container .social-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
}

.social-container-twitter .social-hover {
    background-color: #46d4fe;
    border: 1px solid rgb(33, 173, 214);
}

.social-container-facebook .social-hover {
    background-color: #37589b;
    border: 1px solid rgb(31, 63, 128);
}

.csstransforms3d .social-container:hover .social-hover {
    -webkit-transform: rotateX(-120deg);
    -moz-transform: rotateX(-120deg);
    -ms-transform: rotateX(-120deg);
    -o-transform: rotateX(-120deg);
    transform: rotateX(-120deg);
    border-top-width: 4px;
}

.no-csstransforms3d .social-container:hover .social-hover {
    opacity: 0;
    top: -25px;
}

.csstransforms3d .social-container .social-shadow, .social-container .social-hover, .social-container .social-overlay {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}

.csstransforms3d .social-container .social-shadow {
    top: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    height: 3.5rem;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0;
    z-index: 10;
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
}

.csstransforms3d .social-container:hover .social-shadow {
    opacity: 1;
    -ms-transform: rotateX(45deg) scale(.95);
    -o-transform: rotateX(45deg) scale(.95);
    -moz-transform: rotateX(45deg) scale(.95);
    -webkit-transform: rotateX(45deg) scale(.95);
    transform: rotateX(45deg) scale(.95);
}

.social-container .social-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 10;
    opacity: 0.5;
}

.social-container:hover .social-overlay {
    opacity: 0;
}

.social-container .social-hover:after {
    color: #fff;
    position: relative;
    top: -4px;
    -webkit-text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.social-inner a {
    text-decoration: none;
    font-size: 12px;
    position: relative;
    top: -5px;
    color: #555;
    font-weight: bold;
}

/*======================================================
   End Special Socials
======================================================*/


.frame-laptop {
    position: relative;
}

.frame-laptop .frame-inner {
    position: absolute;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 74%;
    height: 82%;
    margin: 3% 13% 0 13%;
}

svg[class*=bg-] {
    background: 0 0 !important;
}

.icon {
    flex-shrink: 0;
    width: auto;
    height: 2.5rem;
}

@media (min-width: 768px) {
    .icon {
        height: 3.5rem;
    }
}

.icon.icon-md {
    height: 2.5rem;
}

.icon.icon-xs {
    height: 1rem;
}

.icon.icon-lg {
    height: 4.5rem;
}

.icon.icon-sm {
    height: 1.5rem;
}

.icon.icon-xl {
    height: 6rem;
}

mark[data-aos=highlight-text].aos-animate {
    background-size: 100% .3em;
}

mark {
    color: inherit;
    padding: 0;
    background: 0 0;
    background-image: linear-gradient(120deg, rgba(55, 125, 255, 0.22) 0, rgba(55, 125, 255, 0.24) 100%);
    background-repeat: no-repeat;
    background-size: 0 .3em;
    background-position: 0 80%;
    position: relative;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;

    background-size: 100% .3em;
}


.btn[data-toggle=tab][aria-selected=true] .icon [stroke]:not([stroke=none]) {
    stroke: white;
}

.btn[data-toggle=tab][aria-selected=true] .icon [fill]:not([fill=none]) {
    fill: white;
}

.btn[data-toggle=tab][aria-selected=false] {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: #1e2022;
}

.right {
    left: auto;
    right: 0;
}

.bottom {
    top: auto;
    bottom: 0;
}

.blob.top {
    top: -5vw;
}

.blob.bottom {
    bottom: -5vw;
}

.blob.right {
    right: -5vw;
}

.blob.left {
    left: -5vw;
}


.fsx {
    background: #e4e4e429;
    padding: 5px 15px;
    line-height: 10px;
    border-radius: 50px;
}

.bg-secondary {
    background-color: #eaedf2 !important;
}


.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}


/* Accordion */
.accordion .card-header > h2 > button {
    display: block;
    width: 100%;
    text-align: left;
    color: #1e2022;
    padding: 0.9rem 1.25rem;
    font-weight: 400;
}

.accordion .card-header > h2 > button:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f063";
    float: right;
    font-size: 12px;
    vertical-align: middle;
    margin-top: 4px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
}

.accordion .card-header > h2 > button.collapsed:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: 0.3s ease-in-out;
}

.accordion .card-header {
    padding: 0;
    background-color: white;
    border-bottom: 1px solid #e7eaf3;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);;
}

.accordion > .card:first-of-type {
    border-bottom: 1px solid #e7eaf3;
    border-bottom-right-radius: 0;
}

.accordion > .card .card-header {
    margin-bottom: 0px;
}

.accordion .card-body {
    color: #77838f;
    font-weight: 400;
}


.accordion.accordion-v2 > .card {
    border: none;
}

.accordion.accordion-v2 > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}


.accordion.accordion-v3 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: none;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(46, 61, 73, 0.03);
}


.accordion.accordion-v3 .card-header > h2 > button {
    font-weight: 500;
    padding: 1.1rem 1.75rem;
}

.accordion.accordion-v3 .card-header {
    border-bottom: 0px solid #e7eaf3;
}

.accordion.accordion-v3 .card-header > h2 > button {
    border-bottom: 0px solid #e7eaf3;
}

.accordion.accordion-v3 > .card {
    border: none !important;
    border-bottom: 1px solid #e7eaf3 !important;
}

.accordion.accordion-v3 .card-body {
    padding: 25px 0 30px;
    margin: 0 30px 0 33px;
    border-top: 1px solid #e7eaf3;

}

.accordion.accordion-v3 .card-header [aria-expanded="true"] {
    background: #fafbfd;
}

.accordion.accordion-v3 .collapse.show {
    background-color: #fafbfd;
}


/* End Accordion */


/* Tabs */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: inherit;
    border-color: #dee2e6;
}

.nav-tabs .nav-link {
    border-color: #e9ecef;
    border-radius: 0;
}

.nav-tabs .nav-item {
    margin-left: -1px;
}

.nav-link {
    padding: 0.8rem 1.8rem;
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.nav-tabs .nav-item:last-child .nav-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.nav-tabs .nav-link {
    color: #77838f;
    transition: 0.3s ease-in-out;
}

.nav-tabs .nav-link:hover {
    color: #1e2022;
    transition: 0.3s ease-in-out;
}

.nav-tabs .nav-icon {
    font-size: 2.1em;
    display: block;
    text-align: center;
    line-height: 1.2;
    height: 2.3rem;
    margin-top: 3px;
}

/* End Tabs */

.btn-link:hover {
    text-decoration: none;
}


.card-border::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top-width: 2px;
    border-bottom-width: calc(.375rem - 2px);
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: inherit;
    border-bottom-color: transparent;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
}

/* Frame */
.card-frame {
    border: 1px solid #e7eaf3;
    transition: 0.3s;
}

.card-frame-highlighted, .card-frame:hover {
    border-color: rgba(55, 125, 255, 0.3);
    box-shadow: 0 0 35px rgba(55, 125, 255, 0.125);
}

.card-text-dark {
    color: #1e2022;
}

.custom-textarea .input-group-prepend {
    position: absolute;
    z-index: 100;
    top: 12px;
}

.custom-textarea .form-control {
    padding-top: 40px;
}

.blockquote-font {
    display: block;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-weight: normal;
    font-style: italic;
    float: none;
}

.blockquote-font p {
    font-size: 20px;
    line-height: 30px;
}

.t-imagebrowser .t-form-text-row input {
    width: 600px;
}

.t-breadcrumbs {
    width: 540px;
}

.input-group.disabled .input-group-text {
    background-color: transparent;
}

.rounded-image img {
    border-radius: 50%;
}


.header-card-title {
    margin: 0;
}


@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


:not(pre) > code[class*="language-"], pre[class*="language-"] {
    padding: 1.5rem;
    font-size: 13px;
    background: rgba(248, 249, 250, 0.7);
    margin-bottom: 1rem;
    margin-top: 0;
}


div.code-toolbar > .toolbar {
    top: 10px;
    right: 10px;
    opacity: 1;
}

div.code-toolbar > .toolbar button {
    padding: .3rem .7rem !important;
    color: inherit;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: .2rem;
}

div.code-toolbar > .toolbar button:hover {
    background-color: #007bff;
    color: #fff !important;
}

/*------------------------------------
  Tabs
------------------------------------*/

.nav.nav-bordered {
    border-bottom: 1px solid #e7eaf3;
}

.nav-bordered .nav-link {
    color: inherit;
}

.nav-bordered .nav-link.active,
.nav-bordered .show > .nav-link {
    color: #007bff;
    border-bottom: solid 3px #007bff;
}


/*------------------------------------
  Callout
------------------------------------*/
.duik-callout {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border-width: 1px 1px 1px 0.25rem;
    border-color: #dee2e6;
    border-style: solid;
    border-radius: 0.25rem;
}

.duik-callout-primary-lighter {
    border-left-color: #dbedff;
}

.duik-callout-dark-soft {
    border-left-color: #495057;
}

.duik-callout-black {
    border-left-color: #000;
}

.duik-callout-black-soft {
    border-left-color: rgba(0, 0, 0, 0.22);
}

.duik-callout-primary {
    border-left-color: #007bff;
}

.duik-callout-secondary {
    border-left-color: #6c757d;
}

.duik-callout-success {
    border-left-color: #28a745;
}

.duik-callout-info {
    border-left-color: #17a2b8;
}

.duik-callout-warning {
    border-left-color: #ffc107;
}

.duik-callout-danger {
    border-left-color: #dc3545;
}

.duik-callout-light {
    border-left-color: #f8f9fa;
}

.duik-callout-dark {
    border-left-color: #343a40;
}


.btn-icon__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

[class*="btn-sleek-"].btn-bg-transparent {
    background-color: transparent;
}

.horizontal-break {
    height: 2px;
    width: 50px;
    margin: 20px auto 25px;
    background-color: #DADADA;
}


.testimonial-five blockquote p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
}

.testimonial-five .testimonial-author .testimonial-author-thumbnail {
    float: left;
    margin-right: 15px;
    width: auto;
}

.testimonial-five .testimonial-author img {
    max-width: 55px;
}

.testimonial-five .testimonial-author strong {
    display: block;
    padding-top: 10px;
    margin-bottom: -2px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.testimonial-five .testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px;
}

.testimonial-five blockquote {
    padding: 32px 41px 37px;
    width: 100%;
    border-radius: 4px;
    position: relative;
    margin-bottom: 30px;
    border: 0px solid #eaeaea;
    background-color: #f7f7f7;
}

.testimonial-five blockquote::after {
    content: "";
    border-right: 0px solid #eaeaea;
    border-bottom: 0px solid #eaeaea;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg);
    position: absolute;
    left: 55px;
    bottom: -10px;
    width: 15px;
    height: 21px;
    overflow: hidden;
    background: #f7f7f7;
}

.testimonial-five.testimonial-light blockquote {
    background-color: white;
}

.testimonial-five.testimonial-light blockquote::after {
    background: white;
}


.testimonial-five .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    float: right;
    text-align: right;
    right: 3px;
    bottom: 40px;
}

.testimonial-five .testimonial-author {
    position: relative;
    overflow: hidden;
}

.testimonial-five blockquote:before {
    content: "“";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 170px;
    color: rgba(189, 189, 189, 0.2);
    position: absolute;
    top: 10px;
    left: 20px;
}


.badge-success {
    color: #fff;
    background-color: #00c9a7;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #00967d;
}

.text-success {
    color: #00c9a7 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #00967d !important;
}


@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotatedHalf {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes rotatedHalf {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes rotatedHalfTwo {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes rotatedHalfTwo {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}


@-webkit-keyframes scale-upOne {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}

@keyframes scale-upOne {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
}

@-webkit-keyframes scale-right {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    50% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes scale-right {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    50% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0.7;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 0.7;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0.7;
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 0.7;
    }
}


@keyframes hvr-ripple-out {
    0% {
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 1;
    }
    100% {
        top: -6px;
        right: -6px;
        bottom: -6px;
        left: -6px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out-two {
    0% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@-webkit-keyframes scale-up-one {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    40% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-one {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    40% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes scale-up-two {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes scale-up-two {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@-webkit-keyframes scale-up-three {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
    40% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@keyframes scale-up-three {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
    40% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}


@keyframes animationFramesOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}


@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesTwo {
    0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
    20% {
        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
    40% {
        transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
    60% {
        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
    80% {
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}


@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}


@keyframes animationFramesThree {
    0% {
        transform: translate(165px, -179px);
    }
    100% {
        transform: translate(-346px, 617px);
    }
}


@-webkit-keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(165px, -179px);
    }
    100% {
        -webkit-transform: translate(-346px, 617px);
    }
}


@keyframes animationFramesFour {
    0% {
        transform: translate(-300px, 151px) rotate(0deg);
    }
    100% {
        transform: translate(251px, -200px) rotate(180deg);
    }
}


@-webkit-keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(-300px, 151px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(251px, -200px) rotate(180deg);
    }
}


@keyframes animationFramesFive {
    0% {
        transform: translate(61px, -99px) rotate(0deg);
    }
    21% {
        transform: translate(4px, -190px) rotate(38deg);
    }
    41% {
        transform: translate(-139px, -200px) rotate(74deg);
    }
    60% {
        transform: translate(-263px, -164px) rotate(108deg);
    }
    80% {
        transform: translate(-195px, -49px) rotate(144deg);
    }
    100% {
        transform: translate(-1px, 0px) rotate(180deg);
    }
}


@-webkit-keyframes animationFramesFive {
    0% {
        -webkit-transform: translate(61px, -99px) rotate(0deg);
    }
    21% {
        -webkit-transform: translate(4px, -190px) rotate(38deg);
    }
    41% {
        -webkit-transform: translate(-139px, -200px) rotate(74deg);
    }
    60% {
        -webkit-transform: translate(-263px, -164px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-195px, -49px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(-1px, 0px) rotate(180deg);
    }
}

@keyframes gradientBG {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 300% 0;
    }
    100% {
        background-position: 0 0;
    }
}

@-webkit-keyframes gradientBG {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 300% 0;
    }
    100% {
        background-position: 0 0;
    }
}

@keyframes imageBgAnim {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 120% 0;
    }
    100% {
        background-position: 0 0;
    }
}

@-webkit-keyframes gradientBG {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 120% 0;
    }
    100% {
        background-position: 0 0;
    }
}


.blockquote-font {
    display: block;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-weight: normal;
    font-style: italic;
    float: none;
}

[data-provide="slider"] [class*="opacity-"]:hover {
    opacity: 1 !important;
}

[data-provide="slider"] [class*="opacity-"] {
    -webkit-transition: ease opacity 300ms;
    transition: ease opacity 300ms;
}


/*---------------------------- Theme Main Banner One -------------------------*/
#theme-banner-one {
    background: url(../images/shape/1.png) no-repeat top right;
    position: relative;
}

#theme-banner-one .main-wrapper {
    padding: 235px 0 155px;
}

#theme-banner-one .main-wrapper .slogan {
    display: inline-block;
    background: #FBFBFF;
    border: 1px solid #E9E9E9;
    line-height: 32px;
    padding: 0 20px;
    font-size: 15px;
    color: #677180;
    border-radius: 3px;
}

#theme-banner-one .main-wrapper .slogan span {
    color: #FF605E;
}

#theme-banner-one .illustration {
    position: absolute;
    right: 12%;
    top: 27%;
}

#theme-banner-one .illustration .shape-one {
    position: absolute;
    top: -28px;
    right: -63px;
}

#theme-banner-one .illustration .shape-two {
    position: absolute;
    bottom: 0;
    right: -25px;
}

#theme-banner-one .oval-one {
    position: absolute;
    right: -3%;
    top: 26%;
    animation: jump 8s infinite linear;
}

#theme-banner-one .shape-three {
    position: absolute;
    top: 21%;
    right: 22%;
    animation: animationFramesTwo 13s infinite linear;
}

#theme-banner-one .shape-four {
    position: absolute;
    top: 27%;
    left: 7%;
    animation: animationFramesFour 25s alternate infinite linear;
}

#theme-banner-one .shape-five {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animationFramesThree 35s alternate infinite linear;
}

#theme-banner-one .shape-six {
    position: absolute;
    top: 70%;
    right: 3%;
    animation: animationFramesFour 20s alternate infinite linear;
}

#theme-banner-one .shape-seven {
    position: absolute;
    bottom: 2%;
    right: 28%;
    animation: animationFramesOne 15s infinite linear;
}

#theme-banner-one .shape-eight {
    position: absolute;
    bottom: 3%;
    left: 38%;
    animation: animationFramesFour 20s alternate infinite linear;
}

#theme-banner-one .shape-nine {
    position: absolute;
    bottom: 4%;
    left: 4%;
    animation: animationFramesOne 17s infinite linear;
}

#theme-banner-one .shape-ten {
    position: absolute;
    top: 60%;
    left: 4%;
    animation: animationFramesOne 20s alternate infinite linear;
}

#theme-banner-one .shape-eleven {
    position: absolute;
    top: 22%;
    left: 41%;
    animation: animationFramesOne 15s infinite linear;
}

/*---------------------------- Theme Main Banner Two -------------------------*/
#theme-banner-two {
    background: linear-gradient(-120deg, rgb(135, 88, 255) 0%, rgb(97, 78, 249) 100%);
    position: relative;
    overflow: hidden;
}

#theme-banner-two:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 753px;
    background: url(../images/shape/bg4.png) no-repeat left top;
    bottom: -1px;
    left: 0;
    z-index: 2;
}

#theme-banner-two .main-wrapper {
    padding: 285px 0 300px;
    position: relative;
    z-index: 9;
}

#theme-banner-two .bg-round-one {
    width: 690px;
    height: 690px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50%;
    position: absolute;
    top: -170px;
    left: -281px;
    z-index: 1;
}

#theme-banner-two .bg-round-two {
    width: 690px;
    height: 690px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -464px;
    z-index: 1;
}

#theme-banner-two .bg-round-three {
    width: 400px;
    height: 400px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 0 0 0 85px;
    position: absolute;
    top: -87px;
    right: -98px;
    z-index: 1;
    transform: rotate(-9deg);
}

#theme-banner-two .bg-round-four {
    width: 250px;
    height: 250px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 0 0 0 85px;
    position: absolute;
    top: -87px;
    right: -98px;
    z-index: 1;
    transform: rotate(-9deg);
}

#theme-banner-two .bg-round-five {
    width: 650px;
    height: 650px;
    background: linear-gradient(-90deg, rgb(133, 87, 255) 0%, rgb(128, 92, 255) 100%);
    border-radius: 50%;
    position: absolute;
    bottom: -90px;
    right: -205px;
    z-index: 1;
}

#theme-banner-two .illustration {
    position: absolute;
    right: 10%;
    top: 28%;
    z-index: 1;
    max-width: 47%;
}


/*----------------- Theme Main Banner Three ---------------*/
#theme-banner-three {
    position: relative;
    padding: 320px 0 320px;
}

.partical-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

#particles {
    width: 100%;
    height: 100%;
}

#theme-banner-three .main-title span,
#theme-banner-three .main-title span b {
    text-decoration: underline;
    line-height: 160px;
}

#theme-banner-three .main-title i {
    color: #e1a34c;
    font-style: normal;
}

#theme-banner-three:before {
    content: '';
    background: -webkit-radial-gradient(50% 50%, circle closest-side, rgb(35, 38, 91) 0%, rgb(27, 29, 61) 100%);
    position: absolute;
    width: 2285px;
    height: 2285px;
    border-radius: 50%;
    left: 50%;
    top: -500px;
    transform: translateX(-50%);
    z-index: -1;
}

/*---------------------------- Theme Main Banner Four -------------------------*/
#theme-banner-four {
    position: relative;
}

#theme-banner-four .screen-one {
    position: absolute;
    right: 0;
    top: 12%;
    z-index: 1;
    width: 35%;
}

#theme-banner-four .screen-two {
    position: absolute;
    right: 24%;
    top: 27%;
    z-index: 1;
    width: 22%;
}

#theme-banner-four .shape-one {
    position: absolute;
    right: 0;
    top: 145px;
    z-index: 0;
    opacity: 0.65;
}

#theme-banner-four .shape-two {
    position: absolute;
    bottom: 12%;
    left: 31%;
    animation: rotated 20s infinite linear;
}

#theme-banner-four .shape-three {
    position: absolute;
    bottom: 19%;
    right: 4%;
    z-index: -1;
    animation: rotated 50s infinite linear;
}

#theme-banner-four .shape-four {
    position: absolute;
    top: 17%;
    right: 37%;
    z-index: -1;
    animation: rotatedHalf 30s infinite linear;
}

#theme-banner-four .round-shape-one {
    width: 20px;
    height: 20px;
    border: 3px solid #82aeff;
    border-radius: 50%;
    position: absolute;
    top: 15%;
    left: 36%;
    animation: animationFramesOne 15s infinite linear;
}

#theme-banner-four .round-shape-two {
    width: 7px;
    height: 7px;
    background: #d5eeff;
    border-radius: 50%;
    position: absolute;
    top: 23%;
    left: 8%;
    animation: animationFramesTwo 13s infinite linear;
}

#theme-banner-four .round-shape-three {
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #a3eead;
    border-radius: 50%;
    bottom: 42%;
    left: 6%;
    animation: animationFramesTwo 15s infinite linear;
}

#theme-banner-four .round-shape-four {
    position: absolute;
    right: 26%;
    bottom: 20%;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    border: 1px solid #fbfbfb;
    animation: rotated 10s infinite linear;
}

#theme-banner-four .round-shape-four:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: -5px;
    background: #ddabf6;
    border-radius: 50%;
}

/*---------------------- Theme Main Banne Five -----------------------*/
#theme-banner-five {
    background: linear-gradient(145deg, rgb(132, 0, 252) 0%, rgb(17, 222, 244) 100%);
    position: relative;
    z-index: 5;
}

#theme-banner-five .bg-shape-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

#theme-banner-five .bg-shape-holder .big-round-one {
    position: absolute;
    width: 662px;
    height: 662px;
    background: rgba(255, 255, 255, 0.04);
    top: -346px;
    left: -75px;
    border-radius: 50%;
}

#theme-banner-five .bg-shape-holder .big-round-two {
    position: absolute;
    width: 1372px;
    height: 1372px;
    background: rgba(255, 255, 255, 0.04);
    top: -689px;
    left: -368px;
    border-radius: 50%;
    z-index: -1;
}

#theme-banner-five .bg-shape-holder .big-round-three {
    position: absolute;
    width: 2242px;
    height: 2242px;
    background: rgba(255, 255, 255, 0.04);
    top: -1161px;
    left: -779px;
    border-radius: 50%;
    z-index: -3;
}

#theme-banner-five .bg-shape-holder .shape-one {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(213, 238, 255, 0.29);
    position: absolute;
    top: 18%;
    left: 14%;
    animation: animationFramesTwo 13s infinite linear;
}

#theme-banner-five .bg-shape-holder .shape-two {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.16);
    position: absolute;
    top: 16%;
    left: 41%;
    animation: animationFramesOne 15s infinite linear;
}

#theme-banner-five .bg-shape-holder .shape-three {
    position: absolute;
    bottom: 15%;
    left: 35%;
    animation: animationFramesFour 15s infinite linear alternate;
}

#theme-banner-five .bg-shape-holder .shape-four {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(213, 238, 255, 0.29);
    position: absolute;
    bottom: 12%;
    right: 30%;
    animation: animationFramesFive 15s infinite linear alternate;
}

#theme-banner-five .mobile-screen-one {
    position: absolute;
    right: -3%;
    top: 145px;
    z-index: -1;
    width: 29%;
}

#theme-banner-five .mobile-screen-two {
    position: absolute;
    right: 20%;
    top: 260px;
    z-index: -1;
    width: 29%;
}

#theme-banner-five .mobile-screen-two .search-box {
    position: absolute;
    top: 31%;
    right: 28%;
    width: 68%;
}

#theme-banner-five .main-wrapper {
    padding: 300px 0 215px 15%;
}

#theme-banner-five .main-title {
    font-family: 'CircularStdmed';
    font-size: 60px;
    line-height: 72px;
    color: #fff;
}

#theme-banner-five .sub-title {
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    padding: 40px 0 35px;
}

#theme-banner-five .main-wrapper .button-group li {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

#theme-banner-five .main-wrapper .button-group li a {
    width: 213px;
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 9px 0 9px 70px;
    position: relative;
    font-size: 20px;
    color: #fff;
}

#theme-banner-five .main-wrapper .button-group li a span {
    display: block;
    font-size: 13px;
    margin-bottom: -5px;
}

#theme-banner-five .main-wrapper .button-group li a.google-button {
    margin-right: 22px;
}

#theme-banner-five .main-wrapper .button-group li a img {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}


/*----------------------- Our Service/APP ------------------------*/


.our-service-app .inner-wrapper .illustration-box {
    display: inline-block;
    position: relative;
    min-height: 230px;
}

.our-service-app .single-block:nth-child(1) .illustration-box .bg-shape,
.our-service-app .single-block:nth-child(3) .illustration-box .bg-shape {
    animation: rotated 35s infinite linear;
}

.our-service-app .single-block:nth-child(1) .illustration-box .block-shape-one {
    position: absolute;
    top: 42px;
    left: -16px;
}

.our-service-app .single-block:nth-child(1) .illustration-box .block-shape-two {
    position: absolute;
    top: 42px;
    right: 0;
}

.our-service-app .single-block:nth-child(1) .illustration-box .block-shape-three {
    position: absolute;
    bottom: 24px;
    right: 0;
}

.our-service-app .single-block:nth-child(1) .illustration-box [class*="block-shape"] {
    transform: scale(1.5);
}

.our-service-app .single-block .illustration-box [class*="block-shape"] {
    opacity: 0;
    transition: all 1.5s ease-in-out;
}

.our-service-app .single-block:nth-child(2) .illustration-box .block-shape-one {
    position: absolute;
    top: 120px;
    left: 26px;
    transform: scale(1.5);
}

.our-service-app .single-block:nth-child(2) .illustration-box .block-shape-two {
    position: absolute;
    top: 0;
    left: 120px;
    transform: scale(1.5);
}

.our-service-app .single-block:nth-child(2) .illustration-box .block-shape-three {
    position: absolute;
    top: 66px;
    right: 6px;
    transform: scale(1.5);
}

.our-service-app .single-block:nth-child(2) .illustration-box .block-shape-four {
    position: absolute;
    top: 52px;
    right: 63px;
    transform: translateY(30px);
}

.our-service-app .show-pr .single-block:nth-child(2) .illustration-box [class*="block-shape"] {
    opacity: 1;
    transform: scale(1);
}

.our-service-app .show-pr .single-block:nth-child(2) .illustration-box .block-shape-four {
    transform: translateY(0);
}

.our-service-app .single-block:nth-child(3) .illustration-box .block-shape-one {
    position: absolute;
    top: 7px;
    left: 45px;
    transform: scale(1.5);
}

.our-service-app .show-pr .single-block:nth-child(1) .illustration-box [class*="block-shape"],
.our-service-app .show-pr .single-block:nth-child(2) .illustration-box [class*="block-shape"],
.our-service-app .show-pr .single-block:nth-child(3) .illustration-box [class*="block-shape"] {
    opacity: 1;
    transform: scale(1);
}

.our-service-app .single-block:nth-child(2) .illustration-box:before,
.our-service-app .single-block:nth-child(2) .illustration-box:after {
    content: '';
    position: absolute;
    width: 145px;
    height: 1px;
    border-top: 1px dashed #e6e6e6;
    top: 45%;
}

.our-service-app .single-block:nth-child(2) .illustration-box:before {
    right: -150px;
}

.our-service-app .single-block:nth-child(2) .illustration-box:after {
    left: -150px;
}

.our-service-app .show-pr .single-block:nth-child(1) .illustration-box [class*="block-shape"],
.our-service-app .show-pr .single-block:nth-child(2) .illustration-box [class*="block-shape"],
.our-service-app .show-pr .single-block:nth-child(3) .illustration-box [class*="block-shape"] {
    opacity: 1;
    transform: scale(1);
}


.img-shape {
    position: absolute;
}

body .video-button-one i {
    font-size: 50px;
    vertical-align: middle;
}


.common-Link--arrow:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    margin-left: 2px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer !important;
}

.common-Link--arrow:hover:after {
    margin-left: 5px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn-sm.common-Link--arrow:after {
    font-size: 10px;
}

.btn-xs.common-Link--arrow:after {
    font-size: 9px;
}


.event-top-border-info {
    border: 1px solid #eee;
    border-top: 10px solid #00C7E5;
}


/*------------------------------------
  Background Gradients
------------------------------------*/
.gradient-half-primary-body-v1 {
    background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
    background-repeat: repeat-x;
    background-attachment: fixed;
}

.gradient-half-primary-v1 {
    background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
    background-repeat: repeat-x;
}

.gradient-half-primary-v2 {
    background-image: linear-gradient(0deg, rgba(55, 125, 255, 0.05) 0%, transparent 100%);
    background-repeat: repeat-x;
}

.gradient-half-primary-v3 {
    background-image: linear-gradient(0deg, rgba(55, 125, 255, 0.1) 0%, transparent 100%);
    background-repeat: repeat-x;
}

.gradient-half-primary-v4 {
    background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 85%);
    background-repeat: repeat-x;
}

.gradient-half-primary-v5 {
    background-image: linear-gradient(150deg, #377dff 0%, #2d1582 100%);
    background-repeat: repeat-x;
}


.gradient-half-info-v1 {
    background-image: linear-gradient(0deg, #377dff 0%, #00dffc 100%);
    background-repeat: repeat-x;
}

.gradient-half-warning-v1 {
    background-image: linear-gradient(25deg, #ffc107 30%, #de4437 100%);
    background-repeat: repeat-x;
}

.gradient-half-warning-v2 {
    background-image: linear-gradient(150deg, #ffc107 0%, #efa02e 100%);
    background-repeat: repeat-x;
}

.gradient-half-warning-v3 {
    background-image: linear-gradient(150deg, #ffc107 0%, #de4437 100%);
    background-repeat: repeat-x;
}

.red-color {
    color: #bf1733;
    font-weight: bold;
}

.gold-color {
    color: #e6ae04;
    font-weight: bold;
}


/*Custom Styles ------------------------------ */
.theme-config {
    position: absolute;
    top: 140px;
    right: 0;
    overflow: hidden;
}

.theme-config-box {
    margin-right: -220px;
    position: relative;
    z-index: 2100;
    transition-duration: 0.8s;
}

.theme-config-box.show {
    margin-right: 0;
}

.spin-icon {
    position: absolute;
    padding: 7px 10px 7px 13px;
    border-radius: 20px 0 0 20px;
    font-size: 16px;
    top: 0;
    left: 0;
    width: 40px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #efefef !important;
}

.skin-settings {
    width: 220px;
    margin-left: 40px;
    background: #f3f3f4;
}

.skin-settings .title {
    background: #efefef;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 10px 15px;
    font-size: 12px;
}

.setings-item {
    padding: 10px 30px;
}

.setings-item.skin {
    text-align: center;
}

.setings-item .switch {
    float: right;
}

.skin-name a {
    text-transform: uppercase;
}

.setings-item a {
    color: #fff;
}

.default-skin,
.gold-skin,
.red-skin,
.yellow-skin {
    text-align: center;
}

.default-skin {
    font-weight: 600;
    background: #283A49;
}

.default-skin:hover {
    background: #1e2e3d;
}

.gold-skin {
    font-weight: 600;
    cursor: pointer;
    background-color: #e6ae04;
}

.gold-skin:hover, .gold-skin a:hover {
    background: rgba(253, 231, 163, 1);
    color: #ffffff;
}

.red-skin {
    font-weight: 600;
    cursor: pointer;
    background-color: #bf1733;
}

.red-skin:hover, .red-skin a:hover {
    background: rgba(238, 137, 151, 1);
    color: #ffffff;
}

.error {
    width: 100%;
    display: block;
    color: #ef5352;
}

.validation {
    border-bottom: 2px solid #b92c28 !important;
}

.grecaptcha-badge {
    bottom: 54px !important;
}

.p-t-b-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-t-b-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.icon_values {
    width: 60px;
}

.svg-white {
    fill: #FFFFFF !important;
}

.area_map {
    outline: none;
}

.language-nav-item {
}

.flag-icon {
    max-width: 30px;
    max-height: 15px;
    padding: 1px;
}

.h-50 {
    height: 50px;
}

.h-250 {
    height: 250px;
}

.h-500 {
    height: 500px;
}

.moving-text {
    display: inline !important;
    white-space: nowrap;
}


/* Responsive */
@media (max-width: 576px) {
    .moving-text {
        font-size: 38px;
    }
}

.news-detail-image {

}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

::placeholder { /* Recent browsers */
    text-transform: none;
}

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

.description-photo img {
    width: 150px;
}

.card {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.img-polaroid {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;
}

.donate-details {
    background: #f4f4f4;
    border-top: 1px solid #ededed;
    color: #8c8c8c;
    margin: 0 !important;
    padding: 15px;
}

.donate-details .orange,
.amount-goal .orange {
    color: #ff7f00;
}

.donate-details strong,
.amount-goal strong {
    color: #525252;
    font-size: 15px;
}

.donate-details .progress {
    margin-top: 2em;
}

.donate-details .taskbar {
    margin-top: 1em;
}

.dropdown-item.active {
    background-color: #bf1733 !important;
}

.text-spacing-80 {
    line-height: 80px;
}

.carousel-image {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    object-position: center;
}

.owl-carousel .owl-item img {

}