/* Variables
------------ */
html {
    --white:                           #fff;
    --black:                           #000;
    --gray:                            #808080;
    --gray1:                           #333;
    --gray2:                           #4f4f4f;
    --gray3:                           #828282;
    --gray4:                           #bdbdbd;
    --gray5:                           #e0e0e0;
    --gray6:                           #f2f2f2;
    --gray7:                           #fafafa;
    --gray20:                          #cccccc;

    --red:                             #f43434;
    --blue:                            #2f80ed;
    --green:                           #14b00e;
    --orange:                          #f2994a;
    --yellow:                          #ffcc00;
    --purple:                          #9b51e0;
    --purple-light:                    #bb6bd9;
    --primary:                         #e5e3ff;/*lilac*/
    /*--primary:                         #9E826B;*/
    --dark:                            #1a1a1a;
    --dark:                            #171717;
    --gap:                             0px;

    --font-size:                       18px;
    /*--font-family:                     "Helvetica Neue", sans-serif;*/
    --font-family:                     "Montserrat", sans-serif!important;
    --font-secondary:                  "NauryzRedKeds";

    --h1-size:                         2.2857rem;
    --h2-size:                         2rem;
    --h3-size:                         1.7142rem;
    --h4-size:                         1.4285rem;
    --h5-size:                         1.1428rem;
    --h6-size:                         1rem;

    --bg-color:                        var(--gray7);
    --text-color:                      var(--black);
    --hint-color:                      var(--gray3);
    --link-color:                      var(--purple);
    --link-hover-color:                var(--red);
    --link-visited-color:              var(--purple-light);

    --header-bg-color:                 var(--black);
    --header-link-color:               var(--white);
    --header-link-hover-color:         var(--white);
    --header-apps-link-color:          var(--gray3);
    --header-apps-link-selected-color: var(--gray6);
    --header-cart-total-bg-color:      var(--red);

    --header-search-input-bg-color:    var(--gray5);
    --header-search-input-color:       var(--gray);

    --header-menu-bg-color:            var(--white);
    --header-menu-pages-link-color:    var(--gray1);

    --input-color:                     var(--gray1);
    --input-placeholder-color:         var(--gray);
    --input-bg-color:                  var(--white);
    --input-disabled-bg-color:         var(--gray6);
    --input-disabled-color:            var(--gray4);
    --input-border-color:              var(--gray5);

    --footer-bg-color:                 var(--white);
    --footer-color:                    var(--black);
    --footer-link-color:               var(--gray3);
    --footer-link-hover-color:         var(--link-hover-color);
    --footer-notice-color:             var(--gray4);
    --footer-divider-color:            var(--gray6);
    --footer-app-color:                var(--gray);
    --footer-subscribe-link-color:     var(--link-color);

    --shadow:                          0 5px 30px rgba(0, 0, 0, 0.06);
    --shadow1:                         0 10px 60px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1500px) {
    html {
        --font-size:                       14.5px;
    }
    
}
@media screen and (max-width: 1280px) {
    html {
        --font-size:                       13px;
    }
    
}
/* Reset
-------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box;}
.hint, .breadcrumbs, .breadcrumbs a, .breadcrumbs span.rarr, table.features tr.divider td, .bestsellers .bestsellers-header, ul.thumbs li span.summary, .review .summary, .review .summary .date, ul.albums li .count, .album-note, .credentials .username, .credentials .username a { color: var(--hint-color); }
/* Common HTML elements, fonts, and colors
------------------------------------------ */
@font-face {
    font-family: 'NauryzRedKeds';
    src: url('/wa-data/public/site/themes/brandplatforma/fonts/NauryzRedKeds.woff2') format('woff2'),
        url('/wa-data/public/site/themes/brandplatforma/fonts/NauryzRedKeds.woff') format('woff'),
        url('/wa-data/public/site/themes/brandplatforma/fonts/NauryzRedKeds.svg#NauryzRedKeds') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html { 
    height: 100vh; 
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
    
}
body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; }
html,
body { font-family: var(--font-family)!important; font-size: var(--font-size); background: var(--bg-color); line-height: 100%; color: var(--text-color);}
/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
*{
  scrollbar-width: thin;
  scrollbar-color: #4A4A4A #EEEEEE;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
*::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #EEEEEE;
}

*::-webkit-scrollbar-track:hover {
  background-color: #E7E7E7;
}

*::-webkit-scrollbar-track:active {
  background-color: #DFDFDF;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #4A4A4A;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #4D4D4D;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #404040;
}
a { color: var(--link-color); outline: 0 none; text-decoration: none; }
a:focus { outline: none; outline-offset: -4px; }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { margin-bottom: 20px; }
h1 { font-size: var(--h1-size) }
h2 { font-size: var(--h2-size)}
h3 { font-size: var(--h3-size) }
h4 { font-size: var(--h4-size) }
h5 { font-size: var(--h5-size) }
h6 { font-size: var(--h6-size) }
h1, h2, h3, h4 { line-height: 120%; font-weight: 400; }
ul, ol { padding-top: 0; line-height: 1.4em; }
ol { list-style: decimal; }
input, textarea, select { margin: 0; }
input, textarea { font-size: 1em; color: var(--gray1); }
select { max-width: 100%; }
input[type="button"]:focus { outline: none; outline-offset: -2px; }
fieldset { border: 1px solid var(--gray); padding: 10px; position: relative; background: var(--gray5); margin-bottom: 10px; }
fieldset p label { width: 98%; }
fieldset p input[type="text"] { width: 98%; }
fieldset p select { width: 99%; }
pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(0, 0, 0, .75); background: rgba(0, 0, 0, .03); padding: 16px 20px;word-wrap: normal;}
blockquote { color: rgba(0, 0, 0, .6); font-size: 0.9em; font-style: italic; border-left: 1px solid rgba(0, 0, 0, .1);padding-left: 24px; background: var(--gray5); }
blockquote cite { font-size: 0.9em; }
hr { background-color: rgba(0, 0, 0, 0.15); height: 1px; border: 0; }
p { line-height: 1.4em; }
input::-webkit-input-placeholder { color: var(--input-placeholder-color); }
input:-moz-placeholder,
input::-moz-placeholder { color: var(--input-placeholder-color); }
label, button { cursor: pointer; }
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-family)!important;
}        
/* Misc elements
---------------- */

.block { padding: 25px 30px; }
.inline { display: inline !important; }
.inline-link { text-decoration: none !important; display: inline-block; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.1em; }
.bold { font-weight: bold; }
.strike { text-decoration: line-through; }
.highlighted { background: #ffc; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.shadowed { -webkit-box-shadow: 0 5px 15px var(--gray3); box-shadow: 0 5px 15px var(--gray3); }
.nowrap { white-space: nowrap; }
.hr { border-top: 1px solid var(--gray20); margin-bottom: 15px; }
.uppercase { text-transform: uppercase; }
.blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.userpic { border-radius: 50%; background-size: auto; }

.container { min-width: 650px; max-width: 970px; margin: 0 auto; padding: 0; }



.welcome { text-align: center; background: url('img/webasyst.svg') no-repeat; background-position: top center; padding-top: 300px; background-size: 256px 256px; margin-bottom: 30px; }
.welcome h1 { font-weight: normal; font-size: 2em; }

.staff { background: var(--gray4); padding: 2px 6px; color: var(--white); font-size: 0.9em; border-radius: 5px; white-space: nowrap; line-height: normal; }

.wa-inline-block { display: inline-block !important; }

.wa-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
.wa-flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.wa-flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.wa-flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
.wa-flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
.wa-flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.justify-content-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }
.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }
.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
.align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
.align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
.align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }
.align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }
.wa-flex.space-025 > *:not(:last-child) { margin-right: 0.25rem; }
.wa-flex.space-05 > *:not(:last-child) { margin-right: 0.5rem; }
.wa-flex.space-075 > *:not(:last-child) { margin-right: 0.75rem; }
.wa-flex.space-1 > *:not(:last-child) { margin-right: 1rem; }
.wa-flex.space-2 > *:not(:last-child) { margin-right: 2rem; }
.wa-flex.space-3 > *:not(:last-child) { margin-right: 3rem; }
.wa-flex.space-4 > *:not(:last-child) { margin-right: 4rem; }
.wa-flex.space-5 > *:not(:last-child) { margin-right: 5rem; }
@media screen and (max-width: 760px) {
    .wa-flex.adaptive.space-025 > *:not(:first-child) { margin-top: 0.25rem; }

    .wa-flex.adaptive.space-025 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-05 > *:not(:first-child) { margin-top: 0.5rem; }

    .wa-flex.adaptive.space-05 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-075 > *:not(:first-child) { margin-top: 0.75rem; }

    .wa-flex.adaptive.space-075 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-1 > *:not(:first-child) { margin-top: 1rem; }

    .wa-flex.adaptive.space-1 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-2 > *:not(:first-child) { margin-top: 2rem; }

    .wa-flex.adaptive.space-2 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-3 > *:not(:first-child) { margin-top: 3rem; }

    .wa-flex.adaptive.space-3 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-4 > *:not(:first-child) { margin-top: 4rem; }

    .wa-flex.adaptive.space-4 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-5 > *:not(:first-child) { margin-top: 5rem; }

    .wa-flex.adaptive.space-5 > *:not(:last-child) { margin-right: 0; }
}

.s-badge { display: inline-block; padding: 0.35em 0.45em; font-size: 90%; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 5px;}
.s-badge-rounded { border-radius: 50rem;}
.s-badge-red { background: var(--red); color: var(--white);}

.overflow-hidden { overflow: hidden !important;}
.is-hidden { display: none; }

