@font-face {
    font-family: "AG-Regular";
    src: url("https://cdn.rupteur.ch/fonts/ag.woff2") format("woff2"), /* chrome, firefox */
        url("https://cdn.rupteur.ch/fonts/ag.woff") format("woff"); /* chrome, firefox */
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Paytone One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://cdn.rupteur.ch/fonts/PaytoneExt.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Paytone One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://cdn.rupteur.ch/fonts/Paytone.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    src: url('https://cdn.rupteur.ch/fonts/material.woff2') format('woff2');
    }
    
  .mi {
    font-family: 'Material Icons';
    font-weight: 500;
    font-style: normal;
    line-height: auto;
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
 }
  
    .mi.md-18 { font-size: 18px; }
    .mi.md-24 { font-size: 24px; }
    .mi.md-32 { font-size: 32px; }
    .mi.md-36 { font-size: 36px; }
    .mi.md-48 { font-size: 48px; }

 .mi.red { color:#e60000; }
 .mi.white { color:white; }
 .mi.black { color:black; }
 


  html {
    scrollbar-width: none; /* For Firefox */
}

html::-webkit-scrollbar {
    display: none; /* For WebKit browsers */
}

/* Firefox */
html {
    scrollbar-width: none; /* This hides the scrollbar in Firefox */
}




:root {
    --font-primary: 'AG-Regular', sans-serif;
    --font-bold: 'Paytone One', sans-serif;
    --height-base: 1px;
    --color-black: #000000;
    --color-red: #e60000;
    --color-primary: #e60000;

    --color-light: #fdeff4; 
    --color-pink-light: #E96C81;
    --color-pink: #f54a6a;
    --color-pink-active: #d73c59;
    --color-pink-hover: #e64360;


    --color-blue: #009ef7;

    --color-green: #0cbc3e;
    --color-teal: #53cfae;

    --rb-success: #35cba3;
    --rb-success-light: #d0fcf0;
    --rb-success-active: #17cb9b;

    --rb-info: #F06292;
    --rb-info-light: #fdeff4;
    --rb-info-active: #EC407A;




    --rb-danger: #F06292;
    --rb-danger-light: #fff5f8;
    --rb-danger-active: #EC407A;

    --rb-warning: rgb(148, 120, 5);
    --rb-warning-light: #fc0;
    --rb-warning-active: rgb(148, 120, 5);

}

[data-height] {
    height: calc(var(--height-base) * attr(data-height number));
  }

html {
    font-family: var(--font-primary) !important;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}




body,
html {
    width: 100%;
    background-color: #fff !important;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}



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

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

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

[hidden] {
    display: none
}

a:active,
a:focus,
a:hover,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 600;
}

ins {
    text-decoration: underline
}

del {
    text-decoration: line-through
}


hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

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

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}


small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

.g-alert-close,
.g-alert-close:hover,
.g-btn {
    cursor: pointer;
    text-decoration: none
}

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

input[type=search] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

table {
    border-spacing: 0
}

dl,
ol,
ul {
    list-style: none;
    margin: 0
}


.l-submain {
margin-top: -1px !important;	
}

.l-subfooter,
.l-subfooter-h,
.l-subheader,
.l-subheader-h,
.l-submain,
.l-submain-h {
    width: 100%;
    margin: 0 auto
}

.i-cf {
    zoom: 1
}

.i-cf:after,
.i-cf:before {
    content: ' ';
    display: table
}

.l-canvas.col_cont .l-sidebar.at_left,
.l-canvas.col_cont .l-sidebar.at_right,
.l-canvas.col_contside .l-sidebar.at_left,
.l-canvas.col_sidecont .l-sidebar.at_right {
    display: none
}

.i-cf:after {
    clear: both
}

.l-subheader.type_fixed {
    left: 0;
    top: auto;
    position: fixed;
    max-width: 100%!important;
    z-index: 30
}

.l-content-h,
.l-footer,
.l-main {
    position: relative
}

.l-content {
    width: 100%
}

.l-content-h {
    min-height: 1px
}

.l-footer.type_sticky {
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%
}

.l-subfooter.type_fixed {
    left: 0;
    bottom: 0;
    position: fixed;
    max-width: 100%!important
}

.g-alert,
.g-alert-close,
.g-breadcrumbs,
.g-input {
    position: relative
}

.l-canvas.col_contside .l-content {
    float: left;
    width: 69.1489%
}

.l-canvas.col_contside .l-sidebar.at_right {
    float: right;
    width: 25.5319%
}


.mb10 {
margin-bottom: 10px !important;	
}
.l-canvas.col_sidecont .l-content {
    float: right;
    width: 69.1489%
}

.l-canvas.col_sidecont .l-sidebar.at_left {
    float: left;
    width: 25.5319%
}

.g-alert {
    margin: 0 0 20px;
    zoom: 1
}

.w-alert:after,
.w-alert:before {
    display: table;
    content: ' '
}

.w-alert:after {
    clear: both
}

.g-alert-close {
    float: right;
    display: none
}

.g-alert.type_error {
    color: #a24141;
    background-color: #ffd9d9
}

.g-alert.type_success {
    color: #5e8339;
    background-color: #dfffb2
}

.g-alert.type_info {
    color: #fff;
    background-color: #5ac8ed
}

.g-alert.type_attention {
    color: #846534;
    background-color: #fff2b2
}

.g-alert.with_close {
    padding-right: 50px
}

.g-alert.with_close .g-alert-close {
    display: block
}

.g-breadcrumbs {
    font-size: 85%
}

.g-breadcrumbs-item,
.g-breadcrumbs-separator {
    margin-right: 5px
}

.g-cols {
    zoom: 1
}

.g-cols:after,
.g-cols:before {
    display: table;
    line-height: 0;
    content: ""
}

.g-cols:after {
    clear: both
}

.g-cols>div {
    float: left;
    width: 100%;
    margin-left: 4%
}

.g-cols>div:last-child {
    margin-bottom: 0!important
}

.g-cols>div.full-width,
.g-cols>div:first-child {
    margin-left: 0
}

.g-cols>.one-half,
.g-cols>.three-sixths,
.g-cols>.two-fourths,
.g-cols>.two-quarters {
    width: 48%
}

.g-cols>.one-third,
.g-cols>.two-sixths {
    width: 30.6666%
}

.g-cols>.four-sixths,
.g-cols>.two-thirds {
    width: 65.3333%
}

.g-cols>.one-fourth,
.g-cols>.one-quarter {
    width: 22%
}

.g-cols>.three-fourths,
.g-cols>.three-quarters {
    width: 74%
}

.g-cols>.one-fifth {
    width: 16.8%
}

.g-cols>.two-fifths {
    width: 37.6%
}

.g-cols>.three-fifths {
    width: 58.4%
}

.g-cols>.four-fifths {
    width: 79.2%
}

.g-cols>.one-sixth {
    width: 13.3333%
}

.g-cols>.five-sixths {
    width: 80.3333%
}

.g-cols>.pres-icon {
    width: 5%
}

.g-cols>.pres-text {
    width: 90%
}

.g-cols.offset_wide>div {
    margin-left: 6%
}

.g-cols.offset_wide>div:first-child {
    margin-left: 0
}

.g-cols.offset_wide>.one-half,
.g-cols.offset_wide>.three-sixths,
.g-cols.offset_wide>.two-fourths,
.g-cols.offset_wide>.two-quarters {
    width: 47%
}

.g-cols.offset_wide>.one-third,
.g-cols.offset_wide>.two-sixths {
    width: 29.3333%
}

.g-cols.offset_wide>.four-sixths,
.g-cols.offset_wide>.two-thirds {
    width: 64.6666%
}

.g-cols.offset_wide>.one-fourth,
.g-cols.offset_wide>.one-quarter {
    width: 20.5%
}

.g-cols.offset_wide>.three-fourths,
.g-cols.offset_wide>.three-quarters {
    width: 73.5%
}

.g-cols.offset_wide>.one-fifth {
    width: 15.2%
}

.g-cols.offset_narrow>div {
    margin-left: 2.1276%
}

.g-cols.offset_narrow>div:first-child {
    margin-left: 0
}

.g-cols.offset_narrow>.one-half,
.g-cols.offset_narrow>.three-sixths,
.g-cols.offset_narrow>.two-fourths,
.g-cols.offset_narrow>.two-quarters {
    width: 48.9361%
}

.g-cols.offset_narrow>.one-third,
.g-cols.offset_narrow>.two-sixths {
    width: 31.9148%
}

.g-cols.offset_narrow>.four-sixths,
.g-cols.offset_narrow>.two-thirds {
    width: 65.9574%
}

.g-cols.offset_narrow>.one-fourth,
.g-cols.offset_narrow>.one-quarter {
    width: 23.4042%
}

.g-cols.offset_narrow>.three-fourths,
.g-cols.offset_narrow>.three-quarters {
    width: 74.468%
}

.g-cols.offset_narrow>.one-fifth {
    width: 18.2978%
}

@media (max-width:767px) {
    .g-cols>div {
        margin-left: 0!important;
        margin-bottom: 30px;
        width: 100%!important
    }
}


input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
select,
textarea {
    width: 100%;
    position: relative
}

textarea {
    overflow: auto;
    line-height: 20px;
    height: 120px;
    resize: vertical
}

.w-blog-entry-h,
.w-blog-entry-preview,
.w-blog.type_masonry .w-blog-entry,
.w-contacts-item,
.w-files,
.w-files-file,
.w-gallery-main,
.w-gallery-tnail-h,
.w-gallery-tnail-title,
.w-gallery.type_masonry .w-gallery-tnails-h,
.w-gallery.type_slider .w-gallery-tnails,
.w-lang.layout_hor .w-lang-list {
    overflow: hidden
}

 .very tr,td { border-bottom: 0px !important } 


.g-html blockquote,
.g-html table {
    margin-bottom: 21px;
    position: relative
}


body,
p,
td {
    line-height: 21px;
    letter-spacing: -0.03em;
}

h1 {
    font-family: 'Paytone One';
    line-height: 2.5rem; /* 40px si 1rem = 16px */
    font-weight: normal;
    font-family: var(--font-bold), var(--font-primary);
    letter-spacing: -0.05em;
    color: #000;
}

/* Styles pour h2 */
h2 {
    font-size: 1.6rem; /* 26px si 1rem = 16px */
    line-height: 2.1rem; /* 34px si 1rem = 16px */
    font-weight: 900;
    font-family: var(--font-primary);
    letter-spacing: -0.05em;
}

/* Styles pour h3 */
h3 {
    font-size: 1.2rem; /* 22px si 1rem = 16px */
    line-height: 1.875rem; /* 30px si 1rem = 16px */
    font-weight: 900;
    font-family: var(--font-primary);
    letter-spacing: -0.05em;

}

/* Styles pour h4 */
h4 {
    font-size: 1.0625rem; /* 17px si 1rem = 16px */
    line-height: 1.5625rem; /* 25px si 1rem = 16px */
    font-weight: 900;
    font-family: var(--font-primary);
    letter-spacing: -0.05em;
}

.g-pagination,
.w-actionbox-controls,
.w-blog-entry-meta,
.w-blogpost-meta {
    font-size: 0
}

.g-html h1+h2,
.g-html h2+h3,
.g-html h2:first-child,
.g-html h3+h4,
.g-html h3:first-child,
.g-html h4+h5,
.g-html h4:first-child,
.g-html h5+h6,
.g-html h5:first-child,
.g-html h6:first-child {
    padding-top: 0
}

.g-html table>tbody>tr,
.g-html table>tfoot>tr,
.g-html table>thead>tr {
    position: relative
}

.g-html table>tbody>tr>td,
.g-html table>tbody>tr>th,
.g-html table>tfoot>tr>td,
.g-html table>thead>tr>td,
.g-html table>thead>tr>th {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative
}

.g-html table>tbody>tr>th,
.g-html table>thead>tr>td,
.g-html table>thead>tr>th {
    font-weight: 400;
    text-align: left
}


.w-actionbox-h {
    text-align: center;
    position: relative;
    width: 100%;
    zoom: 1
}

.w-actionbox-h:after,
.w-actionbox-h:before {
    display: table;
    content: " "
}

.w-actionbox-h:after {
    clear: both
}

.w-actionbox-text p {
    margin: 15px 0 0
}

.w-actionbox-button {
    margin: 0 10px
}

.w-actionbox.controls_aside .w-actionbox-h {
    display: table;
    text-align: left
}

.w-actionbox.controls_aside .w-actionbox-text {
    display: table-cell;
    vertical-align: middle
}

.w-actionbox.controls_aside .w-actionbox-controls {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    padding-left: 40px;
    margin: 0
}

.w-actionbox.controls_aside .w-actionbox-button {
    margin: 0 0 0 20px
}

.w-actionbox.controls_aside .w-actionbox-button:first-child {
    margin-left: 0
}

@media only screen and (max-width:767px) {
    .w-actionbox.controls_aside .w-actionbox-h {
        display: block;
        text-align: center
    }
    .w-actionbox.controls_aside .w-actionbox-text {
        display: block
    }
    .w-actionbox.controls_aside .w-actionbox-controls {
        display: block;
        text-align: center;
        padding: 20px 0 0
    }
}

@media only screen and (max-width:479px) {
    .w-actionbox-button {
        margin-bottom: 10px
    }
}


.w-clients-list {
    font-size: 0;
    margin-right: -20px
}

.w-clients-item {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin-bottom: 20px;
    margin-right: 20px
}

.w-clients-item img {
    display: block;
    max-width: 100%;
    height: auto
}

.w-clients-nav {
    display: none;
    position: absolute;
    right: 0
}

.w-clients-nav.to_prev {
    right: 40px
}

.w-clients.columns_4 .w-clients-item {
    width: 220px
}

.w-clients.columns_6 .w-clients-item {
    width: 140px
}

.w-clients.columns_8 .w-clients-item {
    width: 100px
}

.w-clients.type_carousel .w-clients-list {
    overflow-x: hidden;
    position: relative;
    white-space: nowrap;
    margin: 0 auto
}

.w-clients.type_carousel .w-clients-list-h {
    position: relative;
    left: 0
}

.w-clients.type_carousel .w-clients-item {
    margin-bottom: 0
}

.w-clients.type_carousel .w-clients-nav {
    display: block
}


.w-contacts-item-name {
    float: left;
    font-weight: 700;
    margin: 0 0 5px
}

.w-contacts-item-value {
    display: block;
    margin: 0 0 10px 70px
}

.w-contacts.layout_list .w-contacts-item-name {
    float: none
}

.w-contacts.layout_list .w-contacts-item-value {
    margin-left: 0
}


