/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    overflow-x: hidden;
    font-size: 1em;
    line-height: 1.6
}

#masthead {
    position: relative;
    z-index: 2;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

template,[hidden] {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: none
}

b,strong {
    font-weight: bold;
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%;
    display: inline-block
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,select,textarea {
    font: inherit
}

optgroup {
    font-weight: bold
}

button,input,select {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type="button"],[type="reset"],[type="submit"] {
    cursor: pointer
}

[disabled] {
    cursor: default
}

button,html [type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:-moz-focusring,input:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

html {
    box-sizing: border-box;
    background-attachment: fixed
}

body {
    color: var(--text-color);
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.xdebug-var-dump {
    position: relative;
    z-index: 1000
}

hr {
    margin: 15px 0;
    border-width: 0;
    border-top: 1px solid currentColor;
    opacity: 0.1
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

figure {
    margin: 0
}

pre {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    padding: 20px;
    width: 100%;
    overflow-x: auto
}

p:empty {
    display: none
}

a,button,input {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ins {
    text-decoration: none
}

embed,iframe,object {
    max-width: 100%
}

table {
    width: 100%;
    margin-bottom: 1em;
    border-color: #ececec;
    border-spacing: 0
}

th,td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    line-height: 1.3;
    font-size: .9em
}

td {
    color: #666
}

th:first-child,td:first-child {
    padding-left: 0
}

th:last-child,td:last-child {
    padding-right: 0
}

.dark th,.dark td {
    border-color: rgba(255,255,255,0.08)
}

td label,td .label,td input,td select,td form,td dl,td p {
    margin: .5em 0
}

label {
    color: #222
}

.table {
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 849px) {
    .touch-scroll-table {
        width:calc(100% + 30px);
        padding: 15px;
        position: relative;
        overflow-y: hidden;
        margin-left: -15px;
        overflow-x: scroll;
        box-shadow: inset -2px 0px 18px -5px rgba(0,0,0,0.5)
    }

    .touch-scroll-table table {
        width: 100%
    }
}

.text-box {
    max-height: 100%
}

.text-box .text {
    position: relative;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.text-box-square .text,.text-box-circle .text {
    height: 0;
    padding: 100% 0 0 0 !important;
    background-color: rgba(0,0,0,0.9)
}

.text-box-square .text-inner,.text-box-circle .text-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.text-box-circle .border,.text-box-circle .text {
    border-radius: 100% !important
}

a {
    color: #334862;
    text-decoration: none
}

a:focus,.button:focus,button:focus,input:focus {
    outline: none
}

a.plain {
    color: currentColor;
    transition: color .3s, opacity .3s, transform .3s
}

.nav-dark a.plain:hover {
    opacity: .7
}

a:hover,a.remove:hover,a.icon-circle:hover {
    color: #000
}

.dark a,.dark .widget a {
    color: currentColor
}

.dark a:hover,.dark .widget a:hover {
    color: #fff
}

ul.links {
    margin: 5px 0;
    font-size: .85em
}

ul.links li {
    margin: 0 .4em;
    display: inline-block
}

ul.links li a {
    color: currentColor
}

ul.links li:before {
    font-family: 'poka-icons';
    display: inline-block;
    margin-right: 5px
}

ul.links li:first-child {
    margin-left: 0
}

ul.links li:last-child {
    margin-right: 0
}

.next-prev-nav .flex-col {
    padding: .7em 0
}

.next-prev-nav i {
    font-size: 2em;
    margin: 0 10px !important;
    top: -1px;
    vertical-align: middle
}

.next-prev-nav .flex-col+.flex-col {
    border-left: 1px solid #ececec
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

li {
    margin-bottom: .6em
}

dl dt,dl dd {
    display: inline-block;
    margin: 0 5px 0 0
}

dl dt p,dl dd p {
    margin: 0;
    padding: 0
}

dl {
    opacity: 0.8;
    text-transform: uppercase;
    font-size: 0.85em
}

ul.ul-reset {
    margin: 0;
    padding: 0
}

ul.ul-reset>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.button,button,input,textarea,select,fieldset {
    margin-bottom: 1em
}

pre,blockquote,form,figure,p,dl,ul,ol {
    margin-bottom: 1.3em;
}

form p {
    margin-bottom: .5em
}

h1,h2,h3,h4,h5,h6 {
    color: #333;
    width: 100%;
    margin-top: 0;
    margin-bottom: .5em;
    text-rendering: optimizeSpeed;
    font-weight: 500;
}

.h1,h1 {
    font-size: 2em;
}

.h2,h2 {
    font-size: 1.8em;
}

.h3,h3 {
    font-size: 1.5em
}

.h4,h4 {
    font-size: 1.125em
}

.h5,h5 {
    font-size: 1em
}

.h6,h6 {
    font-size: .85em;
    opacity: .8
}

h1.entry-title.mb {
    margin-bottom: 30px
}

.poka-breadcrumb-container .poka-breadcrumb i:last-child {
    display: none;
}

@media (max-width: 549px) {
    h1 {
        font-size:1.4em
    }

    h2 {
        font-size: 1.2em
    }

    h3 {
        font-size: 1em
    }
}

h6 span {
    font-weight: normal;
    font-weight: 500
}

h3 label {
    display: inline-block;
    margin-right: 10px
}

p {
    margin-top: 0
}

h1>span,h2>span,h3>span,h4>span,h5>span,h6>span,p.headline>span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

p.lead,a.lead {
    font-size: 1.3em
}

.uppercase,h6,th,span.widget-title {
    line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase
}

.lowercase {
    text-transform: none !important
}

span.widget-title {
    font-size: 1em;
    font-weight: 600
}

.is-normal {
    font-weight: normal
}

.is-bold {
    font-weight: bold
}

.thin-font,.is-thin {
    font-weight: 300 !important
}

.thin-font strong,.is-thin strong {
    font-weight: 700 !important
}

.is-italic {
    font-style: italic !important
}

.is-uppercase,.uppercase {
    line-height: 1.2;
    text-transform: uppercase
}

.is-alt-font,.alt-font {
    font-family: Georgia
}

.is-xxxlarge {
    font-size: 2.5em
}

.is-xxlarge {
    font-size: 2em
}

.is-xlarge {
    font-size: 1.5em
}

.is-larger {
    font-size: 1.3em
}

.is-large {
    font-size: 1.15em
}

.is-small,.is-small.button {
    font-size: .8em
}

.is-smaller {
    font-size: .75em
}

.is-xsmall {
    font-size: .7em
}

.is-xxsmall {
    font-size: .6em
}

@media (max-width: 549px) {
    .is-xxlarge {
        font-size:2.5em
    }

    .is-xlarge {
        font-size: 1.8em
    }

    .is-larger {
        font-size: 1.2em
    }

    .is-large {
        font-size: 1em
    }
}

.box-text h1,.box-text h2,.box-text h3,.box-text h4,.box-text h5,.box-text h6,.box-text a:not(.button) {
    line-height: 1.3;
    margin-top: .1em;
    margin-bottom: .4em;
    display: block;
    overflow: hidden;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-text p {
    margin-top: .1em;
    margin-bottom: .1em
}

.box-text .button {
    margin-top: 1em
}

.banner .button {
    margin-top: .5em;
    margin-bottom: .5em
}

.banner .is-divider,.banner .text-center .is-divider {
    margin-top: 1em;
    margin-bottom: 1em
}

.banner h1 {
    font-size: 3.5em
}

.banner h2 {
    font-size: 2.9em
}

.banner h3 {
    font-size: 2em
}

.banner h2,.banner h3,.banner h1 {
    padding: 0;
    font-weight: normal;
    margin-top: .2em;
    margin-bottom: .2em;
    line-height: 1
}

.banner h4 {
    padding: 0;
    font-size: 1.5em;
    margin-top: .6em;
    margin-bottom: .6em
}

.banner h6,.banner h5,.banner p {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em
}

.line-height-small {
    line-height: 1.4em
}

[data-line-height="xs"] {
    line-height: 0.85 !important
}

[data-line-height="s"] {
    line-height: 1 !important
}

[data-line-height="m"] {
    line-height: 1.2 !important
}

[data-line-height="l"] {
    line-height: 1.4 !important
}

[data-line-height="xl"] {
    line-height: 1.6 !important
}

.nav>li>a {
    font-size: .8em
}

.nav>li.html {
    font-size: .85em
}

.nav-size-xsmall>li>a {
    font-size: .65em
}

.nav-size-small>li>a {
    font-size: .7em
}

.nav-size-medium>li>a {
    font-size: .9em
}

.nav-size-large>li>a {
    font-size: 1em
}

.nav-size-xlarge>li>a {
    font-size: 1.1em
}

.nav-spacing-xsmall>li {
    margin: 0
}

.nav-spacing-small>li {
    margin: 0 5px
}

.nav-spacing-medium>li {
    margin: 0 9px
}

.nav-spacing-large>li {
    margin: 0 11px
}

.nav-spacing-xlarge>li {
    margin: 0 13px
}

.fancy-underline {
    position: relative
}

.fancy-underline:after {
    content: "";
    color: green;
    position: absolute;
    left: 0;
    border-radius: 999px;
    right: 0;
    top: 100%;
    height: 9px;
    image-rendering: -webkit-optimize-contrast;
    background: url("../img/underline.png") 50% top no-repeat;
    background-size: 100% 9px
}

span.count-up {
    opacity: 0;
    transition: opacity 2s
}

span.count-up.active {
    opacity: 1
}

[data-text-color="primary"] {
    color: var(--primary-color) !important
}

[data-text-color="secondary"] {
    color: var(--secondary-color) !important
}

[data-text-color="alert"] {
    color: var(--alert-color) !important
}

[data-text-color="success"] {
    color: var(--success-color) !important
}

[data-text-bg="primary"] {
    background-color: var(--primary-color)
}

[data-text-bg="secondary"] {
    background-color: var(--secondary-color)
}

[data-text-bg="alert"] {
    background-color: var(--alert-color)
}

[data-text-bg="success"] {
    background-color: var(--success-color)
}

.text-bordered-white,.text-bordered-primary,.text-bordered-dark {
    border: 2px solid #ffffff;
    padding: 5px;
    display: inline-block
}

.text-bordered-dark {
    border-color: #000000
}

h1.text-bordered-white,h1.text-bordered-primary,h1.text-bordered-dark {
    padding: 15px
}

.text-boarder-top-bottom-white,.text-boarder-top-bottom-dark {
    border-top: 3px solid #ffffff;
    padding-top: 15px;
    border-bottom: 3px solid #ffffff;
    padding-bottom: 15px;
    display: inline-block
}

.text-boarder-top-bottom-dark {
    border-color: #000000
}

blockquote {
    position: relative;
    font-size: 1.2em;
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid var(--primary-color);
    font-style: italic;
    color: #333
}

.dark blockquote {
    color: #FFF
}

.container:after,.row:after,.clearfix:after,.clear:after {
    content: "";
    display: table;
    clear: both
}


.circle {
    border-radius: 999px !important;
    object-fit: cover
}

.circle img {
    border-radius: 999px !important;
    object-fit: cover
}

.round {
    border-radius: 5px
}

.has-border {
    border: 2px solid var(--primary-color);
    padding: 15px 30px 30px
}

.dashed-border {
    border-style: dashed
}

.success-border {
    border-color: var(--success-color)
}

.bt {
    border-top: 1px solid #ececec
}

.bb {
    border-bottom: 1px solid #ececec
}

.bl {
    border-left: 1px solid #ececec
}

.br {
    border-right: 1px solid #ececec
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.is-invisible {
    visibility: hidden;
    opacity: 0
}

.z-1 {
    z-index: 21
}

.z-2 {
    z-index: 22
}

.z-3 {
    z-index: 23
}

.z-4 {
    z-index: 24
}

.z-5 {
    z-index: 25
}

.z-top {
    z-index: 9995
}

.z-top-2 {
    z-index: 9996
}

.z-top-3 {
    z-index: 9997
}

.no-click {
    pointer-events: none
}

.no-wrap {
    white-space: nowrap
}

.primary-color {
    color: var(--primary-color)
}

.secondary-color {
    color: var(--secondary-color)
}

.success-color {
    color: var(--success-color)
}

.alert-color {
    color: var(--alert-color)
}

.bg-primary-color {
    background-color: var(--primary-color)
}

.bg-secondary-color {
    background-color: var(--secondary-color)
}

.bg-success-color {
    background-color: var(--success-color)
}

.bg-alert-color {
    background-color: var(--alert-color)
}

.is-transparent {
    background-color: transparent !important
}

.inline {
    display: inline
}

.block {
    display: block
}

@media (max-width: 549px) {
    .small-block {
        display:block
    }
}

.inline-block {
    display: inline-block
}

.inline-images img,img.inline {
    display: inline-block !important
}

.is-well {
    padding: 30px;
    background-color: rgba(0,0,0,0.02);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2),0 1px 0 rgba(0,0,0,0.07),inset 0 0 0 1px rgba(0,0,0,0.05)
}

.no-overflow {
    overflow: hidden
}

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

.strong {
    font-weight: bold
}

.op-4 {
    opacity: .4
}

.op-5 {
    opacity: .5
}

.op-6 {
    opacity: .6
}

.op-7 {
    opacity: .7
}

.op-8 {
    opacity: .8
}

@media (max-width: 549px) {
    .sm-touch-scroll {
        overflow-y:none;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.no-scrollbar {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

@media screen and (max-width: 549px) {
    .x5 {
        left:5%
    }

    .x15 {
        left: 15%
    }

    .x25 {
        left: 25%
    }

    .x35 {
        left: 35%
    }

    .x45 {
        left: 45%
    }

    .x55 {
        right: 45%
    }

    .x65 {
        right: 35%
    }

    .x75 {
        right: 25%
    }

    .x85 {
        right: 15%
    }

    .x95 {
        right: 5%
    }

    .x0 {
        left: 0%
    }

    .x10 {
        left: 10%
    }

    .x20 {
        left: 20%
    }

    .x30 {
        left: 30%
    }

    .x40 {
        left: 40%
    }

    .x60 {
        right: 40%
    }

    .x70 {
        right: 30%
    }

    .x80 {
        right: 20%
    }

    .x90 {
        right: 10%
    }

    .x100 {
        right: 0%
    }

    .y0 {
        top: 0%
    }

    .y10 {
        top: 10%
    }

    .y20 {
        top: 20%
    }

    .y30 {
        top: 30%
    }

    .y40 {
        top: 40%
    }

    .y60 {
        bottom: 40%
    }

    .y70 {
        bottom: 30%
    }

    .y80 {
        bottom: 20%
    }

    .y90 {
        bottom: 10%
    }

    .y100 {
        bottom: 0%
    }

    .y5 {
        top: 5%
    }

    .y15 {
        top: 15%
    }

    .y25 {
        top: 25%
    }

    .y35 {
        top: 35%
    }

    .y45 {
        top: 45%
    }

    .y55 {
        bottom: 45%
    }

    .y65 {
        bottom: 35%
    }

    .y75 {
        bottom: 25%
    }

    .y85 {
        bottom: 15%
    }

    .y95 {
        bottom: 5%
    }

    .x50 {
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .y50 {
        top: 50.3%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .y50.x50 {
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media screen and (min-width: 550px) and (max-width: 849px) {
    .md-x5 {
        left:5%
    }

    .md-x15 {
        left: 15%
    }

    .md-x25 {
        left: 25%
    }

    .md-x35 {
        left: 35%
    }

    .md-x45 {
        left: 45%
    }

    .md-x55 {
        right: 45%
    }

    .md-x65 {
        right: 35%
    }

    .md-x75 {
        right: 25%
    }

    .md-x85 {
        right: 15%
    }

    .md-x95 {
        right: 5%
    }

    .md-y5 {
        top: 5%
    }

    .md-y15 {
        top: 15%
    }

    .md-y25 {
        top: 25%
    }

    .md-y35 {
        top: 35%
    }

    .md-y45 {
        top: 45%
    }

    .md-y55 {
        bottom: 45%
    }

    .md-y65 {
        bottom: 35%
    }

    .md-y75 {
        bottom: 25%
    }

    .md-y85 {
        bottom: 15%
    }

    .md-y95 {
        bottom: 5%
    }

    .md-x0 {
        left: 0%
    }

    .md-x10 {
        left: 10%
    }

    .md-x20 {
        left: 20%
    }

    .md-x30 {
        left: 30%
    }

    .md-x40 {
        left: 40%
    }

    .md-x60 {
        right: 40%
    }

    .md-x70 {
        right: 30%
    }

    .md-x80 {
        right: 20%
    }

    .md-x90 {
        right: 10%
    }

    .md-x100 {
        right: 0%
    }

    .md-y0 {
        top: 0%
    }

    .md-y10 {
        top: 10%
    }

    .md-y20 {
        top: 20%
    }

    .md-y30 {
        top: 30%
    }

    .md-y40 {
        top: 40%
    }

    .md-y60 {
        bottom: 40%
    }

    .md-y70 {
        bottom: 30%
    }

    .md-y80 {
        bottom: 20%
    }

    .md-y90 {
        bottom: 10%
    }

    .md-y100 {
        bottom: 0%
    }

    .md-x50 {
        left: 50%;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important
    }

    .md-y50 {
        top: 50%;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important
    }

    .md-x50.md-y50 {
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
    }
}

@media screen and (min-width: 850px) {
    .lg-x5 {
        left:5%
    }

    .lg-x15 {
        left: 15%
    }

    .lg-x25 {
        left: 25%
    }

    .lg-x35 {
        left: 35%
    }

    .lg-x45 {
        left: 45%
    }

    .lg-x55 {
        right: 45%
    }

    .lg-x65 {
        right: 35%
    }

    .lg-x75 {
        right: 25%
    }

    .lg-x85 {
        right: 15%
    }

    .lg-x95 {
        right: 5%
    }

    .lg-y5 {
        top: 5%
    }

    .lg-y15 {
        top: 15%
    }

    .lg-y25 {
        top: 25%
    }

    .lg-y35 {
        top: 35%
    }

    .lg-y45 {
        top: 45%
    }

    .lg-y55 {
        bottom: 45%
    }

    .lg-y65 {
        bottom: 35%
    }

    .lg-y75 {
        bottom: 25%
    }

    .lg-y85 {
        bottom: 15%
    }

    .lg-y95 {
        bottom: 5%
    }

    .lg-x0 {
        left: 0%
    }

    .lg-x10 {
        left: 10%
    }

    .lg-x20 {
        left: 20%
    }

    .lg-x30 {
        left: 30%
    }

    .lg-x40 {
        left: 40%
    }

    .lg-x60 {
        right: 40%
    }

    .lg-x70 {
        right: 30%
    }

    .lg-x80 {
        right: 20%
    }

    .lg-x90 {
        right: 10%
    }

    .lg-x100 {
        right: 0%
    }

    .lg-y0 {
        top: 0%
    }

    .lg-y10 {
        top: 10%
    }

    .lg-y20 {
        top: 20%
    }

    .lg-y30 {
        top: 30%
    }

    .lg-y40 {
        top: 40%
    }

    .lg-y60 {
        bottom: 40%
    }

    .lg-y70 {
        bottom: 30%
    }

    .lg-y80 {
        bottom: 20%
    }

    .lg-y90 {
        bottom: 10%
    }

    .lg-y100 {
        bottom: 0%
    }

    .lg-x50 {
        left: 50%;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important
    }

    .lg-y50 {
        top: 50%;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important
    }

    .lg-x50.lg-y50 {
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
    }
}

.res-text {
    font-size: 11px
}

.widget-area .res-text,.small-1 .res-text,.small-2 .res-text,.small-3 .res-text {
    font-size: 8px
}

.small-1 .res-text h6,.small-2 .res-text h6,.small-3 .res-text h6 {
    font-size: 10px
}

.small-1 .res-text p.lead,.small-2 .res-text p.lead,.small-3 .res-text p.lead {
    font-size: 16px
}

.small-4 .res-text {
    font-size: 8.5px
}

.small-5 .res-text {
    font-size: 9px
}

.small-6 .res-text {
    font-size: 10px
}

.small-7 .res-text {
    font-size: 11px
}

.small-8 .res-text {
    font-size: 12px
}

.small-9 .res-text {
    font-size: 13px
}

.small-10 .res-text {
    font-size: 14px
}

.small-11 .res-text {
    font-size: 15px
}

@media screen and (min-width: 550px) {
    .medium-1 .res-text,.medium-2 .res-text,.medium-3 .res-text,.medium-4 .res-text,.medium-5 .res-text,.medium-6 .res-text,.medium-7 .res-text {
        font-size:.8vw
    }

    .medium-8 .res-text {
        font-size: .9vw
    }

    .medium-9 .res-text {
        font-size: 1.15vw
    }

    .medium-10 .res-text {
        font-size: 1.3vw
    }

    .medium-11 .res-text {
        font-size: 1.5vw
    }

    .res-text {
        font-size: 1.8vw
    }
}

@media screen and (min-width: 850px) {
    .res-text {
        font-size:16px
    }

    .widget-area .res-text,.large-1 .res-text,.large-2 .res-text,.large-3 .res-text {
        font-size: 8px
    }

    .large-1 .res-text h6,.large-2 .res-text h6,.large-3 .res-text h6 {
        font-size: 10px
    }

    .large-1 .res-text p.lead,.large-2 .res-text p.lead,.large-3 .res-text p.lead {
        font-size: 16px
    }

    .large-4 .res-text {
        font-size: 8.5px
    }

    .large-5 .res-text {
        font-size: 9px
    }

    .large-6 .res-text {
        font-size: 10px
    }

    .large-7 .res-text {
        font-size: 11px
    }

    .large-8 .res-text {
        font-size: 12px
    }

    .large-9 .res-text {
        font-size: 13px
    }

    .large-10 .res-text {
        font-size: 14px
    }

    .large-11 .res-text {
        font-size: 15px
    }
}

.is-border {
    border-width: 1px;
    border-style: solid;
    border-color: #ececec;
    position: absolute;
    pointer-events: none;
    border-radius: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.is-dashed {
    border-style: dashed
}

.is-dotted {
    border-style: dotted
}

.has-shadow.box:not(.box-overlay):not(.box-shade),.has-shadow .box:not(.box-overlay):not(.box-shade) {
    background-color: #fff
}

.dark .has-shadow.box:not(.box-overlay):not(.box-shade),.dark .has-shadow .box:not(.box-overlay):not(.box-shade) {
    background-color: #333
}

.row-box-shadow-1 .col-inner,.row-box-shadow-2 .col-inner,.row-box-shadow-3 .col-inner,.row-box-shadow-4 .col-inner,.row-box-shadow-5 .col-inner,.row-box-shadow-1-hover .col-inner,.row-box-shadow-2-hover .col-inner,.row-box-shadow-3-hover .col-inner,.row-box-shadow-4-hover .col-inner,.row-box-shadow-5-hover .col-inner,.box-shadow-1,.box-shadow-2,.box-shadow-3,.box-shadow-4,.box-shadow-5,.box-shadow-1-hover,.box-shadow-2-hover,.box-shadow-3-hover,.box-shadow-4-hover,.box-shadow-5-hover {
    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s
}

.row-box-shadow-1 .col-inner,.row-box-shadow-1-hover .col-inner:hover,.box-shadow-1,.box-shadow-1-hover:hover {
    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.box-shadow,.row-box-shadow-2 .col-inner,.row-box-shadow-2-hover .col-inner:hover,.box-shadow-2,.box-shadow-2-hover:hover {
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.row-box-shadow-3 .col-inner,.row-box-shadow-3-hover .col-inner:hover,.box-shadow-3,.box-shadow-3-hover:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22)
}

.row-box-shadow-4 .col-inner,.row-box-shadow-4-hover .col-inner:hover,.box-shadow-4,.box-shadow-4-hover:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.1)
}

.row-box-shadow-5 .col-inner,.row-box-shadow-5-hover .col-inner:hover,.box-shadow-5,.box-shadow-5-hover:hover {
    box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.2)
}

.row-box-shadow-5-hover .col-inner:hover,.box-shadow-5-hover:hover,.box-shadow-4-hover:hover,.row-box-shadow-4-hover .col-inner:hover {
    -ms-transform: translateY(-6px);
    transform: translateY(-6px)
}

.text-shadow,.text-shadow-1 {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

.text-shadow-2 {
    text-shadow: 2px 2px 5px rgba(0,0,0,0.4)
}

.text-shadow-3 {
    text-shadow: 3px 3px 8px rgba(0,0,0,0.4)
}

.text-shadow-4 {
    text-shadow: 3px 3px 12px rgba(0,0,0,0.5)
}

.text-shadow-5 {
    text-shadow: 5px 5px 16px rgba(0,0,0,0.6)
}

.badge-container {
    margin: 10px 0 0 0;
}

.badge {
    display: table;
    z-index: 20;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.badge.top {
    left: 0
}

.badge-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: var(--primary-color);
    color: #fff;
    padding: 2px;
    white-space: nowrap;
    transition: background-color .3s, color .3s, border .3s;
}

.badge-small {
    width: 2.3em;
    height: 2.3em
}

.badge-small .badge-inner {
    line-height: .7
}

.badge+.badge {
    opacity: .9;
    width: 2.5em;
    height: 2.5em
}

.badge+.badge+.badge {
    opacity: .8
}

.badge-frame .badge-inner,.badge-outline .badge-inner {
    color: var(--primary-color);
    background-color: #fff;
    border: 2px solid currentColor
}

.has-hover:hover .badge-outline .badge-inner {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #FFF
}

.badge-outline,.badge-circle {
    margin-left: -.4em
}

.badge-circle-inside {
    margin-left: 1em
}

.badge-circle+.badge {
    margin-top: -.4em;
    margin-left: -.4em
}

.badge-circle-inside .badge-inner,.badge-circle .badge-inner {
    border-radius: 999px
}

.badge-frame .badge-inner,.widget .badge-outline .badge-inner {
    background-color: transparent
}

.badge-frame {
    height: 2em;
    margin-left: -4px
}

.widget .badge {
    margin: 0 !important
}

.dark .widget .badge-outline .badge-inner {
    color: #fff;
    opacity: .7
}

.row-collapse .badge-circle {
    margin-left: 15px
}

.banner {
    position: relative;
    background-color: var(--primary-color);
    width: 100%;
    min-height: 30px
}

.banner-bg {
    overflow: hidden
}

.banner-layers {
    max-height: 100%;
    height: 100%;
    position: relative
}

@media (max-width: 549px) {
    .banner-layers {
        overflow:auto;
        -webkit-overflow-scrolling: touch
    }
}

.banner-layers>* {
    position: absolute !important
}

.dark .banner a {
    color: #fff
}

.video-bg {
    object-fit: cover;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: center center;';
    position: absolute;
    width: 100%;
    height: 100%
}

@media (min-width: 549px) {
    .has-video .bg {
        display:none
    }
}