.wa-pb-0 { padding-bottom: 0 !important; }
.wa-pb-4 { padding-bottom: 4px !important; }
.wa-pb-8 { padding-bottom: 8px !important; }
.wa-pb-16 { padding-bottom: 16px !important; }
.wa-pb-18 { padding-bottom: 18px !important; }
.wa-pb-20 { padding-bottom: 20px !important; }
.wa-pb-22 { padding-bottom: 22px !important; }
.wa-pb-24 { padding-bottom: 24px !important; }
.wa-pb-28 { padding-bottom: 28px !important; }
.wa-pb-32 { padding-bottom: 32px !important; }

.wa-pt-0 { padding-top: 0 !important; }
.wa-pt-4 { padding-top: 4px !important; }
.wa-pt-8 { padding-top: 8px !important; }
.wa-pt-16 { padding-top: 16px !important; }
.wa-pt-18 { padding-top: 18px !important; }
.wa-pt-20 { padding-top: 20px !important; }
.wa-pt-22 { padding-top: 22px !important; }
.wa-pt-24 { padding-top: 24px !important; }
.wa-pt-28 { padding-top: 28px !important; }
.wa-pt-32 { padding-top: 32px !important; }

.wa-pl-0 { padding-left: 0 !important; }
.wa-pl-4 { padding-left: 4px !important; }
.wa-pl-8 { padding-left: 8px !important; }
.wa-pl-16 { padding-left: 16px !important; }
.wa-pl-18 { padding-left: 18px !important; }
.wa-pl-20 { padding-left: 20px !important; }
.wa-pl-22 { padding-left: 22px !important; }
.wa-pl-24 { padding-left: 24px !important; }
.wa-pl-28 { padding-left: 28px !important; }
.wa-pl-32 { padding-left: 32px !important; }

.wa-pr-0 { padding-right: 0 !important; }
.wa-pr-4 { padding-right: 4px !important; }
.wa-pr-8 { padding-right: 8px !important; }
.wa-pr-16 { padding-right: 16px !important; }
.wa-pr-18 { padding-right: 18px !important; }
.wa-pr-20 { padding-right: 20px !important; }
.wa-pr-22 { padding-right: 22px !important; }
.wa-pr-24 { padding-right: 24px !important; }
.wa-pr-28 { padding-right: 28px !important; }
.wa-pr-32 { padding-right: 32px !important; }

.wa-mb-0 { margin-bottom: 0 !important; }
.wa-mb-4 { margin-bottom: 4px !important; }
.wa-mb-8 { margin-bottom: 8px !important; }
.wa-mb-16 { margin-bottom: 16px !important; }
.wa-mb-18 { margin-bottom: 18px !important; }
.wa-mb-20 { margin-bottom: 20px !important; }
.wa-mb-22 { margin-bottom: 22px !important; }
.wa-mb-24 { margin-bottom: 24px !important; }
.wa-mb-28 { margin-bottom: 28px !important; }
.wa-mb-32 { margin-bottom: 32px !important; }
.wa-mb-auto { margin-bottom: auto !important; }

.wa-mt-0 { margin-top: 0 !important; }
.wa-mt-4 { margin-top: 4px !important; }
.wa-mt-8 { margin-top: 8px !important; }
.wa-mt-16 { margin-top: 16px !important; }
.wa-mt-18 { margin-top: 18px !important; }
.wa-mt-20 { margin-top: 20px !important; }
.wa-mt-22 { margin-top: 22px !important; }
.wa-mt-24 { margin-top: 24px !important; }
.wa-mt-28 { margin-top: 28px !important; }
.wa-mt-32 { margin-top: 32px !important; }
.wa-mt-auto { margin-top: auto !important; }

.wa-mr-0 { margin-right: 0 !important; }
.wa-mr-4 { margin-right: 4px !important; }
.wa-mr-8 { margin-right: 8px !important; }
.wa-mr-16 { margin-right: 16px !important; }
.wa-mr-18 { margin-right: 18px !important; }
.wa-mr-20 { margin-right: 20px !important; }
.wa-mr-22 { margin-right: 22px !important; }
.wa-mr-24 { margin-right: 24px !important; }
.wa-mr-28 { margin-right: 28px !important; }
.wa-mr-32 { margin-right: 32px !important; }
.wa-mr-auto { margin-right: auto !important; }

.wa-ml-0 { margin-left: 0 !important; }
.wa-ml-4 { margin-left: 4px !important; }
.wa-ml-8 { margin-left: 8px !important; }
.wa-ml-16 { margin-left: 16px !important; }
.wa-ml-18 { margin-left: 18px !important; }
.wa-ml-20 { margin-left: 20px !important; }
.wa-ml-22 { margin-left: 22px !important; }
.wa-ml-24 { margin-left: 24px !important; }
.wa-ml-28 { margin-left: 28px !important; }
.wa-ml-32 { margin-left: 32px !important; }
.wa-ml-auto { margin-left: auto !important; }

.font-weight-normal { font-weight: normal !important; }
.font-weight-bold { font-weight: bold !important; }

.font-size-big { font-size: var(--h5-size) !important; }

.text-white { color: var(--white) !important; }
.text-black { color: var(--black) !important; }
.text-gray { color: var(--gray4) !important; }
.text-green { color: var(--green) !important; }
.text-orange { color: #f2994a !important; }
.bg-gray { background-color: var(--gray6) !important; }


.w-100 { width: 100% !important; }

.chevron::after {
    content:        '';
    display:        -webkit-inline-box;
    display:        -ms-inline-flexbox;
    display:        inline-flex;
    border-style:   solid;
    border-width:   0 .1em 0.1em 0;
    width:          0.45em;
    height:         0.45em;
    vertical-align: middle;
    position:       relative;
    top:            0;
    left:           0.5em;
}
.chevron.down::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top:       -0.2em;
}
.chevron.right::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/* Card */

.cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; list-style: none; margin: 0; padding: 0;}
.card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; padding: 0; word-wrap: break-word; background-color: var(--white); border-radius: 15px; -webkit-box-shadow: var(--shadow); box-shadow: var(--shadow);}
.card-img { border-top-left-radius: 15px; border-top-right-radius: 15px;}
.card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 30px;}
.card-title { display: block; font-size: 16px; font-weight: normal; line-height: 19px; margin-bottom: 10px; color: var(--black);}
.card-text { margin-top: 10px;}
.card-read-more { font-weight: 600; color: var(--link-color); display: block; text-align: right; margin-top: 22px;}

/* Buttons
---------- */

.button, button,
input[type=button],
input[type=submit] { outline: 0;  border: 0 none; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: 0; overflow: hidden; position: relative; display: inline-block; }
.button:hover, button:hover { cursor: pointer; }

.paging-nav { text-align: center; }
.paging-nav ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 8px; font-size: 16px; list-style: none; }
.paging-nav ul li { line-height: normal; padding: 0; color: var(--gray1); }
.paging-nav ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; width: 40px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: normal; background: var(--white); border: 1px solid var(--gray5); border-radius: 10px; padding: 0; color: var(--gray1); }
.paging-nav ul li.selected a { border: 2px solid var(--link-color); color: var(--link-color); }


.wa-form { float: left; margin: 10px 0; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; font-size: 0.95em; color: #888; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 260px; margin: 0;}
.wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
.wa-form .wa-field .wa-value input.wa-captcha-input, .wa-subscribe-form .wa-captcha .wa-captcha-input { min-width: 73px !important; }
.wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
.wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
.wa-form .wa-field .wa-value p label { display: block; margin: 0; }
.wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; }
.wa-form .wa-field .wa-value p span { color: #777; font-size: 0.9em; display: block; }
.wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
.wa-form .wa-field .wa-value label, .wa-form .wa-field .wa-value p input { display: block; margin-bottom: 5px; }
.wa-form .wa-field .wa-value p input[type="radio"], .wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline-block; }
.wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
.wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }
.wa-form .wa-field .wa-value select { border-radius: .7em; padding: 0.85em 2.25em 0.85em 0.75em; line-height: 1; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; }
.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
.wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 200px; width: 200px; }
form .wa-form .wa-field.fld_type_checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
form .wa-form .wa-field.fld_type_checkbox .wa-value { margin-top: 0; margin-right: 3px; }
form .wa-form .wa-value .h-agreement-checkbox-wrapper input[type=checkbox] { position: static; }
form .wa-form .wa-value .h-agreement-checkbox-wrapper .h-agreement-checkbox-html-label { display: inline; margin-left: 10px; }

.wa-field .wa-captcha-img { margin-top: -2px; }
.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { margin: 0 !important; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha p img { float: left !important; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: var(--gray3); }
.wa-captcha .wa-captcha-input { display: inline !important; margin-left: 10px; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; display: block \9; float: left \9; }

select { background-color: var(--white); background-repeat: no-repeat; border: 1px solid var(--gray4); border-radius: .5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; padding: 0.275em 2.25em 0.275em 0.75em; font-weight: 400; line-height: 1.15; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9L12 15L6 9' stroke='currentColor' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right 0.525em center; background-size: 16px;}
select:focus { border-color: var(--link-color); outline: 0;}


/* Multi-column layout
---------------------- */


/* Tables
--------- */

table { border-collapse: collapse; border-spacing: 0; }
table th { color: var(--gray3); padding: 0 10px 7px; }
table td { padding: 10px;  }
table.not-bordered td { border: none; }

table.lined { margin-top: 25px; width: 100%; border-spacing: 0; border-collapse: collapse; }
table.lined th { padding-left: 7px; padding-right: 7px; }
table.lined td { padding: 15px 7px; border-bottom: 1px solid var(--gray5); }
table.lined td.min-width { width: 1%; }
table.lined td p { margin: 0; }
table.lined td input.numerical { width: 50px; margin-right: 5px; text-align: right; }
table.lined tr.no-border td { border: none; }
table.lined tr.thin td { padding-top: 13px; padding-bottom: 0; }
table.lined tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; }

/* Customized search input look
------------------------------- */

.search { }
.search-wrapper { position: relative; }
.search input { width: 100%; float: left; height: 27px; padding-top: 0; margin-top: 1px; background: transparent; border: 0; -webkit-appearance: none; margin-right: 0; padding-left: 0; padding-right: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search input:focus { outline: 0; }
.search input[type="search" i]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none }

.search button { width: 28px; position: absolute; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; cursor: pointer; height: 28px; color: var(--gray2); background: transparent; top: 10px; right: 20px; }
.search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; }
.search button:hover::after { content: none; }