.w-lang-item-icon,
.w-lang-item-title {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.w-lang-item {
    padding: 5px 8px;
    font-size: 0;
    text-decoration: none
}

.w-lang-item-icon {
    width: 16px;
    height: 16px
}

.w-lang-item-title {
    font-size: 14px
}

.w-lang-item.active,
.w-lang-item.active .w-lang-item-icon,
.w-lang-item.active .w-lang-item-title {
    cursor: default
}

.w-lang-current {
    display: none
}

.w-lang.layout_hor .w-lang-item {
    float: left
}

.w-lang.layout_dropdown {
    position: relative
}

.w-lang.layout_dropdown .w-lang-current,
.w-lang.layout_dropdown .w-lang-item {
    display: block
}

.w-lang.layout_dropdown .w-lang-list {
    position: absolute;
    z-index: 20;
    display: none
}

.w-lang.layout_dropdown:hover .w-lang-list {
    display: block
}

.w-lang.layout_dropdown .w-lang-list>.w-lang-item.active,
.w-lang.layout_dropdown.show_onclick:hover .w-lang-list {
    display: none
}

.w-lang.layout_dropdown.show_onclick .w-lang-list:hover,
.w-lang.layout_dropdown.show_onclick:active .w-lang-list {
    display: block
}

.w-lang.has_icon .w-lang-item-title,
.w-lang.has_title .w-lang-item-icon {
    display: none
}

.w-lang.has_icontitle .w-lang-item-icon {
    margin-right: 6px
}

.w-listing-list {
    font-size: 0;
    zoom: 1
}

.w-listing-list:after,
.w-listing-list:before {
    content: " ";
    display: table
}

.w-nav-h:after,
.w-nav-list.layout_hor.width_auto>.w-nav-list-h:after,
.w-nav-list.layout_hor.width_full>.w-nav-list-h:after {
    content: '';
    overflow: hidden;
    visibility: hidden
}


.w-links-h {
    position: relative
}

.w-logo-h {
    font-size: 0
}

.w-logo-link {
    text-decoration: none;
    overflow: hidden;
    vertical-align: top
}

.w-logo-img {
    max-width: 250px;
}

.w-logo-title {
    display: none;
    font-size: 30px;
    white-space: normal
}

.w-logo-slogan {
    display: none;
    padding-top: 10px;
    vertical-align: top
}

.w-logo-slogan-h {
    font-size: 16px
}

.w-logo.with_title .w-logo-img {
    display: none
}

.w-logo.with_title .w-logo-title {
    display: block
}

.w-logo.sloganat_right .w-logo-link {
    margin-right: 30px
}

.w-logo.sloganat_right .w-logo-slogan {
    display: inline-block
}

.w-logo.sloganat_bottom .w-logo-slogan {
    display: block
}




.w-nav,
.w-nav-h {
    position: relative
}

.w-nav-h:after {
    display: block;
    clear: both;
    height: 0
}

.w-nav-control {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    height: 32px;
    display: none
}

.w-nav-list {
    display: block;
    width: auto;
    min-width: 150px;
    position: relative
}

.w-nav-list.level_2 {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10
}

.w-nav-list.level_3 {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 11
}

.w-nav-list.drop_left {
    right: 0;
    left: auto
}

.w-nav-item {
    font-size: 14px;
    line-height: 18px
}

.w-nav-item-h {
    position: relative
}

.w-nav-anchor {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
}

.w-nav-anchor.level_1 {
    padding: 10px 20px;
    text-align: left
}

.w-nav-anchor.level_2,
.w-nav-anchor.level_3 {
    padding: 8px 20px;
    text-align: left
}

.w-nav-list.layout_hor .w-nav-anchor.level_1 {
    text-align: center
}

.w-nav-list.layout_hor .w-nav-item.with_all .w-nav-anchor.level_1,
.w-nav-list.layout_hor .w-nav-item.with_hint .w-nav-anchor.level_1,
.w-nav-list.layout_hor .w-nav-item.with_icon .w-nav-anchor.level_1 {
    text-align: left
}

.w-nav-list.place_inside.level_2 .w-nav-anchor.level_2,
.w-nav-list.place_inside.level_3 .w-nav-anchor.level_3 {
    padding-left: 40px
}

.w-nav-list.place_inside.level_2 .w-nav-list.place_inside.level_3 .w-nav-anchor.level_3 {
    padding-left: 60px
}

.w-nav-anchor .w-nav-icon {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    overflow: hidden;
    display: none
}

.w-nav-hint {
    display: none;
    font-size: 11px;
    line-height: 14px;
    margin-top: 4px
}

.w-nav-separator {
    display: none;
    float: left;
    width: 2px;
    padding: 10px 0;
    text-indent: -9999px;
    line-height: 18px
}

.w-nav-list.layout_hor.width_auto>.w-nav-list-h:after {
    display: block;
    clear: both;
    height: 0
}

.w-nav-list.layout_hor.width_auto>.w-nav-list-h>.w-nav-item {
    float: left
}

.w-nav-list.layout_hor.width_auto.with_separator>.w-nav-list-h>.w-nav-separator {
    display: block
}

.w-nav-list.layout_hor.width_stretch {
    display: table;
    width: 100%
}

.w-nav-list.layout_hor.width_stretch>.w-nav-list-h {
    display: table-row
}

.w-nav-list.layout_hor.width_stretch>.w-nav-list-h>.w-nav-item {
    display: table-cell
}

.w-nav-list.layout_hor.width_stretch.with_separator>.w-nav-list-h>.w-nav-separator {
    display: table-cell;
    float: none;
    padding: 0;
    font-size: 0
}

.w-nav-list.layout_hor.width_full>.w-nav-list-h {
    text-align: justify;
    line-height: 0;
    text-justify: auto;
    text-align-last: justify;
    zoom: 1
}

.w-nav-list.layout_hor.width_full>.w-nav-list-h:after {
    display: inline-block;
    width: 100%;
    height: 0
}

.w-nav-list.layout_hor.width_full>.w-nav-list-h>.w-nav-item {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    zoom: 1
}

.w-nav-list.layout_hor.width_full.with_separator>.w-nav-list-h>.w-nav-separator {
    display: inline-block;
    float: none;
    position: relative;
    text-align: left;
    line-height: normal;
    vertical-align: top;
    zoom: 1
}

.w-nav-list.layout_sitemap.level_1 {
    width: 720px;
    font-size: 0
}

.w-nav-list.layout_sitemap.level_1>.w-nav-list-h>.w-nav-item {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    font-size: 14px
}

.w-nav-list.layout_sitemap.level_1 .w-nav-anchor.level_1 {
    text-align: left
}

.w-nav-list.layout_sitemap.level_1 .w-nav-list.level_2,
.w-nav-list.layout_sitemap.level_1 .w-nav-list.level_3 {
    position: relative
}

.w-nav-list.layout_sitemap.level_2 {
    width: 540px;
    font-size: 0
}

.w-nav-list.layout_sitemap.level_2>.w-nav-list-h>.w-nav-item {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    font-size: 14px
}

.w-nav-list.float_right {
    float: right
}

.w-nav-list.place_inside {
    position: static
}

.w-portfolio-h,
.w-portfolio-item-anchor,
.w-portfolio-list-h,
.w-portfolio.type_carousel,
.w-portfolio.type_carousel .w-portfolio-list,
.w-pricing-h,
.w-search-form,
.w-search-input input {
    position: relative
}

.w-nav-list.place_up {
    left: 0;
    bottom: 100%;
    top: auto
}

.w-nav-list.place_up.drop_left {
    top: auto;
    bottom: 100%;
    right: 0;
    left: auto
}

.w-nav-list.place_aside {
    left: 100%;
    top: 0;
    bottom: auto
}

.w-nav-list.place_aside.drop_left {
    right: 100%;
    left: auto;
    top: 0
}

.w-nav-list.level_2.place_up .w-nav-list.level_3.place_aside {
    bottom: 0;
    top: auto
}

.w-nav-list.show_active,
.w-nav-list.show_onclick {
    display: none
}

.w-nav-item.active>.w-nav-item-h>.w-nav-list.show_active,
.w-nav-item.clicked>.w-nav-item-h>.w-nav-list.show_onclick {
    display: block
}

.w-nav-item.active>.w-nav-item-h>.w-nav-list.layout_hor.width_stretch.show_active,
.w-nav-item.clicked>.w-nav-item-h>.w-nav-list.layout_hor.width_stretch.show_onclick {
    display: table
}

.w-nav-list.show_onhover {
    display: none
}

.w-nav-item:hover>.w-nav-item-h>.w-nav-list.show_onhover {
    display: block
}

.w-nav-item:hover>.w-nav-item-h>.w-nav-list.layout_hor.width_stretch.show_onhover {
    display: table
}

.w-nav-list.level_1,
.w-nav-list.show_always {
    display: block
}

.w-nav-list.layout_hor.width_stretch.show_always {
    display: table
}

.w-nav-item.level_1.with_icon .w-nav-anchor.level_1 .w-nav-icon,
.w-nav-item.level_2.with_icon .w-nav-anchor.level_2 .w-nav-icon,
.w-nav-item.level_3.with_icon .w-nav-anchor.level_3 .w-nav-icon {
    display: block
}

.w-nav-item.level_1.with_icon .w-nav-anchor.level_1 .w-nav-title,
.w-nav-item.level_2.with_icon .w-nav-anchor.level_2 .w-nav-title,
.w-nav-item.level_3.with_icon .w-nav-anchor.level_3 .w-nav-title {
    display: block;
    margin-left: 34px
}

.w-nav-item.level_1.with_hint .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_2.with_hint .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_3.with_hint .w-nav-anchor.level_3 .w-nav-hint {
    display: block;
    margin-left: 0
}

.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-icon,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-icon,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-hint,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-icon {
    display: block
}

.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-title,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-title,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-hint,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-title {
    display: block;
    margin-left: 34px
}


.w-search-input input {
    display: block;
    height: 18px;
    width: 100%;
    outline: 0;
    vertical-align: top
}

.w-search-submit input {
    cursor: pointer;
    padding: 0 15px;
    height: 30px;
    display: none
}

.w-search-suggest {
    clear: left;
    width: 500px
}

.w-search-suggest-title {
    padding: 10px;
    display: none
}

.w-search-suggest-section-title {
    padding: 8px 10px 6px;
    font-size: 11px;
    line-height: 15px
}

.w-search-suggest-section-list {
    overflow: hidden
}

.w-search-suggest-item {
    text-decoration: none;
    padding: 6px 10px;
    display: block
}

.w-search-suggest-item-icon {
    display: none;
    float: left;
    margin: 2px 0 0 -25px
}

.w-search-suggest.icons_show .w-search-suggest-item-icon,
.w-search.submit_inside .w-search-submit input,
.w-search.submit_outside .w-search-submit input {
    display: block
}

.w-search-suggest-footer {
    padding: 5px;
    overflow: hidden
}

.w-search-suggest-close,
.w-search-suggest-more {
    background: 0 0;
    font-size: 12px;
    padding: 0 4px
}

.w-search-suggest-more {
    float: left
}

.w-search-suggest-close {
    float: right
}

.w-search.submit_inside .w-search-input input {
    width: 100%
}

.w-search.submit_inside .w-search-submit {
    position: absolute
}

.w-shortblog-entry-h,
.w-shortblog-list {
    position: relative
}

.w-search.submit_outside .w-search-form {
    overflow: hidden
}

.w-search.submit_outside .w-search-input {
    float: left;
    margin-right: 10px
}

.w-search-suggest.titles_atleft .w-search-suggest-section {
    overflow: hidden
}

.w-search-suggest.titles_atleft .w-search-suggest-section-title {
    float: left;
    width: 20%
}

.w-search-suggest.titles_atleft .w-search-suggest-section-list {
    margin-left: 25%
}

.w-search-suggest.icons_show .w-search-suggest-item {
    padding-left: 35px
}


.no-touch .g-html li a:hover,
.no-touch .g-html p a:hover,
.no-touch .l-subfooter.at_top li a:hover,
.no-touch .l-subfooter.at_top p a:hover {
    border-bottom: 1px solid
}

.w-tags-h {
    position: relative;
    zoom: 1
}

.w-tags-h:after,
.w-tags-h:before {
    display: table;
    content: ' '
}

.l-submain.bg_fade:before,
.w-team-member-links:before,
.w-timeline-list-h:after,
.w-timeline-list:before {
    content: ''
}


body,
html {
    height: auto;
    overflow-x: hidden
}

a {
    text-decoration: none;
    -webkit-transition: padding .2s ease-out, color .2s ease-out, background-color .2s ease-out, box-shadow .2s ease-out, border .2s ease-out;
    transition: padding .2s ease-out, color .2s ease-out, background-color .2s ease-out, box-shadow .2s ease-out, border .2s ease-out
}

a:active,
a:hover {
    color: #212529
}



.l-body {
    position: static;
    background-color: #fff !important
}

.l-canvas.type_boxed,
.l-canvas.type_boxed .l-subheader,
.l-canvas.type_boxed+.l-footer .l-subfooter {
    max-width: 1600px;
    margin: 0 auto
}

.l-canvas.type_boxed .l-submain,
.l-canvas.type_wide .l-subheader {
    max-width: 100%
}



.l-canvas.type_boxed .l-subheader-h,
.l-canvas.type_wide .l-subheader-h {
max-width: 2000px
}

.l-canvas.type_boxed .l-submain-h,
.l-canvas.type_boxed+.l-footer .l-subfooter-h,
.l-canvas.type_wide .l-submain-h,
.l-canvas.type_wide+.l-footer .l-subfooter-h {
    max-width: 1600px
}

.l-canvas.headerpos_fixed .l-header {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 101
}

.l-subheader-h,
.l-subheader.at_top,
.l-submain,
.l-submain-h {
    position: relative
}

.l-subheader.at_top {
    display: none;
    line-height: 36px;
    height: 36px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #f0f0f1
}

.l-canvas.headertype_extended .l-subheader.at_top,
.l-submain.bg_fade:before,
.l-submain.parallax_ver .l-submain-bg {
    display: block
}

.l-subheader.at_middle {
    line-height: 120px;
    height: 120px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    background-color: #fff
}

.l-subheader-h {
    height: 100%
}

.l-main {
    z-index: 1;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .05)
}








.l-canvas.headerpos_fixed.headertype_extended .l-main {
    padding-top: 115px
}

.l-submain {
    padding: 50px 40px
}

.l-submain-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.l-submain.for_pagehead {
    padding: 30px 40px 32px;
    box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, .1) inset
}

.l-submain.for_pagehead.color_alternate {
    box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, .06) inset
}

.l-submain.full_width {
    padding-left: 0;
    padding-right: 0
}

.l-submain.full_width .l-submain-h {
    max-width: 100%
}

.l-submain.full_height {
    padding-top: 0;
    padding-bottom: 0
}

.no-touch .l-submain.parallax_ver .l-submain-bg {
    background-attachment: fixed
}

.l-submain.parallax_hor {
    overflow: hidden
}

.l-submain.parallax_hor .l-submain-bg {
    display: block;
    width: 130%
}

.l-submain.parallax_hor.bgwidth_110 .l-submain-bg {
    width: 110%
}

.l-submain.parallax_hor.bgwidth_120 .l-submain-bg {
    width: 120%
}

.l-submain.parallax_hor.bgwidth_140 .l-submain-bg {
    width: 140%
}

.l-submain.parallax_hor.bgwidth_150 .l-submain-bg {
    width: 150%
}

.l-submain.color_primary {
    color: #fff;
    color: rgba(255, 255, 255, .8)
}

.l-submain.color_primary .g-html h1,
.l-submain.color_primary .g-html h2,
.l-submain.color_primary .g-html h3,
.l-submain.color_primary .g-html h4,
.l-submain.color_primary .g-html h5,
.l-submain.color_primary .g-html h6 {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.l-submain.color_primary a,
.no-touch .l-submain.color_primary a:hover {
    color: #fff
}

.l-submain.color_primary .g-hr-h:after,
.l-submain.color_primary .g-hr-h:before {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5)
}

.l-submain.color_primary .g-hr-h i {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.color_primary .g-btn.type_contrast.outlined {
    box-shadow: 0 0 0 1px #fff inset;
    color: #fff
}

.no-touch .color_primary .g-btn.type_contrast.outlined:hover {
    color: #212529
}

.color_primary .g-btn.type_contrast.outlined:before {
    background-color: #fff
}

.color_primary .g-btn.type_contrast {
    background-color: #fff;
    color: #212529
}

.no-touch .color_primary .g-btn.type_contrast:hover {
    color: #222
}

.l-submain.color_primary .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item {
    color: #fff
}

.no-touch .l-submain.color_primary .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover {
    box-shadow: 0 0 0 1px #fff inset;
    color: #fff
}

.l-submain.bg_fade:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.l-submain.bg_fade .l-submain-h {
    z-index: 2
}

.l-submain.bg_fade.black_30:before {
    background-color: rgba(0, 0, 0, .3)
}


.l-submain.bg_fade.black_20:before {
    background-color: rgba(0, 0, 0, .2)
}

.l-submain.bg_fade.black_10:before {
    background-color: rgba(0, 0, 0, .1)
}

.l-submain.bg_fade.black_50:before {
    background-color: rgba(0, 0, 0, .5)
}

.l-submain.bg_fade.black_40:before {
    background-color: rgba(0, 0, 0, .4)
}

.l-submain.bg_fade.black_70:before {
    background-color: rgba(0, 0, 0, .7)
}

.l-submain.bg_fade.white_30:before {
    background-color: rgba(255, 255, 255, .3)
}

.l-submain.bg_fade.white_50:before {
    background-color: rgba(255, 255, 255, .5)
}

.l-subfooter.at_top {
    font-size: 13px;
    line-height: 21px;
    padding: 50px 40px 20px
}

.l-subfooter.at_top p {
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 20px
}

.l-subfooter.at_top p:last-child {
    margin-bottom: 0
}

.l-subfooter.at_top a,
.l-subfooter.at_top h1,
.l-subfooter.at_top h2,
.l-subfooter.at_top h3,
.l-subfooter.at_top h4 {
    color: #ccc
}

.no-touch .l-subfooter.at_top a:hover {
    color: #fff
}

.l-subfooter.at_bottom {
    font-size: 13px;
    line-height: 20px;
    padding: 30px 40px
}

.no-touch .l-subfooter.at_bottom a:hover {
    border-bottom: 1px solid;
    color: #fff
}

.l-subfooter.at_top .widget {
    margin-bottom: 30px
}

.l-sidebar .widget {
    margin-bottom: 45px
}

body,
p {
    font: 16px var(--font-primary), sans-serif
}
/*
h1 {
    font: 700 2em/1 var(--font-primary), sans-serif;  line-height: 38px;
}

h2 {
    font-size: 32px;
    line-height: 42px
}

h3 {
    font-size: 26px;
    line-height: 36px
}

h4 {
    font-size: 22px;
    line-height: 32px
}

h5 {
    font-size: 20px;
    line-height: 30px
}

h6 {
    font-size: 18px;
    line-height: 26px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    margin-bottom: 24px;
    color: #212529
}
*/
.g-html>h1:last-child,
.g-html>h2:last-child,
.g-html>h3:last-child,
.g-html>h4:last-child,
.g-html>h5:last-child,
.g-html>h6:last-child {
    margin-bottom: 0
}

.g-html h2,
.g-html h3,
.g-html h4,
.g-html h5,
.g-html h6 {
    padding-top: 15px
}

.g-html .g-hr+h2,
.g-html .g-hr+h3,
.g-html .g-hr+h4,
.g-html .g-hr+h5,
.g-html .g-hr+h6,
.g-html h1+h3,
.g-html h1+h4,
.g-html h1+h5,
.g-html h1+h6,
.g-html h2+h4,
.g-html h2+h5,
.g-html h2+h6,
.g-html h3+h5,
.g-html h3+h6,
.g-html h4+h6 {
    padding-top: 0
}

.g-html p {
    margin-bottom: 24px
}

.g-html .g-cols>div>p:last-child,
.g-html>p:last-child {
    margin-bottom: 0
}

.g-html ol,
.g-html ul {
    margin-left: 35px;
    margin-bottom: 24px
}

.g-html .g-cols>div>ol:last-child,
.g-html .g-cols>div>ul:last-child,
.g-html>ol:last-child,
.g-html>ul:last-child {
    margin-bottom: 0
}

.g-html ul {
    list-style-type: disc
}

.g-html ol {
    list-style-type: decimal
}

.g-html ol li,
.g-html ul li {
    margin-bottom: 6px;
    padding-left: 2px
}

.g-html ol>li ol,
.g-html ol>li ul,
.g-html ul>li ol,
.g-html ul>li ul {
    margin-bottom: 6px;
    margin-top: 6px
}

.g-html img+h1,
.g-html img+h2,
.g-html img+h3,
.g-html img+h4,
.g-html img+ol,
.g-html img+p,
.g-html img+ul {
    margin-top: 20px
}

.g-html div[class^=animate] {
    margin-bottom: 20px
}

.g-html img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.g-html img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px
}

