/* Containers */


/* Colors */





.widget-type-rich_text a,
a {
  color: #004aad;
  
}
.widget-type-rich_text a:hover,
.widget-type-rich_text a:focus,
a:hover,
a:focus {
  color: #006f8a;
  
}
.widget-type-rich_text a:active,
a:active {
  color: #28bfda;
  
}

.content-wrapper {
  max-width: 1170px;
}

.dnd-section > .row-fluid {
  max-width: 1170px;
}





:root {
    --color-primary: #004aad;
}
html {
  font-size: 14px !important;
}

body {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Paragraphs */

p {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}


/* Headings */
/* Headings */
.atbs-home-design h1:not(.atbs-exclude), 
.widget-type-rich_text h1,
.single-body.entry-content h1:not(.post-title ):not(.blog-list-header__title) {
  font-family: 'palatino linotype', 'book antiqua', palatino, serif; font-style: normal; font-weight: bold; text-decoration: none;
  font-size: 50px;
      --color-dark-contrast-100: #004aad;
  color: var(--color-dark-contrast-100);
}
.atbs-home-design h2:not(.atbs-exclude), 
.widget-type-rich_text h2,
.single-body.entry-content h2 {
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  font-size: 38px;
  --color-dark-contrast-100: #222; 
  color: var(--color-dark-contrast-100);
}
.widget-type-rich_text h3,
.atbs-home-design h3:not(.post__title):not(.atbs-exclude), 
.single-body.entry-content h3:not(.post__title ){
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  font-size: 30px;
  --color-dark-contrast-100: #222; 
  color: var(--color-dark-contrast-100);
}
.widget-type-rich_text h4,
.atbs-home-design h4:not(.inside__title):not(.block-heading__title):not(.widget__title-text):not(.atbs-exclude), 
.single-body.entry-content h4 {
  font-weight: normal; text-decoration: none; font-family: Poppins; font-style: normal;
  font-size: 24px;
  --color-dark-contrast-100: #222; 
  color: var(--color-dark-contrast-100);
}
.widget-type-rich_text h5,
.atbs-home-design h5:not(.atbs-exclude), 
.single-body.entry-content h5 {
  font-weight: normal; text-decoration: none; font-family: Poppins; font-style: normal;
  font-size: 16px;
  --color-dark-contrast-100: #222; 
  color: var(--color-dark-contrast-100);
}
.widget-type-rich_text h6,
.atbs-home-design h6:not(.atbs-exclude), 
.single-body.entry-content h6 {
  font-weight: normal; text-decoration: none; font-family: Poppins; font-style: normal;
  font-size: 14px;
  --color-dark-contrast-100: #222; 
  color: var(--color-dark-contrast-100);
}


/* Form placeholder text */

::-webkit-input-placeholder {
  color: ;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #004aad;
}

.fn-date-picker td .pika-button:hover {
  background-color: #004aad !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #004aad;
}

/* Submit button */


body .navigation-primary a,
.header__logo .logo-company-name {
  color: ;
  font-family: Poppins, sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: ;
}
@media(max-width: 767px) {
  .header__navigation {
    background-color: ;
  }
  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: ;
  }
}
.blog-index,
.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 60px 0;
}
.blog-post__date {
  border-color: ;
}

.blog-post__tag-link {
  color: ;
}

.blog-pagination__link {
  color: ;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #004aad;
}
.card__price {
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #222;
  font-size: 30px;
}

/*Module*/
.error-page__heading {
    color: var(--color-primary);
}
.contact-form .hs-button {
    color: #ffffff;
    background-color: var(--color-primary);
}
/*System*/
.box-wrapper__inner {
    border: 1px solid var(--color-border-white);
    border-top: 5px solid var(--color-primary);
}
.box-wrapper input[type="submit"] {
    background-color: var(--color-primary);
}
.box-search-results .hs-search-results__description {
    border-left: 4px solid var(--color-primary);
}
.page-404-text a,
.error-page-wrapper .error-button {
    color: var(--color-primary);
    text-decoration: none;
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

/*.dnd-section .dnd-column {
  padding: 0 15px;
}*/

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0 15px !important;
  }
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
/* Colors */



/* button */














:root {
    --color-primary:            #004aad;
    --color-primary-rgb:        0, 74, 173; 
    --color-secondary:          #0097b2;
    --color-forward:            #efefef;
    --color-background-site:    #fff;
    --color-background-gray:    #000;
    --color-background-above:   #fafafa;
    --color-transparent:        rgba(255,255,255,0);
    --color-border-black:       rgba(0,0,0,0.1);
    --color-border-white:       rgba(255,255,255,0.1);

    --color-dark-contrast-100:  rgba(34,34,34,1);
    --color-dark-contrast-95:  rgba(34,34,34,0.95);
    --color-dark-contrast-90:   rgba(34,34,34,0.9);
    --color-dark-contrast-80:   rgba(34,34,34,0.8);
    --color-dark-contrast-70:   rgba(34,34,34,0.7);
    --color-dark-contrast-60:   rgba(34,34,34,0.6);
    --color-dark-contrast-50:   rgba(34,34,34,0.5);
    --color-dark-contrast-40:   rgba(34,34,34,0.4);
    --color-dark-contrast-30:   rgba(34,34,34,0.3);
    --color-dark-contrast-20:   rgba(34,34,34,0.2);
    --color-dark-contrast-10:   rgba(34,34,34,0.1);

    --color-white-contrast-100: rgba(255,255,255,1);
    --color-white-contrast-95:  rgba(255,255,255,0.95);
    --color-white-contrast-90:  rgba(255,255,255,0.9);
    --color-white-contrast-80:  rgba(255,255,255,0.8);
    --color-white-contrast-70:  rgba(255,255,255,0.7);
    --color-white-contrast-60:  rgba(255,255,255,0.6);
    --color-white-contrast-50:  rgba(255,255,255,0.5);
    --color-white-contrast-40:  rgba(255,255,255,0.4);
    --color-white-contrast-30:  rgba(255,255,255,0.3);
    --color-white-contrast-20:  rgba(255,255,255,0.2);
    --color-white-contrast-10:  rgba(255,255,255,0.1);


    --color-border-primary: rgba(0,0,0,0.1);
    --color-dark-primary-100: rgba(34,34,34,1);
    --color-dark-primary-95: rgba(34,34,34,0.95);
    --color-dark-primary-90: rgba(34,34,34,0.9);
    --color-dark-primary-80: rgba(34,34,34,0.8);
    --color-dark-primary-70: rgba(34,34,34,0.7);
    --color-dark-primary-60: rgba(34,34,34,0.6);
    --color-dark-primary-50: rgba(34,34,34,0.5);
    --color-dark-primary-40: rgba(34,34,34,0.4);
    --color-dark-primary-30: rgba(34,34,34,0.3);
    --color-dark-primary-20: rgba(34,34,34,0.2);
    --color-dark-primary-10: rgba(34,34,34,0.1);
}

html {
    font-size: 14px;
    scroll-behavior: smooth;
}

body {
    font-size: 1rem;
    color: rgba(34, 34, 34, 0.8);
    -webkit-font-smoothing: antialiased;
}

body, * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: inherit;
    outline: 0 !important;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    color: inherit;
    text-decoration: none;
}


form ul {
    list-style: none;
}
form ul li:not(:last-child) {
    margin-bottom: 10px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 8px;
    cursor: pointer;
    line-height: 1.5;
    margin-top: 3px;
}
select option {
    background: var(--color-background-site) !important;
    color: var(--color-dark-contrast-60) !important;
}


.hs-form-radio label,
.hs-form-checkbox label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

form .fn-date-picker .pika-table {
    border-collapse: separate;
    border-spacing: 0 10px;
}
form .fn-date-picker.pika-single {
    background-color: var(--color-background-site);
    border: 1px solid var(--color-border-black);
}
form .fn-date-picker .pika-title {
    background: var(--color-primary);
    margin-bottom: 5px;
    padding: 0 10px;
}
form .fn-date-picker .pika-title select {
    padding: 0;
}
form .fn-date-picker .pika-label {
    background-color: transparent;
    color: var(--color-dark-contrast-80);
}
form .fn-date-picker .pika-button {
    background-color: transparent !important;
    text-align: center;
}
form .fn-date-picker .is-selected .pika-button {
    -webkit-box-shadow: inset 0 1px 3px var(--color-primary);
    box-shadow: inset 0 1px 3px var(--color-primary);
}
form .fn-date-picker .pika-lendar {
    width: 300px;
    margin: 25px 15px 10px 15px;
}

form table tr,
form table td, form table th {
    border: 0;
}

form table tbody:before {
    /*content:"";*/
    /*height: 10px;*/
    /*display:block;*/
}
form .fn-date-picker .pika-table abbr {
    text-decoration: none;
}

button {
    outline: 0 !important;
    cursor: pointer;
}

dl dt:not(:first-child) {
    margin-top: 0.4em;
}

hr {
    border-color: var(--color-border-black);
}

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

p {
    /*margin: 0 0 1em;*/
}

iframe,
object,
embed,
figure {
    /*max-width: 100%;*/
}

pre {
    padding: 1.6em;
    margin: 0 0 1.6em;
    font-size: 0.9em;
    background-color: var(--color-background-above);
    color: var(--color-dark-contrast-100);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
}




table:not(.pika-table) tbody tr:nth-child(2n) {
    background-color: transparent;
}
table:not(.pika-table) tbody tr:nth-child(2n) > th:nth-child(1):before {
    display: none;
}
table:not(.pika-table) thead:before {
    border-radius: 0;
}

table:not(.pika-table) {
    width: 100%;
    border-spacing: 0;
    padding: 0;
    background-color: transparent;
    border: 1px solid var(--color-border-black);
    border-collapse: collapse;
    overflow: visible;
}

table:not(.pika-table) thead th,
table:not(.pika-table) td:not(.avatar):first-child {
    /*padding: 0.8em;*/
}

table:not(.pika-table) th, table:not(.pika-table) td {
    border: 1px solid var(--color-border-black);
}
tr {
    border-bottom: 1px solid var(--color-border-black);
}

th {
    padding: 0.8em;
    text-align: left;
}

td {
    padding: 0.8em;
}
ul li > ul,
ol li > ol {
    padding-top: 15px;
}

dl {
    margin-top: 0;
    margin-bottom: 1.2em;
}

dd,
dt {
    line-height: 1.4;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 55%;
}

h3 small {
    font-weight: 500;
    line-height: 1;
    color: #777;
}