/* Main
------- */
main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
main.maincontent { margin: 0; }
main.maincontent .container { padding-bottom: 40px; }
main.maincontent {
    padding-top:80px;
    background:var(--dark);
}
.right-sidebar > .sidebar {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.right-sidebar > .content {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
}

@media screen and (max-width: 1024px) {
    .left-sidebar > .sidebar {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .left-sidebar > .content {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }
}

@media screen and (max-width: 760px) {
    main.maincontent {
        padding-top:60px;
    }
}

.sidebar > *:not(:empty) { margin: 0 !important; background: var(--gray6); border-radius: 15px; padding: 20px; }
.sidebar > *:not(:last-child) { margin-bottom: 20px !important; }
.content { position: relative; }

.sub-links { margin-bottom: 32px; padding-left: 0; gap: 16px; }
.sub-links li { list-style: none; line-height: 1.5em; }
.sub-links li a { text-decoration: none; color: var(--link-color); font-size: 90%; }

.likebox { margin-bottom: 25px; overflow: hidden; }
.connect.inline .likebox { width: 260px; display: inline-block; vertical-align: top; margin-right: 50px; }

.leadbox { background: #fafadf; border: 1px solid rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px -4px rgba(0, 0, 0, 0.1); }
.leadbox h4 { font-size: 1.5em; line-height: 1.2em; }

.olives { background: var(--gray6); color: var(--gray2); margin-bottom: 40px; border-radius: 15px; line-height: 1.5em; padding: 32px 40px; }

.mailer-subscribe { padding: 7px 47px 32px; margin-bottom: 32px; border-bottom: 2px solid var(--footer-divider-color);}
.mailer-subscribe a { color: var(--footer-subscribe-link-color);}
.s-subscribe-section form { position: relative; }
.s-subscribe-section--title { font-size: 20px; color: var(--black) }
.s-subscribe-section--title span { display: block; font-size: 14px; color: var(--gray) }
.s-subscribe-section input { background: var(--gray6); border-radius: 64px; padding: 12px 16px; border: 0 none; outline: none; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
.s-subscribe-section input:focus,
.s-subscribe-section input:hover { background: var(--gray5); }
.s-subscribe-personal-data { font-size: 12px; color: var(--gray4); }
.s-subscribe-section.is-extended .s-hidden { display: block; }
.s-subscribe-section .s-hidden { display: none; position: absolute; top: 100%; left: 0; width: 340px; padding: 1em; background: var(--white); z-index: 1; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .2); box-shadow: 0 0 16px rgba(0, 0, 0, .15); border-radius: 3px; }
.s-subscribe-section .s-hidden .wa-captcha { margin: 0; padding: 0; }
.s-subscribe-section .s-hidden .wa-captcha p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.s-subscribe-section .s-hidden .wa-captcha p input { width: 1em; border: 1px solid var(--gray4); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 16px }
.s-subscribe-section .s-hidden .wa-captcha p img { margin: 0; }
.s-subscribe-section .s-hidden .wa-captcha p strong { margin: 0 .5em; }

.s-subscribe-section .s-hidden .wa-captcha p a { display: inline; }

@media screen and (max-width: 760px) {
    .s-subscribe-section input { margin-right: 0 !important; }
    .s-subscribe-section [type="submit"] { width: 100%; }
}

/* Footer
--------- */
footer {
    background: linear-gradient(150deg, #a19fbb 0%, var(--primary) 100%);
    position:relative;
    overflow:hidden;
}

.footer-links a {
    margin-bottom:10px;
}

.footer-block { }
.footer-block a,
.footer-block strong { display: block; padding: 1px 0; margin-bottom: 16px; }
.footer-block a.top { font-size: 20px; margin-bottom: 32px; color: var(--black) !important; display: block; }
.footer-block.contact-us { }
.footer-block.contact-us .social { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 16px; }
.footer-block.contact-us .social a { color: var(--black) !important; width: 32px; height: 32px; background: var(--gray6); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; }
.footer-block.contact-us .social a:hover { opacity: .6; }

.appfooter { position: relative; text-align: center; padding: 20px; color: var(--footer-app-color);  min-height: 1.5em; margin-top: 20px; }
.appfooter .copyright { }
.appfooter .poweredby { display:none; }




.s-loading-section { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, .5); z-index: 100; }
.s-loading-section .s-loading-content { display: inline-block; }

/* 16x16 Icons
-------------- */

i.icon16 { background-repeat: no-repeat; height: 16px; width: 16px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; }
* i.icon16 { text-decoration: none !important; vertical-align: top; margin: 0.2em 0.25em 0 0; }
.icon16.rss { background-position: -16px 0; }
.icon16.facebook { background-position: -32px 0; }
.icon16.twitter { background-position: -48px 0; }
.icon16.vk { background-position: -64px 0; }
.icon16.gplus { background-position: -80px 0; }
.icon16.pinterest { background-position: -96px 0; }
.icon16.youtube { background-position: -112px 0; }
.icon16.instagram { background-position: -128px 0; }

.icon16.userpic20 { border-radius: 50%; background-size: 20px 20px; }
.icon16.color { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.2); width: 12px; height: 12px; background-image: none; }

.icon16.like { background-position: 0 -16px; margin-top: 0; }
.icon16.star,
.icon16.star-full { background-position: -16px -16px; }
.icon16.star-half { background-position: -32px -16px; }
.icon16.star-empty { background-position: -48px -16px; }
.icon16.star-hover { background-position: -64px -16px; }

.icon16.remove { background-position: -96px -16px; }
.icon16.saved { background-position: -112px -16px; }
.icon16.stock-red { background-position: -128px -16px; }
.icon16.stock-yellow { background-position: -144px -16px; }
.icon16.stock-green { background-position: -160px -16px; }
.icon16.stock-transparent { background-position: -176px -16px; }
.icon16.checkmark { background-position: -192px -16px; }
.icon16.compare { background-position: -208px -16px; }
.icon16.compare.active { background-position: -224px -16px; }

.icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; }

.icon16.loading { background-image: url('img/loading16.gif'); background-position: 0 0; background-size: 16px 16px; }
.icon24.loading { background-image: url('img/loading.gif'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; }
.icon32.loading { background-image: url('img/loading.gif'); background-size: 32px 32px; height: 32px; width: 32px; display: inline-block; }

/* 10x10 Icons
-------------- */

i.icon10 { background-repeat: no-repeat; height: 10px; width: 10px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon10 { text-decoration: none !important; vertical-align: top; margin: 0.3em 0.1em 0 0; }
.icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; }

.icon10.star,
.icon10.star-full { background-position: 0 -100px; }
.icon10.star-half { background-position: -10px -100px; }
.icon10.star-empty { background-position: -20px -100px; }

/* 24x24 Icons
-------------- */

i.icon24 { background-repeat: no-repeat; height: 24px; width: 24px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon16 { text-decoration: none !important; vertical-align: top; margin: 0.2em 0.25em 0 0; }
.icon24.rss { background-position: 0 -50px; }
.icon24.facebook { background-position: -24px -50px; }
.icon24.twitter { background-position: -48px -50px; }
.icon24.vk { background-position: -72px -50px; }
.icon24.instagram { background-position: -96px -50px; }
.icon24.youtube { background-position: -120px -50px; }
.icon24.pinterest { background-position: -144px -50px; }
.icon24.gplus { background-position: -168px -50px; }

/* My account (hide core app nav elements)
------------------------------------------ */

html.my ul.menu-h li a { padding: 5px 7px; }
html.my ul.menu-h li.selected a { color: var(--white); }

html.my .sidebar { display: none; }

/* Mobile
--------- */

.nav-negative { display: none; /* mobile-only slide-out navigation */ padding-left: 0; margin: 3rem 0 -1px 0; border-bottom: 1px solid #333; background: var(--header-bg-color); }
.nav-negative li { list-style: none; display: block; border-top: 1px solid #333; }
.nav-negative li a { font-size: 1.2em; text-decoration: none; color: var(--header-link-color) !important; display: block; padding: 15px 26px 15px 16px; }
.nav-negative li.selected a { color: var(--white) !important; text-shadow: 0 1px 0 var(--black); background: transparent; font-weight: bold; }
.nav-negative.auth li { background: var(--header-apps-link-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav-negative.search { padding: 0; height: 52px; margin-bottom: -3rem; }
.nav-negative.search .search-wrapper { height: 52px; border-radius: 0; border: none; }
.nav-negative.search input { height: 52px; font-size: 1.3em; padding-left: 14px; margin-top: 4px; padding-right: 52px; }
.nav-negative.search button { background-size: 24px 24px; height: 52px; width: 52px; background-position: 3px 15px; top: 0; right: 0; }
.nav-negative.search button:hover::after { content: none; }

/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {

    body { -webkit-text-size-adjust: 100%; }

    .container { padding: 0 25px; }

    .sidebar { }

    .content.with-sidebar { }

    header h2 { margin-right: 10px; }

    header .apps li { margin: 2px 10px 2px 0; }

    .search-wrapper { }

    header.globalheader .appnav { padding-left: 0; padding-right: 0; margin-left: 25px; margin-right: 25px; }

    /* @media screen and (orientation : portrait) { */
    @media screen and (max-width: 850px) {


    }

}


/* MOBILE
========= */

@media screen and (max-width: 760px) {

    body { }

    h1 { }

    h2 { }

    h3 { }

    .flyout .container { padding: 0; }
    .container { min-width: 0; padding: 0 1rem; }


    .sidebar { }

    .content { }

    .content.with-sidebar { }

    .auth.nav-negative { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 48px; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; border-top: 1px solid #333; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
    .auth.nav-negative:has(+.nav-negative +.globalheader #header-container .search) { margin-top: 86px; }
    .auth.nav-negative li { border: 0; background: none; }
    .auth.nav-negative a { padding: 8px 16px; color: #666 !important; }
    .nav-negative { display: block; margin-top: 0; }

    header #globalnav { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }

    header #globalnav > .container { padding: 0 0.5rem; }

    header h2 { margin-right: 0 !important; overflow: hidden; margin-left: 8px; }

    header h2 a img { display: none; }

    header h2 a span { display: inline; }

    header .appnav:has(.search) { margin-top: 86px !important; margin-bottom: 0 !important; }
    header .appnav { margin-top: 58px !important; margin-bottom: 10px !important; }
    header .appnav.no-margin:has(.search) { margin-top: 0 !important; }
    header .appnav.no-margin { margin-top: 10px !important; }

    header #mobile-nav-toggle { display: block; outline: 0; }
    header #mobile-nav-toggle:hover { color: var(--yellow); }

    header #globalnav nav { display: none !important; }

    header .pages { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; gap: 18px; padding-top: 10px; padding-bottom: 10px; }
    header .pages li { margin: 0 !important; }

    header .auth { display: none; }

    header .auth li a { font-size: 1em; }

    header .auth li a i.icon16 { margin-top: 0; }

    header .apps.unfolded { display: block; }

    header .cart,
    header .cart.fixed { min-width: 0 !important; position: static; }
    header .cart > .container { padding: 0; }

    header .cart a { height: 1em; padding: 16px 9px 15px 17px; }
    header .cart a .h-cart-title { display: none; }

    header .cart.fixed a { background: transparent; padding: 16px 9px 15px 17px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
    header .cart.fixed a:hover { background: transparent; }

    header .cart a strong {  }

    header .cart #cart-content { display: none; }

    header ul.flyout-nav li.submenu-is-shown > a { }

    .content img { max-width: 100%; }

    .search {
        position: fixed;
        top: 47px;
        left: 0;
        z-index: 9999;
        margin: 0 !important;
        width: 100%;
    }
    .search-wrapper { padding-right: 0; }
    .search-wrapper input {
        height: 38px !important;
        background-color: var(--header-bg-color) !important;
        border-radius: 0 !important;
    }
    .search-wrapper button {
        top: 4px;
        right: 8px;
    }

    footer.globalfooter { }

    .footer-block { }

    .footer-block#copyright { }

    .footer-block a { }

    .footer-note { }

    .appfooter { }

    .appfooter .copyright,
    .appfooter .poweredby { }

    .wa-form .wa-field .wa-name { float: none; padding-bottom: 0; margin-bottom: 5px; }
    .wa-form .wa-field .wa-value { margin-left: 0; margin-bottom: 13px; }
    .wa-form .wa-field .wa-value p span { display: block; }
    .wa-form .wa-field .wa-value input[type="text"],
    .wa-form .wa-field .wa-value input[type="email"],
    .wa-form .wa-field .wa-value input[type="password"] { min-width: 200px; }

    .wa-auth-adapters p { width: 80%; }

    .wa-captcha input.wa-captcha-input { width: 100px; }

    .errormsg { margin-left: 0; }

    table td { padding: 5px; }

    html.my ul.menu-h li a { padding: 10px; }

    .comment-form-fields label { float: left; }

    .sub-links li { font-size: 110%; margin-bottom: 5px; }

    .sidebar .likebox { display: none; }

    .connect.inline .likebox { display: block; width: auto; }

    .wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 240px; }

    .wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
    .wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 160px; width: 160px; }

    .olives { padding: 10px; }

    .olives-left,
    .olives-right { background-size: 25px auto; min-height: 55px; }

    .olives-content { margin: 0 20px; font-size: 0.9em; padding: 10px; }

    .mailer-subscribe { padding-inline: 10px; }

}

/* WIDE
========= */

@media screen and (min-width: 1300px) {

    .container { max-width: 1160px; }
    .project-slideshow {
        overflow: hidden;
        border-radius: 40px;
    }
    .project-slideshow-items {
        position: relative;
    }
    .project-slideshow-items:before {
        content: "PROJECTS";
        position: absolute;
        left: 50%;
        -webkit-transform: translatex(-50%);
            -ms-transform: translatex(-50%);
                transform: translatex(-50%);
        top: 42%;
        z-index: 1;
        font-weight: 500;
        border: 1px solid white;
        padding: 3px 7px;
        border-radius: 10px;
    }

}

/* FOOTER NOTICE */
.footer-note { color: var(--dark); font-size: 0.7em; }
.s-footer-notice { color: var(--footer-notice-color); margin-top: 16px; font-size: 0.9em; line-height: 1.3em; text-align: left; }
.s-footer-notice a { color: inherit; text-decoration: underline; }

/* OTHER */
.wa-login-form-actions button,
.wa-signup-form-actions button,
.wa-forgotpassword-form-actions button,
.wa-set-password-form-wrapper button,
.wa-login-form-actions [type=button],
.wa-signup-form-actions [type=button],
.wa-forgotpassword-form-actions [type=button],
.wa-set-password-form-wrapper [type=button],
.wa-login-form-actions [type=submit],
.wa-signup-form-actions [type=submit],
.wa-forgotpassword-form-actions [type=submit],
.wa-confirm-signup-button,
.wa-set-password-form-wrapper [type=submit] { font-size: 18px; font-weight: bold; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; }

.wa-login-submit { color: var(--white); }



/* GRID
========= */
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.row.gap4 { --gap: 4px; gap: var(--gap); }
.row.gap6 { --gap: 6px; gap: var(--gap); }
.row.gap8 { --gap: 8px; gap: var(--gap); }
.row.gap16 { --gap: 16px; gap: var(--gap); }
.row.gap20 { --gap: 20px; gap: var(--gap); }
.row.gap32 { --gap: 32px; gap: var(--gap); }
.row.cols1 > .col { --cols-count: 1; }
.row.cols1 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 100%; }
.row.cols2 > .col { --cols-count: 2;}
.row.cols2 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 50%; }
.row.cols3 > .col { --cols-count: 3; }
.row.cols3 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 33.33333333%; }
.row.cols4 > .col { --cols-count: 4; }
.row.cols4 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 25%; }
.row.cols5 > .col { --cols-count: 5;}
.row.cols5 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 20%; }
.row.cols6 > .col { --cols-count: 6; }
.row.cols6 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 16.66666667%; }
.row.cols7 > .col { --cols-count: 7; }
.row.cols7 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 14.285714286%; }
.row.cols8 > .col { --cols-count: 8; }
.row.cols8 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 12.5%; }
.row.cols9 > .col { --cols-count: 9; }
.row.cols9 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 11.111111111%; }
.row.cols10 > .col { --cols-count: 10; }
.row.cols10 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 10%; }
.row.cols11 > .col { --cols-count: 11; }
.row.cols11 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 9.090909091%; }
.row.cols12 > .col { --cols-count: 12; }
.row.cols12 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 8.33333333%; }
.col.w1 { --cols-count: 12; --col-width: 8.33333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w2 { --cols-count: 6; --col-width: 16.66666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w3 { --cols-count: 4; --col-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w4 { --cols-count: 3; --col-width: 33.33333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w5 { --cols-count: 2.4; --col-width: 41.66666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w6 { --cols-count: 2; --col-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w7 { --cols-count: 1.7; --col-width: 58.33333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w8 { --cols-count: 1.5; --col-width: 66.66666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w9 { --cols-count: 1.33; --col-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w10 { --cols-count: 1.2; --col-width: 83.33333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w11 { --cols-count: 1.09; --col-width: 91.66666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w12 { --cols-count: 1; --col-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }

.col { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
:is(.row.cols1,.row.cols2,.row.cols3,.row.cols4,.row.cols5,.row.cols6,.row.cols7,.row.cols8,.row.cols9,.row.cols10,.row.cols11,.row.cols12) > .col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
/* MOBILE
========= */

@media screen and (max-width: 760px) {
    .row.cols1-mobile > .col { --cols-count: 1; --col-width: 100% !important; }

    .row.cols2-mobile > .col { --cols-count: 2; --col-width: 50% !important; }

    .row.cols3-mobile > .col { --cols-count: 3; --col-width: 33.33333333% !important; }

    .row.cols4-mobile > .col { --cols-count: 4; --col-width: 25% !important; }

    .row.cols5-mobile > .col { --cols-count: 5; --col-width: 20% !important; }

    .row.cols6-mobile > .col { --cols-count: 6; --col-width: 16.66666667% !important; }

    .row.cols7-mobile > .col { --cols-count: 7; --col-width: 14.285714286% !important; }

    .row.cols8-mobile > .col { --cols-count: 8; --col-width: 12.5% !important; }

    .row.cols9-mobile > .col { --cols-count: 9; --col-width: 11.111111111% !important; }

    .row.cols10-mobile > .col { --cols-count: 10; --col-width: 10% !important; }

    .row.cols11-mobile > .col { --cols-count: 11; --col-width: 9.090909091% !important; }

    .row.cols12-mobile > .col { --cols-count: 12; --col-width: 8.33333333% !important; }
}

/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {
    .row.cols1-tablet > .col { --cols-count: 1; --col-width: 100% !important; }

    .row.cols2-tablet > .col { --cols-count: 2; --col-width: 50% !important; }

    .row.cols3-tablet > .col { --cols-count: 3; --col-width: 33.33333333% !important; }

    .row.cols4-tablet > .col { --cols-count: 4; --col-width: 25% !important; }

    .row.cols5-tablet > .col { --cols-count: 5; --col-width: 20% !important; }

    .row.cols6-tablet > .col { --cols-count: 6; --col-width: 16.66666667% !important; }

    .row.cols7-tablet > .col { --cols-count: 7; --col-width: 14.285714286% !important; }

    .row.cols8-tablet > .col { --cols-count: 8; --col-width: 12.5% !important; }

    .row.cols9-tablet > .col { --cols-count: 9; --col-width: 11.111111111% !important; }

    .row.cols10-tablet > .col { --cols-count: 10; --col-width: 10% !important; }

    .row.cols11-tablet > .col { --cols-count: 11; --col-width: 9.090909091% !important; }

    .row.cols12-tablet > .col { --cols-count: 12; --col-width: 8.33333333% !important; }
}


/* MOBILE
========= */

@media screen and (max-width: 760px) {
    html {
        --h1-size: 2rem;
        --h2-size: 1.7142rem;
        --h3-size: 1.4285rem;
        --h4-size: 1.1428rem;
        --h5-size: 1rem;
        --h6-size: 1rem;
    }

    .attach { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
}

/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {
    html {
        --h1-size: 2rem;
        --h2-size: 1.7142rem;
        --h3-size: 1.4285rem;
        --h4-size: 1.1428rem;
        --h5-size: 1rem;
        --h6-size: 1rem;
    }
}

.attach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.5rem;
}
.attach .remove-attach {
  font-weight: 700;
  padding: 7px;
  margin-left: auto;
}
.attach [type=file] {
  cursor: pointer;
  position: relative;
  width: 290px;
  background-color: transparent;
  padding: 15px 10px 15px 20px;
  border: 2px dashed var(--gray5);
  -webkit-transition: 200ms background linear;
  -o-transition: 200ms background linear;
  transition: 200ms background linear;
  border-radius: 10px;
  color: var(--link-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.attach::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22612.675px%22%20height%3D%22612.675px%22%20viewBox%3D%220%200%20612.675%20612.675%22%20style%3D%22enable-background%3Anew%200%200%20612.675%20612.675%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%0A%09%09%09%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23777%22%20d%3D%22M581.209%2C223.007L269.839%2C530.92c-51.592%2C51.024-135.247%2C51.024-186.839%2C0c-51.592-51.023-51.592-133.737%2C0-184.761%20L363.248%2C69.04c34.402-34.009%2C90.15-34.009%2C124.553%2C0c34.402%2C34.008%2C34.402%2C89.166%2C0%2C123.174l-280.249%2C277.12%20c-17.19%2C17.016-45.075%2C17.016-62.287%2C0c-17.19-16.993-17.19-44.571%2C0-61.587L394.37%2C161.42l-31.144-30.793L114.144%2C376.975%20c-34.402%2C34.009-34.402%2C89.166%2C0%2C123.174c34.402%2C34.009%2C90.15%2C34.009%2C124.552%2C0l280.249-277.12%20c51.592-51.023%2C51.592-133.737%2C0-184.761c-51.593-51.023-135.247-51.023-186.839%2C0L36.285%2C330.784l1.072%2C1.071%20c-53.736%2C68.323-49.012%2C167.091%2C14.5%2C229.88c63.512%2C62.79%2C163.35%2C67.492%2C232.46%2C14.325l1.072%2C1.072l326.942-323.31%20L581.209%2C223.007z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 100%;
  background-size: contain;
}
.attach [type=file].is-highlighted { background: #fafadf75; }
.attach [type=file]::-webkit-file-upload-button { visibility: hidden; width: 0; }
.attach [type=file]::-webkit-file-upload-button,
.attach [type=file]::file-selector-button { visibility: hidden; width: 0; }

/* Navigation */
nav {
  /* Nav Bar */
  /* Main Nav */
}
nav .menubar {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index:1;

  /* Logo */
  /* Icons */
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px)
}
@media screen and (max-width: 767px) {
  nav .menubar {
    height: 60px;
    padding: 0 20px;
  }
}
nav .menubar .home {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav .menubar .home:hover {
  opacity: 0.5;
}
nav .menubar .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  /* Icon Menu Hamburguer */
  /* Secondary Icons */
}
nav .menubar .icons .icon-menu {
  width: 30px;
  height: 30px;
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 5px;
  /* Icon Close */
}
nav .menubar .icons .icon-menu span {
  background-color: #fff;
  width: 30px;
  height: 3px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  right: 0;
  border-radius: 5px;
}
nav .menubar .icons .icon-menu span:before, nav .menubar .icons .icon-menu span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  border-radius: 5px;
}
nav .menubar .icons .icon-menu span:before {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.3s 0.1s ease;
  -o-transition: all 0.3s 0.1s ease;
  transition: all 0.3s 0.1s ease;
}
nav .menubar .icons .icon-menu span:after {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 0.3s 0.2s ease;
  -o-transition: all 0.3s 0.2s ease;
  transition: all 0.3s 0.2s ease;
}
nav .menubar .icons .icon-menu:hover span {
  width: 30px;
}
nav .menubar .icons .icon-menu:hover span:before {
  width: 25px;
}
nav .menubar .icons .icon-menu:hover span:after {
  width: 20px;
}
nav .menubar .icons .icon-menu.icon-closed {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
nav .menubar .icons .icon-menu.icon-closed span {
  background-color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0px;
  right: initial;
  opacity: 0.5;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
nav .menubar .icons .icon-menu.icon-closed span:before, nav .menubar .icons .icon-menu.icon-closed span:after {
  width: 30px;
  background-color: white;
}
nav .menubar .icons .icon-menu.icon-closed span:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
nav .menubar .icons .icon-menu.icon-closed span:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
nav .menubar .icons .icon-menu.icon-closed:hover span {
  width: 0;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  nav .menubar .icons .icon-menu.icon-closed:hover span:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  nav .menubar .icons .icon-menu.icon-closed:hover span:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
nav .menubar .icons .secondary-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
nav .menubar .icons .secondary-icons .icon-second {
  width: 30px;
  height: 30px;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 5px;
}
@media screen and (max-width: 767px) {
  nav .menubar .icons .secondary-icons .icon-second {
    margin: 0 5px;
  }
}
nav .menubar .icons .secondary-icons .icon-second:last-child {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  nav .menubar .icons .secondary-icons .icon-second:last-child {
    margin-right: 15px;
  }
}
nav .menubar .icons .secondary-icons .icon-second:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  nav .menubar .icons .secondary-icons .icon-second:hover {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
nav .menu {
  display: none;
  /* Open Menu */
  /* Animation - Close */
}
nav .menu a {
 text-decoration:none;
}
nav .menu.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  overflow: hidden;
  padding:0;
  margin:0;
  /*-webkit-filter:grayscale(1);
          filter:grayscale(1);*/
  /* Menu Open - Main Link */
}
nav .menu.open .menu-link {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-animation: menu 0.6s ease forwards;
          animation: menu 0.6s ease forwards;
  height: 100vh;
  position: relative;
  /* Main Link - text */
  /* Sub Menu */
  /* Menu Links - Hover */
}
@-webkit-keyframes menu {
  0% {
    height: 0;
    -webkit-transform: translatey(-50%);
            transform: translatey(-50%);
  }
  100% {
    height: 100vh;
    -webkit-transform: translatey(0%);
            transform: translatey(0%);
  }
}
@keyframes menu {
  0% {
    height: 0;
    -webkit-transform: translatey(-50%);
            transform: translatey(-50%);
  }
  100% {
    height: 100vh;
    -webkit-transform: translatey(0%);
            transform: translatey(0%);
  }
}
nav .menu.open .menu-link:nth-child(1) {
  background-color: #252732;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
nav .menu.open .menu-link:nth-child(2) {
  background-color: #313344;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
}
nav .menu.open .menu-link:nth-child(3) {
  background-color: #61618c;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
nav .menu.open .menu-link:nth-child(4) {
  background-color: #afa9e1;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
nav .menu.open .menu-link .text-item {
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 40px;
  opacity: 0.3;
  width: 100%;
  height: 20%;
  letter-spacing: 5px;
  -webkit-transform: rotate(-90deg) translateX(0px);
      -ms-transform: rotate(-90deg) translateX(0px);
          transform: rotate(-90deg) translateX(0px);
  -webkit-transition: all 0.4s 0.2s ease-in-out, letter-spacing 0.2s ease-in, opacity 0.2s ease-in;
  -o-transition: all 0.4s 0.2s ease-in-out, letter-spacing 0.2s ease-in, opacity 0.2s ease-in;
  transition: all 0.4s 0.2s ease-in-out, letter-spacing 0.2s ease-in, opacity 0.2s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: text-in 0.6s ease;
          animation: text-in 0.6s ease;
  position: absolute;
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link .text-item {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    font-size: 30px;
  }
}
@-webkit-keyframes text-in {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes text-in {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
nav .menu.open .menu-link .text-item .icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  opacity: 0;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-image:url("/wa-data/public/site/themes/brandplatforma/img/icons/menu-text-item-icon.svg");
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link .text-item .icon {
    opacity: 0.5;
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
  }
}
nav .menu.open .menu-link .submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  height: 0%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  bottom: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  position: absolute;
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link .submenu {
    padding: 0 5%;
  }
}
nav .menu.open .menu-link .submenu .sub-item {
  display: none;
  margin: 10px 0;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding: 5px 15px;
}
nav .menu.open .menu-link .submenu .sub-item a {
  color:rgba(255,255,255,.8);
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link .submenu .sub-item {
    font-size: 16px;
  }
}
nav .menu.open .menu-link .submenu .sub-item:after {
  content: "";
  height: 0%;
  width: 3px;
  background-color: white;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: height 0.4s 0.3s ease, width 0.4s ease;
  -o-transition: height 0.4s 0.3s ease, width 0.4s ease;
  transition: height 0.4s 0.3s ease, width 0.4s ease;
}
nav .menu.open .menu-link .submenu .sub-item:hover:after {
  width: 100%;
  height: 100%;
  -webkit-transition: height 0.4s ease, width 0.4s 0.3s ease;
  -o-transition: height 0.4s ease, width 0.4s 0.3s ease;
  transition: height 0.4s ease, width 0.4s 0.3s ease;
}
nav .menu.open .menu-link:hover {
  width: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  /* When Click to Open Sub Menu */
}
nav .menu.open .menu-link:hover .text-item {
  height: 50%;
  -webkit-transform: rotate(0deg) translateX(0px);
      -ms-transform: rotate(0deg) translateX(0px);
          transform: rotate(0deg) translateX(0px);
  font-size: 30px;
  opacity: 1;
  letter-spacing: 10px;
}
nav .menu.open .menu-link:hover .text-item .icon {
  opacity: 1;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 0.3s 0.4s ease-in-out;
  -o-transition: all 0.3s 0.4s ease-in-out;
  transition: all 0.3s 0.4s ease-in-out;
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link:hover .text-item {
    width: 100%;
    font-size: 30px;
    opacity: 0.3;
    letter-spacing: 5px;
  }
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link:hover.active {
    height: 80vh;
  }
}
nav .menu.open .menu-link:hover.active .text-item {
  -webkit-transform: rotate(0deg) translateX(0px) translateY(-50%);
      -ms-transform: rotate(0deg) translateX(0px) translateY(-50%);
          transform: rotate(0deg) translateX(0px) translateY(-50%);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link:hover.active .text-item {
    height: 20%;
    -webkit-transform: translateY(-180%);
        -ms-transform: translateY(-180%);
            transform: translateY(-180%);
  }
}
nav .menu.open .menu-link:hover.active .text-item .icon {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(40px) rotate(-180deg);
      -ms-transform: translateY(40px) rotate(-180deg);
          transform: translateY(40px) rotate(-180deg);
}
nav .menu.open .menu-link:hover.active .submenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  height: 50%;
  z-index: 1;
  opacity: 1;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  nav .menu.open .menu-link:hover.active .submenu {
    height: 70%;
  }
}
nav .menu.open .menu-link:hover.active .submenu .sub-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: submenu 1s ease forwards;
          animation: submenu 1s ease forwards;
  z-index: 2;
}
@-webkit-keyframes submenu {
  0% {
    -webkit-transform: translatex(50px) rotate(5-deg);
            transform: translatex(50px) rotate(5-deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: translatex(50px) rotate(-5deg);
            transform: translatex(50px) rotate(-5deg);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0px) rotate(0deg);
            transform: translatex(0px) rotate(0deg);
  }
}
@keyframes submenu {
  0% {
    -webkit-transform: translatex(50px) rotate(5-deg);
            transform: translatex(50px) rotate(5-deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: translatex(50px) rotate(-5deg);
            transform: translatex(50px) rotate(-5deg);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translatex(0px) rotate(0deg);
            transform: translatex(0px) rotate(0deg);
  }
}
nav .menu.open .menu-link:hover.active .submenu .sub-item:nth-child(1) {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
nav .menu.open .menu-link:hover.active .submenu .sub-item:nth-child(2) {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
nav .menu.open .menu-link:hover.active .submenu .sub-item:nth-child(3) {
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
}
@media screen and (max-width: 767px) {
    nav .menu.open .menu-link {
        width: 100%;
        height: 25%;
        -webkit-animation: menu-mobile 0.6s ease forwards;
                animation: menu-mobile 0.6s ease forwards;
        -webkit-transform: translatey(0%);
            -ms-transform: translatey(0%);
                transform: translatey(0%);
        right: 0;
    }

    @-webkit-keyframes menu-mobile {
        0% {
          -webkit-transform: translateX(200%);
                  transform: translateX(200%);
        }
        100% {
          -webkit-transform: translateX(0%);
                  transform: translateX(0%);
        }
      }

    @keyframes menu-mobile {
        0% {
          -webkit-transform: translateX(200%);
                  transform: translateX(200%);
        }
        100% {
          -webkit-transform: translateX(0%);
                  transform: translateX(0%);
        }
      }
      nav .menu.open .menu-link:hover {
        width: 100%;
      }
    }
@media screen and (max-width: 767px) {
  nav .menu.open {
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
nav .menu.close .menu-link {
  -webkit-animation: menu-close 1s ease forwards;
          animation: menu-close 1s ease forwards;
}
@-webkit-keyframes menu-close {
  0% {
    height: 100vh;
  }
  100% {
    height: 0;
  }
}
@keyframes menu-close {
  0% {
    height: 100vh;
  }
  100% {
    height: 0;
  }
}
nav .menu.close .menu-link .text-item {
  -webkit-animation: text-out 0.6s ease forwards;
          animation: text-out 0.6s ease forwards;
}
@-webkit-keyframes text-out {
  0% {
    opacity: 0.3;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes text-out {
  0% {
    opacity: 0.3;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.uk-modal {
    background-color:rgba(255,255,255,.5)!important;
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px)
}
.font-primary {
    font-family: var(--font-family)!important;
}
.font-secondary {
    font-family: var(--font-secondary)!important;
}
.color-primary {
    color: var(--primary)!important;
    /*background-image: linear-gradient(90deg, var(--primary), #a59fff);
    color: transparent!important;
    background-clip: text;*/
}
.color-dark {
    color: var(--dark)!important;
}
.color-white {
    color:var(--white)!important;
}
.bg-primary {
    background-color: var(--primary)!important;
}
.bg-primary-img {
    background-image: url("/wa-data/public/site/themes/brandplatforma/img/bg-pimary.svg");
    background-position:top center;
    background-repeat: no-repeat;
    background-size: cover;

}
.bg-dark {
    background-color: var(--dark)!important;
    background: var(--dark)!important;
}
.button-primary-dark {
    background-color: var(--primary);
    color:var(--dark);
}
.button-primary-dark:hover {
    background-color: var(--primary);
    color:var(--dark);
}

/* Start cta-button 1 */
a.cta-button-1 {
  padding: 12px 35px;
  background: transparent;
  outline: 2px solid var(--primary);
  font-size: 15px;
  font-weight: bold;
  color: var(--primary);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: uppercase;
  text-decoration:none;
  font-family: montserrat, sans-serif;
  min-width:160px;
  text-align:center;
}
a.cta-button-1:hover {
  color: #0c071e;
  box-shadow: 0px 0px 35px var(--primary);
}
a.cta-button-1 span {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin:auto;
  z-index: 0;
}
a.cta-button-1 span:nth-child(1), 
a.cta-button-1 span:nth-child(2), 
a.cta-button-1 span:nth-child(3), 
a.cta-button-1 span:nth-child(4) {
  position: absolute;
  width: 105%;
  height: 32%;
  background-color: var(--primary);

}
a.cta-button-1 span:nth-child(1) {
  top: -100%;
  left: 0%;
  right: 0;
}
a.cta-button-1:hover span:nth-child(1) {
  top: 0%;
}
a.cta-button-1 span:nth-child(2) {
  top: 29%;
  right: 100%;
}
a.cta-button-1:hover span:nth-child(2) {
  right: 0;
}
a.cta-button-1 span:nth-child(3) {
  bottom: 29%;
  left: 100%;
  right: 0;
}
a.cta-button-1:hover span:nth-child(3) {
  left: 0;
}
a.cta-button-1 span:nth-child(4) {
  bottom: -100%;
  left: 0;
}
a.cta-button-1:hover span:nth-child(4) {
  bottom: 0;
}
/* End cta-button 1 */

/* Start cta-button 2 */
a.cta-button-2 {
  padding: 12px 35px;
  background: transparent;
  outline: 2px solid var(--dark);
  font-size: 15px;
  font-weight: bold;
  color: var(--dark);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: uppercase;
  text-decoration:none;
  font-family: montserrat, sans-serif;
  min-width:160px;
  text-align:center;
}
a.cta-button-2:hover {
  color: var(--primary);
  /*box-shadow: 0px 0px 35px var(--dark);*/
}
a.cta-button-2 span {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin:auto;
  z-index: 0;
}
a.cta-button-2 span:nth-child(1), 
a.cta-button-2 span:nth-child(2), 
a.cta-button-2 span:nth-child(3), 
a.cta-button-2 span:nth-child(4) {
  position: absolute;
  width: 105%;
  height: 30%;
  background-color: var(--dark);

}
a.cta-button-2 span:nth-child(1) {
  top: -100%;
  left: 0%;
  right: 0;
}
a.cta-button-2:hover span:nth-child(1) {
  top: 0%;
}
a.cta-button-2 span:nth-child(2) {
  top: 29%;
  right: 100%;
}
a.cta-button-2:hover span:nth-child(2) {
  right: 0;
}
a.cta-button-2 span:nth-child(3) {
  bottom: 29%;
  left: 100%;
  right: 0;
}
a.cta-button-2:hover span:nth-child(3) {
  left: 0;
}
a.cta-button-2 span:nth-child(4) {
  bottom: -100%;
  left: 0;
}
a.cta-button-2:hover span:nth-child(4) {
  bottom: 0;
}

/* End cta-button 2 */

ul.ul-primary {
    list-style:none;
    padding-left:0;

}
ul.ul-primary li {
    position:relative;
    padding-left: 20px;
}
ul.ul-primary li:before {
    display:block;
    position:absolute;
    content:"";
    background-color: var(--primary);
    border-radius:50%;
    width:10px;
    height:10px;
    left:0;
    top:7px;

}
.menubar {
    background-color:rgba(0,0,0,.5);
}
.bp-logo {
    display:block;
    width:200px;
    height:70px;
    background-image: url(/wa-data/public/site/themes/brandplatforma/img/bp-logo-white.svg);
    background-repeat:no-repeat;
    background-size: contain;
    background-position:center;
}
.bp-logo-footer {
    display:block;
    width:200px;
    height:70px;
    background-image: url(/wa-data/public/site/themes/brandplatforma/img/bp-logo-footer.svg);
    background-repeat:no-repeat;
    background-size: contain;
    background-position:center;
}
.header-contacts a {
    color:rgba(255,255,255,.7);
    text-decoration:none!important;
    font-weight:500;
    font-size:85%;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.header-contacts a:hover {
    color:var(--primary)!important;
}
.hero-banner {
    display:block;
    position:relative;
    aspect-ratio: 16 / 8;
    overflow:hidden;
}
.hero-heading {
    display:block;
    position:absolute;
    padding: 0 100px;
    top:50%;
    -webkit-transform:translatey(-50%);
        -ms-transform:translatey(-50%);
            transform:translatey(-50%)
}
.hero-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    font-size:170px;
    line-height:140px;
    font-weight:900;
    font-family:"montserrat", sanf-serif!important;
    margin-left:-7px;

}
.hero-title span {
    font-family:var(--font-family);
}

.hero-title>span:nth-child(1) {
    color: #fff;
}
.hero-title>span:nth-child(2) {
    color: var(--primary);
}


.hero-description {
    font-size:21px;
    padding: 10px 0 0;
    max-width:800px;
    font-weight:500;
}

.welcome-section {

}
.welcome-text {
    position:relative;
    margin-top:50px;
    padding:80px 100px 50px;
}
.welcome-text:before {
    display:block;
    position:absolute;
    content:"WELCOME";
    font-size:140px;
    opacity:.06;
    top:20px;
    right:0;
    font-weight:bold;
    z-index:10;
    font-family: var(--font-secondary)!important;
    color:var(-primary);
}
.welcome-text h3 {
    color:#c5c5c5;
}
.mouse-parallax {
    min-height:600px;
    position: relative;
    overflow: hidden;
}
.mouse-parallax-bg {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 110%;
    height: 110%;
    transition: all 0.1s ease;  
}
@media (max-width:1500px) {
    .mouse-parallax {
        min-height:550px;
    }
}
    

.services-section {
    
}
.about-services-text {
    position:relative;
    margin-top:50px;
    padding:80px 40px 50px;
}
.about-services-text:before {
    display:block;
    position:absolute;
    content:"SERVICES";
    font-size:140px;
    opacity:.06;
    top:20px;
    left:0;
    right:0;
    text-align:center;
    font-weight:bold;
    z-index:10;
    font-family: var(--font-secondary)!important;
    color:var(-primary);
}

.about-services-section video {
    border-radius:0 0 40px 0;
    margin-bottom:20px;
}

.rounded {
        border-radius: 30px;
}
.light-overlay {
    background-color:rgba(255,255,255,.1)
}
.section-heading {
    font-size: 2.5rem;   
}

.service-blocks {
    
}
.services-wrapper {
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.3);
            box-shadow:0 0 20px rgba(0,0,0,.3);
}
.uk-accordion {
    margin-bottom:-1px;
}
.uk-accordion-content .services-wrapper:nth-child(odd) {
    margin:20px 0 20px 40px; 
    overflow:hidden; 
    border-radius: 40px 0 0 40px
}
.uk-accordion-content .services-wrapper:nth-child(even) {
    margin:40px 40px 60px 0px; 
    overflow:hidden; 
    border-radius:0 50px 50px 0
}
.uk-accordion-content .services-wrapper:last-child {
    margin-bottom: 40px;
}
.uk-accordion-content {
    margin-bottom:-1px;
}
.uk-accordion-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left: 70px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-top:-1px;
    margin-bottom:-1px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor:pointer;
    font-family: var(--font-family);
}
.uk-open>.uk-accordion-title {
    -webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);
            box-shadow:0 10px 15px rgba(0,0,0,.2);
    margin-top:-2px;
    padding-right:40px;
}
.uk-accordion-title h2 {
    font-family: var(--font-family);
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
.uk-accordion-title h2:hover {
    -webkit-transform:scale(1.03);
        -ms-transform:scale(1.03);
            transform:scale(1.03);
}
@media screen and (min-width:1200px) {
    .uk-accordion-title h2 {
            white-space: nowrap;
    }
}
.uk-accordion-title::before {
    background-image:none;
    display:block;
    height:2px;
    width:45px;
    background-color: var(--primary);
    left:20px;
    top:50%;
    -webkit-transform: translatey( -50% );
        -ms-transform: translatey( -50% );
            transform: translatey( -50% );
    position:absolute;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.uk-accordion-title::after {
    content:"";
    background-image:none;
    display:block;
    height:45px;
    width:2px;
    background-color: var(--primary);
    left:51px;
    top:50%;
    -webkit-transform: translatey( -50% );
        -ms-transform: translatey( -50% );
            transform: translatey( -50% );
    position:absolute;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.accordion-title-hint {
    display:flex;
    flex-grow: 1;
    height:100%;
    overflow:hidden;
    max-height:120px;
    align-items: center;
    max-width:700px;
    min-width:700px;
    margin-left:auto;
}
.accordion-title-hint span {
    display:block;
    width:100%;
    font-family:var(--font-primary);
    font-size:150%;
    padding-right:20px;
    font-weight:700;
    opacity:.2;
    font-style:italic;
    letter-spacing:2em;
    filter:blur(12px);
    text-align:right;
    transition:1s;
    transform: translatey( -10px );
}
.uk-accordion-title:hover .accordion-title-hint span {
    letter-spacing:2px;
    filter:blur(0px);
    text-align:right;
    transform-origin: right;
    font-size:500%;
}
.uk-open>.uk-accordion-title .accordion-title-hint span {
    letter-spacing:2px;
    filter:blur(0px);
    text-align:right;
    font-size:500%;
}
@media screen and (max-width:1400px) {
    .accordion-title-hint {
            min-width: 400px;
    }
    .uk-open>.uk-accordion-title .accordion-title-hint span {
        font-size:350%;
    }
    .uk-accordion-title:hover .accordion-title-hint span {
        font-size:380%;
    }
}
@media screen and (max-width:1200px) {
    .accordion-title-hint {
        display:none;
    }
}
.uk-accordion-title>button {
    display:none;
}
.uk-open>.uk-accordion-title>button {
    display:inline-block;
}
.uk-accordion-title>a {
    /*display:none;*/
    opacity:0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    pointer-events:none;
}
.uk-open>.uk-accordion-title>a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    opacity:1;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
    pointer-events:auto;
}
.uk-open>.uk-accordion-title::before {
    background-color: #fff;
    background-image: none!important;
}
.uk-open>.uk-accordion-title::after {
    opacity:0;
}
.uk-accordion>:nth-child(n+2) {
    margin-top:0!important;
}



.service-blocks_number {
    border:2px solid var(--primary);
    border-radius:50%;
    width:100px;
    height:100px;
    font-size:40px;
    font-weight:300;
    color:var(--primary);
    text-align:center;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    z-index: 1;
    font-family: var(--font-family);
}
.bg-primary>.service-blocks_number {
    color: var(--dark);
    border:1px solid var(--dark);
}
.service-blocks__block {
    height: calc(100vw / 3 - 60px);
    padding: 45px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow:hidden;        
}
.service-blocks__block h3 {
    position: relative;
    z-index: 1;
}
.service-blocks__block p {
    position: relative;
    z-index: 1;
}
.service-blocks__block-img {
    background-position:top center;
    position:relative;
}
.service-blocks__block-img { }

.block-img__dark:after {
    top:0;
    right:0;
    bottom:0;
    left:0;
    position: absolute;
    display:block;
    content:"";
    background-color:rgba(0,0,0,.3);
}

.service-blocks__block-dark-left:after {
    content: "";
    width: calc(100vw / 3 - 160px);
    aspect-ratio: 1 / 1;
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    bottom: -20%;
    left: -23%;
    opacity: .1;
    pointer-events:none;
    transition: 1s;
}
.service-blocks__block-dark-right:after {
    content: "";
    width: calc(100vw / 3 - 160px);
    aspect-ratio: 1 / 1;
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    bottom: -20%;
    right: -23%;
    opacity: .1;
    pointer-events:none;
    transition: 1s;
}

.service-blocks__block-light-right:after {
    content: "";
    width: calc(100vw / 3 - 160px);
    aspect-ratio: 1 / 1;
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    bottom: -20%;
    right: -23%;
    opacity: .5;
    pointer-events:none;
    transition: 1s;
}
.service-blocks__block-light-left:after {
    content: "";
    width: calc(100vw / 3 - 160px);
    aspect-ratio: 1 / 1;
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    bottom: -20%;
    left: -23%;
    opacity: .5;
    pointer-events:none;
    transition: 1s;
}

.service-blocks__block-dark-left:hover:after, .service-blocks__block-dark-right:hover:after, .service-blocks__block-light-right:hover:after, .service-blocks__block-light-left:hover:after {
    width: calc(100vw / 3 - 80px);
}

.service-blocks__block ul.accordion-price .uk-accordion-title span {
    position:relative;
}
.service-blocks__block ul.accordion-price .uk-accordion-title:before, .service-blocks__block ul.accordion-price .uk-accordion-title:after { display:none; }
.service-blocks__block ul.accordion-price .uk-accordion-title span:after { 
    content: "⟶";
    position:absolute;
    display:flex;
    background:transparent;
    right:-40px;
    left:auto;
    top:50%;
    transform:translatey( -50% );
    transition:.3s;
}
.service-blocks__block ul.accordion-price .uk-accordion-title:hover span:after {
    right:-50px;
}
ul.accordion-price .uk-accordion-content {
    margin-top:10px;
    margin-bottom:10px;
    color:var(--primary);
}

@media (max-width:748px) {
    ul.accordion-price .uk-accordion-content {
        font-size: 85%;
        line-height: 105%;

    }
}

.advantages-section {
    padding:40px;
}
.advantages-wrapper {
    padding:50px;
    border:none;
    border-radius:40px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    background-color: rgba(0,0,0,.55)
}

.advantages-list>div {
    padding:20px;
}
.advantage-heading {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap: 10px
}
.advantage-heading h4 {
    margin:0;
    font-weight:bold;
    font-family: montserrat, sans-serif;
}
.advantage-icon {
    width:80px;
}

lord-icon {
    height:100px;
    width:80px;
    min-width:80px;
}
@media screen and (max-width:560px) {
    lord-icon {
        height:70px;
        width:50px;
        min-width:50px;
    }
}

.projects-section {
    padding:40px;
}
.projects-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:50px;
    border:2px solid #fff;
    border-radius:40px;
}
.projects-section .project-title {
    font-size:3rem;
    font-weight:bold;
    text-transform:uppercase;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    cursor:pointer;
    text-decoration:none!important;
}
.projects-section .project-title:hover {
   font-size:4rem; 
   color: var(--primary);
}
.project__project-description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 30px);
    display: block;
    text-align:center;
    width: 70%;
}
.projects-section .uk-overlay-primary {
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
.projects-section .uk-overlay-primary:hover {
    opacity:.75;
}
@media screen and (max-width:1500px) {
    .service-blocks_number {
        width:80px;
        height:80px;
        font-size:30px;
    }
}
@media screen and (max-width:1280px) {
    .service-blocks_number {
        width:65px;
        height:65px;
        font-size:25px;
    }
}

/*CONTACT PAGE*/
.contact-card {
    background-color: rgba(255,255,255,.1);
    border-radius:20px;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    
    
}
.contact-card__icon {
    background-color: rgba(255,255,255,.5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width:100px;
    height:100px;
    border-radius:50%;
    margin:20px auto 30px;
    
} 
.contact-card__title {
    font-family: var(--font-family);
    color:var(--primary);
    font-weight:bold;
    
}
.contact-card__link {
    color:var(--white)!important;
}

@media screen and (max-width:1280px) {
    .bp-logo {
        width:150px;
    }
    .hero-banner {
        aspect-ratio:16 / 9;
    }
    .hero-title {
        font-size: 140px;
        line-height: 120px;
    }
    .hero-description {
        font-size: 20px;
    }
}
/*NOTEBOOK LAYOUT*/
@media screen and (max-width:1200px) {
    .hero-banner {
        aspect-ratio:16 / 9;
    }
}
/*TABLET LAYOUT*/

@media screen and (max-width:768px) {
    html {
        --font-size:  15px
    }
    .uk-padding {
        padding: 30px!important
    }
    .bp-logo {
        height:40px;
        width: 150px;
    }
    a.cta-button-1 {
        padding:8px 12px;
        font-size:13px;
        min-width: 100px;
    }
    .hero-banner {
        background-position:58%;
    }
    .hero-heading {
        padding:0 20px;
    }
    .hero-title {
        font-size:100px;
        line-height:80px;
    }
    .hero-description {
        font-size:15px;
        padding:0;
    }
    .welcome-text {
        padding:0;
        margin-top:0;
    }
    .welcome-text:before {
        display:none
    }
    .about-services-text {
        padding:0;
        margin-top:0;
    }
    .about-services-text:before {
        display:none
    }
    .service-blocks__block {
        height:auto;
        padding:20px;
    }
    .service-blocks_number {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }
    .service-blocks__block-img {
        height:calc( 100vw - 30px );
        position:relative;
    }
    .service-blocks__block-img:after {
        top:0;
        right:0;
        bottom:0;
        left:0;
        position: absolute;
        display:block;
        content:"";
        background-color:rgba(0,0,0,.3);
        
    }
    .uk-accordion-title {
        padding-left: 60px;
    }
    .uk-accordion-title h2 {
        font-size:24px;
        padding:20px!important;
    }
    .uk-open>.uk-accordion-title {
        padding-right:20px;
    }
    .uk-accordion-title::before {
    width:30px;
       left:10px;
    }
    .uk-accordion-title::after {
        height:30px;
        left:34px;
    }
    .uk-accordion-title>a {
        position:absolute;
        right:-100%;
    }
    .uk-open>.uk-accordion-title>a {
        position:relative;
        right:0%;

    }
    .uk-accordion-content {
        margin-top:0!important;
    }
    .uk-accordion-content .services-wrapper:nth-child(odd) {
        margin:15px 0 15px 15px; 
        overflow:hidden; 
        border-radius: 50px 0 0 50px
    }
    .uk-accordion-content .services-wrapper:nth-child(even) {
        margin:15px 15px 15px 0px; 
        overflow:hidden; 
        border-radius:0 50px 50px 0
    }
    
    
    .advantages-section {
        padding:20px;
    }
    .advantages-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 20px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 20px;
    }
    .advantages-list {
        margin:0;
    }
    .advantages-list>div {
        padding:0;
    }
    .advantage-icon {
        width:35px;
    }
    .projects-section {
        padding:0;
    }
    .projects-section .project-title {
        font-size:1.5rem;
    }
    .projects-section .project-title:hover {
        font-size:2rem;
    }
}


/*MOBILE*/

@media screen and (max-width:560px) {
    html {
        --font-size:  14px
    }
    .uk-padding {
        padding: 20px!important
    }
    .bp-logo {
        height:40px;
        width: 150px;
    }
    a.cta-button-1 {
        padding:8px 12px;
        font-size:13px;
        min-width: 100px;
    }
    .hero-banner {
        background-position:38%;
        aspect-ratio: unset;
        min-height:calc(100vh - 60px);
        position:relative;
    }
    .hero-banner:after {
        content:"";
        display:block;
        width:30px;
        height:30px;
        position:absolute;
        border-right:2px solid white;
        border-bottom:2px solid white;
        bottom:30px;
        left:50%;
        -webkit-transform:rotate(45deg) translatex(-50%);
            -ms-transform:rotate(45deg) translatex(-50%);
                transform:rotate(45deg) translatex(-50%);
        opacity: .5;
        -webkit-transition: bottom .7s ease;
        -o-transition: bottom .7s ease;
        transition: bottom .7s ease;
        -webkit-animation: scrollme 1s infinite;
                animation: scrollme 1s infinite;
    }
    @-webkit-keyframes scrollme {   
      0% {     
        bottom:30px;   
      }   
      50% {     
        bottom:25px;   
      } 
      100% {
        bottom:30px;
       }
    }
    @keyframes scrollme {   
      0% {     
        bottom:30px;   
      }   
      50% {     
        bottom:25px;   
      } 
      100% {
        bottom:30px;
       }
    }
    .hero-heading {
        padding:0 20px;
    }
    .hero-title {
        font-size:65px;
        line-height:60px;
    }
    .hero-description {
        font-size:14px;
        padding:0;
    }
    .welcome-text {
        padding:0;
        margin-top:0;
    }
    .welcome-text:before {
        display:none
    }
    .about-services-text {
        padding:0;
        margin-top:0;
    }
    .about-services-text:before {
        display:none
    }
    .service-blocks__block {
        height:auto;
        padding:20px;
    }
    .service-blocks_number {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }
    .service-blocks__block-img {
        height:calc( 100vw - 30px );
        position:relative;
        box-shadow: inset 0 -71px 44px -30px rgba(0, 0, 0, .8);
    }
    .service-blocks__block-img:after {
        top:0;
        right:0;
        bottom:0;
        left:0;
        position: absolute;
        display:block;
        content:"";
        background-color:rgba(0,0,0,.5);
        
    }
    .uk-accordion-title {
        padding-left: 60px;
    }
    .uk-accordion-title h2 {
        font-size:14px;
        padding:20px 5px;
    }
    .uk-open>.uk-accordion-title {
        padding-right:20px;
    }
    .uk-accordion-title::before {
        width:30px;
       left:10px;
    }
    .uk-accordion-title::after {
        height:30px;
        left:34px;
    }
    
    .accordion-title-hint {
        display:none;
    }
    .uk-accordion-title>a {
        position:absolute;
        right:-100%;
    }
    .uk-open>.uk-accordion-title>a {
        position:relative;
        right:0%;
        font-size:11px;

    }
    .uk-accordion-content {
        margin-top:0!important;
    }
    .uk-accordion-content .services-wrapper:nth-child(odd) {
        margin:15px 0 15px 15px; 
        overflow:hidden; 
        border-radius: 40px 0 0 40px
    }
    .uk-accordion-content .services-wrapper:nth-child(even) {
        margin:15px 15px 15px 0px; 
        overflow:hidden; 
        border-radius:0 40px 40px 0
    }
    .advantages-section {
        padding:15px;
        background-position: 63%;
    }
    .advantages-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 20px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 20px;
        -webkit-backdrop-filter: blur(6px);
                backdrop-filter: blur(6px);
        background-color: rgba(0, 0, 0, 0.7);
    }
    .advantages-list {
        margin:0;
    }
    .advantages-list>div {
        padding:0;
    }
    .advantage-icon {
        width:35px;
    }
    .projects-section {
        padding:0;
    }
    .projects-section .project-title {
        font-size:1.5rem;
    }
    .projects-section .project-title:hover {
        font-size:2rem;
    }
    .project-slideshow-items {
        min-height:400px;
        position: relative;
    }
    .project-slideshow-items:before {
        content: "PROJECTS";
        position: absolute;
        left: 50%;
        -webkit-transform: translatex(-50%);
            -ms-transform: translatex(-50%);
                transform: translatex(-50%);
        top: 40%;
        z-index: 1;
        font-weight: 700;
        border: 1px solid white;
        padding: 3px 7px;
        border-radius: 10px;
    }
}