.g-html address,
.g-html pre {
    margin-bottom: 24px
}

.g-html img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.no-touch .g-html a.image-link:hover {
    border-bottom: none
}

.g-html a.image-link img {
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.no-touch .g-html a.image-link:hover img {
    filter: alpha(opacity=80);
    opacity: .8
}

.g-html pre {
    font-size: 12px;
    line-height: 18px;
    padding: 10px;
    border-radius: 5px;
    background-color: #333;
    color: #fff
}

.g-html blockquote {
    font-size: 17px;
    line-height: 26px;
    font-style: italic;
    padding: 0 0 0 32px;
    margin: 0 0 24px;
    border-left: 5px solid var(--color-primary)
}

.g-html blockquote:before {
    display: none;
    content: '\201C';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 60px;
    line-height: 60px;
    height: 60px;
    width: 40px
}

.g-html blockquote p,
.g-html blockquote q {
    font: inherit;
    margin: 0
}

.g-html blockquote cite {
    display: block;
    font-size: 80%;
    margin-top: 8px
}

.g-hr {
    font-size: 0;
    height: 20px;
    width: 100%;
    margin: 35px 0;
    padding: 2px 0;
    overflow: hidden;
    position: relative;
    clear: both
}

.g-hr-h:after,
.g-hr-h:before {
    display: inline-block;
    content: "";
    height: 1px;
    width: 50%;
    margin-top: 7px;
    vertical-align: top;
    position: relative
}

.g-hr-h:before {
    left: -14px;
    margin-left: -10px
}

.g-hr-h:after {
    left: 13px;
    margin-right: -50%
}

.g-hr-h i {
    font-size: 17px;
    line-height: 16px;
    height: 16px;
    width: 20px;
    vertical-align: top;
    text-align: center;
    color: #e8e8e8
}

.g-hr.size_small {
    margin: 25px 0
}

.g-hr.size_big {
    margin: 45px 0
}

.g-hr.size_huge {
    margin: 65px 0
}

.g-hr.type_invisible {
    height: 0;
    margin: 20px 0
}

.g-hr.type_invisible.size_small {
    margin: 10px 0
}

.g-hr.type_invisible.size_big {
    margin: 30px 0
}

.g-hr.type_invisible.size_huge {
    margin: 50px 0
}

.g-hr.type_invisible .g-hr-h {
    display: none
}

.no-touch .g-btn:before,
.no-touch .g-pagination-item:before {
    display: block;
    left: 0;
    content: ''
}

.g-hr.type_short {
    width: 30%;
    margin-left: auto;
    margin-right: auto
}

.g-html .thin {
    font-weight: 300
}

.g-html .bold,
.w-blog.type_masonry .w-blog-entry.sticky .w-blog-entry-title {
    font-weight: 700
}

.g-html .align_left {
    text-align: left
}

.g-html .align_right {
    text-align: right
}

.g-html .align_center {
    text-align: center
}

.g-html .align_justify {
    text-align: justify
}





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

.fire_yellow {
    color: #fac000
}

.fire_green {
    color: #59ba41
}

.fire_pink {
    color: #e95095
}

.fire_blue {
    color: #5ac8ed
}

.fire_black {
    color: #212529
}

.no-touch .color_alternate .g-btn.type_default.outlined:hover,
.no-touch .g-btn.type_default.outlined:hover,
.no-touch .g-btn.type_default:hover {
    color: #212529
}

.g-btn,
input[type=submit] {
    font-family: var(--font-primary);
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 36px;
    margin: 5px 0;
    border: none!important;
    overflow: hidden;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out
}

.no-touch .g-btn:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .12);
    -webkit-transition: height .25s ease-out;
    transition: height .25s ease-out
}

.g-alert {
    padding: 0 20px
}