mark {
    padding: 0.2em;
    background-color: #ff0;
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.4;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: rgba(255,255,255,1);
    background-color: #333;
    border-radius: 3px;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: var(--color-dark-contrast-60);
    word-break: break-word;
    word-wrap: break-word;
    background-color: var(--color-background-above);
    border: 1px solid var(--color-border-black);
    border-radius: 4px;
    white-space: pre-wrap;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.hs_cos_wrapper_type_rich_text ul li:not(:last-child),
.hs_cos_wrapper_type_rich_text ol li:not(:last-child) {
    margin-bottom: 14px;
}





.overflow-visible {
    overflow: visible;
}
.overflow-hidden {
    overflow: hidden;
}
.scrollbar-overflowing {
    overflow-y: auto;
}
.scrollbar-overflowing::-webkit-scrollbar {
    width: 3px;
}
.scrollbar-overflowing::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.2);
    border: 1px solid transparent;
    background-clip: content-box;   /* THIS IS IMPORTANT */
}
.scrollbar-overflowing::-webkit-scrollbar-thumb {
    background: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
}
.scrollbar-hidden {
    overflow-y: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.scrollbar-hidden::-webkit-scrollbar {
    width: 0;
    display: none;
}

/* =============================================================================
   Color
============================================================================= */
.color-primary {
    color: var(--color-primary);
}
.color-secondary {
    color: var(--color-secondary);
}
.color-white {
    color: #fff;
}

/* =============================================================================
   Background
============================================================================= */
.background-primary {
    background-color: var(--color-primary);
}
.background-secondary {
    background-color: var(--color-secondary);
}

.background-img {
    background-color: #333;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.background-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.background-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #111;
    opacity: 0;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.background-img--dimmed:after {
    opacity: 0.2;
}

.background-img--darkened:after {
    opacity: 0.4;
}

.background-img--more-darkened:after {
    opacity: 0.6;
}

.background-img--tinted:after {
    background-color: #fff;
}

.background-img--floorfade:after {
    opacity: 1;
    background-color: transparent;
    background-image: -o-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: linear-gradient(0deg, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}

.background-img--floorfade-light:after {
    opacity: 1;
    background-color: transparent;
    background-image: -o-linear-gradient(bottom, black 0, transparent 50%, transparent 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(50%, transparent), to(transparent));
    background-image: linear-gradient(0deg, black 0, transparent 50%, transparent 100%);
}

.background-img--scrim-bottom:after {
    opacity: 1;
    background-color: transparent;
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}

/* =============================================================================
   Ratio
============================================================================= */
.ratio-1by1 {
    position: relative;
    padding-bottom: 100%;
    height: 0 !important;
}

.ratio-2by1 {
    position: relative;
    padding-bottom: 50%;
    height: 0 !important;
}

.ratio-3by1 {
    position: relative;
    padding-bottom: 33.33%;
    height: 0 !important;
}

.ratio-4by3 {
    position: relative;
    padding-bottom: 75%;
    height: 0 !important;
}

.ratio-16by9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0 !important;
}

/* =============================================================================
   Text styling
============================================================================= */
@media (max-width: 767px) {
    .text-center-xs {
        text-align: center;
    }
}

.inverse-text {
    /*position: relative;*/
    color: var(--color-white-contrast-100);
}

.link-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.link-block {
    display: block;
}

/* =============================================================================
   List styling
============================================================================= */
.list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

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

.list-float::after {
    clear: both;
    content: "";
    display: table;
}

.list-float>li {
    float: left;
}

.list-space-xs {
    margin-top: -5px;
    margin-bottom: -5px;
}

.list-space-xs>* {
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-space-sm {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
}

.list-space-sm>* {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

.list-space-md {
    margin-top: -10px;
    margin-bottom: -10px;
}

.list-space-md>* {
    padding-top: 10px;
    padding-bottom: 10px;
}

.list-space-lg {
    margin-top: -15px;
    margin-bottom: -15px;
}

.list-space-lg>* {
    padding-top: 15px;
    padding-bottom: 15px;
}

.list-space-xl {
    margin-top: -20px;
    margin-bottom: -20px;
}

.list-space-xl>* {
    padding-top: 20px;
    padding-bottom: 20px;
}

.list-space-xxl {
    margin-top: -25px;
    margin-bottom: -25px;
}

.list-space-xxl>* {
    padding-top: 25px;
    padding-bottom: 25px;
}

.list-horizontal {
    margin-top: 0;
    margin-bottom: 0;
}

.list-horizontal>li {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}

.list-horizontal.list-space-xs {
    margin-left: -5px;
    margin-right: -5px;
}

.list-horizontal.list-space-xs>* {
    padding-left: 5px;
    padding-right: 5px;
}

.list-horizontal.list-space-sm {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.list-horizontal.list-space-sm>* {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.list-horizontal.list-space-md {
    margin-left: -10px;
    margin-right: -10px;
}

.list-horizontal.list-space-md>* {
    padding-left: 10px;
    padding-right: 10px;
}

.list-horizontal.list-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}

.list-horizontal.list-space-lg>* {
    padding-left: 15px;
    padding-right: 15px;
}

.list-horizontal.list-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}

.list-horizontal.list-space-xl>* {
    padding-left: 20px;
    padding-right: 20px;
}

.list-horizontal.list-space-xxl {
    margin-left: -25px;
    margin-right: -25px;
}

.list-horizontal.list-space-xxl>* {
    padding-left: 25px;
    padding-right: 25px;
}

[class*="list-seperated"].list-space-xs {
    margin-top: -10px;
    margin-bottom: -10px;
}

[class*="list-seperated"].list-space-xs>* {
    padding-top: 10px;
    padding-bottom: 10px;
}

[class*="list-seperated"].list-space-sm {
    margin-top: -15px;
    margin-bottom: -15px;
}

[class*="list-seperated"].list-space-sm>* {
    padding-top: 15px;
    padding-bottom: 15px;
}

[class*="list-seperated"].list-space-md {
    margin-top: -20px;
    margin-bottom: -20px;
}

[class*="list-seperated"].list-space-md>* {
    padding-top: 20px;
    padding-bottom: 20px;
}

[class*="list-seperated"].list-space-lg {
    margin-top: -30px;
    margin-bottom: -30px;
}

[class*="list-seperated"].list-space-lg>* {
    padding-top: 30px;
    padding-bottom: 30px;
}

[class*="list-seperated"].list-space-lgx {
    margin-top: -35px;
    margin-bottom: -35px;
}

[class*="list-seperated"].list-space-lgx > * {
    padding-top: 35px;
    padding-bottom: 35px;
}

[class*="list-seperated"].list-space-xl {
    margin-top: -40px;
    margin-bottom: -40px;
}

[class*="list-seperated"].list-space-xl>* {
    padding-top: 40px;
    padding-bottom: 40px;
}

[class*="list-seperated"].list-space-xxl {
    margin-top: -50px;
    margin-bottom: -50px;
}

[class*="list-seperated"].list-space-xxl>* {
    padding-top: 50px;
    padding-bottom: 50px;
}

[class*="list-seperated"]>*:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.list-seperated-only-first>*:not(:first-child) {
    border-bottom: none;
}

.list-seperated-only-last>*:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.list-seperated-exclude-first>*:first-child {
    border-bottom: none;
}

.inverse-text .list-seperated>*:not(:last-child),
.overlay-content .list-seperated>*:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.inverse-text .list-seperated-only-first>*:first-child,
.overlay-content .list-seperated-only-first>*:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.inverse-text .list-seperated-only-last>*:last-child,
.overlay-content .list-seperated-only-last>*:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.list-square-bullet {
    list-style: none;
}

.list-square-bullet>li>* {
    position: relative;
    padding-left: 15px;
}

.list-square-bullet>li>*:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0.5em;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}

.list-square-bullet-exclude-first>li:not(:first-child)>* {
    position: relative;
    padding-left: 15px;
}

.list-square-bullet-exclude-first>li:not(:first-child)>*:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0.58em;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}

/* =============================================================================
   Social branding color
============================================================================= */
.facebook-theme,
.facebook-theme-hover:hover {
    color: #3b5998 !important;
}

.facebook-theme-bg,
.facebook-theme-bg-hover:hover {
    background-color: #3b5998 !important;
}

.twitter-theme,
.twitter-theme-hover:hover {
    color: #55acee !important;
}

.twitter-theme-bg,
.twitter-theme-bg-hover:hover {
    background-color: #55acee !important;
}

.dribbble-theme,
.dribbble-theme-hover:hover {
    color: #EA4C89 !important;
}

.dribbble-theme-bg,
.dribbble-theme-bg-hover:hover {
    background-color: #EA4C89 !important;
}


.youtube-theme,
.youtube-theme-hover:hover {
    color: #cd201f !important;
}

.youtube-theme-bg,
.youtube-theme-bg-hover:hover {
    background-color: #cd201f !important;
}

.pinterest-theme,
.pinterest-theme-hover:hover {
    color: #bd081c !important;
}

.pinterest-theme-bg,
.pinterest-theme-bg-hover:hover {
    background-color: #bd081c !important;
}

.googleplus-theme,
.googleplus-theme-hover:hover {
    color: #dc4e41 !important;
}

.googleplus-theme-bg,
.googleplus-theme-bg-hover:hover {
    background-color: #dc4e41 !important;
}

.tumblr-theme,
.tumblr-theme-hover:hover {
    color: #35465c !important;
}

.tumblr-theme-bg,
.tumblr-theme-bg-hover:hover {
    background-color: #35465c !important;
}

.instagram-theme,
.instagram-theme-hover:hover {
    color: #3f729b !important;
}

.instagram-theme-bg,
.instagram-theme-bg-hover:hover {
    background-color: #3f729b !important;
}

.vk-theme,
.vk-theme-hover:hover {
    color: #45668e !important;
}

.vk-theme-bg,
.vk-theme-bg-hover:hover {
    background-color: #45668e !important;
}

.stumbleupon-theme-bg,
.stumbleupon-theme-bg-hover:hover {
    background-color: #EB4823 !important;
}

.linkedin-theme-bg,
.linkedin-theme-bg-hover:hover {
    background-color: #0073B0 !important;
}

/* =============================================================================
   Layout
============================================================================= */
.site-wrapper {
    /*overflow: hidden;*/
    overflow: clip;
    --margin-footer-top: 160px;
}
.atbs-home-design .site-content {
    padding-top: 0;
}
.atbs-leave-margin-footer .site-content > *:last-child {
    margin-bottom: calc(var(--margin-footer-top) * -1) !important;
}

.site-content {
    /*overflow: hidden;*/
    padding-top: 130px;
    --space-site-content: 130px;
}
/*.site-content {*/
/*    padding-top: 20px;*/
/*    padding-bottom: 30px;*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .site-content {*/
/*        padding-top: 60px;*/
/*        padding-bottom: 60px;*/
/*    }*/
/*}*/

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:before {
    display: none !important;
}
.row:after,
.row:before {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
@media (max-width: 1366px) {
    .site-content {
        padding-top: 120px;
        --space-site-content: 120px;
    }
}
@media (max-width: 1199px) {
    .site-content {
        padding-top: 100px;
        --space-site-content: 100px;
    }
}
@media (max-width: 991px) {
    .site-content {
        padding-top: 80px;
        --space-site-content: 80px;
    }
}
@media (max-width: 767px) {
    .site-content {
        padding-top: 60px;
        --space-site-content: 60px;
    }
}
@media (max-width: 575px) {
    .site-content {
        padding-top: 50px;
        --space-site-content: 50px;
    }
}


@media (max-width: 767px) {
    .container.fullwidth-xs {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container--narrow {
    max-width: 970px;
}

.container--wide {
    width: 100%;
    max-width: 1440px;
}

.container--fw {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
/**/
.layout-container--left,
.layout-container--right {
    width: calc(50% + 585px);
}

.layout-container--right {
    margin-left: auto;
    margin-right: 0;
}

@media (max-width: 1199px) {
    .layout-container--left,
    .layout-container--right {
        width: calc(50% + 940px/2);
    }
}

@media (max-width: 991px) {
    .layout-container--left,
    .layout-container--right {
        width: calc(50% + 720px/2);
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .layout-container--left,
    .layout-container--right {
        width: calc(50% + 510px/2);
    }
}

@media (max-width: 575px) {
    .layout-container--left,
    .layout-container--right {
        width: calc(100% - 15px);
    }
}

/**/
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
    .container--fw {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container{
        width: 1200px;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .container {
        width: 540px;
    }
}

.atbs-main-col {
    width: 100%;
    min-height: 1px;
    float: left;
}

@media (min-width: 1367px) {
    .atbs-main-col {
        padding-right: 40px;
    }
    .atbs-sub-col {
        padding-left: 40px;
    }
}
@media (min-width: 992px) {
    .atbs-main-col {
        padding-right: 20px;
    }
    .atbs-sub-col {
        padding-left: 20px;
    }
}

@media (min-width: 1200px) {
    .atbs-main-col {
        /*width: 900px;*/
        width: 70%;
    }

}

.atbs-main-col.has-left-sidebar {
    float: right;
}

@media (min-width: 1200px) {
    .atbs-main-col.has-left-sidebar {
        padding-left: 35px;
        padding-right: 15px;
    }
}

.atbs-sub-col {
    width: 100%;
    float: left;
    padding-top: 40px;
}

@media (min-width: 1200px) {
    .atbs-sub-col {
        padding-top: 0;
        /*width: 290px;*/
    }
}

@media (min-width: 1200px) {
    .atbs-sub-col {
        /*width: 300px;*/
        width: 30%;
    }
}

/* =============================================================================
   Block heading
============================================================================= */
.block-heading {
    width: 100%;
    position: relative;
    margin-bottom: 70px;
    font-size: 1rem;
    line-height: 1.2;
}

.block-heading__hint {
    font-size: 2.85714285714rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.block-heading__icon {
    margin-bottom: 25px;
}
.block-heading__icon svg {
    width: 95px;
    height: auto;
}
.block-heading__icon svg path {
    fill: var(--color-primary);
}
.block-heading__title {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.2;
    max-width: 915px;
    color: var(--color-dark-contrast-100);
}
.block-heading__subtitle {
    font-size: 1.28571428571rem;
    line-height: 1.7;
    font-weight: 400;
    color: var(--color-dark-contrast-80);
    max-width: 680px;
    margin-top: 20px;
}
.block-heading__subtitle p:last-child {
    margin-bottom: 0;
}

.block-heading.text-center .block-heading__title,
.block-heading.text-center .block-heading__subtitle {
    margin-left: auto;
    margin-right: auto;
}




.block-heading-style-2 .block-heading__title {
    max-width: 840px;
}
.block-heading.block-heading-style-2:not(.text-center) .block-heading__title {
    position: relative;
    z-index: 2;
}
.block-heading.block-heading-style-2:not(.text-center) .block-heading__title:before {
    content: '';
    position: absolute;
    background: -o-radial-gradient(center, circle, var(--color-secondary) 26%, transparent 32%), transparent;
    background: radial-gradient(circle at center, var(--color-secondary) 26%, transparent 32%), transparent;
    background-size: 28px 28px;
    width: 260px;
    height: 225px;
    opacity: 0.04;
    left: -100px;
    top: -100px;
    z-index: -1;

}


.heading-inside__title {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 600;
    color: var(--color-dark-contrast-100);
}
.heading-inside__title:not(:last-child) {
    margin-bottom: 40px;
}

@media (min-width: 421px) {
    .block-heading__title {
        font-size: 3.2rem; /*font system*/
    }
}

@media (min-width: 576px) {
    .block-heading__title {
        font-size: 3.57142857143rem; /*font system*/
    }
}
@media (min-width: 992px) {
    .block-heading__title {
        font-size: 3.88571428571rem; /*font system*/
        line-height: 1.2;
    }
}

@media (max-width: 1680px) {
    .block-heading__title {
        font-size: 2.85714285714rem;
        line-height: 1.2;
    }
}
@media (max-width: 1480px) {
    .block-heading {
        margin-bottom: 50px;
    }

    .block-heading__title {
        font-size: 2.5rem;
        line-height: 1.3;
    }

}


@media (max-width: 1366px) {
    .block-heading__icon {
        margin-bottom: 17px;
    }
    .block-heading__icon svg {
        width: 75px;
        height: auto;
    }

    .block-heading__subtitle {
        margin-top: 22px;
    }
}
@media (max-width: 1199px) {
    .block-heading__title {
        max-width: 750px;
    }
}
@media (max-width: 991px) {
    .block-heading.block-heading-style-2 [class *="column-width-"] {
        width: 100%;
    }
    .block-heading.block-heading-style-2 [class *="column-width-"].text-right {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .block-heading {
        margin-bottom: 40px;
    }
    .block-heading__title {
        font-size: 2.28571428571rem;
        line-height: 1.4;
    }

    .block-heading__subtitle {
        margin-top: 15px;
    }
}
@media (max-width: 575px) {
    .block-heading__title {
        font-size: 2rem;
        line-height: 1.4;
    }
    .block-heading__subtitle {
        font-size: 1.21428571429rem;
        line-height: 1.7;
    }
    .block-heading__subtitle {
        margin-top: 12px;
    }
}

/* =============================================================================
   Button
============================================================================= */
input[type="button"]:not(.btn),
input[type="reset"]:not(.btn),
input[type="submit"]:not(.btn) {
    display: inline-block;
    padding: 12px 30px;
    margin-bottom: 0;
    font-size: 1.07142857143rem;
    line-height: 1.5;
    font-weight: 600;
    outline: none;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #004aad;
    color: #fff;
    border: 1px solid;
    border-color: #ebb361;
    border-radius: 50px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.atbs-pagination {
    margin-top: 45px;
}
.atbs-pagination .atbs-pagination__item {
    font-size: 1.14285714286rem;
    line-height: 1.5;
    font-weight: 500;
    color: var(--color-dark-contrast-80);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 2px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.atbs-pagination .atbs-pagination__item.atbs-pagination__item-current,
.atbs-pagination .atbs-pagination__item.atbs-pagination-active__item,
.atbs-pagination .atbs-pagination__item:hover {
    color: var(--color-primary);
}
.atbs-pagination .atbs-pagination__item svg path {
    fill: var(--color-dark-contrast-60);
}

.btn-rectangle button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50px;
    padding: 14px 30px;
    border: 2px solid var(--color-primary);
    margin-top: 60px;
    font-size: 1.14285714286rem;
    line-height: 1.5;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: var(--color-white-contrast-100);
    background-color: var(--color-primary);
}
.btn-rectangle:hover button {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
a.service-feature__link {
    padding: 18px 30px;
    background-color: var(--color-primary);
    color: var(--color-white-contrast-100);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    font-size: 1.14285714286rem;
    line-height: 1.4;
    font-weight: 600;
    border-radius: 50px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.service-feature__link:hover {
    background-color: var(--color-secondary);
}
/* =============================================================================
   Forms
============================================================================= */
form label:not(:last-child) {
    margin-bottom: 10px;
}

form textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 150px;
}
.hs-form-field:not(:last-child), 
fieldset:not(:last-child) .hs-form-field {
    margin-bottom: 20px;
}
form .hs-error-msgs {
    margin-top: 10px;
}
form .hs-form-required {
    color: var(--color-primary);
    margin-left: 2px;
}
form .hs-button[type='submit'] {
    margin-top: 20px;
}

form .hs-error-msgs li {
    list-style: none;
}
.hs-error-msg {
    color: var(--color-dark-contrast-40);
}

label {
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    color: var(--color-dark-contrast-80);
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: var(--color-dark-contrast-40);
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--color-dark-contrast-40);
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--color-dark-contrast-40);
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--color-dark-contrast-40);
}

input[type="date"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
textarea.form-control,
select,
select.form-control {
    width: 100%;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    vertical-align: middle;
    background-color: transparent;
    background-image: none;
    border: 1px solid var(--color-border-black);
    color: var(--color-dark-contrast-50);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    outline: none;
    border-radius: 4px;
}
.inverse-text input[type="date"],
.inverse-text input[type="text"],
.inverse-text input[type="email"],
.inverse-text input[type="url"],
.inverse-text input[type="password"],
.inverse-text input[type="search"],
.inverse-text input[type="tel"],
.inverse-text input[type="number"],
.inverse-text textarea,
.inverse-text textarea.form-control,
.inverse-text select,
.inverse-text select.form-control {
    border: 1px solid var(--color-border-white);
    color: var(--color-white-contrast-50);
}
input[type="date"]:before {
    color: red;
}
.inverse-text input[type="date"],
.inverse-text input[type="text"],
.inverse-text input[type="email"],
.inverse-text input[type="url"],
.inverse-text input[type="password"],
.inverse-text input[type="search"],
.inverse-text input[type="tel"],
.inverse-text input[type="number"],
.inverse-text textarea,
.inverse-text textarea.form-control,
.inverse-text select,
.inverse-text select.form-control {
    color: var(--color-white-contrast-50);
    border: 1px solid var(--color-border-white);
}
/* =============================================================================
   Social List
============================================================================= */
.social-list {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1rem;
    list-style: none;
}

@media (min-width: 768px) {
    .social-list {
        font-size: 16px;
        font-size: 1.14286rem;
    }
}

.social-list>li>a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    padding: 0 0.4em;
    color: var(--color-dark-contrast-80);
    line-height: 20px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.social-list>li>a:hover,
.social-list>li>a:active,
.social-list>li>a:focus {
    color: inherit;
    text-decoration: none;
}

.social-list>li>a:hover,
.social-list>li>a:focus,
.social-list>li>a:active {
    color: var(--color-dark-contrast-40);
}

.inverse-text .social-list>li>a {
    color: rgba(255, 255, 255, 0.8);
}

.inverse-text .social-list>li>a:hover,
.inverse-text .social-list>li>a:focus,
.inverse-text .social-list>li>a:active,
.inverse-text .social-list>li>a:visited {
    color: white;
}

.social-list--inverse>li>a {
    color: rgba(255, 255, 255, 0.8);
}

.social-list--inverse>li>a:hover,
.social-list--inverse>li>a:focus,
.social-list--inverse>li>a:active {
    color: white;
}

.social-list--circle>li {
    margin-bottom: 8px;
}

.social-list--circle>li:not(:last-child) {
    margin-right: 8px;
}

.social-list--circle>li>a {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
}

.social-list--circle>li>a i {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
}

.inverse-text .social-list--circle>li>a,
.overlay-content .social-list--circle>li>a {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
    .social-list--sm {
        font-size: 14px;
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .social-list--lg {
        font-size: 20px;
        font-size: 1.42857rem;
    }
}

@media (min-width: 768px) {
    .social-list--xl {
        font-size: 26px;
        font-size: 1.85714rem;
    }
}

@media (min-width: 768px) {
    .social-list--md.social-list--circle>li>a {
        width: 60px;
        height: 60px;
        border-width: 2px;
    }
    .social-list--md.social-list--circle>li>a i {
        font-size: 24px;
        line-height: 60px;
    }
}





/* =============================================================================
   Post general
============================================================================= */
.post {
    position: relative;
}
/*---- Post thumb ----*/
.post__thumb,
.entry-thumb {
    position: relative;
}
.post__thumb .box-background-image {
    height: 100%;
}

.post__thumb img,
.entry-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.post__thumb a:not(.post__live),
.entry-thumb  a:not(.post__live) {
    display: block;
}

.post__thumb--circle {
    border-radius: 50%;
    overflow: hidden;
}

.post__thumb--circle img {
    border-radius: 50%;
}
/*---- Post content ----*/
.post__text-inner {
    position: relative;
    padding: 20px;
}

/*---- Post live ----*/
.post__live {
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin-right: 8px;
    text-decoration: none;
}
/*---- Post category ----*/
.post__cat,
a.post__cat,
.entry-cat,
a.entry-cat {
    display: inline-block;
    font-size: 0.85714285714rem;
    font-weight: 600;
    line-height: 1.4;
    margin-right: 8px;
    margin-bottom: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-primary);
}
a.post__cat.post__cat-bg {
    padding: 6px 13px;
    font-size: 11px;
    line-height: 1.2;
    color: var(--color-white-contrast-100);
    background-color: var(--color-primary);
    border-radius: 2px;
}
.object-fit a:not(.post__cat), .object-fit a:not(.post__cat) img {
    width: 100%;
    height: 100%;
}
.object-fit a:not(.post__cat) img {
    -o-object-fit: cover;
    object-fit: cover;
}

.post__title {
    color: var(--color-dark-contrast-100);
}

.post__excerpt,
.entry-excerpt,
.entry-teaser {
    /*max-width: 36em;*/
    /*max-width: 380px;*/
    font-size: 1.14285714286rem;
    line-height: 1.7;
    color: var(--color-dark-contrast-100);
    opacity: 0.8;

}
.post__meta {
    font-size: 1.07142857143rem;
    line-height: 1.5;
    font-weight: 400;
}
.post__meta .post-author__name {
    font-weight: 600;
}

.post__meta.post__meta-normal,
.post__meta.post__meta-normal .post-author__name {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    color: var(--color-dark-contrast-80);
}
.post__meta.post__meta-normal > *:not(:last-child) {
    margin-right: 17px;
    padding-right: 17px;
    position: relative;
}
.post__meta.post__meta-normal > *:not(:last-child):before {
    content: '';
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    right: -2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--color-forward);
}

.post-author img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
}
.post-author__avatar {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.post-author__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.post-author__name span {
    margin-right: 2px;
    opacity: 0.8;
    text-transform: uppercase;
}
.post-author__socials a {
    font-size: 14px;
    line-height: 1;
    color: var(--color-dark-contrast-60);
}
.post-author_style-1  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.post-author_style-1 .post-author__avatar {
    margin-right: 10px;
}
.post-author_style-1 .post-author__text > * {
    display: block;
}

.post-author_style-1 .post-author__text time {
    margin-top: 1px;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 0;
}



.text-center .post__excerpt,
.text-center .entry-excerpt {
    margin-left: auto;
    margin-right: auto;
}


.overlay-item {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto; }
.overlay-item.overlay-item--sm-p {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto; }

.overlay-item--top-left {
    position: absolute;
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px; }
.overlay-item--top-left.overlay-item--sm-p {
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px; }

.overlay-item--left-bottom {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px; }
.overlay-item--left-bottom.overlay-item--sm-p {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 10px; }

.overlay-item--center-xy {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/* =============================================================================
   Post Horizontal
============================================================================= */
.post--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.post--horizontal.post--horizontal-reverse .post__text {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.post--horizontal.post--horizontal-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.post--horizontal.post--horizontal-reverse .post__thumb {
    margin-left: 15px;
    margin-right: 0;
}
.post--horizontal .post__thumb {
    margin-right: 15px;
}
.post--horizontal.post--horizontal-xs .post__thumb {
    width: 80px;
    height: 80px;
}
.post--horizontal.post--horizontal-sm .post__thumb {
    width: 100px;
    height: 100px;
}
.post--horizontal .post__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 480px) {
    .post--horizontal.post--horizontal-sm .post__thumb {
        width: 80px;
        height: 80px;
    }
}

/* =============================================================================
   Post Overlay
============================================================================= */
.post--overlay {
    position: relative;
    overflow: hidden;
    background-color: #333;
}

.post__thumb--overlay.post__thumb,
.post__thumb--overlay.post__thumb picture {
    position: absolute;
    width: 100%;
    height: 100%;
}

.post__thumb--overlay.post__thumb:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.25);
    content: '';
    position: absolute;
}

.post--overlay .post__text:not(.container) {
    width: 100%;
}
.post--overlay .post__text {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 14.28571rem;
}

/*.post--overlay .post__text-wrap {*/
/*    width: 100%;*/
/*}*/

.post--overlay .post__text-wrap {
    width: 100%;
}
.post--overlay .post__text.container .post__text-inner {
    padding-left: 0;
    padding-right: 0;
}

.post--overlay-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.post--overlay-bottom .post__text {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    box-align: end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    padding-top: 40px;
}


.post--overlay-middle {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.post--overlay-middle .post__text {
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.post--overlay .post__text {
    z-index: 1;
    pointer-events: none;
}

.post--overlay .post__text a{
    pointer-events: auto;
    z-index: 1;
}

.post--overlay .entry-author{
    pointer-events: auto;
}
@media (min-width: 768px) {
    .post--overlay-xs .post__text {
        min-height: 17.85714rem;
    }
}

.post--overlay-sm .post__text {
    min-height: 17.85714rem;
}

@media (min-width: 768px) {
    .post--overlay-sm .post__text {
        min-height: 25rem;
    }
}

.post--overlay-md .post__text {
    min-height: 17.85714rem;
}

@media (min-width: 768px) {
    .post--overlay-md .post__text {
        min-height: 25rem;
    }
}

@media (min-width: 992px) {
    .post--overlay-md .post__text {
        min-height: 32.14286rem;
    }
}

.post--overlay-lg .post__text {
    min-height: 25rem;
}

@media (min-width: 768px) {
    .post--overlay-lg .post__text {
        min-height: 32.14286rem;
    }
}

@media (min-width: 992px) {
    .post--overlay-lg .post__text {
        min-height: 39.28571rem;
    }
}
@media (min-width: 768px) {
    .post--overlay-padding-lg .post__text-inner {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .post--overlay-padding-lg .overlay-item {
        top: 30px;
        right: 30px;
    }
}

@media (min-width: 768px) {
    .post--overlay-padding-lg .overlay-item--top-left {
        top: 30px;
        left: 30px;
    }
    .post--overlay-padding-lg .overlay-item--sm-p{
        top: 10px;
        right: 10px;
    }
    .post--overlay-padding-lg .overlay-item--md-p {
        top: 20px;
        right: 20px;
    }
}
/* =============================================================================
   Post Vertical
============================================================================= */
.post--vertical .post__thumb {
    display: block;
    margin-bottom: 20px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}


/*---- Post vertical reverse ----*/
.post--vertical-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.post--vertical-reverse > * {
    width: 100%;
}
.post--vertical-reverse .post__thumb {
    margin-top: 20px;
    margin-bottom: 0;
}
.post--vertical-reverse .post__thumb:last-child {
    margin-top: 0;
}
.post--vertical-reverse .post__text {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

/*---- Post vertical center ----*/

.post--vertical-center .post__thumb {
    margin-bottom: 20px;
}

.post--vertical-center .post__thumb .post__cat {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.post--vertical-center .post__text,
.post--vertical-center .post__meta {
    text-align: center;
}

.post--vertical-center .post__excerpt {
    margin-left: auto;
    margin-right: auto;
}



/* =============================================================================
   Block general
============================================================================= */
.atbs-block {
    position: relative;
    margin-bottom: 150px;
    --spacing-block-module: 150px;
}

.atbs-block:last-child {
    margin-bottom: 0;
}

.atbs-block__inner {
    position: relative;
}

@media (max-width: 1199px) {
    .atbs-block {
        margin-bottom: 100px;
        --spacing-block-module: 100px;
    }
}
@media (max-width: 991px) {
    .atbs-block {
        margin-bottom: 90px;
        --spacing-block-module: 90px;
    }
}
@media (max-width: 767px) {
    .atbs-block {
        margin-bottom: 80px;
        --spacing-block-module: 80px;
    }
}
@media (max-width: 575px) {
    .atbs-block {
        margin-bottom: 60px;
        --spacing-block-module: 60px;
    }
}

/* =============================================================================
   Widgets
============================================================================= */
.widget {
    margin-bottom: 50px;
}

.widget:last-child {
    margin-bottom: 0;
}

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

.widget--has-background {
    padding: 20px;
}

.widget__title {
    margin-bottom: 30px;
}
.widget__title:last-child {
    margin-bottom: 0;
}
.widget__title a {
    color: inherit;
    text-decoration: none;
}

.widget__title-text {
    margin: 0;
    font-size: 1.4285rem;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .widget {
        margin-bottom: 40px;
    }
}


/* =============================================================================
   Flexbox
============================================================================= */
.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
}
.flex-direction-column.flex-parent-unset-height {
    height: auto;
}

.flex-box-auto > *, .flex-item-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-item-auto-bottom {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
.flex-item-auto-top {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/**/
.flex-column-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.flex-row-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
/**/
.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-content-space {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-content-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.justify-content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/**/
.align-item-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-item-space {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}
.align-item-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.align-item-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-order-1 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

/* =============================================================================
   Width
============================================================================= */
.box-item-5i > * {
    width: 20%;
}
.box-item-4i > * {
    width: 25%;
}
.box-item-3i > * {
    width: calc(100% / 3);
}
.box-item-2i > * {
    width: 50%;
}
.box-item-1i > * {
    width: 100%;
}

.column-width-10 {
    width: 10%;
}
.column-width-15 {
    width: 15%;
}
.column-width-20 {
    width: 20%;
}
.column-width-25 {
    width: 25%;
}
.column-width-30 {
    width: 30%;
}
.column-width-33 {
    width: calc(100% / 3);
}
.column-width-35 {
    width: 35%;
}
.column-width-40 {
    width: 40%;
}
.column-width-45 {
    width: 45%;
}
.column-width-50 {
    width: 50%;
}
.column-width-55 {
    width: 55%;
}
.column-width-60 {
    width: 60%;
}
.column-width-65 {
    width: 65%;
}
.column-width-70 {
    width: 70%;
}
.column-width-75 {
    width: 75%;
}
.column-width-80 {
    width: 80%;
}
.column-width-85 {
    width: 85%;
}
.column-width-90 {
    width: 90%;
}
.column-width-95 {
    width: 95%;
}
.column-width-100 {
    width: 100%;
}

/* =============================================================================
   Height
============================================================================= */
.column-height-10 {
    height: 10%;
}
.column-height-15 {
    height: 15%;
}
.column-height-20 {
    height: 20%;
}
.column-height-25 {
    height: 25%;
}
.column-height-30 {
    height: 30%;
}
.column-height-35 {
    height: 35%;
}
.column-height-40 {
    height: 40%;
}
.column-height-45 {
    height: 45%;
}
.column-height-50 {
    height: 50%;
}
.column-height-55 {
    height: 55%;
}
.column-height-60 {
    height: 60%;
}
.column-height-65 {
    height: 65%;
}
.column-height-70 {
    height: 70%;
}
.column-height-75 {
    height: 75%;
}
.column-height-80 {
    height: 80%;
}
.column-height-85 {
    height: 85%;
}
.column-height-90 {
    height: 90%;
}
.column-height-95 {
    height: 95%;
}
.column-height-100 {
    height: 100%;
}

/* =============================================================================
   Spacing - Gutter
============================================================================= */
.box-space-10 {
    margin: -5px;
}
.box-space-10 > * {
    padding: 5px;
}
.box-space-15 {
    margin: -7.5px;
}
.box-space-15 > * {
    padding: 7.5px;
}
.box-space-20 {
    margin: -10px;
}
.box-space-20 > * {
    padding: 10px;
}
.box-space-25 {
    margin: -12.5px;
}
.box-space-25 > * {
    padding: 12.5px;
}
.box-space-30 {
    margin: -15px;
}
.box-space-30 > * {
    padding: 15px;
}
.box-space-40 {
    margin: -20px;
}
.box-space-40 > * {
    padding: 20px;
}
.box-space-45 {
    margin: -22.5px;
}
.box-space-45 > * {
    padding: 22.5px;
}
.box-space-50 {
    margin: -25px;
}
.box-space-50 > * {
    padding: 25px;
}
.box-space-55 {
    margin: -27.5px;
}
.box-space-55 > * {
    padding: 27.5px;
}
.box-space-60 {
    margin: -30px;
}
.box-space-60 > * {
    padding: 30px;
}
.box-space-70 {
    margin: -35px;
}
.box-space-70 > * {
    padding: 35px;
}
.box-space-75 {
    margin: -37.5px;
}
.box-space-75 > * {
    padding: 37.5px;
}
.box-space-80 {
    margin: -40px;
}
.box-space-80 > * {
    padding: 40px;
}
.box-space-85 {
    margin: -42.5px;
}
.box-space-85 > * {
    padding: 42.5px;
}
.box-space-90 {
    margin: -45px;
}
.box-space-90 > * {
    padding: 45px;
}
.box-space-95 {
    margin: -47.5px;
}
.box-space-95 > * {
    padding: 47.5px;
}
.box-space-100 {
    margin: -50px;
}
.box-space-100 > *{
    padding: 50px;
}
.box-space-120 {
    margin: -60px;
}
.box-space-120 > *{
    padding: 60px;
}
.box-space-160 {
    margin: -80px;
}
.box-space-160 > *{
    padding: 80px;
}

.box-gutter-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.box-gutter-15 > * {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.box-gutter-20 {
    margin-left: -10px;
    margin-right: -10px;
}
.box-gutter-20 > * {
    padding-left: 10px;
    padding-right: 10px;
}
.box-gutter-25 {
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.box-gutter-25 > * {
    padding-left: 12.5px;
    padding-right: 12.5px;
}
.box-gutter-30 {
    margin-left: -15px;
    margin-right: -15px;
}
.box-gutter-30 > * {
    padding-left: 15px;
    padding-right: 15px;
}
.box-gutter-40 {
    margin-left: -20px;
    margin-right: -20px;
}
.box-gutter-40 > * {
    padding-left: 20px;
    padding-right: 20px;
}
.box-gutter-50 {
    margin-left: -25px;
    margin-right: -25px;
}
.box-gutter-50 > * {
    padding-left: 25px;
    padding-right: 25px;
}
.box-gutter-60 {
    margin-left: -30px;
    margin-right: -30px;
}
.box-gutter-60 > * {
    padding-left: 30px;
    padding-right: 30px;
}
.box-gutter-65 {
    margin-left: -32.5px;
    margin-right: -32.5px;
}
.box-gutter-65 > * {
    padding-left: 32.5px;
    padding-right: 32.5px;
}
.box-gutter-70 {
    margin-left: -35px;
    margin-right: -35px;
}
.box-gutter-70 > * {
    padding-left: 35px;
    padding-right: 35px;
}
.box-gutter-75 {
    margin-left: -37.5px;
    margin-right: -37.5px;
}
.box-gutter-75 > * {
    padding-left: 37.5px;
    padding-right: 37.5px;
}
.box-gutter-80 {
    margin-left: -40px;
    margin-right: -40px;
}
.box-gutter-80 > * {
    padding-left: 40px;
    padding-right: 40px;
}
.box-gutter-85 {
    margin-left: -42.5px;
    margin-right: -42.5px;
}
.box-gutter-85 > * {
    padding-left: 42.5px;
    padding-right: 42.5px;
}
.box-gutter-90 {
    margin-left: -45px;
    margin-right: -45px;
}
.box-gutter-90 > * {
    padding-left: 45px;
    padding-right: 45px;
}
.box-gutter-95 {
    margin-left: -47.5px;
    margin-right: -47.5px;
}
.box-gutter-95 > * {
    padding-left: 47.5px;
    padding-right: 47.5px;
}
.box-gutter-100 {
    margin-left: -50px;
    margin-right: -50px;
}
.box-gutter-100 > * {
    padding-left: 50px;
    padding-right: 50px;
}


/* =============================================================================
   Line Limit
============================================================================= */
.atbs-line-limit, a.atbs-line-limit , h3.atbs-line-limit > a{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.atbs-line-limit.atbs-line-limit-2, h3.atbs-line-limit.atbs-line-limit-2 > a{
    -webkit-line-clamp: 2;
}
.atbs-line-limit.atbs-line-limit-3, h3.atbs-line-limit.atbs-line-limit-3 > a{
    -webkit-line-clamp: 3;
}
.atbs-line-limit.atbs-line-limit-4, h3.atbs-line-limit.atbs-line-limit-4 > a{
    -webkit-line-clamp: 4;
}

/* =============================================================================
   Typography
============================================================================= */
.f-14 {
    font-size: 1rem;
    line-height: 1.5;
}
.f-15 {
    font-size: 1.0714rem;
    line-height: 1.5;
}
.f-16 {
    font-size: 1.1428rem;
    line-height: 1.5;
}
.f-18 {
    font-size: 1.2857rem;
    line-height: 1.5;
}
.f-20 {
    font-size: 1.4285rem;
    line-height: 1.4;
}
.f-22 {
    font-size: 1.5714rem;
    line-height: 1.4;
}
.f-24 {
    font-size: 1.7142rem;
    line-height: 1.4;
}
.f-26 {
    font-size: 1.8571rem; /*font system*/
    line-height: 1.4;
}
.f-28 {
    font-size: 2rem;
    line-height: 1.4;
}
.f-30 {
    font-size: 2.1428rem; /*font system*/
    line-height: 1.4;
}
.f-32 {
    font-size: 2.2857rem;
    line-height: 1.4;
}
.f-34 {
    font-size: 2.4285rem;
    line-height: 1.4;
}
.f-36 {
    font-size: 2.5714rem;
    line-height: 1.4;
}
.f-38 {
    font-size: 2.7142rem;
    line-height: 1.4;
}
.f-40 {
    font-size: 2.8571rem;
    line-height: 1.4;
}
.f-42 {
    font-size: 3rem;
    line-height: 1.3;
}
.f-44 {
    font-size: 3.1428rem;
    line-height: 1.3;
}
.f-46 {
    font-size: 3.2857rem;
    line-height: 1.3;
}
.f-48 {
    font-size: 3.4285rem;
    line-height: 1.3;
}
.f-50 {
    font-size: 3.5714rem;
    line-height: 1.3;
}
.f-52 {
    font-size: 3.7142rem;
    line-height: 1.3;
}
.f-54 {
    font-size: 3.8571rem;
    line-height: 1.3;
}
.f-56 {
    font-size: 4rem;
    line-height: 1.3;
}
.f-58 {
    font-size: 4.1428rem;
    line-height: 1.3;
}
.f-60 {
    font-size: 4.28571428571rem;
    line-height: 1.3;
}
.f-68 {
    font-size: 4.8571rem;
    line-height: 1.19;
}
.f-70 {
    font-size: 5rem;
    line-height: 1.19;
}

@media (max-width: 1366px) {
    .f-22 {
        font-size: 1.4285rem;
        line-height: 1.4;
    }
    .f-24 {
        font-size: 1.5714rem; /*font system*/
        line-height: 1.4;
    }
    .f-26 {
        font-size: 1.7142rem;
        line-height: 1.4;
    }
    .f-28 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-30 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-32 {
        font-size: 2rem;
        line-height: 1.4;
    }
    .f-34 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }
    .f-36 {
        font-size: 2.2857rem;
        line-height: 1.4;
    }
    .f-38 {
        font-size: 2.4285rem; /*font system*/
        line-height: 1.4;
    }
    .f-40 {
        font-size: 2.5714rem; /*font system*/
        line-height: 1.3;
    }
    .f-42 {
        font-size: 2.7142rem;
        line-height: 1.3;
    }
    .f-44 {
        font-size: 2.8571rem;
        line-height: 1.3;
    }
    .f-46 {
        font-size: 3rem;
        line-height: 1.3;
    }
    .f-48 {
        font-size: 3.1428rem;
        line-height: 1.3;
    }
    .f-50 {
        font-size: 3.2857rem;
        line-height: 1.3;
    }
    .f-52 {
        font-size: 3.4285rem;
        line-height: 1.3;
    }
    .f-54 {
        font-size: 3.5714rem;
        line-height: 1.3;
    }
    .f-56 {
        font-size: 3.7142rem;
        line-height: 1.3;
    }
    .f-58 {
        font-size: 3.8571rem;
        line-height: 1.3;
    }
    .f-60,
    .f-68 {
        font-size: 3.9285rem;
        line-height: 1.3;
    }

    .f-70 {
        font-size: 4rem;
        line-height: 1.19;
    }
}
@media (max-width: 991px) {
    .f-24,
    .f-26,
    .f-28 {
        font-size: 1.5714rem; /*font system*/
        line-height: 1.4;
    }


    .f-30 {
        font-size: 1.7142rem; /*font system*/
        line-height: 1.4;
    }
    .f-32 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-34 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-36 {
        font-size: 2rem;
        line-height: 1.4;
    }
    .f-38 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }
    .f-40 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }
    .f-42 {
        font-size: 2.2857rem;
        line-height: 1.4;
    }
    .f-44 {
        font-size: 2.4285rem;
        line-height: 1.4;
    }
    .f-46 {
        font-size: 2.5714rem;
        line-height: 1.3;
    }
    .f-48 {
        font-size: 2.7142rem;
        line-height: 1.3;
    }
    .f-50 {
        font-size: 2.8571rem;
        line-height: 1.3;
    }
    .f-52 {
        font-size: 3rem;
        line-height: 1.3;
    }
    .f-54 {
        font-size: 3.1428rem;
        line-height: 1.3;
    }
    .f-56 {
        font-size: 3.2857rem;
        line-height: 1.3;
    }
    .f-58 {
        font-size: 3.4285rem;
        line-height: 1.3;
    }
    .f-60,
    .f-68 {
        font-size: 3.5714rem;
        line-height: 1.3;
    }
    .f-70 {
        font-size: 3.71428571429rem;
        line-height: 1.19;
    }
}
@media (max-width: 767px) {
    .f-24,
    .f-26,
    .f-28 {
        font-size: 1.4285rem; /*font system*/
        line-height: 1.4;
    }

    .f-30,
    .f-32,
    .f-34,
    .f-36,
    .f-38,
    .f-40,
    .f-42 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }

    .f-46,
    .f-48,
    .f-50,
    .f-52,
    .f-54 {
        font-size: 2rem; /*font system*/
        line-height: 1.4;
    }

    .f-56,
    .f-58,
    .f-60,
    .f-68 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }
    .f-70 {
        font-size: 2.28571428571rem;
        line-height: 1.19;
    }

}
@media (max-width: 575px) {
    .f-30,
    .f-32,
    .f-34,
    .f-36,
    .f-38,
    .f-40,
    .f-42 {
        font-size: 1.7142rem; /*font system*/
        line-height: 1.4;
    }

    .f-46,
    .f-48,
    .f-50,
    .f-52,
    .f-54,
    .f-56,
    .f-58,
    .f-60,
    .f-68 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }


    .f-70 {
        font-size: 2rem;
        line-height: 1.19;
    }

}
@media (max-width: 480px) {
    .f-30,
    .f-32,
    .f-34,
    .f-36,
    .f-38,
    .f-40,
    .f-42 {
        font-size: 1.5714rem; /*font system*/
        line-height: 1.4;
    }
    .f-46,
    .f-48,
    .f-50,
    .f-52,
    .f-54,
    .f-56,
    .f-58,
    .f-60,
    .f-68 {
        font-size: 1.7142rem; /*font system*/
        line-height: 1.4;
    }

    .f-70 {
        font-size: 1.85714285714rem;
        line-height: 1.19;
    }
}
@media (max-width: 380px) {
    .f-18,
    .f-20,
    .f-22,
    .f-24 {
        /*font-size: 1.2857rem;*/
        /*line-height: 1.5;*/
    }
}

/**/
.f-w-100 {
    font-weight: 100;
}
.f-w-300 {
    font-weight: 300;
}
.f-w-400 {
    font-weight: 400;
}
.f-w-500 {
    font-weight: 500;
}
.f-w-600 {
    font-weight: 600;
}
.f-w-700 {
    font-weight: 700;
}
.f-w-800 {
    font-weight: 700;
}
.f-w-900 {
    font-weight: 900;
}

/* =============================================================================
   Width && Height
============================================================================= */
.box-background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #5f5e5e;
}
@media (max-width: 480px) {
    .box-background-image {
        /*background-image: url("https://goatthemes.com/bitexco/wp-content/uploads/2021/08/marcel-strauss-j5CmsEqH2u0-unsplash.jpg");*/
    }
}

.object-fit img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.atbs-thumb-object-fit a {
    width: 100%;
    height: 100%;
}
.atbs-thumb-object-fit img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.atbs-thumb-object-fit a.post__cat{
    width: unset;
    height: unset;
}

*[data-height='240'] {
    --data-height: 240px;
}
*[data-height='270'] {
    --data-height: 270px;
}
*[data-height='310'] {
    --data-height: 310px;
}


.post__thumb[data-height] {
    height: var(--data-height);
}
/* =============================================================================
   Margin - Padding
============================================================================= */
.m-b-0 {
    margin-bottom: 0px;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-b-12 {
    margin-bottom: 12px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-25 {
    margin-bottom: 25px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-35 {
    margin-bottom: 35px;
}
.m-b-40 {
    margin-bottom: 40px;
}
.m-b-45 {
    margin-bottom: 45px;
}
.m-b-50 {
    margin-bottom: 50px;
}

.m-t-0 {
    margin-top: 0;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-25 {
    margin-top: 25px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-35 {
    margin-top: 35px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-t-45 {
    margin-top: 45px;
}
.m-t-50 {
    margin-top: 50px;
}

/* =============================================================================
   Vendor
============================================================================= */
.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

.hidden {
    display: none !important
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

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

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

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


.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.1,0,.25,1);-o-transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-timing-function:cubic-bezier(0.1,0,.25,1);-webkit-transition-duration:0ms;-o-transition-duration:0ms;transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{-webkit-box-sizing:content-box;box-sizing:content-box}.fotorama__caption__wrap{-webkit-box-sizing:border-box;box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:-o-linear-gradient(top left,rgba(255,255,255,.25),rgba(64,64,64,.1));background-image:-webkit-gradient(linear,left top, right bottom,from(rgba(255,255,255,.25)),to(rgba(64,64,64,.1)));background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:-o-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),-o-radial-gradient(0 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:-webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(25%, rgba(0,0,0,.2)),color-stop(75%, rgba(0,0,0,.3)),to(transparent)),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:-o-linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),-o-radial-gradient(100% 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:-webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(25%, rgba(0,0,0,.2)),color-stop(75%, rgba(0,0,0,.3)),to(transparent)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
/*
 * Fotorama
 *--------------------*/

.atbs-gallery-slider .fotorama__stage {
    background: #111;
}

.atbs-gallery-slider .fotorama__thumb-border {
    border-color: #FC3C2D;
    background: transparent;
}

.atbs-gallery-slider .fotorama__nav__frame:not(.fotorama__active) {
    opacity: 0.8;
}

.atbs-gallery-slider .fotorama__nav--thumbs {
    position: relative;
    background: #111;
}

.atbs-gallery-slider .fotorama__nav--dots {
    margin-top: 5px;
}

.atbs-gallery-slider .fotorama__nav--dots .fotorama__nav__frame {
    width: auto;
    height: auto;
    padding: 12px 8px;
}

.atbs-gallery-slider .fotorama__dot {
    height: 8px;
    width: 8px;
    top: auto;
    left: auto;
    border: none;
    border-radius: 2px;
}

.atbs-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot {
    height: 8px;
    width: 8px;
    background: rgba(0, 0, 0, 0.4);
}

.atbs-gallery-slider .fotorama__caption {
    text-align: center;
    background-color: transparent;
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}

.atbs-gallery-slider .fotorama__caption__wrap {
    padding: 1em;
    background: transparent;
    color: #fff;
    font-size: 1rem;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.atbs-gallery-slider .fotorama__caption__wrap a,
.atbs-gallery-slider .fotorama__caption__wrap a:hover,
.atbs-gallery-slider .fotorama__caption__wrap a:focus,
.atbs-gallery-slider .fotorama__caption__wrap a:active {
    color: #fff;
    text-decoration: none;
    border: none;
}

/* =============================================================================
   Owl Carousel
============================================================================= */
/**
 * Owl Carousel v2.1.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel-under-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    -webkit-transition: -webkit-transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


.owl-carousel .owl-cursor {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0,0);
    -ms-transform: translate(-50%,-50%) scale(0,0);
    transform: translate(-50%,-50%) scale(0,0);
    opacity: 0;
    z-index: 2;
    /*pointer-events: none;*/
    /*transition: 0.5s ease-in-out;*/
}
.owl-carousel .owl-cursor svg {
    width: 40px;
    height: 40px;
    fill: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: rotateY(0deg) perspective(1000px);
    transform: rotateY(0deg) perspective(1000px);
}
.owl-carousel.Left .owl-cursor svg {
    -webkit-transform: rotateY(180deg) perspective(1000px);
    transform: rotateY(180deg) perspective(1000px);
}
.owl-carousel.Right .owl-cursor svg {
    -webkit-transform: rotateY(0deg) perspective(1000px);
    transform: rotateY(0deg) perspective(1000px);
}
.owl-carousel.on-hover {
    cursor: none;
}
.owl-carousel.on-hover .owl-cursor {
    opacity: 1;
    z-index: -1;
}
.owl-carousel.show-cursor .owl-cursor {
    -webkit-transform: translate(-50%,-50%) scale(1,1);
    -ms-transform: translate(-50%,-50%) scale(1,1);
    transform: translate(-50%,-50%) scale(1,1);
}
/**/
.owl-carousel.carousel-dot-center-number .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.owl-carousel.carousel-dot-center-number .owl-prev,
.owl-carousel.carousel-dot-center-number .owl-next {
    background-color: transparent;
    width: 20px;
    height: 20px;
    color: #222222;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: unset;
    left: unset;
    right: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}
.owl-carousel.carousel-dot-center-number .owl-prev i,
.owl-carousel.carousel-dot-center-number .owl-next i {
    font-size: 15px;
}
/*.owl-carousel.carousel-dot-center-number .owl-next {*/
/*    position: absolute;*/
/*}*/
.owl-carousel.carousel-dot-center-number .owl-dots {
    display: inline-block;
    padding: 0;
    position: absolute;
}

.infinity-single-trigger {
    height: 0;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    position: relative;
    height: 140px;
}
.infinity-single-trigger:before {
    content: "\e97b";
    font-family: 'mdicon' !important;
    font-size: 38px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    top: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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



.atbs-carousel .owl-dots {
    padding: 20px 0 0 0;
    text-align: center;
    line-height: 1;
}

.atbs-carousel .owl-dot {
    display: inline-block;
    padding: 4px;
}

.atbs-carousel .owl-dot span {
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 15px;
    background: transparent;
    vertical-align: middle;
    border: 1px solid #222222;
}

.atbs-carousel .owl-dot.active span {
    background: var(--color-primary);
    border: 0;
}

.owl-prev, .owl-next {
    cursor: pointer;
}

.atbs-carousel .owl-prev,
.atbs-carousel .owl-next {
    width: 45px;
    height: 45px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.atbs-carousel .owl-prev:hover,
.atbs-carousel .owl-next:hover {
    color: #fff;
    background-color: var(--color-primary);
}
.atbs-carousel .owl-prev i,
.atbs-carousel .owl-next i {
    margin: 0;
    font-size: 25px;
    line-height: 1;
}

.atbs-carousel .owl-prev {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.atbs-carousel .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.atbs-carousel-nav-custom-holder .owl-prev,
.atbs-carousel-nav-custom-holder .owl-next {
    display: inline-block;
    height: 45px;
    width: 45px;
    position: relative;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    color: #333;
    line-height: 38px;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.atbs-carousel-nav-custom-holder .owl-prev:hover,
.atbs-carousel-nav-custom-holder .owl-next:hover {
    background: #fff;
}

.atbs-carousel-nav-custom-holder .owl-prev.disabled,
.atbs-carousel-nav-custom-holder .owl-next.disabled {
    background: #aaa;
    cursor: default;
    opacity: 0.5;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.atbs-carousel-nav-custom-holder .owl-prev i,
.atbs-carousel-nav-custom-holder .owl-next i {
    font-size: 25px;
    line-height: 1;
}

.atbs-carousel-nav-custom-holder .owl-prev {
    margin-right: 4px;
}

.atbs-carousel-nav-number > *:not(:last-child) {
    margin-right: 10px;
}


.atbs-carousel .slide-content:not(:first-child) {
    display: none;
}
.atbs-carousel .owl-next,
.atbs-carousel .owl-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color-background-site);
    width: 50px;
    height: 50px;
    color: var(--color-dark-contrast-100);
}

.nav-horizontal,
.nav-horizontal .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.nav-horizontal .owl-prev:not(:last-child) {
    margin-right: 20px;
}
.nav-horizontal .owl-next,
.nav-horizontal .owl-prev {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


.nav-vertical {
    display: block;
}
.nav-vertical .owl-prev:not(:last-child) {
    margin-bottom: 20px;
}
.nav-vertical .owl-next,
.nav-vertical .owl-prev {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.nav-circle .owl-next,
.nav-circle .owl-prev {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    padding: 0;
}

.nav-white .owl-next,
.nav-white .owl-prev {
    background-color: #fff;
    color: var(--color-dark-contrast-100);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}
.nav-white .owl-next:hover,
.nav-white .owl-prev:hover {
    background-color: var(--color-primary);
    color: var(--color-secondary);
}


.nav-border .owl-next,
.nav-border .owl-prev {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background-color: transparent;
}
.nav-border .owl-next:hover,
.nav-border .owl-prev:hover {
    background-color: var(--color-primary);
    color: var(--color-secondary);
}

.nav-primary-background .owl-next,
.nav-primary-background .owl-prev {
    background-color: var(--color-primary);
    color: var(--color-secondary);
}

.nav-secondary-background .owl-next,
.nav-secondary-background .owl-prev {
    background-color: var(--color-secondary);
    color: var(--color-primary);
}

.dots-vertical .owl-dots {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dots-vertical .owl-dot {
    display: block;
}

.dots-white .owl-dot span {
    border-color: var(--color-white-contrast-20);
}
.dots-white .owl-dot.active span {
    background-color: rgba(255,255,255,1);
}
@media (max-width: 575px) {
    .dots-vertical .owl-dots {
        width: auto;
    }
    .dots-vertical .owl-dot {
        display: inline-block;
    }
}

.dots-circle .owl-dot{
    padding: 7.5px;
}
.dots-circle .owl-dot span{
    border-radius: 50%;
}


.icon-twitter,
.icon-facebook,
.icon-google-plus,
.icon-linkedin,
.icon-youtube,
.icon-tumbler,
.icon-dribbble,
.icon-vk,
.icon-stumbleupon,
.icon-behance,
.icon-soundcloud,
.icon-vine,
.icon-twitch,
.icon-facebook-official,
.icon-pinterest_p,
.icon-vimeo {
    font-size: 1em;
}

.icon--2x.icon--2x {
    font-size: 200%;
}

/* =============================================================================
   Typography
============================================================================= */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    /*font-family: "Rubik", Helvetica, Arial, sans-serif; */
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
    margin-top: 0; }

/*---- Typography scale ----*/
.h6,
h6 {
    font-size: 1rem;
    line-height: 1.5; }
@media (min-width: 768px) {
    .h6,
    h6 {
        font-size: 1rem;
        line-height: 1.5; } }
@media (min-width: 992px) {
    .h6,
    h6 {
        font-size: 1rem;
        line-height: 1.5; } }

.h5,
h5 {
    font-size: 1.125rem;
    line-height: 1.4; }
@media (min-width: 768px) {
    .h5,
    h5 {
        font-size: 1.2rem;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .h5,
    h5 {
        font-size: 1.25rem;
        line-height: 1.4; } }

.h4,
h4 {
    font-size: 1.266rem;
    line-height: 1.4; }
@media (min-width: 768px) {
    .h4,
    h4 {
        font-size: 1.44rem;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .h4,
    h4 {
        font-size: 1.563rem;
        line-height: 1.3; } }

.h3,
h3 {
    font-size: 1.424rem;
    line-height: 1.4; }
@media (min-width: 768px) {
    .h3,
    h3 {
        font-size: 1.728rem;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .h3,
    h3 {
        font-size: 1.953rem;
        line-height: 1.3; } }

.h2,
h2 {
    font-size: 1.602rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .h2,
    h2 {
        font-size: 2.074rem;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .h2,
    h2 {
        font-size: 2.441rem;
        line-height: 1.2; } }

.h1,
h1 {
    font-size: 1.802rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .h1,
    h1 {
        font-size: 2.488rem;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .h1,
    h1 {
        font-size: 3.052rem;
        line-height: 1.2; } }

.h0,
h0 {
    font-size: 2.027rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .h0,
    h0 {
        font-size: 2.986rem;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .h0,
    h0 {
        font-size: 3.815rem;
        line-height: 1.1; } }

.h-1,
h-1 {
    font-size: 2.281rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .h-1,
    h-1 {
        font-size: 3.583rem;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .h-1,
    h-1 {
        font-size: 4.768rem;
        line-height: 1.1; } }

.h-2,
h-2 {
    font-size: 2.566rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .h-2,
    h-2 {
        font-size: 4.3rem;
        line-height: 1.1; } }
@media (min-width: 992px) {
    .h-2,
    h-2 {
        font-size: 5.96rem;
        line-height: 1.1; } }

.typescale-n1 {
    font-size: 0.889rem;
    line-height: 1.5; }
@media (min-width: 768px) {
    .typescale-n1 {
        font-size: 0.889rem;
        line-height: 1.5; } }
@media (min-width: 992px) {
    .typescale-n1 {
        font-size: 0.889rem;
        line-height: 1.5; } }

.typescale-0 {
    font-size: 1rem;
    line-height: 1.5; }
@media (min-width: 768px) {
    .typescale-0 {
        font-size: 1rem;
        line-height: 1.5; } }
@media (min-width: 992px) {
    .typescale-0 {
        font-size: 1rem;
        line-height: 1.5; } }

.typescale-1 {
    font-size: 1.125rem;
    line-height: 1.4; }
@media (min-width: 768px) {
    .typescale-1 {
        font-size: 1.2rem;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .typescale-1 {
        font-size: 1.25rem;
        line-height: 1.4; } }

.typescale-2 {
    font-size: 1.266rem;
    line-height: 1.4; }
@media (min-width: 768px) {
    .typescale-2 {
        font-size: 1.44rem;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .typescale-2 {
        font-size: 1.563rem;
        line-height: 1.3; } }

.typescale-3 {
    font-size: 1.424rem;
    line-height: 1.4; }
@media (min-width: 768px) {
    .typescale-3 {
        font-size: 1.728rem;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .typescale-3 {
        font-size: 1.953rem;
        line-height: 1.3; } }

.typescale-4 {
    font-size: 1.602rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .typescale-4 {
        font-size: 2.074rem;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .typescale-4 {
        font-size: 2.441rem;
        line-height: 1.2; } }

.typescale-5 {
    font-size: 1.802rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .typescale-5 {
        font-size: 2.488rem;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .typescale-5 {
        font-size: 3.052rem;
        line-height: 1.2; } }

.typescale-6 {
    font-size: 2.027rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .typescale-6 {
        font-size: 2.986rem;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .typescale-6 {
        font-size: 3.815rem;
        line-height: 1.1; } }

.typescale-7 {
    font-size: 2.281rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .typescale-7 {
        font-size: 3.583rem;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .typescale-7 {
        font-size: 4.768rem;
        line-height: 1.1; } }

.typescale-8 {
    font-size: 2.566rem;
    line-height: 1.3; }
@media (min-width: 768px) {
    .typescale-8 {
        font-size: 4.3rem;
        line-height: 1.1; } }
@media (min-width: 992px) {
    .typescale-8 {
        font-size: 5.96rem;
        line-height: 1.1; } }


.hs_cos_wrapper_type_rich_text,
.typography-copy,
.comment-content {
    font-size: 16px;
    font-size: 1.1429rem;
    line-height: 1.6; }

.hs_cos_wrapper_type_rich_text h6,
.typography-copy .h6,
.typography-copy h6,
.comment-content .h6,
.comment-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1em;
    line-height: 1.5; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h6,
    .typography-copy .h6,
    .typography-copy h6,
    .comment-content .h6,
    .comment-content h6 {
        font-size: 1em;
        line-height: 1.5; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h6,
    .typography-copy .h6,
    .typography-copy h6,
    .comment-content .h6,
    .comment-content h6 {
        font-size: 1em;
        line-height: 1.5; } }
.hs_cos_wrapper_type_rich_text h5,
.typography-copy .h5,
.typography-copy h5,
.comment-content .h5,
.comment-content h5 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.125em;
    line-height: 1.4; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h5,
    .typography-copy .h5,
    .typography-copy h5,
    .comment-content .h5,
    .comment-content h5 {
        font-size: 1.2em;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h5,
    .typography-copy .h5,
    .typography-copy h5,
    .comment-content .h5,
    .comment-content h5 {
        font-size: 1.25em;
        line-height: 1.4; } }
.hs_cos_wrapper_type_rich_text h4,
.typography-copy .h4,
.typography-copy h4,
.comment-content .h4,
.comment-content h4 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.266em;
    line-height: 1.4; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h4,
    .typography-copy .h4,
    .typography-copy h4,
    .comment-content .h4,
    .comment-content h4 {
        font-size: 1.44em;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h4,
    .typography-copy .h4,
    .typography-copy h4,
    .comment-content .h4,
    .comment-content h4 {
        font-size: 1.563em;
        line-height: 1.3; } }
.hs_cos_wrapper_type_rich_text h3,
.typography-copy .h3,
.typography-copy h3,
.comment-content .h3,
.comment-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.424em;
    line-height: 1.4; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h3,
    .typography-copy .h3,
    .typography-copy h3,
    .comment-content .h3,
    .comment-content h3 {
        font-size: 1.728em;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h3,
    .typography-copy .h3,
    .typography-copy h3,
    .comment-content .h3,
    .comment-content h3 {
        font-size: 1.953em;
        line-height: 1.3; } }
.hs_cos_wrapper_type_rich_text h2,
.typography-copy .h2,
.typography-copy h2,
.comment-content .h2,
.comment-content h2 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.602em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h2,
    .typography-copy .h2,
    .typography-copy h2,
    .comment-content .h2,
    .comment-content h2 {
        font-size: 2.074em;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h2,
    .typography-copy .h2,
    .typography-copy h2,
    .comment-content .h2,
    .comment-content h2 {
        font-size: 2.441em;
        line-height: 1.2; } }
.hs_cos_wrapper_type_rich_text h1,
.typography-copy .h1,
.typography-copy h1,
.comment-content .h1,
.comment-content h1 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.802em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h1,
    .typography-copy .h1,
    .typography-copy h1,
    .comment-content .h1,
    .comment-content h1 {
        font-size: 2.488em;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h1,
    .typography-copy .h1,
    .typography-copy h1,
    .comment-content .h1,
    .comment-content h1 {
        font-size: 3.052em;
        line-height: 1.2; } }
.hs_cos_wrapper_type_rich_text h0,
.typography-copy .h0,
.typography-copy h0,
.comment-content .h0,
.comment-content h0 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.027em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h0,
    .typography-copy .h0,
    .typography-copy h0,
    .comment-content .h0,
    .comment-content h0 {
        font-size: 2.986em;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h0,
    .typography-copy .h0,
    .typography-copy h0,
    .comment-content .h0,
    .comment-content h0 {
        font-size: 3.815em;
        line-height: 1.1; } }
.hs_cos_wrapper_type_rich_text h-1,
.typography-copy .h-1,
.typography-copy h-1,
.comment-content .h-1,
.comment-content h-1 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.281em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h-1,
    .typography-copy .h-1,
    .typography-copy h-1,
    .comment-content .h-1,
    .comment-content h-1 {
        font-size: 3.583em;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h-1,
    .typography-copy .h-1,
    .typography-copy h-1,
    .comment-content .h-1,
    .comment-content h-1 {
        font-size: 4.768em;
        line-height: 1.1; } }
.hs_cos_wrapper_type_rich_text h-2,
.typography-copy .h-2,
.typography-copy h-2,
.comment-content .h-2,
.comment-content h-2 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.566em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text h-2,
    .typography-copy .h-2,
    .typography-copy h-2,
    .comment-content .h-2,
    .comment-content h-2 {
        font-size: 4.3em;
        line-height: 1.1; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text h-2,
    .typography-copy .h-2,
    .typography-copy h-2,
    .comment-content .h-2,
    .comment-content h-2 {
        font-size: 5.96em;
        line-height: 1.1; } }
.hs_cos_wrapper_type_rich_text .typescale-n1,
.typography-copy .typescale-n1,
.comment-content .typescale-n1 {
    font-size: 0.889em;
    line-height: 1.5; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-n1,
    .typography-copy .typescale-n1,
    .comment-content .typescale-n1 {
        font-size: 0.889em;
        line-height: 1.5; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-n1,
    .typography-copy .typescale-n1,
    .comment-content .typescale-n1 {
        font-size: 0.889em;
        line-height: 1.5; } }
.hs_cos_wrapper_type_rich_text .typescale-0,
.typography-copy .typescale-0,
.comment-content .typescale-0 {
    font-size: 1em;
    line-height: 1.5; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-0,
    .typography-copy .typescale-0,
    .comment-content .typescale-0 {
        font-size: 1em;
        line-height: 1.5; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-0,
    .typography-copy .typescale-0,
    .comment-content .typescale-0 {
        font-size: 1em;
        line-height: 1.5; } }
.hs_cos_wrapper_type_rich_text .typescale-1,
.typography-copy .typescale-1,
.comment-content .typescale-1 {
    font-size: 1.125em;
    line-height: 1.4; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-1,
    .typography-copy .typescale-1,
    .comment-content .typescale-1 {
        font-size: 1.2em;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-1,
    .typography-copy .typescale-1,
    .comment-content .typescale-1 {
        font-size: 1.25em;
        line-height: 1.4; } }
.hs_cos_wrapper_type_rich_text .typescale-2,
.typography-copy .typescale-2,
.comment-content .typescale-2 {
    font-size: 1.266em;
    line-height: 1.4; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-2,
    .typography-copy .typescale-2,
    .comment-content .typescale-2 {
        font-size: 1.44em;
        line-height: 1.4; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-2,
    .typography-copy .typescale-2,
    .comment-content .typescale-2 {
        font-size: 1.563em;
        line-height: 1.3; } }
.hs_cos_wrapper_type_rich_text .typescale-3,
.typography-copy .typescale-3,
.comment-content .typescale-3 {
    font-size: 1.424em;
    line-height: 1.4; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-3,
    .typography-copy .typescale-3,
    .comment-content .typescale-3 {
        font-size: 1.728em;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-3,
    .typography-copy .typescale-3,
    .comment-content .typescale-3 {
        font-size: 1.953em;
        line-height: 1.3; } }
.hs_cos_wrapper_type_rich_text .typescale-4,
.typography-copy .typescale-4,
.comment-content .typescale-4 {
    font-size: 1.602em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-4,
    .typography-copy .typescale-4,
    .comment-content .typescale-4 {
        font-size: 2.074em;
        line-height: 1.3; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-4,
    .typography-copy .typescale-4,
    .comment-content .typescale-4 {
        font-size: 2.441em;
        line-height: 1.2; } }
.hs_cos_wrapper_type_rich_text .typescale-5,
.typography-copy .typescale-5,
.comment-content .typescale-5 {
    font-size: 1.802em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-5,
    .typography-copy .typescale-5,
    .comment-content .typescale-5 {
        font-size: 2.488em;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-5,
    .typography-copy .typescale-5,
    .comment-content .typescale-5 {
        font-size: 3.052em;
        line-height: 1.2; } }
.hs_cos_wrapper_type_rich_text .typescale-6,
.typography-copy .typescale-6,
.comment-content .typescale-6 {
    font-size: 2.027em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-6,
    .typography-copy .typescale-6,
    .comment-content .typescale-6 {
        font-size: 2.986em;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-6,
    .typography-copy .typescale-6,
    .comment-content .typescale-6 {
        font-size: 3.815em;
        line-height: 1.1; } }
.hs_cos_wrapper_type_rich_text .typescale-7,
.typography-copy .typescale-7,
.comment-content .typescale-7 {
    font-size: 2.281em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-7,
    .typography-copy .typescale-7,
    .comment-content .typescale-7 {
        font-size: 3.583em;
        line-height: 1.2; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-7,
    .typography-copy .typescale-7,
    .comment-content .typescale-7 {
        font-size: 4.768em;
        line-height: 1.1; } }
.hs_cos_wrapper_type_rich_text .typescale-8,
.typography-copy .typescale-8,
.comment-content .typescale-8 {
    font-size: 2.566em;
    line-height: 1.3; }
@media (min-width: 768px) {
    .hs_cos_wrapper_type_rich_text .typescale-8,
    .typography-copy .typescale-8,
    .comment-content .typescale-8 {
        font-size: 4.3em;
        line-height: 1.1; } }
@media (min-width: 992px) {
    .hs_cos_wrapper_type_rich_text .typescale-8,
    .typography-copy .typescale-8,
    .comment-content .typescale-8 {
        font-size: 5.96em;
        line-height: 1.1; } }
.hs_cos_wrapper_type_rich_text h4,
.typography-copy h4,
.typography-copy .h4,
.comment-content h4,
.comment-content .h4 {
    font-weight: 700; }
.hs_cos_wrapper_type_rich_text h5,
.typography-copy h5,
.typography-copy .h5,
.comment-content h5,
.comment-content .h5 {
    font-weight: 700; }
.hs_cos_wrapper_type_rich_text h6,
.typography-copy h6,
.typography-copy .h6,
.comment-content h6,
.comment-content .h6 {
    font-weight: 700; }
.hs_cos_wrapper_type_rich_text blockquote,
.typography-copy blockquote,
.comment-content blockquote {
    margin: 0 0 1.6em 0;
    padding: 0 0 0 1em;
    border-left: 5px solid var(--color-dark-contrast-20);
    font-family: "Rubik", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.5;
    color: var(--color-dark-contrast-50); }
.hs_cos_wrapper_type_rich_text blockquote:before,
.typography-copy blockquote:before,
.comment-content blockquote:before {
    content: '\201c';
    display: block;
    position: relative;
    top: 0.225em;
    margin-bottom: 0.2em;
    color: #eee;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 5em;
    line-height: 0.3; }
.hs_cos_wrapper_type_rich_text cite,
.typography-copy blockquote cite,
.comment-content blockquote cite {
    font-size: 0.86em; }

.hs_cos_wrapper_type_rich_text blockquote p,
.typography-copy blockquote p,
.comment-content blockquote p {
    margin-bottom: 1em; }
.hs_cos_wrapper_type_rich_text mark,
.typography-copy mark,
.comment-content mark {
    color: var(--color-white-contrast-80);;
    background: var(--color-primary); }

.hs_cos_wrapper_type_rich_text ol,
.hs_cos_wrapper_type_rich_text ul,
.typography-copy ol,
.typography-copy ul,
.comment-content ol,
.comment-content ul {
    margin-bottom: 1.6em;
    padding-left: 1.8em; }

.hs_cos_wrapper_type_rich_text li > ol,
.hs_cos_wrapper_type_rich_text li > ul,
.typography-copy li > ol,
.typography-copy li > ul,
.comment-content li > ol,
.comment-content li > ul {
    margin-bottom: 0; }

.hs_cos_wrapper_type_rich_text p,
.typography-copy p,
.comment-content p {
    margin-bottom: 1.6em;
    color: var(--color-dark-contrast-80);
}





.inverse-text .category__title a,
.inverse-text .post__title,
.inverse-text .post__title a,
.inverse-text .entry-title,
.inverse-text .entry-title a,
.inverse-text .entry-author a.entry-author__name,
.inverse-text .entry-author time.time,
.inverse-text .category__readmore a,
.inverse-text .view__count {
    color: var(--color-white-contrast-100);
}

.inverse-text time.time {
    color: var(--color-white-contrast-100);
}
.inverse-text time.time,
.inverse-text .view__count {
    opacity: 0.8;
}
.inverse-text .post__excerpt {
    opacity: 1;
}
.inverse-text .category__excerpt,
.inverse-text .post__excerpt,
.overlay-content .entry-excerpt,
.inverse-text .entry-excerpt,
.inverse-text .entry-teaser {
    color: var(--color-white-contrast-60);
}

.inverse-text .post__meta,
.inverse-text .post__meta a:not(.post__cat),
.inverse-text .entry-meta,
.inverse-text .entry-meta a:not(.post__cat),
.inverse-text .meta-text,
.inverse-text a.meta-text,
.category-item .inverse-text  .category__meta {
    color: var(--color-white-contrast-60);
}

.inverse-text .entry-meta span,
.inverse-text .entry-meta .time span,
.inverse-text .entry-author .entry-author__name span,
.inverse-text .post-author .post-author__name span {
    color: var(--color-white-contrast-60);
}


.inverse-text .post__meta a.post-author__name,
.inverse-text .entry-author__name.entry-author__name {
    color: var(--color-white-contrast-80);
}



.atbs-pagination button.btn-default {
    padding: 12px 30px;
    background-color: var(--color-primary);
    color: var(--color-white-contrast-100);
    font-size: 1.07142857143rem;
    line-height: 1.5;
    font-weight: 600;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.atbs-pagination button.atbs-no-more-button {
    background-color: var(--color-secondary);
    color: var(--color-white-contrast-20);
    cursor: not-allowed;
}



.item-hidden {
    display: none;
}

/* default form */

.widget-type-form form input[type=date], 
.widget-type-form form input[type=email], 
.widget-type-form form input[type=number], 
.widget-type-form form input[type=password], 
.widget-type-form form input[type=search], 
.widget-type-form form input[type=tel], 
.widget-type-form form input[type=text], 
.widget-type-form form input[type=url], 
.widget-type-form form select, 
.widget-type-form form select.form-control, 
.widget-type-form form textarea, 
.widget-type-form form textarea.form-control{
    background-color: #fff;
    color: #444;
    border-color: #666666;
}
.widget-type-form form .hs-button[type=submit] {
    background-color: #004aad;
    color: #fff;
    border: 1px solid #004aad;
}
.widget-type-form form label,
.widget-type-form form .hs-error-msg {
    color: #555;
}
.atbs-home-design .widget-type-form h3.form-title:not(.post__title):not(.atbs-exclude),
.widget-type-form .form-title {
    background-color: #fff;
    color: #222;
    font-size: 27px;
    font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
}


/* default form */


.btn-play svg{
    position: relative;
    z-index: 2;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    transition: 0.2s all ease;
    cursor: pointer;
}
.btn-play:hover svg{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
         transform: scale(1.1);
}
.btn-play:after{
    content: '';
    border-color: inherit;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    position: absolute;
    background-color: var(--color-primary);
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-animation-duration: 1.15s;
    -moz-animation-duration: 1.15s;
      -o-animation-duration: 1.15s;
         animation-duration: 1.15s;
    -webkit-animation-name: video_sc;
    -moz-animation-name: video_sc;
      -o-animation-name: video_sc;
         animation-name: video_sc;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
      -o-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
      -o-animation-delay: 1s;
         animation-delay: 1s;
}
.btn-play:hover:after{
    -webkit-animation: none;
    -moz-animation: none;
      -o-animation: none;
         animation: none;
    -webkit-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
}
.btn-play:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
    display: none;
}
.btn-play:before{
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    height: -webkit-calc(100% + 20px);
    height: -moz-calc(100% + 20px);
    height: calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
      -o-transform: scale(0);
         transform: scale(0);
    z-index: 1;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
}
@-webkit-keyframes video_sc {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0; } }

@-moz-keyframes video_sc {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
             transform: scale(1); }
    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
             transform: scale(1.5);
        opacity: 0; } }

@-o-keyframes video_sc {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
           transform: scale(1); }
    100% {
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
           transform: scale(1.5);
        opacity: 0; } }

@keyframes video_sc {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1); }
    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
          -o-transform: scale(1.5);
             transform: scale(1.5);
        opacity: 0; } }



/*Button Direction*/
.btn-fixed-more {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    border-radius: 50%;
}
.btn-fixed-more:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 300%;
    /*background-image: linear-gradient(45deg, #00ffba, #2575fc , #022cff);*/
    background-image: -o-linear-gradient(30deg, #6a11cb, #2575fc, #1aff00);
    background-image: linear-gradient(60deg, #6a11cb, #2575fc, #1aff00);
    -webkit-animation: bg-animation 5s infinite;
    animation: bg-animation 5s infinite;
    border-radius: 50%;
    opacity: 1;
}
.btn-fixed-more .btn-text-hint {
    font-size: 1.85714285714rem;
    font-weight: 700;
    display: block;
}
.btn-fixed-more .btn-direction {
    padding: 12px;
    font-size: 15px;
    font-weight: 400;
    width: 103px;
    height: 103px;
    color: var(--color-white-contrast-100) !important;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    line-height: 1.08;
}
.btn-fixed-more .btn-direction:before,
.btn-fixed-more .btn-direction:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    border-radius: 50%;
    z-index: -2;
    pointer-events: none;
}

.btn-fixed-more .btn-direction:before {
    -webkit-animation: load 1.5s ease-out infinite;
    animation: load 1.5s ease-out infinite;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}
.btn-fixed-more .btn-direction:after {
    -webkit-animation: load 1.5s ease-out infinite 0.2s;
    animation: load 1.5s ease-out infinite 0.2s;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
}
.btn-fixed-more .btn-remove-direction {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 12px;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #222222;
    border: 1px solid var(--color-white-contrast-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


@-webkit-keyframes bg-animation {
    0% {background-position: left}
    50% {background-position: right}
    100% {background-position: left}
}
@keyframes bg-animation {
    0% {background-position: left}
    50% {background-position: right}
    100% {background-position: left}
}
@-webkit-keyframes load {
    0% {

        border: 0px solid rgba(0,255,186,0.6);
    }
    50% {
        border: 110px solid transparent;
    }
    100% {
        border: 0px solid transparent;
    }
}
@keyframes load {
    0% {

        border: 0px solid rgba(0,255,186,0.6);
    }
    50% {
        border: 110px solid transparent;
    }
    100% {
        border: 0px solid transparent;
    }
}
@media (max-width: 991px) {
    .btn-fixed-more .btn-direction {
        width: 90px;
        height: 90px;
        font-size: 13px;
    }
    .btn-fixed-more .btn-text-hint {
        font-size: 1.55714285714rem;
    }
}
@media (max-width: 575px) {
    .btn-fixed-more .btn-direction {
        width: 84px;
        height: 84px;
        line-height: 1.15;
    }
    .btn-fixed-more .btn-text-hint {
        font-size: 1.45714285714rem;
    }
    .btn-fixed-more .btn-remove-direction {
        top: -3px;
        right: -2px;
    }
}


.atbs-disable-search .hs-search-field {
    display: none;
}
/* Typography */







.block-heading__hint,
.event-week__label, .special-featured__hint {
    font-family: ''palatino linotype', 'book antiqua', palatino, serif', cursive;
}

.globe_class,
.subscribe-heading__title,
.intro-heading__title,
.price-heading__title,
.introduce-heading__title,
.heading-info__number,
.checklist-heading__title,
.feature-logo__text,
.block-heading .block-heading__title,
.service-card .service__name,
a.service-feature__link,/**/
.achievement-card .achievement-number,
.achievement-card .achievement-name,
.membership__name,
.post__title, .about-heading-large,
.about-hint, .heading-label, .heading-number,
.heading-label-section,
.staff-info__name, .staff-info__regency,
.heading-description, .profile-info__name, .entry-title,
.widget__title-text, .comments-title, .comments-section .block-heading .block-heading__title, .comment-respond .comment-reply-title,
.page-404-hint, .heading-inside__title, .contact-paragraph__heading, .hs-search-field label,
.tab-heading, .faq-heading__title, .contact-form__heading,
.box-wrapper .box-heading__title h1, .box-wrapper .page-header h1,
.site-footer .widget__title .widget__title-text,
.heading-footer, .btn-read-more, .price-hint, .price-button, .why-choose__tag, .why-choose__title,
.feature-choose__card .feature-choose__tag, .team-member__card .member__name, .people-author__name,
input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn), .feature-choose__title,
.form-field__heading, .customer__title, .customer__name, .counter-card .counter__number,
.counter-card .counter__text, .atbs-pagination button.btn-default, .post-author__name, .btn-link,
.btn-rectangle button,
.posts-navigation .posts-navigation__label, .share-link__title {
    font-family: 'Poppins', sans-serif;
}
.navigation li a {
    font-family: 'Poppins', sans-serif;
}
body,
.intro-heading__tag, .staff-info__regency,
.site-footer .navigation .hs-menu-wrapper > ul > li a,
.footer-list-text, .site-footer .widget__title .widget__title-text,
.post__meta-normal .post-author__name {
    font-family: 'Poppins', sans-serif;
}
body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--color-background-site);
    min-height: 100vh;
}
.site-wrapper {
    /*min-height: 10000px;*/
    position: relative;
    z-index: 1;
}
.site-wrapper:before {
    /*content: '';*/
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url('../images/Background-Grid.png');*/
    /*background-position: center;*/
    /*position: fixed;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: -1;*/
}
.box-background-image {
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    opacity: 0;


}

picture img {
    display: block;
}

.btn-purchase-now {
    display: inline-block;
}
.btn-purchase-now span {
    width: 350px;
    height: 350px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 10px;
    color: var(--color-white-contrast-80);
    border: 1px solid var(--color-white-contrast-30);
    text-align: center;

    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.btn-read-more {
    font-size: 1.14285714286rem;
    line-height: 1.5;
    font-weight: 500;

    padding: 14px 30px;
    border-radius: 50px;
    background-color: var(--color-primary);
    color: var(--color-white-contrast-100);
    position: relative;
    margin-top: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-read-more:hover {
    color: var(--color-white-contrast-100);
}
.btn-read-more svg {
    margin-left: 15px;
}
.btn-read-more svg path {
    fill: var(--color-white-contrast-100);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-read-more .read-more-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--color-white-contrast-50);
    margin-left: 20px;
}
.btn-read-more .read-more-icon path {
    fill:  var(--color-white-contrast-50);
}
.btn-read-more .read-more-icon:hover {
    background-color: var(--color-white-contrast-100);
}
.btn-read-more .read-more-icon:hover path {
    fill: var(--color-primary);
}
a.btn-link {
    color: var(--color-dark-contrast-60);
    font-weight: 500;
    margin-top: 22px;
    font-size: 1.14285714286rem;
    line-height: 1.5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.btn-link:hover {
    color: var(--color-primary);
}

.btn-link {
    margin-top: 15px;
    color: var(--color-dark-contrast-80);
    border-color: var(--color-dark-contrast-80);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.btn-link svg {
    margin-left: 9px;
    width: 14px;
    height: auto;
}
.btn-link svg path {
    fill: var(--color-dark-contrast-80);
}
.btn-link:hover svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-link:hover svg path {
    fill: var(--color-primary);
}

.btn-link-radius {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50px;
    padding: 14px 30px;
    border: 2px solid var(--color-primary);
    margin-top: 35px;
    font-size: 1.14285714286rem;
    line-height: 1.5;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: var(--color-white-contrast-100);
}
.btn-link-radius:hover {
    background-color: var(--color-primary);
    color: var(--color-white-contrast-100);
}
.btn-play {
    width: 85px;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    cursor: pointer;
    background-color: var(--color-primary);
}



[data-layout] {
    --container-space: 300px;
    --container-space: 280px;
}
[data-layout *='full-width'] {
    --container-space: 0;
    padding-left: 0;
    padding-right: 0;
}
[data-layout='container'] {
    padding-left: var(--container-space);
    padding-right: var(--container-space);
}
[data-layout *='container-left'] {
    padding-left: var(--container-space);
}
[data-layout *='container-right'] {
    padding-right: var(--container-space);
}

.color-black {
    color: var(--color-dark-contrast-100) !important;
}

.background-underline {
    position: relative;
    white-space: pre-line;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 10px;
}
.background-underline svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 0.2em);
    height: calc(100% + 0.2em);
    -webkit-transform: translate(-50%,-50%) rotate(-2.3deg);
    -ms-transform: translate(-50%,-50%) rotate(-2.3deg);
    transform: translate(-50%,-50%) rotate(-2.3deg);
}
.background-underline svg path {
    stroke: var(--color-primary);
    stroke-width: 9;
    fill: none;
    stroke-dasharray: 1500;
    stroke-linecap: round;
    stroke-linejoin: round;
}


@media (max-width: 1680px) {
    [data-layout] {
        --container-space: 150px;
    }
}
@media (max-width: 1680px) and (min-width: 1367px) {

}
@media (max-width: 1545px) {
    .btn-purchase-now span {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 1480px) {
    [data-layout] {
        --container-space: 130px;
    }
    .btn-purchase-now span {
        width: 275px;
        height: 275px;
        font-size: 1.28571428571rem;
        line-height: 1.5;
    }

    .btn-read-more {
        margin-top: 50px;
    }
}
@media (max-width: 1366px) {
    [data-layout] {
        --container-space: 120px;
    }
}
@media (max-width: 1199px) {
    [data-layout] {
        --container-space: 80px;
    }

    .btn-purchase-now span {
        width: 250px;
        height: 250px;
        font-size: 1.28571428571rem;
        line-height: 1.5;
    }
    .btn-read-more {
        margin-top: 30px;
    }
}
@media (max-width: 991px) {
    [data-layout] {
        --container-space: 80px;
    }

    .btn-read-more {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    [data-layout] {
        --container-space: 40px;
    }
}
@media (max-width: 480px) {
    [data-layout] {
        --container-space: 30px;
    }
}
@media (max-width: 380px) {
    [data-layout] {
        --container-space: 20px;
    }
}l