.g-alert-close {
    right: -38px;
    top: 12px;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    filter: alpha(opacity=30);
    opacity: .3;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.no-touch .g-alert-close:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.g-alert-body {
    padding: 15px 0
}

.g-alert-body p {
    margin: 0
}

.g-pagination-item {
    padding: 0;
    margin: 0 3px;
    font-size: 17px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

.no-touch .g-pagination-item:hover {
    color: #fff
}

.no-touch .g-pagination-item:before {
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    -webkit-transition: height .3s ease-out;
    transition: height .3s ease-out;
    background-color: var(--color-primary)
}

.no-touch .g-pagination-item:hover:before {
    height: 100%
}

.g-pagination-item.active {
    box-shadow: none!important;
    color: #fff!important
}

.g-pagination-item.to_next,
.g-pagination-item.to_prev {
    display: none;
    padding: 0 35px 0 15px;
    width: auto;
    box-shadow: none
}

.w-actionbox {
    margin-bottom: 0;
    padding: 30px 40px;
    border-radius: 5px
}

.w-actionbox.controls_aside .w-actionbox-text {
    padding: 0
}

.w-actionbox-text h1,
.w-actionbox-text h2,
.w-actionbox-text h3,
.w-actionbox-text h4 {
    margin: 0!important
}

.no-touch .w-actionbox-text a:hover {
    border-bottom: 1px solid
}

.w-actionbox-text h3+p {
    margin: 12px 0 0
}

.w-actionbox-controls {
    margin-top: 30px
}

.w-actionbox-button.g-btn {
    margin: 4px 8px
}

.w-actionbox.color_primary {
    color: #fff
}

.g-html .w-actionbox.color_primary h1,
.g-html .w-actionbox.color_primary h2,
.g-html .w-actionbox.color_primary h3,
.g-html .w-actionbox.color_primary h4,
.g-html .w-actionbox.color_primary h5,
.g-html .w-actionbox.color_primary h6 {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.w-actionbox.color_primary .w-actionbox-text a {
    color: #111
}

.no-touch .w-actionbox.color_primary .w-actionbox-text a:hover {
    color: #fff
}

.l-submain.color_alternate .w-actionbox.color_alternate,
.l-submain.color_primary .w-actionbox.color_primary {
    padding: 0;
    background-color: transparent
}


.l-body.page-template-page-grid_blog-php .l-submain,
.w-clients-item {
    overflow: hidden
}


.w-clients-itemgroup {
    width: 100%;
    background-color: #fff
}

.w-clients-item {
    -webkit-transition: border .25s ease-out;
    transition: border .25s ease-out
}

.w-clients-item:hover {
    border-color: var(--color-primary)
}

.l-submain.color_primary .w-clients-item:hover {
    border-color: #fff
}

.w-clients-item img {
    margin: 0 auto
}

.w-clients.columns_5 .w-clients-item {
    height: 55px;
    width: 155px;
    margin-right: 30px
}

.w-clients-nav {
    top: 50%;
    margin-top: -25px;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    border: 0;
    box-shadow: 0 0 0 2px transparent inset;
    color: #212529
}

.no-touch .w-comments .g-pagination a:hover,
.no-touch .w-comments-item-answer a:hover,
.no-touch .w-comments-item-meta a:hover,
.no-touch .w-comments-item-text a:hover,
.no-touch .w-contacts a:hover {
    border-bottom: 1px solid
}

.w-clients-nav:hover {
    color: var(--color-primary)
}

.l-submain.color_primary .w-clients-nav:hover {
    box-shadow: 0 0 0 1px #fff inset
}

.w-clients-nav.to_prev {
    left: -70px
}

.w-clients-nav.to_prev:before {
    display: block;
    margin-right: 3px
}

.w-clients-nav.to_next {
    right: -70px
}

.w-clients-nav.to_next:before {
    display: block;
    margin-left: 3px
}

.w-clients-nav.disabled,
.w-clients-nav.disabled:hover {
    cursor: default;
    filter: alpha(opacity=30);
    opacity: .3;
    box-shadow: none!important;
    color: #212529
}

.w-comments {
    margin-top: 40px
}

.w-comments-title {
    margin-bottom: 10px
}

.w-comments-title i {
    margin-right: 10px;
    filter: alpha(opacity=40);
    opacity: .4
}

.w-comments-list {
    padding-bottom: 5px
}

.w-comments-item {
    padding-top: 30px;
    border-top: 1px solid #e8e8e8
}

.w-comments-list>.w-comments-item:first-child {
    border-top: none
}

.w-comments-item-meta {
    zoom: 1;
    margin-bottom: 15px
}

.w-comments-item-icon {
    top: 30px;
    line-height: 0;
    border-radius: 50%;
    overflow: hidden
}

.w-comments-item-date {
    float: none;
    font-size: 13px;
    color: #212529
}

.w-comments-item-text {
    margin-bottom: -6px
}

.w-comments .g-pagination {
    font-size: 13px;
    text-align: center
}

.w-comments .g-pagination a {
    margin: 0 10px
}

.w-comments-form {
    padding: 0
}

.w-comments-form-title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 20px
}

.w-comments-form-text {
    margin: 0 0 24px
}

.w-contacts-item-name {
    display: none
}

.l-main .w-contacts-list {
    font-size: 0;
    margin: 0 -20px -20px
}

.l-main .w-contacts-item {
    display: inline-block;
    vertical-align: middle;
    min-height: 50px;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative
}

.l-main .w-contacts-item i {
    position: absolute;
    top: 0;
    left: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: var(--color-primary)
}

.l-main .w-contacts-item-value {
    font-size: 17px;
    line-height: 26px;
    margin: 12px 0 0 65px;
    white-space: normal
}

.l-subheader.at_top .w-contacts {
    float: left;
    margin-right: 15px;
    font-size: 13px;
    color: #212529
}

.l-subheader.at_top .w-contacts-list {
    margin: 0 -10px
}

.l-subheader.at_top .w-contacts-item {
    display: inline-block;
    vertical-align: top;
    overflow: visible;
    margin: 0 10px;
    white-space: nowrap
}

.l-subheader.at_top .w-contacts-item i {
    filter: alpha(opacity=50);
    opacity: .5
}

.l-subheader.at_top .w-contacts-item-value {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px
}

.l-subheader.at_top .w-contacts-item-value a {
    color: #212529
}

.l-subfooter .w-contacts-item {
    position: relative
}

.l-subfooter .w-contacts-item i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 18px;
    line-height: 21px;
    height: 21px;
    width: 21px
}

.l-subfooter .w-contacts-item-value {
    margin: 0 0 12px 36px
}

.w-copyright {
    float: left
}

.w-filters {
    text-align: center;
    font-size: 0
}

.w-filters-item {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.w-filters-item-link {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    color: #212529
}

.no-touch .w-filters-item-link:hover {
    color: #fff
}


.w-iconbox,
.w-iconbox-icon {
    position: relative
}

.w-iconbox-link {
    display: inline
}

.w-iconbox-icon {
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
    color: var(--color-primary)
}

.w-iconbox-icon i {
    vertical-align: top;
    line-height: inherit
}

.w-iconbox.with_img .w-iconbox-icon i {
    display: none
}

.w-iconbox-icon-img {
    display: inline-block;
    vertical-align: middle;
    max-width: 32px;
    margin: 0 auto
}

.w-iconbox .w-iconbox-title {
    margin-bottom: 0;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.no-touch .w-iconbox-link:hover .w-iconbox-title {
    color: var(--color-primary)
}

.w-iconbox-text ol,
.w-iconbox-text p,
.w-iconbox-text ul {
    margin-bottom: 12px
}

.w-iconbox.iconpos_left {
    text-align: left
}

.w-iconbox.iconpos_left .w-iconbox-icon {
    position: absolute;
    top: 0;
    left: 1px;
    font-size: 36px;
    line-height: 40px;
    height: 40px;
    width: 40px
}

.w-iconbox.iconpos_left.with_circle .w-iconbox-icon {
    font-size: 28px;
    line-height: 70px;
    height: 70px;
    width: 70px
}

.w-iconbox.iconpos_left .w-iconbox-title {
    margin-left: 55px;
    padding-top: 5px;
    padding-bottom: 15px
}

.w-iconbox.iconpos_left.with_circle .w-iconbox-title {
    margin-left: 96px;
    margin-bottom: 0;
    padding-top: 0
}

.w-iconbox.iconpos_left.with_circle .w-iconbox-text {
    margin-left: 96px
}

.w-iconbox.iconpos_top {
    text-align: center;
    max-width: 350px;
    margin: 0 auto
}

.w-iconbox.iconpos_top .w-iconbox-icon {
    font-size: 70px;
    line-height: 90px;
    height: 90px;
    width: 90px;
    margin: 0 auto
}

.w-iconbox.iconpos_top.with_circle .w-iconbox-icon {
    font-size: 36px
}

.w-iconbox.iconpos_top .w-iconbox-title {
    padding: 10px 0 18px
}

.w-iconbox.iconpos_top.with_circle .w-iconbox-title {
    padding: 18px 0 15px
}

.w-iconbox.with_circle .w-iconbox-icon {
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--color-primary) inset
}

.no-touch .w-iconbox.with_circle .w-iconbox-link:hover .w-iconbox-icon {
    color: #fff
}

.w-iconbox.with_circle .w-iconbox-icon i {
    position: relative
}

.no-touch .w-iconbox.with_circle .w-iconbox-icon:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transition: height .3s ease-out;
    transition: height .3s ease-out;
    background-color: var(--color-primary)
}

.no-touch .w-iconbox.with_circle .w-iconbox-link:hover .w-iconbox-icon:before {
    height: 100%
}

.no-touch .w-iconbox.with_circle.with_img .w-iconbox-link:hover .w-iconbox-icon:before {
    height: 0
}

.w-logo,
.w-logo-h {
    height: 100%
}

.w-lang.layout_dropdown {
    float: left
}

.w-lang.layout_dropdown .w-lang-list {
    padding-top: 55px;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.w-lang.layout_dropdown .w-lang-item {
    padding: 0 26px 0 10px
}

.w-lang.layout_dropdown .w-lang-list .w-lang-item {
    line-height: 30px
}

.w-lang.layout_dropdown .w-lang-item-title {
    font-size: 13px;
    vertical-align: top
}

.w-lang.layout_dropdown .w-lang-current {
    position: relative;
    cursor: pointer;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
    color: #212529
}

.w-lang.layout_dropdown .w-lang-current:before {
    display: block;
    position: absolute;
    top: 0;
    right: 6px;
    font-size: 20px;
    cursor: pointer
}

.w-links-item {
    line-height: 22px;
    padding: 7px 18px;
    position: relative
}

.w-links-anchor {
    display: inline;
    padding: 0;
    position: static
}

.no-touch .w-links-anchor:hover {
    border-bottom: 1px solid
}

.w-links-anchor:before {
    display: block;
    position: absolute;
    top: 8px;
    left: 2px;
    content: '\f105';
    font-size: 17px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #212529
}

.w-logo {
    float: left
}

.w-logo-link {
    display: block;
    height: 100%;
    color: #212529
}

.w-logo-img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    height: 75px;
    -webkit-transition: height .1s ease;
    transition: height .1s ease
}

/*
.l-header.state_sticky .w-logo-img {
    height: 53px
} */

.w-logo-title {
    font-family: var(--font-primary);
    line-height: inherit
}



.l-subheader.at_middle .w-nav {
    float: right
}

.l-subheader.at_middle .w-nav-control {
    display: none;
    right: 0;
    top: -120px;
    font-size: 21px;
    text-align: center;
    height: auto;
    width: 50px;
    cursor: pointer;
    color: #212529
}

.w-cart~.w-nav .w-nav-control,
.w-search~.w-nav .w-nav-control {
    right: 46px
}

.l-subheader.at_middle .w-nav-list.level_2,
.l-subheader.at_middle .w-nav-list.level_3 {
    min-width: 200px;
}

.l-subheader.at_middle .w-nav-item {
    font-size: 17px;
    line-height: inherit
}

.l-subheader.at_middle .w-nav-anchor.level_1 {
    padding: 0 20px;
    height: 100%;
    color: #212529
}

.l-subheader.at_middle .w-nav-anchor .w-nav-hint {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: inherit;
    height: 100%;
    width: 20px;
    margin: 0
}

.l-subheader.at_middle .w-nav-item.level_2.with_sublevel .w-nav-anchor.level_2>.w-nav-hint,
.l-subheader.at_middle .w-nav-item.level_3.with_sublevel .w-nav-anchor.level_3>.w-nav-hint,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-control {
    display: block
}

.l-subheader.at_middle .w-nav-anchor.level_2 .w-nav-hint:after {
    line-height: 40px
}

.l-subheader.at_middle .w-nav-item.level_2.with_sublevel .w-nav-anchor.level_2>.w-nav-title,
.l-subheader.at_middle .w-nav-item.level_3.with_sublevel .w-nav-anchor.level_3>.w-nav-title {
    padding-right: 20px
}

.no-touch .l-subheader.at_middle .w-nav-anchor.level_1:after {
    display: block;
    content: '';
    position: relative;
    left: 0;
    top: -43px;
    margin: 0 auto -2px;
    height: 2px;
    width: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: var(--color-primary)
}

.no-touch .l-subheader.at_middle .w-nav-item.level_1:hover .w-nav-anchor.level_1:after {
    top: -47px;
    filter: alpha(opacity=100);
    opacity: 1
}

.no-touch .l-header.state_sticky .l-subheader.at_middle .w-nav-anchor.level_1:after {
    top: -13px
}

.no-touch .l-header.state_sticky .l-subheader.at_middle .w-nav-item.level_1:hover .w-nav-anchor.level_1:after {
    top: -17px
}

.l-subheader.at_middle .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav-anchor.level_3 {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    white-space: nowrap;
    -webkit-transition: color .1s ease-out, background-color .1s ease-out;
    transition: color .1s ease-out, background-color .1s ease-out
}

.l-subheader.at_middle .w-nav.touch_enabled {
    float: none;
    clear: both
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-list.level_1 {
    float: none
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item {
    float: none;
    width: 100%;
    line-height: 26px;
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_1:after {
    display: none
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor .w-nav-hint {
    font-size: 26px;
    text-align: center;
    line-height: 46px;
    width: 50px
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_2 .w-nav-hint:after {
    content: '\f107';
    line-height: 46px
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.with_sublevel .w-nav-anchor.level_1>.w-nav-title,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.with_sublevel .w-nav-anchor.level_2>.w-nav-title,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.with_sublevel .w-nav-anchor.level_3>.w-nav-title {
    padding-right: 50px
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.with_sublevel .w-nav-anchor.level_1>.w-nav-hint {
    display: block
}

.l-subheader .w-nav.touch_enabled .w-nav-item.level_1.open .w-nav-anchor.level_1 .w-nav-hint,
.l-subheader .w-nav.touch_enabled .w-nav-item.level_2.open .w-nav-anchor.level_2 .w-nav-hint {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-list.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-list.level_3 {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 0 0 20px;
    box-shadow: none
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_3 {
    line-height: 26px
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_3 {
    text-align: left;
    padding: 10px 0;
    margin: 0;
    background-color: transparent!important
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.active .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.active .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.current-menu-ancestor .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.current-menu-item .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.active .w-nav-anchor.level_3,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.current-menu-ancestor .w-nav-anchor.level_3,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.current-menu-item .w-nav-anchor.level_3 {
    color: var(--color-primary)
}

.w-nav-list.layout_ver .w-nav-anchor {
    padding: 9px 20px 10px;
    font-size: 15px;
    line-height: 25px;
    border-bottom: 1px solid #e8e8e8
}

.w-nav-list.layout_ver .w-nav-anchor:before {
    display: block;
    position: absolute;
    top: 10px;
    left: 2px;
    content: '\f105';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #212529
}

.no-touch .w-nav-list.layout_ver .w-nav-anchor:hover {
    padding: 9px 16px 10px 24px;
    color: var(--color-primary)
}

.w-nav-list.layout_ver .active .w-nav-anchor.level_1 {
    color: var(--color-primary)
}

.w-nav-list.layout_ver .w-nav-anchor.level_2 {
    padding: 9px 20px 10px 40px
}

.w-nav-list.layout_ver .w-nav-anchor.level_2:before {
    left: 22px
}

.no-touch .w-nav-list.layout_ver .w-nav-item.level_2:hover .w-nav-anchor.level_2 {
    padding: 9px 16px 10px 44px
}

.w-nav-list.layout_ver .w-nav-anchor.level_3 {
    padding: 9px 20px 10px 60px
}

.w-nav-list.layout_ver .w-nav-anchor.level_3:before {
    left: 42px
}

.no-touch .w-nav-list.layout_ver .w-nav-item.level_3:hover .w-nav-anchor.level_3 {
    padding: 9px 16px 10px 64px
}

.l-subfooter.at_bottom .w-nav {
    float: right
}

.l-subfooter.at_bottom .w-nav-item {
    font-size: inherit;
    line-height: inherit
}

.l-subfooter.at_bottom .w-nav-anchor.level_1 {
    display: inline;
    padding: 0;
    margin: 0 10px
}

.l-subfooter.at_bottom .w-nav-list.level_2 {
    display: none!important
}

.w-pagehead {
    text-align: center
}

.g-html .w-pagehead h1 {
    margin: 0
}

.w-pagehead p {
    line-height: 22px;
    margin: 6px 0 0;
    color: #212529
}

.l-submain.color_primary .w-pagehead p {
    color: #fff!important;
    filter: alpha(opacity=70);
    opacity: .7
}

.w-pagehead .g-breadcrumbs {
    font-size: 13px;
    line-height: 24px;
    margin: 8px 0 4px
}

.no-touch .g-breadcrumbs a:hover {
    border-bottom: 1px solid
}

.g-breadcrumbs-item {
    margin: 0 4px
}

.g-breadcrumbs-separator {
    display: inline-block;
    vertical-align: top;
    width: 6px;
    height: 9px;
    margin: 0 4px
}

.w-pagehead-nav {
    font-size: 0;
    text-align: center;
    overflow: hidden;
    margin: 16px 0 -6px
}

.w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    margin: 0 2px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px transparent inset;
    color: #212529
}

.w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_all {
    font-size: 21px
}

.w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_all:before {
    display: block;
    content: '\f00a';
    font-family: FontAwesome;
    margin-top: 2px
}

.w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_next:before {
    display: block;
    content: '\f105';
    font-family: FontAwesome;
    margin-left: 2px
}

.w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_prev:before {
    display: block;
    content: '\f104';
    font-family: FontAwesome;
    margin-right: 2px
}

.no-touch .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover {
    color: var(--color-primary)
}

.w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item i {
    line-height: inherit
}

.w-pagehead.type_row h1 {
    float: left;
    font-size: 24px;
    line-height: 34px;
    margin: 3px 0
}

.w-pagehead.type_row p {
    float: left;
    margin: 12px 0 0 22px
}

.w-pagehead.type_row .g-breadcrumbs {
    float: right
}

.w-pagehead.type_row .w-pagehead-nav {
    float: right;
    margin: -5px 0
}

.w-cart,
.w-search {
    margin-bottom: 40px
}

.w-search-form {
    min-width: 100px
}

.w-search-input input {
    padding: 0 10px
}

.w-search.submit_inside .w-search-input input {
    padding-right: 42px
}

.w-search.submit_inside .w-search-submit {
    border: none;
    height: 42px;
    width: 42px;
    top: 0;
    right: 0;
    padding: 0
}

.w-search.submit_inside .w-search-submit:before {
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    content: '\f002';
    font-size: 17px;
    line-height: 40px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
    color: #212529
}

.w-search.submit_inside .w-search-submit:hover:before {
    color: #212529
}

.w-search.submit_inside .w-search-submit input {
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 42px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    box-shadow: none!important;
    background: 0 0;
    border: none
}

.l-subheader.at_middle .w-cart,
.l-subheader.at_middle .w-search {
    float: right;
    line-height: inherit;
    height: 100%;
    width: 36px;
    margin: 0 0 0 10px
}

.l-subheader.at_middle .w-cart-show,
.l-subheader.at_middle .w-search-show {
    display: block;
    font-size: 18px;
    line-height: inherit;
    text-align: center;
    color: #212529
}

.no-touch .l-subheader.at_middle .w-cart-show:hover,
.no-touch .l-subheader.at_middle .w-search-show:hover {
    color: var(--color-primary)
}

.l-subheader.at_middle .w-cart-show i,
.l-subheader.at_middle .w-search-show i {
    line-height: inherit;
    vertical-align: top
}

.l-subheader.at_middle .w-search-form {
    position: fixed;
    left: 0;
    top: -300%;
    width: 100%;
    z-index: 100;
    color: #fff
}

.l-subheader.at_middle .w-search-form:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: .96;
}

.l-subheader.at_middle .w-search-form-h {
    display: table;
    height: 100%;
    width: 100%
}

.l-subheader.at_middle .w-search-form-row {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%
}

.l-subheader.at_middle .w-search-label {
    font-size: 2em;
    line-height: 2em;
    color: #fff
}

.l-subheader.at_middle .w-search-input {
    width: 80%;
    margin: 0 auto
}

.l-subheader.at_middle .w-search-input input {
    font-size: 5em;
    line-height: 1em;
    text-align: center;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    color: #fff
}

.l-subheader.at_middle .w-search.submit_inside .w-search-submit {
    display: none
}

.l-subheader.at_middle .w-search-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    line-height: 80px;
    height: 80px;
    width: 80px;
    filter: alpha(opacity=50);
    opacity: .5;
    color: #fff
}

.no-touch .l-subheader.at_middle .w-search-close:hover {
    filter: alpha(opacity=100);
    opacity: 1
}




.g-html .wpb_text_column:last-child h1:last-child,
.g-html .wpb_text_column:last-child h2:last-child,
.g-html .wpb_text_column:last-child h3:last-child,
.g-html .wpb_text_column:last-child h4:last-child,
.g-html .wpb_text_column:last-child h5:last-child,
.g-html .wpb_text_column:last-child h6:last-child,
.g-html .wpb_text_column:last-child ol:last-child,
.g-html .wpb_text_column:last-child p:last-child,
.g-html .wpb_text_column:last-child ul:last-child,
.w-team-member-description p,
.w-video {
    margin-bottom: 0
}


.flexslider,
ul.flex-direction-nav li {
    padding: 0;
    margin: 0
}

.w-toplink {
    display: block;
    position: fixed;
    bottom: -52px;
    right: 15px;
    text-align: center;
    font-size: 30px;
    line-height: 48px;
    height: 50px;
    width: 50px;
    z-index: 100;
    -webkit-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
    background-color: rgba(0, 0, 0, .3)
}

.w-toplink.active {
    bottom: 15px
}

.w-toplink i {
    line-height: inherit
}

.page-404 {
    text-align: center
}

.page-404 i {
    font-size: 200px
}

.wpb_button.align_left {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px
}

.wpb_button.align_center {
    display: block;
    text-align: center
}

.wpb_button.align_right {
    float: right;
    margin-left: 10px
}

.wpb_single_image {
    line-height: 0;
    margin-bottom: 40px
}

.wpb_single_image.align_left {
    display: inline;
    float: left;
    margin-right: 30px
}

.wpb_single_image.align_right {
    display: inline;
    float: right;
    margin-left: 30px
}

.wpb_single_image.align_center {
    clear: both;
    text-align: center
}

.one-half .wpb_single_image,
.one-quarter .wpb_single_image,
.one-third .wpb_single_image,
.three-quarters .wpb_single_image,
.two-thirds .wpb_single_image {
    margin-bottom: 24px
}

.l-submain.full_width .wpb_single_image,
.wpb_single_image:last-child {
    margin-bottom: 0
}

.wpb_single_image+h1,
.wpb_single_image+h2,
.wpb_single_image+h3,
.wpb_single_image+h4,
.wpb_single_image+h5,
.wpb_single_image+h6 {
    padding-top: 0
}

.flex-loading {
    min-height: 100px;
    background: url(../img/loader.gif) center center no-repeat
}

.flexslider {
    overflow: hidden;
    position: relative
}

.flexslider ul.slides {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flexslider .slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.flexslider .slides>li {
    display: none;
    line-height: 0;
    -webkit-backface-visibility: hidden;
    margin-bottom: 0;
    padding-left: 0
}

.flex-direction-nav li span,
.tp-leftarrow.default,
.tp-rightarrow.default {
    line-height: 50px;
    background-image: none;
    box-shadow: 0 0 0 1px #fff inset;
    color: #fff;
    border-radius: 50%;
    text-align: center
}

.flexslider .slides>li>img {
    width: 100%
}

ul.flex-direction-nav {
    list-style-type: none;
    margin: 0
}

.no-touch ul.flex-direction-nav {
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.no-touch .flexslider:hover ul.flex-direction-nav {
    opacity: 1
}

.flex-direction-nav li span {
    display: block;
    position: absolute;
    top: 50%;
    font-size: 0;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1
}

.no-touch .flex-direction-nav li span:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transition: height .3s ease-out;
    transition: height .3s ease-out;
    background-color: var(--color-primary)
}

.flex-direction-nav .flex-next:after,
.flex-direction-nav .flex-prev:after {
    left: 0;
    width: 48px;
    font-size: 34px;
    position: absolute;
    top: 0;
    display: block;
    font-family: FontAwesome
}

.no-touch .flex-direction-nav li span:hover:before {
    height: 100%
}


.fullwidthbanner-container {
    overflow: hidden!important
}

.revslider-initialised li,
.revslider-initialised ul {
    list-style-type: none!important;
    padding: 0!important;
    margin: 0!important
}

.revslider-initialised li a:hover {
    border-bottom: none!important
}


.tp-loader {
    margin-top: -30px;
    margin-left: -30px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: url(../img/loader.gif) center center no-repeat #fff
}

.tp-bannertimer {
    background: rgba(0, 0, 0, .1)!important;
    height: 5px
}

.tp-bullets.simplebullets.round .bullet {
    display: inline-block;
    float: none;
    cursor: pointer;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 3px;
    border-radius: 50%;
    -webkit-transition: box-shadow .25s ease-out;
    transition: box-shadow .25s ease-out;
    box-shadow: 0 0 0 2px transparent inset;
    background: rgba(0, 0, 0, .3)
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
    box-shadow: 0 0 0 1px #fff inset
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}


.grling {
    margin-top: 0!important;
    margin-bottom: 5px!important;
    min-width: 150px!important
}

.menu_div ul {
    padding: 0;
    margin: 0;
    font: 16px/30px var(--font-primary), sans-serif;
    font-size: 17px;
    color: #1A1A1A;
    list-style: none;
    text-indent: 15px
}

.menu_div ul li {
    vertical-align: middle;
    background: #FFF;
    line-height: 30px
}

.corner {
    border-radius: 0!important
}

.menu_div ul li a {
    text-decoration: none;
    color: #1A1A1A;
    display: block
}

.menu_div ul li a:hover {
    background: var(--color-primary);
    color: #FFF;
    cursor: pointer
}

.menu_div ul li#active {
    background: #FFF;
    cursor: pointer
}



.one-fifth {
    width: 17.6%
}

.one-sixt {
    width: 14.6666%
}

.head-img-overlay:after {
    background: url(/img/head-img-overlay.png?2t);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media all {
    html.with-rlight {
        overflow: hidden
    }
    .rlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: rgba(0, 0, 0, 0)
    }
    .rlight .rlight-content,
    .rlight:before {
        vertical-align: middle;
        display: inline-block
    }
    .rlight:last-of-type {
        background: rgba(0, 0, 0, .8)
    }
    .rlight:before {
        content: '';
        height: 100%
    }
    .rlight .rlight-content {
        position: relative;
        text-align: left;
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal
    }
    .rlight .rlight-inner {
        display: block
    }
    .rlight link.rlight-inner,
    .rlight script.rlight-inner,
    .rlight style.rlight-inner {
        display: none
    }
    .rlight .rlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        background: rgba(255, 255, 255, .3);
        color: #000;
        border: 0;
        padding: 0
    }
    .rlight .rlight-close-icon::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    .rlight .rlight-image {
        width: 100%
    }
    .rlight-iframe .rlight-content {
        border-bottom: 0;
        padding: 0;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll
    }
    .rlight iframe {
        border: 0
    }
    .rlight * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width:1024px) {
    .rlight .rlight-content {
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}



.RCart2_active,
.RCart_active {
    border: solid!important;
    display: inline-block!important;
    background-color: #FFF!important;
    text-align: center!important;
    margin: 4px!important;
    padding: 0!important
}

.RCart_active {
    border-width: thin!important;
    width: auto
}

.RCart2_active {
    border-width: thin!important;
    color: #FFF!important;
    width: 180px!important
}

.RCart_unactive {
    -webkit-filter: grayscale(100%)!important;
    -moz-filter: grayscale(100%)!important;
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
    background-color: #FFF!important;
    border: solid!important;
    border-width: thin!important;
    text-align: center!important;
    margin: 4px!important;
    padding: 0!important
}

.RCartH1 {
    color: #212529!important;
    font-size: 1.3em!important;
    display: inline!important
}

.RMenu2_active,
.RMenu_active {
    border: solid!important;
    display: inline-block!important;
    background-color: #FFF!important;
    text-align: center!important;
    margin: 4px!important;
    padding: 0!important
}

.RMenu_active {
    border-width: thin!important;
    width: auto
}

.RMenu2_active {
    border-width: thin!important;
    color: #FFF!important;
    width: 180px!important
}

.RMenu_unactive {
    -webkit-filter: grayscale(100%)!important;
    -moz-filter: grayscale(100%)!important;
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
    background-color: #FFF!important;
    border: solid!important;
    border-width: thin!important;
    text-align: center!important;
    margin: 4px!important;
    padding: 0!important
}

.RMenuH1 {
    color: #212529!important;
    font-size: 20px!important;
    display: inline!important;
    text-decoration: none!important;
    font-family: var(--font-primary)
}

.l-subheader.at_middle .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav-control,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_3,
.l-subheader.at_middle .w-search-show .w-cart-show,
.no-touch .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1:hover .w-nav-anchor.level_1,
.no-touch .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2:hover .w-nav-anchor.level_2,
.no-touch .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3:hover .w-nav-anchor.level_3,
.w-logo-link {
    color: #212529
}

.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.active .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.active .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.current-menu-ancestor .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.current-menu-item .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.active .w-nav-anchor.level_3,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.current-menu-ancestor .w-nav-anchor.level_3,
.l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.current-menu-item .w-nav-anchor.level_3,
.no-touch .l-subheader.at_middle .w-search-show:hover .w-cart-show:hover,
.no-touch .w-logo-link:hover {
    color: var(--color-primary)
}

.l-subheader.at_middle .w-search-close,
.l-subheader.at_middle .w-search-input input,
.l-subheader.at_middle .w-search-label {
    color: #fff
}

.l-subheader.at_top,
.w-lang.layout_dropdown .w-lang-list .w-lang-item {
    background-color: #f0f0f1
}

.l-subheader.at_middle .w-nav-item.level_1.active .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1,
.l-subheader.at_middle .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1,
.no-touch .l-subheader.at_middle .w-nav-item.level_1.active:hover .w-nav-anchor.level_1,
.no-touch .l-subheader.at_middle .w-nav-item.level_1.current-menu-ancestor:hover .w-nav-anchor.level_1,
.no-touch .l-subheader.at_middle .w-nav-item.level_1.current-menu-item:hover .w-nav-anchor.level_1,
.no-touch .l-subheader.at_middle .w-nav-item.level_1:hover .w-nav-anchor.level_1 {
    background-color: #fff;
    color: var(--color-primary)
}

.l-subheader.at_top .w-contacts,
.l-subheader.at_top .w-contacts-item-value a,
.l-subheader.at_top .w-socials-item-link,
.w-lang.layout_dropdown .w-lang-current,
.w-lang.layout_dropdown .w-lang-list .w-lang-item {
    color: #212529
}

.no-touch .l-subheader.at_top .w-contacts-item-value a:hover,
.no-touch .w-lang.layout_dropdown .w-lang-current:hover,
.no-touch .w-lang.layout_dropdown .w-lang-list .w-lang-item:hover {
    color: var(--color-primary)
}

.l-subheader.at_middle .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav-anchor.level_3 {
    background-color: #fff;
    color: #212529
}

.no-touch .l-subheader.at_middle .w-nav-item.level_2:hover .w-nav-anchor.level_2,
.no-touch .l-subheader.at_middle .w-nav-item.level_3:hover .w-nav-anchor.level_3 {
    background-color: var(--color-primary);
    color: #fff
}

.l-canvas,
.no-touch .w-filters-item.active .w-filters-item-link:hover,
.no-touch .w-tabs-item.active:hover,
.w-actionbox.color_alternate,
.w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-preview-icon,
.w-blog.type_masonry .w-blog-entry-preview:before,
.w-clients-itemgroup,
.w-filters,
.w-filters-item.active .w-filters-item-link,
.w-icon.color_fade.with_circle .w-icon-link,
.w-icon.color_text.with_circle .w-icon-link,
.w-portfolio-item-arrow,
.w-portfolio-item-meta,
.w-pricing-item-price,
.w-pricing-item-title,
.w-tabs-item.active,
.w-tabs-list,
.w-timeline-item,
.w-timeline-section-title,
.w-timeline.type_vertical .w-timeline-section-content,
.widget.widget_nav_menu .menu-item.current-menu-item>a,
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
select,
textarea {
    background-color: #fff
}

.l-subheader.at_middle .w-nav-item.level_2.active .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav-item.level_2.current-menu-ancestor .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav-item.level_2.current-menu-item .w-nav-anchor.level_2,
.l-subheader.at_middle .w-nav-item.level_3.active .w-nav-anchor.level_3,
.l-subheader.at_middle .w-nav-item.level_3.current-menu-ancestor .w-nav-anchor.level_3,
.l-subheader.at_middle .w-nav-item.level_3.current-menu-item .w-nav-anchor.level_3 {
    background-color: #fff;
    color: var(--color-primary)
}

.g-btn.type_contrast,
.no-touch .g-btn.type_contrast.outlined:hover,
.no-touch .g-btn.type_contrast:hover,
.w-icon.color_border.with_circle .w-icon-link {
    color: #fff
}

#wp-calendar tbody td,
#wp-calendar tfoot td,
#wp-calendar thead th,
.w-blog-entry,
.w-bloglist,
.w-blogpost,
.w-comments-item,
.w-nav-list.layout_ver .w-nav-anchor,
.w-pricing-item-h,
.w-tabs.layout_accordion,
.w-tabs.layout_accordion .w-tabs-section,
.w-timeline.type_vertical .w-timeline-section-content,
.widget.widget_nav_menu .menu-item a {
    border-color: #e8e8e8
}

.g-hr-h i,
.page-404 i,
.w-icon.color_border .w-icon-link {
    color: #e8e8e8
}

.g-btn.type_default,
.g-btn.type_default.outlined:before,
.g-hr-h:after,
.g-hr-h:before,
.w-icon.color_border.with_circle .w-icon-link,
.w-timeline-list:before {
    background-color: #e8e8e8
}

.g-btn.type_default.outlined,
.g-pagination-item,
.w-socials-item-link,
.w-tags.layout_block .w-tags-item-link,
.w-team-member-links-item,
.w-testimonial {
    box-shadow: 0 0 0 1px #e8e8e8 inset
}



.g-btn.type_contrast,
.g-btn.type_contrast.outlined:before {
    background-color: #212529
}

.g-btn.type_contrast.outlined {
    box-shadow: 0 0 0 1px #212529 inset
}

.color_primary .w-icon.color_text.with_circle .w-icon-link,
.g-btn.type_default,
.g-btn.type_default.outlined,
.g-pagination-item,
.l-canvas,
.w-clients-nav,
.w-clients-nav.disabled,
.w-clients-nav.disabled:hover,
.w-filters-item-link,
.w-icon.color_text .w-icon-link,
.w-nav-list.layout_ver .w-nav-anchor,
.w-socials-item-link,
.w-tags.layout_block .w-tags-item-link,
.widget.widget_archive ul li a,
.widget.widget_categories ul li a,
.widget.widget_nav_menu .menu-item a {
    color: #424040
}

.g-btn.type_primary.outlined,
.g-html .highlight,
.l-main .w-contacts-item i,
.no-touch .w-blog-entry-link:hover .w-blog-entry-title-h,
.no-touch .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.no-touch .w-filters-item.active .w-filters-item-link:hover,
.no-touch .w-iconbox-link:hover .w-iconbox-title,
.no-touch .w-nav-list.layout_ver .w-nav-anchor:hover,
.no-touch .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover,
.no-touch .w-tabs-item.active:hover,
.no-touch .w-tags.layout_block .w-tags-item-link:hover,
.w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.w-clients-nav:hover,
.w-counter.color_primary .w-counter-number,
.w-filters-item.active .w-filters-item-link,
.w-icon.color_primary .w-icon-link,
.w-iconbox-icon,
.w-nav-list.layout_ver .active .w-nav-anchor.level_1,
.w-shortblog-entry-title-h,
.w-tabs-item.active,
.w-tabs.layout_accordion .w-tabs-section.active .w-tabs-section-title,
.w-team-member-link .w-team-member-name,
.widget.widget_nav_menu .menu-item.current-menu-item>a,
a {
    color: var(--color-primary)
}

.g-btn.type_primary,
.g-btn.type_primary.outlined:before,
.g-pagination-item.active,
.l-submain.color_primary,
.no-touch .flex-direction-nav li span:before,
.no-touch .g-pagination-item:before,
.no-touch .tp-leftarrow.default:before,
.no-touch .tp-rightarrow.default:before,
.no-touch .w-filters-item-link:hover,
.no-touch .w-iconbox.with_circle .w-iconbox-icon:before,
.no-touch .w-team-member-links,
.no-touch .w-toplink.active:hover,
.no-touch .widget.widget_nav_menu .menu-item a:hover,
.w-actionbox.color_primary,
.w-icon.color_primary.with_circle .w-icon-link,
.w-pricing-item.type_featured .w-pricing-item-price,
.w-pricing-item.type_featured .w-pricing-item-title,
.w-timeline-item:before,
.w-timeline-section-title:before,
.w-timeline-section.active .w-timeline-section-title:before,
.w-timeline.type_vertical .w-timeline-section:before,
input[type=submit] {
    background-color: var(--color-primary)
}

.g-html blockquote,
.no-touch .w-tabs-item.active:hover,
.no-touch .widget.widget_nav_menu .menu-item a:hover,
.w-blog-entry.sticky,
.w-clients-item:hover,
.w-filters-item.active .w-filters-item-link,
.w-tabs-item.active {
    border-color: var(--color-primary)
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=date]:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 0 1.5px var(--color-primary)
}

.g-btn.type_primary.outlined,
.l-main .w-contacts-item i,
.no-touch .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover,
.no-touch .w-tags.layout_block .w-tags-item-link:hover,
.no-touch .w-testimonial:hover,
.w-clients-nav:hover,
.w-iconbox.with_circle .w-iconbox-icon,
.w-timeline-item,
.w-timeline-section-title {
    box-shadow: 0 0 0 1px var(--color-primary) inset
}

.g-btn.type_secondary.outlined,
.no-touch .w-blog.type_masonry .w-blog-entry-meta a:hover,
.no-touch .w-shortblog-entry-link:hover .w-shortblog-entry-title-h,
.no-touch .w-team-member-link:hover .w-team-member-name,
.no-touch .widget.widget_archive ul li a:hover,
.no-touch .widget.widget_categories ul li a:hover,
.no-touch .widget.widget_tag_cloud .tagcloud a:hover,
.w-counter.color_secondary .w-counter-number,
.w-icon.color_secondary .w-icon-link,
a:active,
a:hover {
    color: #212529
}

.g-btn.type_secondary,
.g-btn.type_secondary.outlined:before,
.w-icon.color_secondary.with_circle .w-icon-link {
    background-color: #212529
}

.g-btn.type_secondary.outlined {
    box-shadow: 0 0 0 1px #212529 inset
}

#wp-calendar thead th,
.no-touch .w-icon.color_fade.with_circle .w-icon-link:hover,
.w-blog-entry-meta-author i,
.w-blog-entry-meta-comments i,
.w-blog-entry-meta-date i,
.w-blog-entry-meta-tags i,
.w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-preview-icon,
.w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-preview-icon,
.w-blog.type_masonry .w-blog-entry-meta a,
.w-blog.type_masonry .w-blog-entry-meta-author,
.w-blog.type_masonry .w-blog-entry-meta-comments,
.w-blog.type_masonry .w-blog-entry-meta-date,
.w-blog.type_masonry .w-blog-entry-meta-tags,
.w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-preview-icon,
.w-bloglist-entry-author,
.w-bloglist-entry-date,
.w-blogpost-meta,
.w-comments-item-date,
.w-icon.color_fade .w-icon-link,
.w-links-anchor:before,
.w-nav-list.layout_ver .w-nav-anchor:before,
.w-pagehead p,
.w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item,
.w-search.submit_inside .w-search-submit:before,
.w-team-member-role,
.w-testimonial-person i,
.widget.widget_archive ul li:before,
.widget.widget_categories ul li:before,
.widget.widget_nav_menu .menu-item a:before,
.widget.widget_recent_entries ul li span,
.widget.widget_rss ul li cite,
.widget.widget_rss ul li span,
.widget.widget_tag_cloud .tagcloud a {
    color: #212529
}

.w-shortblog-entry-meta-date {
    box-shadow: 0 0 0 1px #212529 inset
}

.color_alternate .w-blog.type_masonry .w-blog-entry-preview:before,
.color_alternate .w-clients-itemgroup,
.color_alternate .w-filters-item.active .w-filters-item-link,
.color_alternate .w-tabs-item.active,
.color_alternate .w-timeline-item,
.color_alternate .w-timeline-section-title,
.color_alternate .w-timeline.type_vertical .w-timeline-section-content,
.l-submain.color_alternate,
.no-touch .color_alternate .w-filters-item.active .w-filters-item-link:hover,
.no-touch .color_alternate .w-tabs-item.active:hover {
    background-color: #f4f4f4
}

.color_alternate .g-btn.type_contrast,
.color_alternate .w-icon.color_border.with_circle .w-icon-link,
.no-touch .color_alternate .g-btn.type_contrast.outlined:hover,
.no-touch .color_alternate .g-btn.type_contrast:hover {
    color: #f4f4f4
}

.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-preview-icon,
.color_alternate .w-filters,
.color_alternate .w-icon.color_fade.with_circle .w-icon-link,
.color_alternate .w-icon.color_text.with_circle .w-icon-link,
.color_alternate .w-pricing-item-price,
.color_alternate .w-pricing-item-title,
.color_alternate .w-tabs-list,
.color_alternate .widget.widget_nav_menu .menu-item.current-menu-item>a,
.color_alternate input[type=text],
.color_alternate input[type=password],
.color_alternate input[type=email],
.color_alternate input[type=url],
.color_alternate input[type=tel],
.color_alternate input[type=number],
.color_alternate input[type=date],
.color_alternate select,
.color_alternate textarea {
    background-color: #fff
}

.color_alternate #wp-calendar tbody td,
.color_alternate #wp-calendar tfoot td,
.color_alternate #wp-calendar thead th,
.color_alternate .w-blog-entry,
.color_alternate .w-bloglist,
.color_alternate .w-blogpost,
.color_alternate .w-comments-item,
.color_alternate .w-nav-list.layout_ver .w-nav-anchor,
.color_alternate .w-pricing-item-h,
.color_alternate .w-tabs.layout_accordion,
.color_alternate .w-tabs.layout_accordion .w-tabs-section,
.color_alternate .w-timeline.type_vertical .w-timeline-section-content,
.color_alternate .widget.widget_nav_menu .menu-item a,
.color_alternate .widget.widget_nav_menu .menu-item a:hover {
    border-color: #ddd
}

.color_alternate .g-hr-h i,
.color_alternate .page-404 i,
.color_alternate .w-icon.color_border .w-icon-link {
    color: #ddd
}

.color_alternate .g-btn.type_default,
.color_alternate .g-btn.type_default.outlined:before,
.color_alternate .g-hr-h:after,
.color_alternate .g-hr-h:before,
.color_alternate .w-icon.color_border.with_circle .w-icon-link,
.color_alternate .w-timeline-list:before {
    background-color: #ddd
}

.color_alternate .g-btn.type_default.outlined,
.color_alternate .g-pagination-item,
.color_alternate .w-socials-item-link,
.color_alternate .w-tags.layout_block .w-tags-item-link,
.color_alternate .w-team-member-links-item,
.color_alternate .w-testimonial {
    box-shadow: 0 0 0 1px #ddd inset
}

.color_alternate .g-btn.type_contrast.outlined,
.color_alternate .w-blog-entry-title,
.color_alternate .w-counter-number,
.color_alternate .w-pricing-item-price,
.color_alternate .w-pricing-item-title,
.color_alternate .w-search.submit_inside .w-search-submit:hover:before,
.color_alternate .w-shortblog-entry-meta-date,
.color_alternate .w-timeline-item,
.color_alternate .w-timeline-section-title,
.color_alternate h1,
.color_alternate h2,
.color_alternate h3,
.color_alternate h4,
.color_alternate h5,
.color_alternate h6,
.color_alternate input[type=text],
.color_alternate input[type=password],
.color_alternate input[type=email],
.color_alternate input[type=url],
.color_alternate input[type=tel],
.color_alternate input[type=number],
.color_alternate input[type=date],
.color_alternate select,
.color_alternate textarea,
.no-touch .color_alternate .g-btn.type_default.outlined:hover,
.no-touch .color_alternate .g-btn.type_default:hover,
.no-touch .color_alternate .w-tabs-item:hover,
.no-touch .color_alternate .w-testimonial:hover {
    color: #333
}

.color_alternate .g-btn.type_contrast,
.color_alternate .g-btn.type_contrast.outlined:before {
    background-color: #333
}

.color_alternate .g-btn.type_contrast.outlined {
    box-shadow: 0 0 0 1px #333 inset
}

.color_alternate .g-btn.type_default,
.color_alternate .g-btn.type_default.outlined,
.color_alternate .g-pagination-item,
.color_alternate .w-clients-nav,
.color_alternate .w-clients-nav.disabled,
.color_alternate .w-clients-nav.disabled:hover,
.color_alternate .w-filters-item-link,
.color_alternate .w-icon.color_text .w-icon-link,
.color_alternate .w-nav-list.layout_ver .w-nav-anchor,
.color_alternate .w-socials-item-link,
.color_alternate .w-tags.layout_block .w-tags-item-link,
.color_alternate .widget.widget_archive ul li a,
.color_alternate .widget.widget_categories ul li a,
.color_alternate .widget.widget_nav_menu .menu-item a,
.l-submain.color_alternate {
    color: #000000
}

.color_alternate .g-btn.type_primary.outlined,
.color_alternate .l-main .w-contacts-item i,
.color_alternate .w-clients-nav:hover,
.color_alternate .w-counter.color_primary .w-counter-number,
.color_alternate .w-filters-item.active .w-filters-item-link,
.color_alternate .w-icon.color_primary .w-icon-link,
.color_alternate .w-iconbox-icon,
.color_alternate .w-nav-list.layout_ver .active .w-nav-anchor.level_1,
.color_alternate .w-shortblog-entry-title-h,
.color_alternate .w-tabs-item.active,
.color_alternate .w-tabs.layout_accordion .w-tabs-section.active .w-tabs-section-title,
.color_alternate .w-team-member-link .w-team-member-name,
.color_alternate .widget.widget_nav_menu .menu-item.current-menu-item>a,
.color_alternate a,
.no-touch .color_alternate .w-blog-entry-link:hover .w-blog-entry-title-h,
.no-touch .color_alternate .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-link:hover .w-blog-entry-preview-icon,
.no-touch .color_alternate .w-filters-item.active .w-filters-item-link:hover,
.no-touch .color_alternate .w-iconbox-link:hover .w-iconbox-title,
.no-touch .color_alternate .w-nav-list.layout_ver .w-nav-anchor:hover,
.no-touch .color_alternate .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover,
.no-touch .color_alternate .w-tabs-item.active:hover,
.no-touch .color_alternate .w-tags.layout_block .w-tags-item-link:hover {
    color: var(--color-primary)
}

.color_alternate .g-btn.type_primary,
.color_alternate .g-btn.type_primary.outlined:before,
.color_alternate .g-pagination-item.active,
.color_alternate .w-icon.color_primary.with_circle .w-icon-link,
.color_alternate .w-pricing-item.type_featured .w-pricing-item-price,
.color_alternate .w-pricing-item.type_featured .w-pricing-item-title,
.color_alternate .w-timeline-item:before,
.color_alternate .w-timeline-section-title:before,
.color_alternate .w-timeline-section.active .w-timeline-section-title:before,
.color_alternate .w-timeline.type_vertical .w-timeline-section:before,
.color_alternate input[type=submit],
.no-touch .color_alternate .flex-direction-nav li span:before,
.no-touch .color_alternate .g-pagination-item:before,
.no-touch .color_alternate .tp-leftarrow.default:before,
.no-touch .color_alternate .tp-rightarrow.default:before,
.no-touch .color_alternate .w-filters-item-link:hover,
.no-touch .color_alternate .w-iconbox.with_circle .w-iconbox-icon:before,
.no-touch .color_alternate .w-team-member-links,
.no-touch .color_alternate .w-toplink.active:hover,
.no-touch .color_alternate .widget.widget_nav_menu .menu-item a:hover {
    background-color: var(--color-primary)
}

.color_alternate .g-html blockquote,
.color_alternate .w-blog-entry.sticky,
.color_alternate .w-clients-item:hover,
.color_alternate .w-filters-item.active .w-filters-item-link,
.color_alternate .w-tabs-item.active,
.no-touch .color_alternate .w-tabs-item.active:hover,
.no-touch .color_alternate .widget.widget_nav_menu .menu-item a:hover {
    border-color: var(--color-primary)
}

.color_alternate input[type=text]:focus,
.color_alternate input[type=password]:focus,
.color_alternate input[type=email]:focus,
.color_alternate input[type=url]:focus,
.color_alternate input[type=tel]:focus,
.color_alternate input[type=number]:focus,
.color_alternate input[type=date]:focus,
.color_alternate select:focus,
.color_alternate textarea:focus {
    box-shadow: 0 0 0 1.5px var(--color-primary)
}

.color_alternate .g-btn.type_primary.outlined,
.color_alternate .l-main .w-contacts-item i,
.color_alternate .w-clients-nav:hover,
.color_alternate .w-iconbox.with_circle .w-iconbox-icon,
.color_alternate .w-timeline-item:before,
.color_alternate .w-timeline-section-title:before,
.no-touch .color_alternate .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover,
.no-touch .color_alternate .w-tags.layout_block .w-tags-item-link:hover,
.no-touch .color_alternate .w-testimonial:hover {
    box-shadow: 0 0 0 1.5px var(--color-primary) inset
}

.color_alternate .g-btn.type_secondary.outlined,
.color_alternate .w-counter.color_secondary .w-counter-number,
.color_alternate .w-icon.color_secondary .w-icon-link,
.color_alternate a:active,
.color_alternate a:hover,
.no-touch .color_alternate .w-blog.type_masonry .w-blog-entry-meta a:hover,
.no-touch .color_alternate .w-shortblog-entry-link:hover .w-shortblog-entry-title-h,
.no-touch .color_alternate .w-team-member-link:hover .w-team-member-name,
.no-touch .color_alternate .widget.widget_archive ul li a:hover,
.no-touch .color_alternate .widget.widget_categories ul li a:hover,
.no-touch .color_alternate .widget.widget_tag_cloud .tagcloud a:hover {
    color: #212529
}

.color_alternate .g-btn.type_secondary,
.color_alternate .g-btn.type_secondary.outlined:before,
.color_alternate .w-icon.color_secondary.with_circle .w-icon-link {
    background-color: #212529
}

.color_alternate .g-btn.type_secondary.outlined {
    box-shadow: 0 0 0 1px #212529 inset
}

.color_alternate #wp-calendar thead th,
.color_alternate .w-blog-entry-meta-author i,
.color_alternate .w-blog-entry-meta-comments i,
.color_alternate .w-blog-entry-meta-date i,
.color_alternate .w-blog-entry-meta-tags i,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-preview-icon,
.color_alternate .w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-preview-icon,
.color_alternate .w-blog.type_masonry .w-blog-entry-meta a,
.color_alternate .w-blog.type_masonry .w-blog-entry-meta-author,
.color_alternate .w-blog.type_masonry .w-blog-entry-meta-comments,
.color_alternate .w-blog.type_masonry .w-blog-entry-meta-date,
.color_alternate .w-blog.type_masonry .w-blog-entry-meta-tags,
.color_alternate .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-preview-icon,
.color_alternate .w-bloglist-entry-author,
.color_alternate .w-bloglist-entry-date,
.color_alternate .w-blogpost-meta,
.color_alternate .w-comments-item-date,
.color_alternate .w-icon.color_fade .w-icon-link,
.color_alternate .w-links-anchor:before,
.color_alternate .w-nav-list.layout_ver .w-nav-anchor:before,
.color_alternate .w-pagehead p,
.color_alternate .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item,
.color_alternate .w-search.submit_inside .w-search-submit:before,
.color_alternate .w-team-member-role,
.color_alternate .w-testimonial-person i,
.color_alternate .widget.widget_archive ul li:before,
.color_alternate .widget.widget_categories ul li:before,
.color_alternate .widget.widget_nav_menu .menu-item a:before,
.color_alternate .widget.widget_recent_entries ul li span,
.color_alternate .widget.widget_rss ul li cite,
.color_alternate .widget.widget_rss ul li span,
.color_alternate .widget.widget_tag_cloud .tagcloud a {
    color: #212529
}

.color_alternate .w-shortblog-entry-meta-date {
    box-shadow: 0 0 0 1px #212529 inset
}

.l-subfooter.at_top {
    background-color: #1a1a1a
}

.l-subfooter.at_top,
.l-subfooter.at_top #wp-calendar tbody td,
.l-subfooter.at_top #wp-calendar tfoot td,
.l-subfooter.at_top #wp-calendar thead th,
.l-subfooter.at_top .widget.widget_nav_menu .menu-item a {
    border-color: #222
}

.l-subfooter.at_top .w-socials-item-link {
    box-shadow: 0 0 0 1px #222 inset
}

.l-subfooter.at_top,
.l-subfooter.at_top .w-socials-item-link,
.l-subfooter.at_top .widget.widget_tag_cloud .tagcloud a {
    color: grey
}

.l-subfooter.at_top .widget.widget_archive ul li a,
.l-subfooter.at_top .widget.widget_categories ul li a,
.l-subfooter.at_top .widget.widget_nav_menu .menu-item a,
.l-subfooter.at_top a,
.l-subfooter.at_top h1,
.l-subfooter.at_top h2,
.l-subfooter.at_top h3,
.l-subfooter.at_top h4,
.l-subfooter.at_top h5,
.l-subfooter.at_top h6 {
    color: #ccc
}

.no-touch .l-subfooter.at_top .widget.widget_archive ul li a:hover,
.no-touch .l-subfooter.at_top .widget.widget_categories ul li a:hover,
.no-touch .l-subfooter.at_top .widget.widget_tag_cloud .tagcloud a:hover,
.no-touch .l-subfooter.at_top a:hover {
    color: #fff
}

.l-subfooter.at_top #wp-calendar thead th,
.l-subfooter.at_top .w-bloglist-entry-date,
.l-subfooter.at_top .widget.widget_archive ul li:before,
.l-subfooter.at_top .widget.widget_categories ul li:before,
.l-subfooter.at_top .widget.widget_nav_menu .menu-item a:before,
.l-subfooter.at_top .widget.widget_recent_entries ul li span,
.l-subfooter.at_top .widget.widget_rss ul li cite,
.l-subfooter.at_top .widget.widget_rss ul li span {
    color: #212529
}

.l-subfooter.at_bottom {
    background-color: #222;
    color: #212529
}

.l-subfooter.at_bottom a {
    color: #ffffff
}

@media only screen and (max-width:1300px) {
    .w-blog.type_masonry .w-blog-entry {
        width: 33.3%
    }
    .w-clients {
        padding: 0 40px
    }
    .w-clients-nav.to_next {
        right: -60px
    }
    .w-clients-nav.to_prev {
        left: -60px
    }
}

@media only screen and (max-width:1023px) {
    .l-subfooter.at_bottom .w-nav-list,
    .l-subheader.at_top .w-contacts {
        display: inline-block;
        float: none
    }
    .l-subheader.at_top {
        height: auto;
        text-align: center
    }
    .l-subheader.at_top .w-lang,
    .l-subheader.at_top .w-socials {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px
    }
    .l-subheader.at_top .w-contacts {
        vertical-align: top;
        margin: 0
    }
    .g-html h1,
    .g-html h2,
    .g-html h3,
    .g-html h4,
    .g-html h5,
    .g-html h6 {
        margin-bottom: 20px
    }
    .l-subheader.at_middle {
        height: auto;
        line-height: 80px
    }
    .w-logo {
        height: 80px
    }
    .w-logo-img {
        max-height: 48px
    }
    .l-subheader.at_middle .w-nav-control {
        top: -80px
    }
    .no-touch .l-subheader.at_middle .w-nav-anchor.level_1:after {
        top: -23px
    }
    .no-touch .l-subheader.at_middle .w-nav-item.level_1:hover .w-nav-anchor.level_1:after {
        top: -27px
    }
    .l-canvas.headerpos_fixed .l-header {
        position: fixed
    }
   
    .l-submain {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .l-submain.for_pagehead {
        padding-top: 16px;
        padding-bottom: 18px
    }
    .l-subsection.full_height {
        padding-top: 0;
        padding-bottom: 0
    }
    .l-submain.parallax_ver .l-submain-bg {
        background-position: center center!important
    }
    .l-subfooter.at_top {
        padding-top: 40px;
        padding-bottom: 10px
    }
    .l-subfooter.at_bottom {
        padding-top: 25px;
        padding-bottom: 0;
        text-align: center
    }
    .l-subfooter.at_bottom .w-copyright,
    .l-subfooter.at_bottom .w-nav {
        float: none;
        margin-bottom: 20px
    }
    /*
    .g-html h1 {
        font: 700 2em/1 var(--font-primary), sans-serif;  line-height: 38px
    }
    .g-html h2 {
        font-size: 26px;
        line-height: 36px
    }
    .g-html h3 {
        font-size: 22px;
        line-height: 32px
    }
    .g-html h4 {
        font-size: 20px;
        line-height: 30px
    }
    .g-html h5 {
        font-size: 18px;
        line-height: 26px
    }
    .g-html h6 {
        font-size: 17px;
        line-height: 24px
    }
        */
    .g-hr {
        margin: 30px 0
    }
    .g-hr.size_small {
        margin: 20px 0
    }
    .g-hr.size_big {
        margin: 40px 0
    }
    .g-hr.size_huge {
        margin: 50px 0
    }
    .g-hr.type_invisible {
        margin: 10px 0
    }
    .g-hr.type_invisible.size_small {
        margin: 0
    }
    .g-hr.type_invisible.size_big {
        margin: 20px 0
    }
    .g-hr.type_invisible.size_huge {
        margin: 30px 0
    }
    .g-btn.size_big,
    button.g-btn.size_big,
    input.g-btn.size_big {
        padding: 12px 36px;
        font-size: 15px
    }
    .w-blog.type_masonry .w-blog-entry {
        width: 49.9999%
    }
    .w-blog-entry {
        margin-bottom: 25px;
        padding-bottom: 25px
    }
    .w-portfolio.columns_4 .w-portfolio-item,
    .w-portfolio.columns_5 .w-portfolio-item {
        width: 33.3333333333333%
    }
    .flex-direction-nav .flex-prev {
        left: 10px
    }
    .flex-direction-nav .flex-next {
        right: 10px
    }
}

@media only screen and (max-width:899px) {
    .l-content,
    .l-sidebar {
        float: none!important;
        width: 100%!important
    }
    .l-content {
        padding-bottom: 30px
    }
    .g-cols>.four-sixths,
    .g-cols>.one-fourth,
    .g-cols>.one-half,
    .g-cols>.one-quarter,
    .g-cols>.one-third,
    .g-cols>.three-fourths,
    .g-cols>.three-quarters,
    .g-cols>.two-sixths,
    .g-cols>.two-thirds {
        margin-bottom: 30px;
        margin-left: 0;
        width: 100%
    }
    .w-pagehead p {
        display: none
    }
    .w-portfolio.columns_3 .w-portfolio-item,
    .w-portfolio.columns_4 .w-portfolio-item,
    .w-portfolio.columns_5 .w-portfolio-item {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .l-subfooter.at_top {
        padding-bottom: 5px
    }
    .l-subfooter.at_top .g-cols>div {
        margin-bottom: 10px
    }
    .g-pagination-item {
        line-height: 40px;
        height: 40px;
        width: 40px
    }
    .g-pagination-item.to_next {
        padding: 0 25px 0 10px
    }
    .g-pagination-item.to_next:before {
        right: 10px
    }
    .g-pagination-item.to_prev {
        padding: 0 10px 0 25px
    }
    .g-pagination-item.to_prev:before {
        left: 10px
    }
    .w-actionbox {
        padding: 20px
    }
    .w-filters-item {
        font-size: 13px
    }
    .w-filters-item-link {
        height: 42px;
        line-height: 42px;
        padding: 0 10px
    }
    .w-pagehead.type_row .g-breadcrumbs {
        float: none;
        clear: both;
        text-align: left;
        margin: 8px -4px 0
    }
    .l-subheader.at_middle .w-search-input input {
        font-size: 4em
    }
    .page-404 i {
        font-size: 100px
    }
    .w-toplink {
        display: none
    }
}

@media only screen and (max-width:599px) {
    .l-subfooter.at_bottom,
    .l-subfooter.at_top,
    .l-subheader.at_middle,
    .l-subheader.at_top,
    .l-submain,
    .l-submain.for_pagehead {
        padding-left: 25px;
        padding-right: 25px
    }
    .l-subheader.at_top {
        line-height: 30px
    }
    .l-subheader.at_middle {
        line-height: 66px
    }
    .w-logo {
        height: 66px
    }
    .w-logo-img {
        max-height: 53px
    }
    .w-logo-title {
        font-size: 26px
    }
    .l-subheader.at_middle .w-nav-control {
        top: -66px
    }
    .l-submain {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .l-subfooter.at_bottom .w-nav-list.layout_hor.width_auto>.w-nav-list-h>.w-nav-item {
        float: none;
        margin-bottom: 10px
    }
    .g-html h1,
    .g-html h2,
    .g-html h3 {
        margin-bottom: 16px
    }
    .l-subheader.at_middle .w-search-label {
        font-size: 1.2em
    }
    .l-subheader.at_middle .w-search-input input {
        font-size: 2.2em
    }





    .g-hr {
        margin: 15px 0
    }
    .g-hr.size_small {
        margin: 5px 0
    }
    .g-hr.size_big {
        margin: 25px 0
    }
    .g-hr.size_huge {
        margin: 35px 0
    }
    .g-hr.type_invisible {
        margin: 5px 0
    }
    .g-hr.type_invisible.size_small {
        margin: 0
    }
    .g-hr.type_invisible.size_big {
        margin: 10px 0
    }
    .g-hr.type_invisible.size_huge {
        margin: 15px 0
    }
    .w-blog.type_masonry .w-blog-entry {
        width: 100%
    }
    .tp-leftarrow.default,
    .tp-rightarrow.default,
    ul.flex-direction-nav {
        display: none
    }
}

@media only screen and (max-width:479px) {
    .l-subfooter.at_bottom,
    .l-subfooter.at_top,
    .l-subheader.at_middle,
    .l-subheader.at_top,
    .l-submain,
    .l-submain.for_pagehead {
        padding-left: 20px;
        padding-right: 20px
    }
    .w-actionbox.controls_aside .w-actionbox-controls {
        white-space: normal
    }
    .w-actionbox-button.g-btn,
    .w-actionbox.controls_aside .w-actionbox-button.g-btn {
        margin: 4px
    }
    .w-logo-img {
        max-width: 170px!important;
    }
    .w-logo-title {
        font-size: 20px
    }
    .w-pagehead .g-breadcrumbs {
        display: none
    }
    .w-pagehead.type_row .w-pagehead-nav {
        float: none;
        clear: both
    }
    .w-cart~.w-nav .w-nav-control,
    .w-search~.w-nav .w-nav-control {
        right: 36px
    }
    .w-portfolio.columns_2 .w-portfolio-item,
    .w-portfolio.columns_3 .w-portfolio-item,
    .w-portfolio.columns_4 .w-portfolio-item,
    .w-portfolio.columns_5 .w-portfolio-item {
        width: 100%
    }
}

.energy-class {
    position: relative;
    width: 100px;
    font-family: sans-serif;
    font-size: 19px;
    font-weight: 700
}

.energy-class div {
    position: relative;
    height: 30px;
    margin: 2px 40px
}

.energy-class div:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    background: 0 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.energy-class div:after {
    position: absolute;
    top: 0;
    right: .5em;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-shadow: 0 0 0 #000
}

.energy-class div.a {
    background: #3b7634;
    width: 30px
}

.energy-class div.a:before {
    border-right: 8px solid #3b7634
}

.energy-class div.a:after {
    content: ' A '
}

.energy-class div.b {
    background: #5da436;
    width: 35px
}

.energy-class div.b:before {
    border-right: 8px solid #5da436
}

.energy-class div.b:after {
    content: ' B '
}

.energy-class div.c {
    background: #a3cf2a;
    width: 35px
}

.energy-class div.c:before {
    border-right: 8px solid #a3cf2a
}

.energy-class div.c:after {
    content: ' C '
}

.energy-class div.d {
    background: #f6df1b;
    width: 35px
}

.energy-class div.d:before {
    border-right: 8px solid #f6df1b
}

.energy-class div.d:after {
    content: ' D '
}

.energy-class div.e {
    background: #f29020;
    width: 35px
}

.energy-class div.e:before {
    border-right: 8px solid #f29020
}

.energy-class div.e:after {
    content: ' E '
}

.energy-class div.f {
    background: #eb422c;
    width: 35px
}

.energy-class div.f:before {
    border-right: 8px solid #eb422c
}

.energy-class div.f:after {
    content: ' F '
}

.energy-class div.g {
    background: #ea2039;
    width: 35px
}

.energy-class div.g:before {
    border-right: 8px solid #ea2039
}

.energy-class div.g:after {
    content: ' G '
}

.energy-class div.dB {
    background: #000;
    width: 65px
}

.energy-class div.dB:before {
    border-right: 8px solid #000
}

.energy-class div.dB:after {
    content: attr(dbJs)
}


/*
::selection {
    background: var(--color-primary);
    color: #ffffff;
}

::-moz-selection {
    background: var(--color-primary);
    color: #ffffff;
}
*/
.ui.fire_red.button {
    background-color: var(--color-primary) !important;
    color: #fff;
}

	.grecaptcha-badge { 
    visibility: hidden;
}

.hpoint {
    cursor:pointer;
}	
	
.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:7px;
	right:7px;
	border-radius:50px;
	text-align:center;
	    z-index:99999999999;

}
	
	
.gfloat{
	position:fixed;
	width:140px;
	height:60px;
	bottom:0px;
	right:0px;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	    z-index:99999999999;

}



.headerDivider {
     border-left:0px; 
     border-right:1px solid #ced2da; 
     height:50%;
     float:left;
     margin-top:20px; 
	margin-left: 30px;
    margin-right: 30px;
	vertical-align: middle;
}

	
    .w155 {
	width: 155px !important;
	margin-bottom: 10px !important;
	}	
	
	.ico_menu_container {
        color: #000000; font-size:14px !important; font-weight: 300 !important; line-height: 14px !important; vertical-align: middle !important

    }


    .elastic_modal, .megamenu, .mecamenu {
        position:fixed;
        top: 64px;
        max-height: 100% !important;
        overflow-y:scroll;
        z-index:999999999999999999999999;
        scrollbar-width: none; /* Pour les navigateurs Firefox */
        }

        .elastic_modal::-webkit-scrollbar, 
        .megamenu::-webkit-scrollbar, 
        .mecamenu::-webkit-scrollbar {
            display: none;
        }


	/* Mobile Rules (Max 767px */
@media (max-width : 767px) {

    .mobile_hide {
        display: none !important;
        }

    .si_computer {
        display: none !important;
        }
    
            
            .idtop {
            display: none !important;
        }

        
    

        
    .l-canvas.headerpos_fixed .l-main {
        padding-top: 104px !important
    }
        
     .l-canvas.headerpos_fixed .l-main,
        .l-canvas.headerpos_fixed.headertype_extended .l-main {
            padding-top: 104px !important
        }    
        
        
    .redcart { margin-right:10px !important;  }
    .bluecart { margin-right:10px !important; }
    .sb_color { color:black !important; }   
    
    .menu_box {
        width: 47% !important;
        height: 150px !important;
            margin: 5px!important;
    border-radius:10px !important; 
        }
        
        .menu_text {
            padding-top: 120px;
        font-size: 18px!important;
    
        }
        
            .MNK {
        height: 60px; line-height: 60px;    
        }  
	    
/*
	.mecamenu {
	position: absolute;
	}
	
    .megamenu {
	position: absolute;
	}
*/

	.compact_padding {
	padding: 0px 0px !important;
	}
	
	
	    .dps_mobile {
	font-size:21px !important;
	margin-bottom: 0px !important;
	}
    .dps_mobile2 {
	height:21px !important;
	width:21px !important;
	}	
	
    .dps_mobile3 {
	margin-top:5px !important;
	}		
	
	
	
	.mobile_dynheader {
margin-top: 0px; 
	}
	

}	
	

	
/* Tablet + Computer Rules */	
@media (min-width : 768px) {

    .idtop { display:none; }
   /*
    .megamenu {
        position: fixed;
        }
    
    
       .mecamenu {
        position: fixed;
        }
*/
        .menu_box {
            width: 18% !important;
            height: 150px !important;
            filter: brightness(90%);
            border-radius:10px !important; 
                
        
            margin: 5px!important;

                
            }
            
            .MNK {
            height: 68px; line-height: 68px;    
            }    
            
            .menu_text {
            filter: brightness(100%) !important;	
            padding-top: 110px;
            font-size: 22px!important;
        
            font-weight: 200 !important;
            }
   
	
    .redcart { background-color: var(--color-primary) !important; padding-left:10px !important; padding-right:10px !important; }
    .bluecart { background-color: var(--color-blue) !important; padding-left:10px !important; padding-right:10px !important; }
    .sb_color { color:white !important; }
        
        .l-canvas.headerpos_fixed .l-main {
        padding-top: 60px
    } 
        
     .l-canvas.headerpos_fixed .l-main,
        .l-canvas.headerpos_fixed.headertype_extended .l-main {
            padding-top: 60px
        }

	.compact_padding {
	padding: 0px 5px !important;
	}
	
	    .scrhgt {
min-height:60vh;
	}

	
	.mobile_dynheader {
margin-top: 50px;
	}
	
    
	
	.computer_hide {
	display: none !important;
	}
	
    .cpadding_30 {
	padding-top: -10px; margin-top: -30px;
	}	

    /* .si_input { max-width:800px; } */

}		

@media (max-width: 1024px) {

    .tablet_hide {
        display: none !important;
        }
}

/* Computer Rules */	
@media (min-width : 1025px) {

    
    /*
    .megamenu {
       position: fixed;
       }
   
   
      .mecamenu {
       position: fixed;
       }
   */
   
       .menu_box {
       width: 13.2% !important;
       height: 150px !important;
       filter: brightness(90%);
       border-radius:10px !important; 

       margin: 5px!important;
   
           
       }
       
       .MNK {
       height: 68px; line-height: 68px;    
       }    
       
       .menu_text {
       filter: brightness(100%) !important;	
       padding-top: 110px;
       font-size: 22px!important;
   
       font-weight: 200 !important;
       }
   
   }	

/* Big Screens 1200+ */
@media (min-width:1200px) {
    .idtop { display:inline !important; }
    .pdrd { padding-right: 25px !important; }
    .elastic_modal {
        max-height: 40vh !important;
        overflow-y:hidden;
        }
}

	.unselectable {
		
	-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
		
		
	}	


/* ELASTIC SEARCH */
.simp {
  background: 
      linear-gradient(#000, #000) left bottom 0.5px /calc(75%) 0.5px no-repeat !important;
	  padding-left: 10px !important;
}
	
	

/* SEARCH BAR RULES */
.elastic_wide { flex-grow: 1 !important; }


@media (min-width:768px)   {
	
  .L_Search {
	display: none !important;
	}

    .elastic_wide { margin-top:10px !important; margin-right:50px !important; }



}	



	


/* GG-Menu */
.gg-menu {
    transform: scale(var(--ggs,1))
}
.gg-menu,
.gg-menu::after,
.gg-menu::before {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 1.4px;
    border-radius: 0px;
    background: currentColor;
	vertical-align: middle;
	color: var(--color-primary) !important;
    margin-right: 2px !important;
}
.gg-menu::after,
.gg-menu::before {
    content: "";
    position: absolute;
    top: -6px
}
.gg-menu::after {
    top: 6px
}

/* CSS Multiple Whatsapp Chat */
#rupteur-chat{position:fixed;background:#fff;width:350px;border-radius:10px;box-shadow:0 1px 15px rgba(32,33,36,.28);bottom:22px;right:22px;overflow:hidden;z-index:99;animation-name:showchat;animation-duration:0.1s;transform:scale(1)}a.chatmessage{text-align:left;background:#222222;color:white;line-height:1.7;border-radius:5px;padding:5px 8px;display:inline-block;position:fixed;z-index:98;bottom:90px;right:30px;font-size:15px;}a.rchatshow-chat{background:linear-gradient(to right top,var(--color-pink),var(--color-pink));color:#fff;position:fixed;z-index:98;bottom:25px;right:30px;font-size:15px;padding:15px 15px;border-radius:50%;box-shadow:0 1px 15px rgba(32,33,36,.28)}a.rchatshow-chat i{transform:scale(1.2);margin:0 0px 0 0}.header-chat{background:linear-gradient(to right top,var(--color-pink),var(--color-pink-active));color:#fff;padding:20px}.header-chat h3{margin:0 0 10px}.header-chat p{font-size:14px;line-height:1.7;margin:0}.info-avatar{position:relative}.info-avatar img{border-radius:100%;width:50px;float:left;margin:0 10px 0 0}a.ctcinfo{padding:20px;display:block;overflow:hidden;animation-name:showhide;animation-duration:1s}a.ctcinfo:hover{background:#f1f1f1}a.tctcinfo{padding:20px;display:block;overflow:hidden;animation-name:showhide;animation-duration:1s}a.tctcinfo:hover{background:#f1f1f1}.info-chat span{display:block}#get-label,span.chat-label{font-size:12px;color:#888}#get-nama,span.chat-nama{margin:5px 0 0;font-size:15px;font-weight:700;color:#222}#get-label,#get-nama{color:#fff}.blanter-msg{color:#212529;padding:20px;font-size:12.5px;text-align:center;border-top:1px solid #ddd}textarea#chat-input{border:none;font-family:'Arial',sans-serif;width:100%;height:20px;outline:none;resize:none}a#send-it{color:#000000;width:40px;margin:-5px 0 0 5px;font-weight:700;padding:8px;background:#eee;border-radius:10px}.first-msg{background:#fff;padding:30px;text-align:center}.first-msg span{text-align:left;background:#e2e2e2;color:#333;font-size:14.2px;line-height:1.7;border-radius:10px;padding:15px 20px;display:inline-block}.start-chat .blanter-msg{display:flex}#get-number{display:none}a.close-chat{position:absolute;top:5px;right:15px;color:#fff;font-size:30px}@keyframes showhide{from{transform:scale(.5);opacity:0}}@keyframes showchat{from{transform:scale(0);opacity:0}}@media (max-width:480px){#rupteur-chat{width:auto;left:5%;right:5%;font-size:80%}}.hide{display:none;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}.show{display:block;animation-name:showhide;animation-duration:1.5s;transform:scale(1);opacity:1}
.pdbm {
	bottom: 135px !important;
	}


input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
select,
textarea {
    font-size: 15px;
    padding: 8px;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border: 0.5px solid rgba(34, 36, 38, .15);
    background-color: #fff;
    color: #212529
}

.img-responsive{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:100px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}	

.form-control {
		
	border: none !important;
    border-bottom: 1px solid #b2b2b2  !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #303030 !important;
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;	
	}

	


	
	
.menu_box {
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.8),
			inset 0 -150px 150px -150px #000000; 
border: 0px solid;
display: inline-block!important;
background-color: #fff!important;
    text-align: center!important;
    padding: 0!important;	
opacity: 1;

	position: inline-block;
	text-align: center;
	align-content: center;
background-size: cover;
  background-position: center; 

	}
	
	.menu_text {
color:#ffffff !important;
    text-decoration: none!important;
    font-family: var(--font-primary);
	}


.menu_box:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
box-shadow: inset 0 -150px 150px -150px #000000,
			inset 0 -150px 150px -150px #000000,
			inset 0px 0px 0px 1px var(--color-primary)!important;
	
color:#ffffff !important;
background-color: #ffffff;
filter: brightness(120%);	
}

/* ENERGY CLASS */
.energy-class{position:relative;width:100px;font-family:sans-serif;font-size:19px;font-weight:700}.energy-class div{position:relative;height:30px;margin:2px 40px}.energy-class div:before{content:'';position:absolute;top:0;right:100%;background:0 0;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}.energy-class div:after{position:absolute;top:0;right:.5em;height:30px;line-height:30px;color:#fff;text-shadow:0 0 0 #000}.energy-class div.a{background:#33a64c;width:30px}.energy-class div.a:before{border-right:8px solid #33a64c}.energy-class div.a:after{content:' A '}.energy-class div.b{background:#9eca2d;width:35px}.energy-class div.b:before{border-right:8px solid #9eca2d}.energy-class div.b:after{content:' B '}.energy-class div.c{background:#fdf100;width:35px}.energy-class div.c:before{border-right:8px solid #fdf100}.energy-class div.c:after{content:' C '}.energy-class div.d{background:#f7b800;width:35px}.energy-class div.d:before{border-right:8px solid #f7b800}.energy-class div.d:after{content:' D '}.energy-class div.e{background:#e3151a;width:35px}.energy-class div.e:before{border-right:8px solid #e3151a}.energy-class div.e:after{content:' E '}.energy-class div.dB{background:#000;width:65px}.energy-class div.dB:before{border-right:8px solid #000}.energy-class div.dB:after{content:attr(dbJs)}

/* EC RAIN */
.rain-class{position:relative;width:100px;font-family:sans-serif;font-size:19px;font-weight:700}.rain-class div{position:relative;height:30px;margin:2px 40px}.rain-class div:before{content:'';position:absolute;top:0;right:100%;background:0 0;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}.rain-class div:after{position:absolute;top:0;right:.5em;height:30px;line-height:30px;color:#fff;text-shadow:0 0 0 #000}.rain-class div.a{background:#2367b5;width:30px}.rain-class div.a:before{border-right:8px solid #2367b5}.rain-class div.a:after{content:' A '}.rain-class div.b{background:#2c81c8;width:35px}.rain-class div.b:before{border-right:8px solid #2c81c8}.rain-class div.b:after{content:' B '}.rain-class div.c{background:#2c81c8;width:35px}.rain-class div.c:before{border-right:8px solid #2c81c8}.rain-class div.c:after{content:' C '}.rain-class div.d{background:#7fbfeb;width:35px}.rain-class div.d:before{border-right:8px solid #7fbfeb}.rain-class div.d:after{content:' D '}.rain-class div.e{background:#b2e1fb;width:35px}.rain-class div.e:before{border-right:8px solid #b2e1fb}.rain-class div.e:after{content:' E '}.rain-class div.dB{background:#000;width:65px}.rain-class div.dB:before{border-right:8px solid #000}.rain-class div.dB:after{content:attr(dbJs)}



  .si_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000 !important;
  opacity: 1 !important; /* Firefox */
  font-size: 16px !important;
} 
/*
span .red {
    
color:var(--color-primary) !important;    
}
*/

          
        .input-icons {
            width: 100%;
            margin-bottom: 10px;
        }
          
        .si_icon {
            padding: 10px;
            min-width: 40px;
        }
          
        .si_input {
            padding: 13px;
            text-align: left;
        }



        .zmx {
            transition: transform 0.3s ease-in-out; /* Smooth transition for zoom effect */
            display: block; /* To avoid inline extra space */

          }

        .zmx img:hover{
            transform: scale(1.05);
            }








 
          

          
          .badge {
              --rb-badge-padding-x: 0.5rem;
              --rb-badge-padding-y: 0.325rem;
              --rb-badge-font-size: 0.85rem;
              --rb-badge-font-weight: 600;
              --rb-badge-color: var(--rb-body-color);
              --rb-badge-border-radius: 0.425rem;
              display: inline-block;
              padding: var(--rb-badge-padding-y) var(--rb-badge-padding-x);
              font-size: var(--rb-badge-font-size);
              font-weight: var(--rb-badge-font-weight);
              line-height: 1;
              color: var(--rb-badge-color);
              text-align: center;
              white-space: nowrap;
              vertical-align: baseline;
              border-radius: var(--rb-badge-border-radius);
          }
          

          .badge {
            display: inline-flex;
            align-items: center;
          }
          .badge.badge-circle, .badge.badge-square {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 1.75rem;
            min-width: 1.75rem;
            padding: 0 0.1rem;
            line-height: 0;
          }
          .badge.badge-circle {
            border-radius: 50%;
            padding: 0;
            min-width: unset;
            width: 1.75rem;
          }
          .badge.badge-sm {
            min-width: 1.5rem;
            font-size: 0.8rem;
          }
          .badge.badge-sm.badge-square {
            height: 1.5rem;
          }
          .badge.badge-sm.badge-circle {
            width: 1.5rem;
            height: 1.5rem;
          }
          .badge.badge-lg {
            min-width: 2rem;
            font-size: 1rem;
          }
          .badge.badge-lg.badge-square {
            height: 2rem;
          }
          .badge.badge-lg.badge-circle {
            width: 2rem;
            height: 2rem;
          }
          
          .badge-light {
            color: var(--rb-light-inverse);
            background-color: var(--rb-light);
          }
          .badge-light.badge-outline {
            border: 1px solid var(--rb-light);
            color: var(--rb-light);
            background-color: transparent;
          }
          
          .badge-light-light {
            color: var(--rb-light);
            background-color: var(--rb-light-light);
          }
          
          .badge-primary {
            color: var(--rb-primary-inverse);
            background-color: var(--rb-primary);
          }
          .badge-primary.badge-outline {
            border: 1px solid var(--rb-primary);
            color: var(--rb-primary);
            background-color: transparent;
          }
          
          .badge-light-primary {
            color: var(--rb-primary);
            background-color: var(--rb-primary-light);
          }
          
          .badge-secondary {
            color: var(--rb-secondary-inverse);
            background-color: var(--rb-secondary);
          }
          .badge-secondary.badge-outline {
            border: 1px solid var(--rb-secondary);
            color: var(--rb-secondary);
            background-color: transparent;
          }
          
          .badge-light-secondary {
            color: var(--rb-secondary);
            background-color: var(--rb-secondary-light);
          }
          
          .badge-success {
            color: var(--rb-success-inverse);
            background-color: var(--rb-success);
          }
          .badge-success.badge-outline {
            border: 1px solid var(--rb-success);
            color: var(--rb-success);
            background-color: transparent;
          }
          
          .badge-light-success {
            color: var(--rb-success);
            background-color: var(--rb-success-light);
          }
          
          .badge-info {
            color: var(--rb-info-inverse);
            background-color: var(--rb-info);
          }
          .badge-info.badge-outline {
            border: 1px solid var(--rb-info);
            color: var(--rb-info);
            background-color: transparent;
          }
          
          .badge-light-info {
            color: var(--rb-info);
            background-color: var(--rb-info-light);
          }
          
          .badge-warning {
            color: var(--rb-warning-inverse);
            background-color: var(--rb-warning);
          }
          .badge-warning.badge-outline {
            border: 1px solid var(--rb-warning);
            color: var(--rb-warning);
            background-color: transparent;
          }
          
          .badge-light-warning {
            color: var(--rb-warning);
            background-color: var(--rb-warning-light);
          }
          
          .badge-danger {
            color: var(--rb-danger-inverse);
            background-color: var(--rb-danger);
          }
          .badge-danger.badge-outline {
            border: 1px solid var(--rb-danger);
            color: var(--rb-danger);
            background-color: transparent;
          }
          
          .badge-light-danger {
            color: var(--rb-danger);
            background-color: var(--rb-danger-light);
          }
          
          .badge-dark {
            color: var(--rb-dark-inverse);
            background-color: var(--rb-dark);
          }
          .badge-dark.badge-outline {
            border: 1px solid var(--rb-dark);
            color: var(--rb-dark);
            background-color: transparent;
          }
          
          .badge-light-dark {
            color: var(--rb-dark);
            background-color: var(--rb-dark-light);
          }
          

          .impulse {
            background: linear-gradient(var(--color-red), var(--color-red)) no-repeat left center;
            padding-left: 20px;
            background-size: 4px calc(100%);
            display: block;
            position: relative;
            vertical-align: middle !important;
        }

        .display_box_hover, .display_box:hover
{

background-color: #e8e8e8;
border-radius: 10px;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
    
  padding-right: 10px !important;
  padding-left: 10px !important;    
    
position: absolute
             }
             
             
             .sr_elastic {
                 
               border-radius: 20px;
  
             }   













             .ui.segment {
                border-radius: 20px !important;
                box-shadow:none !important;
                border-color: transparent !important;
                
                    }
                    .left.labelled.input { border-bottom-left-radius:0px !important; border-top-left-radius:0px !important }    
                    
                    /* .button { border-radius:20px !important }    
                 */ 
                  
                    
                .ui.brgd {
                border-color: #ffffff !important;
                    }    
                
                    
                    
                .ui.rgd {
                border-radius: 20px !important;
                    }
                    
                .ui.message {
                border-radius: 20px !important;
                border-color: #ffffff !important;
                box-shadow:none !important;
                    }
                    
                .ui.table {
                border-radius: 20px !important;
                border-color: #ffffff !important;
                box-shadow:none !important;
                    }    
                    
                    
                    #rtype  { border-bottom-left-radius:0px !important; border-top-left-radius:0px !important }    
                    #crtx323  { border-bottom-right-radius:0px !important; border-top-right-radius:0px !important }    

/*
                    .slick-next { display: none !important;}
                    .slick-prev { display: none !important;}
*/
.pulse {
  -webkit-animation: pulse-move-1 750ms linear infinite;
}

@-webkit-keyframes pulse-move-1 {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  90% {
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
 
.tile {
border-radius: 30px !important;
}

.tile.red {
    background: linear-gradient(to bottom, #e60000, #990300);
    color: white !important;
}

.tile.pink {
    background: linear-gradient(to bottom, #F06292, #EC407A);
    color: black !important;
}


.tile.black {
    background: linear-gradient(to bottom, #3d3d3d, #080808);
    color: white !important;
}

.tile.grey {
    background: linear-gradient(to bottom, #3d3d3d, #202124);
    color: white !important;
}

.tile.blue {
    background: linear-gradient(135deg, #4a90e2, #5ac8fa);
    color: white !important;
}


.tile.green {
    background: linear-gradient(135deg, #097633, #69b32e);
    color: white !important;
}



.tile.glow {
    background: linear-gradient(135deg, #fe869f 30%, #ef7ac8 45%, #a083ed 70%, #43aeff 85%) !important;
    color: white !important;
}

.tile.glow2 {
    background: linear-gradient(135deg, #ffa745 0%, #fe869f 30%, #ef7ac8 45%, #a083ed 70%, #43aeff 85%) !important;
    color: white !important;
}

.tile.candy {
    background: linear-gradient(135deg, #ffa745 0%, #fe869f 35%, #ffa745 65%) !important;
    color: white !important;
}

.tile h3{
    font: 700 2em/1 var(--font-primary), sans-serif;
}

.tile .zigzag {

    background: linear-gradient(135deg, #ed7f0a, rgb(247, 183, 51));

    color: white !important;



}



.prdesc, .prdesc p, .prdesc ul, .prdesc li { font-size:14px; text-align: justify; margin-bottom:10px !important; margin-top:10px; }
.ts1 td {  font-size:13px; line-height:17px; padding-left:0px !important; }
.ts1 tr { border-color:#f2f4f6 !important; }
.dpdw::placeholder {
    color: #444 !important; /* You can use any color you like */
  }





  .glow_background {
    background-color: linear-gradient(0deg, #ffa745 0%, #fe869f 30%, #ef7ac8 45%, #a083ed 70%, #43aeff 85%) !important;
 
  }
  
  .glow_text {
	text-align:center;
	text-transform: uppercase;
	background: -webkit-linear-gradient(0deg, #ffa745 0%, #fe869f 30%, #ef7ac8 45%, #a083ed 70%, #43aeff 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}



.ui.large input[type="text"]{
    padding: 0.9em !important;
}

input[type="text"] {
    border-radius: 0px !important;
    -webkit-tap-highlight-color: white !important;
    border: 1px solid #e3e5e6;
    padding: 0.9em;
    font-size: 1rem;
}

input[type="text"]:hover,
input[type="text"]:focus {
    border-color: black !important; /* Couleur de bordure au survol et lors de la sélection */
    border: 1px solid #000000;
    outline: none !important; /* Enlève la bordure bleue par défaut au focus, si nécessaire */
}
 
.l-footer h5 {
font-size: 1.3rem;
margin-bottom:5px !important;
}

.pr_underline{
    color:#737373; font-size:13px; margin-bottom:5px;
}

.pr_name {
padding-top:0px !important; margin-top:0px !important;
font-size:1.2rem; line-height:100%; padding-bottom:0px; margin-bottom:0;
}

.hw-32-swf { position:absolute; z-index: 99999999999999999999999999999999999; margin-top:10px; margin-left:5px; height:32px !important; width:32px !important }

.hw-90 { height:90px; width:90px }

.adcarousel {
    display: flex; /* Organise les éléments horizontalement */
    overflow-x: hidden; /* Permet le défilement horizontal si nécessaire */
    overflow-y: hidden; /* Permet le défilement horizontal si nécessaire */
    visibility: hidden; /* Cache le contenu initialement */
    gap: 10px; /* Espacement entre les éléments */
}

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

.h16 { height:16px; }
.h18 { height:18px; }
.h20 { height:20px; }
.h24 { height:24px; }


.h32 { height:32px; }

.h50 { height:50px; }
.h80 { height:80px; }
.w80 { width:80px !important; }


.h320 { height:320px; }



.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
}

.bouncing-dots {
    display: flex;
    justify-content: space-between;
    width: 180px; /* Largeur augmentée proportionnellement */
}

.dot {
    width: 45px; /* 15px * 3 */
    height: 45px; /* 15px * 3 */
    background-color: #e60000;
    border-radius: 50%;
    animation: bounce 1.5s infinite;
}

.dot:nth-child(1) {
    animation-delay: 0s;
}

.dot:nth-child(2) {
    animation-delay: 0.3s;
}

.dot:nth-child(3) {
    animation-delay: 0.6s;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-60px); /* -20px * 3 */
    }
}

.ui.dropdown > .dropdown.icon::before {
    font-family: 'Icons';
    content: "\f078" !important;
 color: #e60000;
 }
     
     .unselectable {
         
     -webkit-user-select: none;     
 -moz-user-select: none;
 -ms-user-select: none; 
 user-select: none; 
         
         
     }	


     .dpdw.dw1 {
        width:100%; padding-top:11px !important; padding-left: 28px; padding-right:0px; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; border-top-right-radius: 0px; border-bottom-right-radius:0; text-align:center !important; font-weight: 600; font-size:17px; background-color: #efeff0 !important; border-color: #f8f8f8; color:black !important;
     }

     .dpdw.dw2{
        padding-right: 12px; padding-left: 2px; padding-top:13px !important; border-top-left-radius: 0px; border-bottom-left-radius:0;  border-top-right-radius: 10px; border-bottom-right-radius:10px;  background-color: #efeff0 !important;
     }


     .xfit {
            
        height: auto;
  width: 100%;
            
        }    
        

.yvideo {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 96px;
  height: 96px;
    color:#e60000;
    
}
        
 .vvideo {
  position: absolute;
  top: 10%; left: 90%;
  transform: translate(-50%,-50%);
  width: 96px;
  height: 96px;
    color:#000000;
    
}   



    
.nosb::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.nosb {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
font-size:0.9rem;
}

/* Hide the scrollbar thumb (handle) */
.nosb::before::-webkit-scrollbar-thumb {
display: none;
}

/* Hide the scrollbar track */
.nosb::before::-webkit-scrollbar-track {
display: none;
}

/* App download */
.image-container {
    overflow: hidden; /* Hide parts of the image that overflow the container */
    height: /* Set to your desired visible height */;
  }
  
  .zoom-image {
    transition: transform 0.3s ease-in-out; /* Smooth transition for zoom effect */
    display: block; /* To avoid inline extra space */
    transform-origin: top; /* Zoom towards the top */
  }
  
  .image-container:hover .zoom-image {
    transform: scale(1.15); /* Enlarge the image by 5% */
  }


  .img-container{
    aspect-ratio: 1 / 1; 
    overflow: hidden;
  }


 .ux.flex_container {
    display: flex;
  }

.ux.flex_item {
   flex-grow: 1 !important; 
  }


  /* .flex */
  .flex .container {
    display: flex !important;
    flex-direction: row  !important; /* Aligner les éléments en ligne */
    align-items: center; /* Aligner les éléments verticalement au centre */
    justify-content: flex-start; /* Aligner les éléments à gauche */
    gap: 20px; /* Espace entre les éléments */
    margin: 10px 0;
}

.flex .item {
    flex: 0 1 auto; /* Empêche les éléments de s'étendre trop */
}

.flex .item img {
    max-width: 100%;
    height: auto;
    border-radius: 5px; /* Optionnel : pour arrondir les coins de l'image */
}

.flex .item div {
    display: flex  !important;
    flex-direction: column  !important;
}

.flex .left_aligned {
    justify-content: flex-start !important; /* Aligner les éléments au centre */
}

.flex .top_aligned {
    align-items: flex-start !important; /* Aligner les éléments au centre */
}


.flex .center {
    justify-content: center; /* Aligner les éléments au centre */
}


/* .flex end */

.es_results .showtable {
padding-left: 0px;
padding-right: 0px;
}


  .es_results .flex_container {
    display: flex;
    align-items: center;
}

.es_results .flex_item.image {
    width: 100px;
    flex-shrink: 0;
}

.es_results .flex_item.content {
    flex-grow: 1;
    text-align: left;
}

.es_results .flex_item.content a span {
    color: #000000;
    font-size: 1em;
    line-height: 1em;
    font-weight: 500 !important;
}

.es_results .flex_item.content a strong {
    font-size: 16px;
}



.hide-scrollbar {
    overflow: hidden; /* Masquer les barres de défilement */
    overflow-x: auto; /* Permettre le défilement horizontal */
    -ms-overflow-style: none;  /* Masquer les barres de défilement sur Internet Explorer et Edge */
    scrollbar-width: none;  /* Masquer les barres de défilement sur Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;  /* Masquer les barres de défilement sur Chrome, Safari et Opera */
}

.l2-title {
    font: 400 2em/1 'Paytone One', sans-serif;line-height:1.4rem;
    color:#000;
    padding-bottom:15px;
  }
  
  .l3-title {
    font: 400 1.4em/1 'Paytone One', sans-serif;line-height:1.2rem;
    color:#000;
    padding-bottom:15px;
  }

  .l2-item {
   color:#000000 !important;
   font-size:1rem;
   line-height:1.8rem
  }
  
  h2 .mi {
    font-size: 2.0em;
    vertical-align: top;
  }


  /* pink
  std: #F06292
  active: #EC407A
  click: 
  
  */

  /* main page */

      .tmenu::-webkit-scrollbar {
    display: none !important;
}
    .tmenu {
        
overflow-y:scroll !important; white-space: nowrap !important;
    }
    .tmenu a {
        padding-left:6px;
        padding-right:6px;
        color: #000000 !important;
        transition: background-position 275ms ease !important;
    }
    .tmenu a:hover {
  color: #e60000 !important;
       border-bottom: 2px #e60000 solid;
}



.light-container h2 {
  font-size: 1.3rem;

}

.dark-container h2 {
  font-size: 1.3rem;
}

.light-container h1 {
  font-size: 2.2rem;
  color:#0B051D;
}
.dark-container h1 {
  font-size: 2.2rem;
  color:#FFF;
}

.light-container p,
.light-container ul,
.light-container li {
  color:#0B051D;
      font-size: 0.9rem;

}

.dark-container p,
.dark-container ul,
.dark-container li {
    color: #FFF;
    font-size: 0.9rem;
}

.dark-container {
background-color: #0B051D;
color:#FFF;
}

.light-container {
background-color:var(--color-light);
color:#000 !important;
}

.cdesc {
    font-size: 0.9rem;
}


    .show-more-zone {
      position: sticky;
      bottom: 0;
      background: linear-gradient(to top, #fff 60%, transparent);
      text-align: center;
      z-index: 2;
      padding-bottom: 10px;
      border-radius: 0 0 18px 18px;
    }

    .table-wrapper {
      margin-top:15px;
    }
  
    .ts1 td { border-top:0px !important; padding:3px 0px !important; }

.td-30 { width: 30%; }
.td-70 { width: 70%; }