@charset "UTF-8";
/*  ------------------------- OPINIONATED RESET  ------------------------- */

*,*::before,*::after { box-sizing: border-box;margin:0;}

:root{
--alpha-body: .75;
--alpha-headings: 1;
--alpha-lead: .9;
--alpha-small: .65;
--alpha-quote: .65;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }

  .js-parallax{
  -moz-transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  }

}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-height: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  margin: 0;
  padding:0;
  min-height:100vh;
  font-family: var(--body-font-family),-apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue", Arial,"Noto Sans",sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: var(--body-font-weight);
  background-color:var(--body-bg-color);
  color:rgba( var(--text-color), .65);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block; }
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre, code {font-family: monospace, monospace;font-size: 1rem;}
a {background-color: transparent;color:currentColor;}
a:link,a:visited, a:hover, a:active{text-decoration:none;}
b, strong, .bold {font-weight: bolder;}
em{font-style:italic;}
small {font-size: 80%;}
sub {font-size: 75%;line-height: 0;/*position: relative;vertical-align: baseline;*/}
sup {font-size: 75%;line-height: 0;}
/*sub {bottom: -0.25em;}
sup {top: -0.5em;}*/
img {border-style: none;}
button, input, optgroup, select, textarea, .fake_input {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;cursor: pointer;background-color: transparent;background-image: none;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
[hidden], [type="hidden"] {display: none;}

*:focus:not(:focus-visible) { outline: none }


.grecaptcha-badge { 
  bottom:100px !important; 
  z-index: 6;
}



/* ------------------------- ELEMENTS  ------------------------- */
html{scroll-behavior: smooth;scroll-padding-top:var(--header-top);}
body{display: flex;flex-direction: column;font-size:var(--fs-body);color: rgba( var(--section-text-color), var(--alpha-body) );}
main{position: relative;}
section{position:relative; color: rgba( var(--section-text-color), var(--alpha-body) );}
footer{margin: auto 0 0;z-index: 6;position: relative;background-color:var(--body-bg-color);}
.section_footer{font-size:0.85rem;}

h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--headings-font-family),var(--body-font-family),-apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue", Arial,"Noto Sans",sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:var(--headings-font-weight);
  margin-top:1rem;
  margin-bottom:1rem;
  text-rendering:optimizeLegibility;
  color:rgba( var(--section-text-color), var(--alpha-headings) );
}


h1, .h1{font-size:var(--fs-h1);line-height:1.3;}
h2, .h2{font-size:var(--fs-h2);line-height:1.3;}
h3, .h3{font-size:var(--fs-h3);line-height:1.4;}
h4, .h4{font-size:var(--fs-h4);line-height:1.4;}
h5, .h5{font-size:var(--fs-h5);line-height:1.5;}
h6, .h6{font-size:var(--fs-h6);line-height:1.5;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;}

/*p{margin-top:1em;margin-bottom:1em;font-size:var(--p-font-size);color:var(--p-color);}*/
p, .p{margin-top:1em;margin-bottom:1em;font-size:var(--fs-body); color: rgba( var(--section-text-color), var(--alpha-body) ); }
p a:not(.btn), li a:not(.btn), p a:link:not(.btn), li a:link:not(.btn){text-decoration:underline;color:var(--accent-color);}
p a:not(.btn):hover, li a:not(.btn):hover{color:var(--accent-color600);}

/*p:empty{display: none;}*/

/*.lead{font-size:var(--lead-font-size);color:var(--lead-color);}
.small{font-size:var(--small-font-size);color:var(--small-color);}*/

/*.lead{font-size:var(--fs-lead);color:var(--lead-color);}
.small{font-size:var(--fs-small);color:var(--small-color);}*/

.lead{font-size:var(--fs-lead);color: rgba( var(--section-text-color), var(--alpha-lead) );}
.small{font-size:var(--fs-small);color: rgba( var(--section-text-color), var(--alpha-small) );}

strong, b{--alpha-body: .8;color: rgba( var(--section-text-color), var(--alpha-body) );}
.lead strong, .lead b{--alpha-lead: 1;color: rgba( var(--section-text-color), var(--alpha-lead) );}
.small strong, .small b{--alpha-small:  .65;color: rgba( var(--section-text-color), var(--alpha-small) );}
.quote strong, .quote b{--alpha-quote: .65;color: rgba( var(--section-text-color), var(--alpha-quote) );}
.btn strong, .btn b{color: var(--accent-color-text-contrast);}


p.text-indent-1, h1.text-indent-1, h2.text-indent-1, h3.text-indent-1, h4.text-indent-1, h5.text-indent-1, h6.text-indent-1{padding-inline-start: 3rem;}


blockquote, p.quote{color:var(--quote-color);font-size:var(--fs-quote);font-family:var(--quote-font-family),var(--body-font-family),-apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue", Arial,"Noto Sans",sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight:var(--quote-font-weight);font-style:var(--quote-font-style);}

/*ul, ol{padding:1.6em;}*/
ul, ol{padding:0.7rem 0 1.4rem 1.4rem;text-align: left !important;}

hr{margin:1rem auto;background-color:var(--small-color);padding-top:1px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:0;border-right:0;background-clip: padding-box;clear:both;height:0;}

img{vertical-align:top;width: auto;max-width:100%;height:auto;/*max-height: 100%;*/}
iframe{vertical-align:top;border:0;}

input[type="text"], input[type="password"], input[type="email"], input[type="number"],input[type="date"],input[type="search"], input[type="tel"], input[type="url"], textarea, select, .fake_input{	display:block;	padding:10px;	margin:0;	background:#f7f7f7;color:#444 !important;	border:1px solid #CCC;	width:100%;	font-family:inherit;	font-size:1rem;	line-height: 1.1;	color:inherit;	margin-bottom:20px;	min-height:42px;border-radius:var(--input-radius);}

input[type="text"]:focus,input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus,input[type="date"]:focus,input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, select:focus, .fake_input:focus{	border-color:val(--accent-color);}

select{-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');
padding-right: 20px;
background-position: right;
background-repeat: no-repeat;
background-size: 24px auto;
}

input.js-datepicker-single, input.js-datepicker-range{
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAyMCIgd2lkdGg9IjE4cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzkuMDAwMDAwLCAtNDY0LjAwMDAwMCkiPjxnIGlkPSJ0b2RheSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM5LjAwMDAwMCwgNDY0LjAwMDAwMCkiPjxwYXRoIGQ9Ik0xNiwyIEwxNSwyIEwxNSwwIEwxMywwIEwxMywyIEw1LDIgTDUsMCBMMywwIEwzLDIgTDIsMiBDMC45LDIgMCwyLjkgMCw0IEwwLDE4IEMwLDE5LjEgMC45LDIwIDIsMjAgTDE2LDIwIEMxNy4xLDIwIDE4LDE5LjEgMTgsMTggTDE4LDQgQzE4LDIuOSAxNy4xLDIgMTYsMiBMMTYsMiBaIE0xNiwxOCBMMiwxOCBMMiw3IEwxNiw3IEwxNiwxOCBMMTYsMTggWiIgaWQ9IlNoYXBlIi8+PHJlY3QgaGVpZ2h0PSI1IiBpZD0iUmVjdGFuZ2xlLXBhdGgiIHdpZHRoPSI1IiB4PSI0IiB5PSI5Ii8+PC9nPjwvZz48L2c+PC9zdmc+');

  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 14px auto;
}

textarea{min-height:120px;resize:vertical;}


.div_input.div_input_required .input_label::after{content: '*';}



table{width: 100%;border-collapse: collapse;}
/*table.table-bordered{width:100%;border-collapse: collapse;}*/
table.table-fixed{table-layout: fixed;}
table.table-bordered tr td{padding:15px;border:1px solid #CCC;}




/* ------------------------- COMPONENTS  ------------------------- */

#copyright{display: inline-block;padding: 3px 6px;border-radius: 2px;background: #000;background: rgba(0,0,0,0.8);color: #EEE;font-size: 10px;position: fixed;z-index: 1000;}


#cookie_consent{bottom:22px;left:20px;}
#cookie_consent > .card{width:305px;}

@media (max-width: 420px) {
#cookie_consent{bottom:5px;left:5px;right: 5px;}
#cookie_consent > .card{width:100%;}
}


footer a[target="_F960AFIPInfo"] img {
  height: 20px;
  margin-right: 4px;
}
footer a[target="_F960AFIPInfo"]:after {
  content: "Data fiscal";
}

.section_footer{max-width: var(--footer-width);}
.footer_container{max-width: var(--footer-container-width);}

/*.with-bg-img .cover_overlay{display:block;}*/

section.with-bg-img, section.with-bg-img strong, section.with-bg-img b, section.with-bg-img .btn strong, section.with-bg-img .btn b{
  --section-text-color: 255,255,255;
  --alpha-body: 1;
  --alpha-headings: 1;
  --alpha-lead: 1;
  --alpha-small: 1;
  --alpha-quote: 1;
}
section.with-bg-img .btn{background:transparent;border-color:#FFF;color: #FFF !important;}
section.with-bg-img .btn strong, section.with-bg-img .btn b{color: #FFF !important;}
section.with-bg-img .btn:hover{color:#000 !important;background:#FFF !important;border-color:#FFF;}
section.with-bg-img .btn:hover strong, section.with-bg-img .btn:hover b{color: #000 !important;}



.slide_prev, .slide_next{position:absolute;top:0;bottom:0;width:56px;background-repeat:no-repeat;background-position:center center;opacity:0.65;z-index:4;background-size:80px auto;}
.slide_prev{left:0;background-image:url('/assets/img/prev_white.svg');}
.slide_next{right:0;background-image:url('/assets/img/next_white.svg');}
.slide_prev:hover, .slide_next:hover{opacity:1;}
.dots{position:absolute;bottom:0px;left:0;right:0;width:100%;text-align:center;z-index:4;}
.dot{display:inline-block;width:14px;height:14px;border-radius:100%;-webkit-border-radius:100%;background:#FFF;opacity:0.87;
transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;border-color:#FFF;margin:6px;border:0;vertical-align: middle;}
.dot:hover{opacity:1;}
.dot.dot_active{opacity:1;background-color:#FFF;-webkit-box-shadow: 0 0 0 3px #FFFFFF;
box-shadow: 0 0 0 3px #FFFFFF;}


/* video bg */
.section_video_bg{padding-bottom:100%;}
.section_video_bg iframe{height:100%;width:200%;left:-50%;}
@media (min-width: 768px) {
  .section_video_bg{padding-bottom:calc(56.25% - 128px);}
  .section_video_bg iframe{height:100%;width:100%;left:0;}
}
.section_video_bg{text-align:var(--video-text-align);color:#FFF;}




.img_container{margin:1.4rem 0;clear:both;}
.img_container.img_maxh90vh img{max-height:calc(100vh - var(--header-height) - 30px);}

.img_container.img_fleft{padding-right:1.4rem;clear:left;clear:both;}
.img_container.img_fleft img.img{float:left;margin-right:1.4rem;margin-bottom:1.4rem;z-index:2;position:relative;}

.img_container.img_fright{padding-left:1.4rem;clear:right;clear:both;}
.img_container.img_fright img.img{float:right;margin-left:1.4rem;margin-bottom:1.4rem;z-index:2;position:relative;}

img.img[loading="lazy"]{width: min( var(--w) * 1px, 100%);aspect-ratio: var(--w) / var(--h);}
.img_container.img_maxh90vh img.img[loading="lazy"]{width: min( var(--w) * (100vh - var(--header-height) - 30px) * 1px, 100%);}


.img_container.img_block img.img{width:100%;}
.img_container.img_fullwidth img.img{width:100%;}

.img_container.img_fullwidth{margin-left:calc(500px - 50vw) !important;margin-right:calc(500px - 50vw) !important;max-width:none !important;}


/* gallery 
.pswp__bg{background: var(--gallery-viewer-bg-color);}
.pswp__caption p{color: rgba( var(--gallery-viewer-text-color), .65);}
.pswp__caption p strong, .pswp__caption p b{color: rgba( var(--gallery-viewer-text-color), .8);}*/
.lg-container .lg-backdrop{background: var(--gallery-viewer-bg-color);}
.lg-container p{color: rgba( var(--gallery-viewer-text-color), .7) !important;}
.lg-container p strong, .lg-container p b{color: rgba( var(--gallery-viewer-text-color), 1) !important;}
.lg-toolbar .lg-icon, .lg-next, .lg-prev{color: rgba( var(--gallery-viewer-text-color), 1) !important;opacity: 0.6 !important;background: transparent !important;}
.lg-toolbar .lg-icon:hover, .lg-next:hover, .lg-prev:hover{color: rgba( var(--gallery-viewer-text-color), 1) !important;}
.lg-toolbar .lg-icon:hover, .lg-next:hover, .lg-prev:hover{opacity: 1 !important;}
.lg-prev, .lg-next{padding: 8px 14px 9px !important;}
.lg-prev{left: 0 !important;}.lg-next{right: 0 !important;}

.imgs_container{clear:both;display: flex;flex-wrap: wrap;margin-top: 1rem;margin-bottom: 1rem;}
.imgs_container:not(.gallery_grid):not(.imgs_carrousel).imgs_container_lastrow_nojustify::after{content: '';flex-grow: 999999999;order: 999999999;min-width: 15%;}
.imgs_container:not(.imgs_carrousel) .imgs{position: relative;flex-grow:calc( var(--gallery-img-w) * 100 / var(--gallery-img-h) );flex-basis:calc(1px * var(--gallery-img-w) * var(--gallery-img-height) / var(--gallery-img-h));}
.imgs_container:not(.imgs_carrousel) .imgs .imgs_placeholder {display: block;padding-bottom: calc((var(--gallery-img-h) / var(--gallery-img-w)) * 100%  );}
.imgs_container:not(.imgs_carrousel) .imgs img {position: absolute;vertical-align: bottom;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;}
.imgs_container .imgs_break{flex-basis:100%;height:0;}





.imgs_container.gallery_grid .imgs{
  position: relative;flex-grow:0;flex-basis:calc( ( 100% / var(--gallery-col,3) ) - ( var(--section-gap,5) * ( var(--gallery-col,3) - 1) / var(--gallery-col,3)) );
}
.imgs_container.gallery_grid .imgs .imgs_placeholder {display: none;}
.imgs_container.gallery_grid .imgs img {position: relative;inset: auto;width: 100%;height: auto;object-fit: cover;aspect-ratio: var(--gallery-ratio, 1 / 1);}


.section_gallery_fotos_caption .btn{margin: 0 !important;line-height: 1.6;}


.gallery_full > figure{display:none;}

section:has(.gallery_full.gallery_full_open){z-index:222;}
.gallery_full.gallery_full_open{position:fixed;inset:0;height:auto;display:block;margin:0;padding:20px 0 10px;}
.gallery_full.gallery_full_open .gallery_container{height:100% !important;}
.gallery_full.gallery_full_open .lg-toolbar{display:block !important;opacity:1 !important;}


.imgs_carrousel{gap: 0 !important;display: grid;grid-auto-flow: column;grid-auto-columns: 100%;overflow-x: hidden;position: relative;aspect-ratio:var(--carrousel-ratio, auto);}
.imgs_carrousel > figure{aspect-ratio: var(--carrousel-ratio, auto);transform: translateX( calc(var(--carrousel-index,0) * -100%) );transition: 0.3s;display: flex;align-items: stretch;}
.imgs_carrousel > figure img{/*height: 100%;*/object-fit: cover;aspect-ratio: var(--carrousel-ratio, auto);}

.imgs_container:not(.imgs_carrousel) .carrousel_controls{display: none;}
.carrousel_prev, .carrousel_next{position: absolute;top: 50%;width: 48px;height: 48px;margin-top: -24px;border-radius: var(--btn-radius);background-repeat: no-repeat;background-size: 42px 42px;background-position: center center;background-color: rgba(0,0,0,0.1);transition: background-color 0.2s;z-index: 5;}
.carrousel_prev{left: 5px;background-image: url('/assets/img/prev_white.svg');}
.carrousel_next{right: 5px;background-image: url('/assets/img/next_white.svg');}
.carrousel_prev:hover, .carrousel_next:hover{background-color: rgba(0,0,0,0.2);}




@media (max-width: 640px) {
.imgs_container:not(.gallery_grid) .imgs{flex-grow:calc( var(--gallery-img-w) * 100 / var(--gallery-img-h) / 2);flex-basis:calc(1px * var(--gallery-img-w) * var(--gallery-img-height) / var(--gallery-img-h) / 2);}
}

.img_jpg {background-color: rgba(var(--img-main-color),var(--img-placeholder-alpha));}




/* section products */
.prod{overflow:hidden;}
.prod:not(.card){margin-bottom: 20px;}
/*.prod .prod_img_ratio{padding-bottom: var(--products-prod-img-ratio);background-color: var(--products-prod-img-bgwhite);}*/
.prod_img{width: 100%;height: 100%;/*object-fit: var(--products-prod-img-cover);*/}
/*.prod .prod_text{text-align:var(--products-prod-text-align);}*/
.prod_label{/*border-radius:var(--products-prod-label-radius);*/display:inline-block;line-height: 1.5;padding:0 6px;border:1px solid var(--accent-color);}


.card .prod_image{border-top-left-radius: var(--card-radius);border-top-right-radius: var(--card-radius);overflow: hidden;}
.card .prod_image img{border-top-left-radius: var(--card-radius);border-top-right-radius: var(--card-radius);}
.card .prod_label{border-radius: calc(var(--card-radius) / 2);}
.card .prod_text{padding-left: 10px;padding-right: 10px;}

.prod .prod_img.prod_img_scale{transition: .3s;}
.prod:hover .prod_img.prod_img_scale{transform: scale(1.1);}

@media (min-width: 768px) {
.card .prod_text{padding-left: 15px;padding-right: 15px;}
}




@media (max-width: 768px) {
.products_mobile_filters:not(.products_mobile_filters_on){display: none !important;}
}


.product_img_container{display:flex;flex-direction: column;}
.product_img_thumbs_container{display:block;flex-direction:row;padding-top:5px;padding-bottom:5px;padding-right:0;justify-content:center;text-align:center;overflow: auto;white-space:nowrap;font-size:0;}
.prod_img_gal{margin-bottom:0;padding:5px;max-height:90px;display:inline-block;border:2px solid transparent;}
.prod_img_gal.prod_img_gal-active{border-color:var(--accent-color);}
.prod_img_gal img{max-height:70px;}

.select_color{border:2px solid transparent;}
.select_color.select_color-active{border-color:var(--accent-color);}


/* (lg) 
@media (min-width: 990px) { 


.product_thumbs_bottom .product_img_container{display:flex;flex-direction: column;}
.product_thumbs_bottom .product_img_thumbs_container:not(.d-none){display:flex;flex-direction:row;padding-top:5px;padding-bottom:5px;justify-content: center;flex-basis:auto;}
.product_thumbs_bottom .prod_img_gal{padding:5px;}
.product_thumbs_bottom .prod_img_gal img{max-width:100%;}



.product_thumbs_left .product_img_container{display:flex;flex-direction: row-reverse;}
.product_thumbs_left .product_img_thumbs_container:not(.d-none){display:flex;flex-direction: column;padding-right:10px;justify-content: flex-start;flex-basis:106px;}
.product_thumbs_left .prod_img_gal{margin-bottom:10px;}
.product_thumbs_left .prod_img_gal img{max-width:80px;}






}*/

/* NEW PROD */
.prod_img_link{display: block;}

.prod_imgs_container{display: grid;gap: 10px;}


.product_img_thumbs{display: flex;align-items: center;justify-content: center;gap: 10px}
.product_img_thumbs .prod_img_link{max-width: 100px;margin: 0;}
/*.prod_gallery_thumbs .prod_img_link + .prod_img_link{display: inline-block;width: 100px;vertical-align: middle;margin: 10px;}*/


@media (min-width: 990px) { 
.prod_imgs_container.prod_imgs_container__left_thumbs{grid-template-columns: 80px 1fr;grid-auto-flow: column dense;}
.prod_imgs_container.prod_imgs_container__right_thumbs{grid-template-columns: 1fr 80px;}
.prod_imgs_container.prod_imgs_container__left_thumbs .product_img_thumbs{grid-column: 1;grid-row: 1;flex-direction: column;justify-content: flex-start;}
.prod_imgs_container.prod_imgs_container__right_thumbs .product_img_thumbs{grid-column: 2;grid-row: 1;flex-direction: column;justify-content: flex-start;}
}


@media (max-width: 768px) {
  .prod_imgs_scroll_container{
    overflow-x: auto;
    margin-left: calc(var(--section-pl--md) * -1);
    margin-right: calc(var(--section-pr--md) * -1);
    width: calc(100vw - var(--section-ml--md) - var(--section-mr--md) );}

.prod_imgs_container.prod_gallery_scroll{/*grid-auto-flow: column;grid-auto-columns: min( max-content ,80vw);*/
    display: block;
    white-space: nowrap;
    max-height: 100vw;
padding-left: var(--section-pl--sm);padding-right: var(--section-pr--sm);}

.prod_imgs_container.prod_gallery_scroll .prod_img_link{display: inline-block;vertical-align: middle;max-width: 80vw;}

.prod_imgs_container.prod_gallery_scroll .prod_img_img{max-height: 100vw;}

}
@media (max-width: 768px) {
.prod_imgs_scroll_container{
  width: calc(100vw - var(--section-ml--sm) - var(--section-mr--sm) );
    margin-left: calc(var(--section-pl--sm) * -1);
    margin-right: calc(var(--section-pr--sm) * -1);
}

.prod_imgs_container.prod_gallery_scroll{
padding-left: var(--section-pl--sm);padding-right: var(--section-pr--sm);}



}


















/* cards */
.card{background:var(--card-bg-color);--section-text-color: var(--card-text-color);color: rgba( var(--section-text-color), .65) ;box-shadow:var(--card-shadow);border-radius:var(--card-radius);overflow: hidden;border: var(--card-border);}
a.card:hover{box-shadow:var(--card-a-shadow-hover);}

.list_container{max-width:var(--list-container-width);margin:auto;}









/* btn */
body:not(.btns_outline) .btn, body:not(.btns_outline) [type="submit"]:not(.not-btn){padding:0 24px;border:1px solid var(--accent-color);color:var(--accent-color-text-contrast);background:var(--accent-color);text-align:center;display:inline-block;cursor:pointer;text-decoration:none;line-height:2.5;margin:10px 0;position:relative;overflow:hidden;vertical-align: middle;border-radius:var(--btn-radius);/*font-size:var(--btn-font-size);*/transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
body:not(.btns_outline) .btn:not(.disabled):hover, body:not(.btns_outline) [type="submit"]:not(.not-btn):not(.disabled):hover{color:var(--accent-color-text-contrast);background:var(--accent-color600);border-color:var(--accent-color600);}


/* btn outline*/
body.btns_outline .btn, body.btns_outline [type="submit"]:not(.not-btn){padding:0 24px;border:1px solid var(--accent-color);color:var(--accent-color);background:transparent;text-align:center;display:inline-block;cursor:pointer;text-decoration:none;line-height:2.5;margin:10px 0;position:relative;overflow:hidden;vertical-align: middle;border-radius:var(--btn-radius);/*font-size:var(--btn-font-size);*/transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
body.btns_outline .btn:not(.disabled):hover, body.btns_outline [type="submit"]:not(.not-btn):not(.disabled):hover{color:var(--accent-color-text-contrast);background:var(--accent-color);border-color:var(--accent-color);}

section.with-bg-img{--accent-color: #FFF;--accent-color600: #FFF;}
section.with-bg-img .btn{background:transparent;border-color:#FFF;color: #FFF !important;}
section.with-bg-img .btn:hover{color:#000 !important;background:#FFF !important;border-color:#FFF !important;}


.btn.disabled{opacity:0.5;color:#FFF;background:#000;cursor:not-allowed;}
.btn.btn_white{color:#FFF;border-color:#FFF;background:transparent;}
.btn.btn_white:hover{background:#FFF;border-color:#FFF;color:#000;}

a.btn:empty{display: none;}

.btn.btn-ghost{color:var(--accent-color) !important;border-color:transparent !important;background:transparent !important;}
.btn.btn-ghost:hover{color:var(--accent-color) !important;border-color:transparent !important;background:rgba( var(--header-btn-ghost-bg-color), .15) !important;}

/* floating action button */
.fab{position:fixed;z-index:6;bottom:15px;right:15px;}
.fab_img{width:64px;}


/* pills */
.pill{display: inline-block; padding-top: 5px;padding-bottom:5px; padding-left: 15px;padding-right: 15px;border-radius: var(--pill-radius);
/* bg-main-color main-color-contrast*/color: var(--pill-color);border: 1px solid currentColor;font-size: max(.8rem,80%);transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;margin-bottom: 4px;}
.pill:not(.pill_active):hover,
.pill.pill_active{color: var(--accent-color-text-contrast);background: var(--accent-color);border-color: var(--accent-color);}

.pill-close{width: 1em;height: 1em;border-radius: var(--pill-radius);line-height: 1;text-align: center;background-color: var(--accent-color-text-contrast);color: var(--accent-color);display: inline-block;font-size: 1.2em;position: relative;right: -8px;top: 1px;opacity: .7;}

.pill-close:hover{opacity: 1;}

.pill-radio{display: inline-block;text-align: center;vertical-align: top;}
.pill-radio .pill{display: block;}
.pill-radio > input[type="radio"]{display: none;}
.pill-radio > input[type="radio"]:disabled + .pill{cursor: not-allowed;opacity: .5;color: var(--accent-color-text-contrast);background: var(--accent-color);border-color: var(--accent-color);filter: grayscale(100%);}
.pill-radio > input[type="radio"]:checked + .pill{color: var(--accent-color-text-contrast);background: var(--accent-color);border-color: var(--accent-color)}


.option-color-radio{display: inline-block;text-align: center;vertical-align: top;}
.option-color{width: 48px;height: 48px;display: block;border-radius: 60px;margin-right: 8px;margin-bottom: 8px;position: relative;}
.option-color-img{width: 56px;height: 56px;padding: 1px;display: block;margin-right: 8px;margin-bottom: 8px;position: relative;border-radius:var(--input-radius);}
.option-color-img img{position: relative;}
.option-color-radio > input[type="radio"]{display: none;}
.option-color-radio > input[type="radio"]:disabled + .option-color,
.option-color-radio > input[type="radio"]:disabled + .option-color-img{cursor: not-allowed;opacity: .5;}
.option-color-radio > input[type="radio"]:disabled + .option-color:after, 
.option-color-radio > input[type="radio"]:disabled + .option-color-img:after{content: '';position: absolute;inset: 50% -25%;border: 1px solid rgba( var(--section-text-color), .25 );margin-top: -1px;border-radius: 0;transform: rotate(-45deg);overflow: hidden;}
.option-color-radio > input[type="radio"]:checked + .option-color:after{content: '';position: absolute;inset: -5px;border: 2px solid var(--accent-color);border-radius: 60px;}
.option-color-radio > input[type="radio"]:checked + .option-color-img:after{content: '';position: absolute;inset: -5px;border: 2px solid var(--accent-color);border-radius: calc( var(--input-radius) + 4px );}


/* footer */
.section_footer{background:var(--footer-bg-color);color: rgba( var(--footer-text-color), .65);width: 100%;}
.section_footer p, .section_footer .footer_p, footer a{color: rgba( var(--footer-text-color), .65);}
.section_footer h1, .section_footer h2, .section_footer h3, .section_footer h4, .section_footer h5, .section_footer h6, .section_footer a:hover{color: rgba( var(--footer-text-color), 1);}


/* header */
/*header{position:var(--header-position);top:0;left:0;right:0;z-index:10;font-size:var(--nav-font-size);background-color:var(--header-bg-color);color:var(--header-text-color);box-shadow:var(--header-shadow);-webkit-box-shadow:var(--header-shadow);max-width: var(--header-width);margin: 0;}*/

.skip-nav{position: absolute;padding: .5em;color: #FFF;background: #000;top: 0;left: 0;transform: translateY(-300%);transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;z-index: 100;font-size: 1rem;}
.skip-nav:focus{transform: translateY(0);}

header{position:var(--header-position);top:0;left:0;right:0;z-index:10;font-size:var(--fs-nav);background-color:var(--header-bg-color);color:var(--header-text-color);box-shadow:var(--header-shadow);-webkit-box-shadow:var(--header-shadow);max-width: var(--header-width);width: 100%;margin: 0 auto;}
header.header_portada{position: var(--header-portada-position);}
header.header_portada:not(.header_scroll){background-color:transparent;color:#FFF;box-shadow:0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);}
header.header_portada + .header_space{display:none;}
.header_space{display:none;}
header.header_portada::before{content:'';display:block;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 );
transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;
}
header.header_portada.header_scroll::before{opacity:0;}


.only_portada, .only_portada_inline-block{display:none !important;}
header.header_portada:not(.header_scroll) .only_portada{display: block !important;}
header.header_portada:not(.header_scroll) .only_portada_inline-block{display: inline-block !important;}
header.header_portada:not(.header_scroll) .only_normal{display: none !important;}

.nav_minimal .header_cta{height: auto;line-height: 1.6;}

@media (max-width: 990px) { 
.mobile_d-none\!{display:none !important;}
.mobile_d-inline-block\!{display:inline-block !important;}

.nav:target + .header_mobile_cart_container .only_normal{display:inline-block !important;}
.nav:target + .header_mobile_cart_container .only_portada, .nav:target + .header_mobile_cart_container .only_portada_inline-block{display:none !important;}

}


.parent_d-block\:toggle .header_submenu_toggle:checked ~ .d-block\:toggle{display: block;}









.header--minimal__icon{position:absolute;}

header{height:56px;}

@media (max-width: 990px) { 
:root{--header-height:56px;}

.nav{overflow-y: auto;padding-bottom: 20px;}

}


.header_portada ~ .main-container{--header-height:0px;} 

.header_container{padding:0;max-width:var(--header-container-width);width: 100%;margin-inline: auto;}
.logo{display:inline-block;padding:6px 0;}
.logo img{max-height:44px;height:44px; max-width: calc(100vw - 120px);}
.logo-text{display:inline-block;font-size:1.4rem;line-height: 56px;}

.header__menu{text-align:center;}
.nav_lang{position:relative;}

.nav_lang.nav_lang-separator{margin-top:5px;}
.nav_lang.nav_lang-separator::before{content:"";display:block;position:absolute;width:60px;height:1px;background:currentColor;opacity:0.5;top:0;margin-top:0px;left:50%;margin-left:-30px;}

.nav{position:fixed;top:0;left:0;bottom:0;right:0;text-align:center;background-color:var(--header-bg-color);color:var(--header-text-color);}
.nav_a, .nav_a_lang{display:block;border:0;padding:15px;height:auto;line-height:1.5;position:relative;white-space: nowrap;}
header:not(.header_portada) .nav_a:hover, header.header_portada.header_scroll .nav_a:hover{color: var(--header-nav-active-color);}
.nav_a.nav__a--active{color:var(--header-nav-active-color);border-color:var(--header-nav-active-color);}
.nav_a.nav__a--active{color:var(--header-nav-active-color);border-color:var(--header-nav-active-color);}


.nav_a_submenu{padding-top: 8px;position: relative;}
.nav_a_submenu_inner{padding: 5px;text-align: center;margin: 0 10px 20px;
  border-radius: 2px;background: var(--header-submenu-bg-color);color:var(--header-submenu-text-color);}
.nav_a_submenu_inner a{color:var(--header-submenu-text-color);}
header .nav_a_submenu_inner a:hover{color:var(--header-submenu-nav-active-color) !important;}


.nav_a_submenu::before{content:'';position: absolute;border: 8px solid transparent;border-top: 0;border-bottom-color: var(--header-submenu-bg-color);top:0;left: 50%;margin-left: -8px;}

@media (min-width: 990px) { 
.nav_a_submenu{position: absolute;left: 0;right: 0;}
.nav_a_submenu_inner{text-align: left;white-space: nowrap;margin: 0;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);min-width: fit-content;}




}

.header_mobile_cart{position:absolute;top:0;right:0;z-index:11;}
.header_cart_icon{padding:16px;}

.header_menu_icon{padding:1px;}
.img_social{width:24px;vertical-align: middle;}
.cart_badge{position: absolute;color:var(--accent-color-text-contrast);text-align: center;top: -6px;right: -6px;font-size: 80%;border-radius: 32px;min-width: 16px;line-height: 16px;}
.cart_bagde:empty{display:none !important;}

.header_space{display:var(--header-space-display);}

.header_container--complex{padding:0;max-width:var(--header-container-width);margin: auto;}

.header--complex .logo img{max-height:44px;height:44px; max-width: calc(100vw - 120px);}
.header--simple .logo img{max-height:44px;height:44px; max-width: calc(100vw - 120px);}
/*.header--simple__top{padding:5px 0;}*/
.header--complex__submenu.nav{background:var(--header-bg-color);color:var(--header-text-color);}
.header--complex__submenu__nav__container, .header--simple__submenu__nav__container{display:flex;flex-wrap:nowrap;justify-content: center;flex-direction: column;padding:20px 0;}



.header--complex__submenu .nav_a:hover, .header--complex__submenu .nav_a.nav_a_active{color: var(--header-submenu-nav-active-color);}

.nav_minimal{background-color:var(--header-bg-color);color:var(--header-text-color);}

.icon-menu, .icon-close-menu{width:56px;height:56px;background-repeat:no-repeat;background-position:center;background-size:auto 54px;transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s;}


header .icon-menu{background-image:var(--menu-icon);}
header.header_portada:not(.header_scroll) .icon-menu{background-image:url('/assets/img/menu_white.svg');}

.icon-close-menu{background-image:var(--close-menu-icon);}




.nav_cart_text{line-height: 56px;height:56px;padding:0 5px;}

/* (sm) 
@media (min-width: 640px) {
header{font-size:var(--sm-nav-font-size);}
}

/* (md) */
@media (max-width: 990px) {
:root{--header-height:76px;}

}
	
/* (lg) */
@media (min-width: 990px) { 
/*header{position:var(--header-position);font-size:var(--lg-nav-font-size);background:var(--header-bg-color);color:var(--header-text-color);}*/
header{position:var(--header-position);background:var(--header-bg-color);color:var(--header-text-color);}

header {height:76px;}
.header_portada ~ .main-container{--header-height:0px;} 

.header--complex{height:114px;}
.header--simple{height:172px;height:132px;}
.header--simple__top{padding:5px 0;}

/*.header_container, .header--complex .header_container{padding:0 10px;}*/
.header_container--simple{padding:0px 10px;}

/*.header--simple.header--simple--fixed.header_scroll{height:134px;}
.header--simple.header--simple--fixed.header_scroll .header_container--simple{padding:0 10px;}*/

.logo{padding:12px 0;}
.logo img, .header--complex .logo img, .header--simple .logo img {height:50px;max-height:50px;}
.logo-text{line-height: 76px;}

header.header_portada:not(.header_scroll) .nav_a.nav__a--active{color:#FFF;border-color:#FFF;}

.header__menu{text-align:var(--header-nav-align);}
.nav{position:static;background:transparent;color:inherit;}
.nav_a{display:inline-block;padding: 0 10px;line-height: 72px;height:76px;border-bottom:2px solid transparent;border-top:2px solid transparent;}

.header--complex, .header--simple{ --header-nav-active-color: var(--header-submenu-nav-active-color);   }

/*.nav_a.nav_a_active_border_bottom{border-bottom-color:var(--header-nav-active-color);color:var(--header-nav-active-color);}
.nav_a.nav_a_active_border_top{border-top-color:var(--header-nav-active-color);color:var(--header-nav-active-color);}
.nav_a.nav_a_active_underline{color:var(--header-nav-active-color);text-decoration: underline;}
.nav_a.nav_a_active{color:var(--header-nav-active-color);}

.nav_a.nav_a_active_betweenlines{color:var(--header-nav-active-color);position:relative;}
.nav_a.nav_a_active_betweenlines::before{content:'';position:absolute;top:50%;margin-top: calc(var(--nav-font-size)*-1);left:10px;right: 10px;opacity:0.65;border-top:1px solid currentColor;}
.nav_a.nav_a_active_betweenlines::after{content:'';position:absolute;top:50%;margin-top: var(--nav-font-size);left:10px;right: 10px;opacity:0.65;border-top:1px solid currentColor;}*/


.header--complex__submenu .nav_a, .header--simple__submenu .nav_a{line-height:44px;height:48px;padding:0 10px;}

.nav_a.nav_a_active_border_bottom{border-bottom-color:currentColor;color:var(--header-nav-active-color);}
.nav_a.nav_a_active_border_top{border-top-color:currentColor;color:var(--header-nav-active-color);}
.nav_a.nav_a_active_underline{color:var(--header-nav-active-color);text-decoration: underline;}
.nav_a.nav_a_active{color:var(--header-nav-active-color);}

.nav_a.nav_a_active_betweenlines{color:var(--header-nav-active-color);position:relative;}
/*.nav_a.nav_a_active_betweenlines::before{content:'';position:absolute;top:50%;margin-top: calc(var(--nav-font-size)*-1);left:10px;right: 10px;opacity:0.65;border-top:1px solid currentColor;}
.nav_a.nav_a_active_betweenlines::after{content:'';position:absolute;top:50%;margin-top: var(--nav-font-size);left:10px;right: 10px;opacity:0.65;border-top:1px solid currentColor;}*/

.nav_a.nav_a_active_betweenlines::before{content:'';position:absolute;top:50%;margin-top: calc(var(--fs-nav)*-1);left:10px;right: 10px;opacity:0.65;border-top:1px solid currentColor;}
.nav_a.nav_a_active_betweenlines::after{content:'';position:absolute;top:50%;margin-top: var(--fs-nav);left:10px;right: 10px;opacity:0.65;border-top:1px solid currentColor;}

.nav_a_submenu_inner .nav_a{padding: 5px;}


header.header_portada:not(.header_scroll) .nav_a.nav_a_active_border_bottom,
header.header_portada:not(.header_scroll) .nav_a.nav_a.nav_a_active_border_top,
header.header_portada:not(.header_scroll) .nav_a.nav_a_active_underline,
header.header_portada:not(.header_scroll) .nav_a.nav_a_active,
header.header_portada:not(.header_scroll) .nav_a.nav_a_active_betweenlines{color: #FFF;}

.nav_a_lang{line-height: 76px;height:76px;padding:0 10px;}
.nav_cart_text{line-height: 76px;height:76px;padding:0 10px;}
.header_cta{line-height:76px;height:76px;}
.nav_lang.nav_lang-separator{padding-left:5px;margin-left: 5px;margin-top:0;}
.nav_lang.nav_lang-separator::before{width:1px;height:20px;top:50%;margin-top:-10px;left:0;margin-left:0;}
.header_social{height:76px;line-height:66px;}
.header_left, .header_right{position:var(--header-left-right-position);}

.header_menu_icon{padding:11px 4px;}
.header_cart_icon{padding:26px 8px;}


.header--complex .btn{padding:0 24px;}

.header--complex__top{padding:0;}
.header--complex, .header--complex + .header_space{height:124px;}

.header--complex__submenu.nav{background:var(--header-submenu-bg-color);color:var(--header-submenu-text-color);}
.header--complex__submenu__nav__container{justify-content:var(--header-nav-align);flex-direction: row;padding:0;}
.header--simple__submenu.nav{background:var(--header-submenu-bg-color);color:var(--header-submenu-text-color);}
.header--simple__submenu__nav__container{padding:0;justify-content:center;flex-direction: row;}

.header--complex__submenu .nav_a.nav__a--active, .header--simple__submenu .nav_a.nav__a--active{color:var(--header-submenu-nav-active-color);border-color:var(--header-submenu-nav-active-color);}

.header--minimal__icon{position:absolute;}


.icon-menu, .icon-close-menu{height:76px;}


header.header_portada:not(.header_scroll):not(.header--minimal) .header_cta .btn{background:transparent;color:#FFF;border-color:#FFF;}
header.header_portada:not(.header_scroll):not(.header--minimal) .header_cta .btn:hover{background:#FFF;color:#000;border-color:#FFF;}


}



/* grids */
.col-grid-symmetric, .col-grid-asymmetric{clear:both;float:none;width:100%;}
.col-grid-asymmetric a{padding-top:0;}


/* (md) */
@media (min-width: 768px) {
/* symmetric grid */
.col-grid-symmetric{width:50%;float:left;clear:none;}
.col-grid-symmetric:nth-last-child(-n+3) {width: 33.333%;}
.col-grid-symmetric:first-child:nth-last-child(3n),
.col-grid-symmetric:first-child:nth-last-child(3n) ~ .col-grid-symmetric {width: 33.333%;}
.col-grid-symmetric:first-child:nth-last-child(2n),
.col-grid-symmetric:first-child:nth-last-child(2n) ~ .col-grid-symmetric {width: 50%;}


/* Asymmetric grid */
.col-grid-asymmetric{width:33.333%;float:left;clear:none;}

.col-grid-asymmetric:nth-child(3n-2){width:66.667%;clear:both;}
.col-grid-asymmetric:nth-child(6n-2){float:right;}
.col-grid-asymmetric:nth-child(3n-2) a[class*="ratio"]{padding-top: calc( var(--section-gap) / 2);}
.col-grid-asymmetric:first-child:nth-last-child(3n) ~ .col-grid-asymmetric:nth-last-child(-n+2) {width: 33.333%;}
.col-grid-asymmetric:first-child:nth-last-child(3n) ~ .col-grid-asymmetric:nth-last-child(-n+2) {width: 33.333%;}
.col-grid-asymmetric:first-child:nth-last-child(2),
.col-grid-asymmetric:first-child:nth-last-child(3n+2) ~ .col-grid-asymmetric:nth-last-child(-n+2){float:left;width: 50%;clear:none;}
.col-grid-asymmetric:first-child:nth-last-child(2) a,
.col-grid-asymmetric:first-child:nth-last-child(3n+2) ~ .col-grid-asymmetric:nth-last-child(-n+2) a{padding-top:0;}
.col-grid-asymmetric:first-child:nth-last-child(4),
.col-grid-asymmetric:first-child:nth-last-child(3n+1) ~ .col-grid-asymmetric:nth-last-child(-n+4){float:left;width: 50%;clear:none;}
.col-grid-asymmetric:first-child:nth-last-child(4) a,
.col-grid-asymmetric:first-child:nth-last-child(3n+1) ~ .col-grid-asymmetric:nth-last-child(-n+4) a{padding-top:0;}

.col-grid-asymmetric:nth-child(3n+1){clear:both !important;}
}






/*.richcontent{}*/
.richcontent + .richcontent{clear:both;}
/*.richcontent_hr{}*/

.richcontent_image{padding-top:5px;padding-bottom:5px;}
.richcontent_image:not(.richcontent_image_fleft):not(.richcontent_image_fright){clear:both;}
.richcontent_image_fleft{float:left;width:50%;margin-right: 5px;padding-right:5px;clear:left;}
.richcontent_image_fright{float:right;width:50%;margin-left:5px;padding-left:5px;clear:right;}

.richcontent_image_fleft + .richcontent_image_fright{margin-right: -5px;margin-left: 0;padding-left: 0;padding-right: 5px;}
.richcontent_image_fright + .richcontent_image_fleft{margin-left: -5px;margin-right: 0;padding-right: 0;padding-left: 5px;}


@media (min-width: 990px) {
.richcontent_image{padding-top:15px;padding-bottom:15px;}
.richcontent_image:not(.richcontent_image_fleft):not(.richcontent_image_fright){clear:both;}
.richcontent_image_fleft{float:left;width:50%;margin-right: 15px;padding-right:15px;clear:left;}
.richcontent_image_fright{float:right;width:50%;margin-left:15px;padding-left:15px;clear:right;}

.richcontent_image_fleft + .richcontent_image_fright{margin-right: -15px;margin-left: 0;padding-left: 0;padding-right: 15px;}
.richcontent_image_fright + .richcontent_image_fleft{margin-left: -15px;margin-right: 0;padding-right: 0;padding-left: 15px;}
}

@media (min-width: 1200px) {
.richcontent_image_fullwidth{margin-left:var(--richcontent-img-fullwidth);margin-right:var(--richcontent-img-fullwidth);}
.richcontent_image_fullwidth img{width:100%;}
}


.richcontent_video{padding-top:15px;padding-bottom:15px;}
.richcontent_video:not(.richcontent_video_fleft):not(.richcontent_video_fright){clear:both;}
.richcontent_video_fleft{float:left;width:50%;margin-right: 30px;}
.richcontent_video_fright{float:right;width:50%;margin-left: 30px;}
/*.richcontent_video_fullwidth{}*/
.richcontent_iframe{padding-top:15px;padding-bottom:15px;}
.richcontent_table{padding-top:15px;padding-bottom:15px;overflow:auto;}
/*.richcontent_html{}*/


/*  ------------------------- UTILITIES  ------------------------- */ 

@media (max-width: 640px) { .mobile_scale-50{transform: scale(0.5);} }

/* display */

.d-inline{display:inline;}
.d-inline-block{display:inline-block;}
.d-block, .d-block\:target:target, .d-block\:hover:hover, .parent_d-block\:hover:hover .d-block\:hover{display:block;}
.d-flex{display:flex;}
.d-inline-flex{display:inline-flex;}
.d-td, .d-th{display:table-cell;}
.d-tr{display:table-row;}
.d-none{display:none;}
.d-none\:empty:empty{display:none;}
.d-none\!{display:none !important;}
.d-grid{display: grid;}

.overlap{display: grid;}
.overlap > *{grid-column:1;grid-row: 1;}

.grid-cols-auto-fit{ grid-template-columns: repeat(auto-fit, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-auto-fill{ grid-template-columns: repeat(auto-fill, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-1{ grid-template-columns: repeat(1, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-2{ grid-template-columns: repeat(2, minmax( var(--grid-cols-min,0), 1fr ) );}

.grid-cols-1\/2{ grid-template-columns: 1fr 2fr; }
.grid-cols-2\/1{ grid-template-columns: 2fr 1fr; }

.grid-cols-3{  grid-template-columns: repeat(3, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-4{  grid-template-columns: repeat(4, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-5{  grid-template-columns: repeat(5, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-6{  grid-template-columns: repeat(6, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-7{  grid-template-columns: repeat(7, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-8{  grid-template-columns: repeat(8, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-9{  grid-template-columns: repeat(9, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-10{ grid-template-columns: repeat(10, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-11{ grid-template-columns: repeat(11, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-12{ grid-template-columns: repeat(12, minmax( var(--grid-cols-min,0), 1fr ) );}
.grid-cols-none{  grid-template-columns: none;}

.grid-rows-1{grid-template-rows: repeat(1, minmax( var(--grid-rows-min,0), 1fr ) );}
.grid-rows-2{grid-template-rows: repeat(2, minmax( var(--grid-rows-min,0), 1fr ) );}
.grid-rows-3{grid-template-rows: repeat(3, minmax( var(--grid-rows-min,0), 1fr ) );}
.grid-rows-4{grid-template-rows: repeat(4, minmax( var(--grid-rows-min,0), 1fr ) );}
.grid-rows-5{grid-template-rows: repeat(5, minmax( var(--grid-rows-min,0), 1fr ) );}
.grid-rows-6{grid-template-rows: repeat(6, minmax( var(--grid-rows-min,0), 1fr ) );}
.grid-rows-none{grid-template-rows: none;}

.grid-flow-row{ grid-auto-flow: row;}
.grid-flow-col{ grid-auto-flow: column;}
.grid-flow-row-dense{ grid-auto-flow: row dense;}
.grid-flow-col-dense{ grid-auto-flow: column dense;}

.grid-auto-cols-auto{  grid-auto-columns: auto;}
.grid-auto-cols-min{ grid-auto-columns: min-content;}
.grid-auto-cols-max{ grid-auto-columns: max-content;}
.grid-auto-cols-fr{  grid-auto-columns: minmax(0, 1fr);}

.grid-auto-rows-auto{  grid-auto-rows: auto;}
.grid-auto-rows-min{ grid-auto-rows: min-content;}
.grid-auto-rows-max{ grid-auto-rows: max-content;}
.grid-auto-rows-fr{  grid-auto-rows: minmax(0, 1fr);}

.g-col-auto{  grid-column: auto;}
.g-col-span-1{  grid-column: span 1 / span 1;}
.g-col-span-2{  grid-column: span 2 / span 2;}
.g-col-span-3{  grid-column: span 3 / span 3;}
.g-col-span-4{  grid-column: span 4 / span 4;}
.g-col-span-5{  grid-column: span 5 / span 5;}
.g-col-span-6{  grid-column: span 6 / span 6;}
.g-col-span-7{  grid-column: span 7 / span 7;}
.g-col-span-8{  grid-column: span 8 / span 8;}
.g-col-span-9{  grid-column: span 9 / span 9;}
.g-col-span-10{ grid-column: span 10 / span 10;}
.g-col-span-11{ grid-column: span 11 / span 11;}
.g-col-span-12{ grid-column: span 12 / span 12;}
.g-col-span-full{ grid-column: 1 / -1;}
.g-col-start-1{ grid-column-start: 1;}
.g-col-start-2{ grid-column-start: 2;}
.g-col-start-3{ grid-column-start: 3;}
.g-col-start-4{ grid-column-start: 4;}
.g-col-start-5{ grid-column-start: 5;}
.g-col-start-6{ grid-column-start: 6;}
.g-col-start-7{ grid-column-start: 7;}
.g-col-start-8{ grid-column-start: 8;}
.g-col-start-9{ grid-column-start: 9;}
.g-col-start-10{  grid-column-start: 10;}
.g-col-start-11{  grid-column-start: 11;}
.g-col-start-12{  grid-column-start: 12;}
.g-col-start-13{  grid-column-start: 13;}
.g-col-start-auto{  grid-column-start: auto;}
.g-col-end-1{ grid-column-end: 1;}
.g-col-end-2{ grid-column-end: 2;}
.g-col-end-3{ grid-column-end: 3;}
.g-col-end-4{ grid-column-end: 4;}
.g-col-end-5{ grid-column-end: 5;}
.g-col-end-6{ grid-column-end: 6;}
.g-col-end-7{ grid-column-end: 7;}
.g-col-end-8{ grid-column-end: 8;}
.g-col-end-9{ grid-column-end: 9;}
.g-col-end-10{  grid-column-end: 10;}
.g-col-end-11{  grid-column-end: 11;}
.g-col-end-12{  grid-column-end: 12;}
.g-col-end-13{  grid-column-end: 13;}
.g-col-end-auto{  grid-column-end: auto;}

.g-row-auto{  grid-row: auto;}
.g-row-span-1{  grid-row: span 1 / span 1;}
.g-row-span-2{  grid-row: span 2 / span 2;}
.g-row-span-3{  grid-row: span 3 / span 3;}
.g-row-span-4{  grid-row: span 4 / span 4;}
.g-row-span-5{  grid-row: span 5 / span 5;}
.g-row-span-6{  grid-row: span 6 / span 6;}
.g-row-span-full{ grid-row: 1 / -1;}
.g-row-start-1{ grid-row-start: 1;}
.g-row-start-2{ grid-row-start: 2;}
.g-row-start-3{ grid-row-start: 3;}
.g-row-start-4{ grid-row-start: 4;}
.g-row-start-5{ grid-row-start: 5;}
.g-row-start-6{ grid-row-start: 6;}
.g-row-start-7{ grid-row-start: 7;}
.g-row-start-auto{  grid-row-start: auto;}
.g-row-end-1{ grid-row-end: 1;}
.g-row-end-2{ grid-row-end: 2;}
.g-row-end-3{ grid-row-end: 3;}
.g-row-end-4{ grid-row-end: 4;}
.g-row-end-5{ grid-row-end: 5;}
.g-row-end-6{ grid-row-end: 6;}
.g-row-end-7{ grid-row-end: 7;}
.g-row-end-auto{  grid-row-end: auto;}

.justify-self-start{justify-self: start;}
.justify-self-center{justify-self: center;}
.justify-self-end{justify-self: end;}
.justify-self-stretch{justify-self: stretch;}

.align-self-start{align-self: start;}
.align-self-center{align-self: center;}
.align-self-end{align-self: end;}
.align-self-stretch{align-self: stretch;}



/* smart grids*/

.grid-smart-symmetric, .grid-smart-asymmetric{ grid-auto-flow: dense;grid-template-columns: 1fr;}

/* Small (sm) */
@media (min-width: 640px) {
  .grid-smart-symmetric, .grid-smart-asymmetric{ grid-auto-flow: dense;grid-template-columns: repeat(2, minmax(0, 1fr ) );}
  .grid-smart-symmetric > * , .grid-smart-asymmetric > * {grid-column: span 1 /span 1;height: 100%;max-width: 100%;}

  .grid-smart-symmetric > *:first-child:nth-last-child(2n+1),
  .grid-smart-symmetric > *:first-child:last-child,
  .grid-smart-asymmetric > *:first-child:nth-last-child(2n+1),
  .grid-smart-asymmetric > *:first-child:last-child{grid-column: span 2 /span 2;}

}

@media (min-width: 781px) { 
  .grid-smart-symmetric{ grid-auto-flow: dense;grid-template-columns: repeat(6, minmax(0, 1fr ) );}
  .grid-smart-symmetric > * {grid-column: span 3 /span 3;height: 100%;max-width: 100%;}

  .grid-smart-symmetric > *:nth-last-child(-n+3),
  .grid-smart-symmetric > *:first-child:nth-last-child(3n),
  .grid-smart-symmetric > *:first-child:nth-last-child(3n) ~ * {grid-column: span 2 /span 2;}

  .grid-smart-symmetric > *:first-child:nth-last-child(2n),
  .grid-smart-symmetric > *:first-child:nth-last-child(2n) ~ * {grid-column: span 3 /span 3;}


  .grid-smart-symmetric > *:first-child:nth-last-child(3n+2) ~ * {grid-column: span 2 /span 2;}
  .grid-smart-symmetric > *:first-child:nth-last-child(3n+2),
  .grid-smart-symmetric > *:first-child:nth-last-child(3n+2) + * {grid-column: span 3 /span 3;}


  .grid-smart-symmetric > *:first-child:last-child{
    grid-column:span 6 / span 6;grid-row:  span 1 / span 1;
  }


  .grid-smart-asymmetric{ grid-auto-flow: dense;grid-template-columns: repeat(6, minmax(0, 1fr ) );}
  .grid-smart-asymmetric > *{grid-column: span 2 /span 2;height: 100%;max-width: 100%;}
  .grid-smart-asymmetric > *:nth-child(3n-2):not(:nth-child(6n-2)):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(4)),
  .grid-smart-asymmetric > *:nth-child(6n-1):not(:last-child){
    grid-column:span 4 / span 4;grid-row:  span 2 / span 2;
  }
  .grid-smart-asymmetric > *:first-child:last-child{
    grid-column:span 6 / span 6;grid-row:  span 1 / span 1;
  }
  .grid-smart-asymmetric > *:first-child:nth-last-child(2),
  .grid-smart-asymmetric > *:first-child:nth-last-child(4),
  .grid-smart-asymmetric > *:first-child:nth-last-child(3n+2) ~ *:nth-last-child(-n+2),
  .grid-smart-asymmetric > *:first-child:nth-last-child(3n+1) ~ *:nth-last-child(-n+2),
  .grid-smart-asymmetric > *:first-child:nth-last-child(3n+4) ~ *:nth-last-child(-n+4){grid-column: span 3 /span 3;grid-row:  span 1 / span 1;}

}




.z-0{z-index:0;}
.z-1{z-index:1;}
.z-2{z-index:2;}
.z-3{z-index:3;}
.z-4{z-index:4;}
.z-5{z-index:5;}
.z-10{z-index:10;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-50{z-index:50;}


/*margins paddings borders width height*/
.pt-0, .py-0, .p-0 {padding-top: 0; }
.pr-0, .px-0, .p-0 {padding-right: 0; }
.pb-0, .py-0, .p-0 {padding-bottom: 0; }
.pl-0, .px-0, .p-0 {padding-left: 0; }

.pt-2, .py-2, .p-2 {padding-top: 2px; }
.pr-2, .px-2, .p-2 {padding-right: 2px; }
.pb-2, .py-2, .p-2 {padding-bottom: 2px; }
.pl-2, .px-2, .p-2 {padding-left: 2px; }

.pt-5, .py-5, .p-5 {padding-top: 5px; }
.pr-5, .px-5, .p-5 {padding-right: 5px; }
.pb-5, .py-5, .p-5 {padding-bottom: 5px; }
.pl-5, .px-5, .p-5 {padding-left: 5px; }

.pt-10, .py-10, .p-10 {padding-top: 10px; }
.pr-10, .px-10, .p-10 {padding-right: 10px; }
.pb-10, .py-10, .p-10 {padding-bottom: 10px; }
.pl-10, .px-10, .p-10 {padding-left: 10px; }

.pt-15, .py-15, .p-15 {padding-top: 15px; }
.pr-15, .px-15, .p-15 {padding-right: 15px; }
.pb-15, .py-15, .p-15 {padding-bottom: 15px; }
.pl-15, .px-15, .p-15 {padding-left: 15px; }

.pt-20, .py-20, .p-20 {padding-top: 20px; }
.pr-20, .px-20, .p-20 {padding-right: 20px; }
.pb-20, .py-20, .p-20 {padding-bottom: 20px; }
.pl-20, .px-20, .p-20 {padding-left: 20px; }

.pt-25, .py-25, .p-25 {padding-top: 25px; }
.pr-25, .px-25, .p-25 {padding-right: 25px; }
.pb-25, .py-25, .p-25 {padding-bottom: 25px; }
.pl-25, .px-25, .p-25 {padding-left: 25px; }

.pt-30, .py-30, .p-30 {padding-top: 30px; }
.pr-30, .px-30, .p-30 {padding-right: 30px; }
.pb-30, .py-30, .p-30 {padding-bottom: 30px; }
.pl-30, .px-30, .p-30 {padding-left: 30px; }

.pt-35, .py-35, .p-35 {padding-top: 35px; }
.pr-35, .px-35, .p-35 {padding-right: 35px; }
.pb-35, .py-35, .p-35 {padding-bottom: 35px; }
.pl-35, .px-35, .p-35 {padding-left: 35px; }

.pt-40, .py-40, .p-40 {padding-top: 40px; }
.pr-40, .px-40, .p-40 {padding-right: 40px; }
.pb-40, .py-40, .p-40 {padding-bottom: 40px; }
.pl-40, .px-40, .p-40 {padding-left: 40px; }

.mt-0, .my-0, .m-0 {margin-top: 0; }
.mr-0, .mx-0, .m-0 {margin-right: 0; }
.mb-0, .my-0, .m-0 {margin-bottom: 0; }
.ml-0, .mx-0, .m-0 {margin-left: 0; }

.m-0\!{margin: 0 !important;}

.mt-5, .my-5, .m-5 {margin-top: 5px; }
.mr-5, .mx-5, .m-5 {margin-right: 5px; }
.mb-5, .my-5, .m-5 {margin-bottom: 5px; }
.ml-5, .mx-5, .m-5 {margin-left: 5px; }

.mt-10, .my-10, .m-10 {margin-top: 10px; }
.mr-10, .mx-10, .m-10 {margin-right: 10px; }
.mb-10, .my-10, .m-10{margin-bottom: 10px; }
.ml-10, .mx-10, .m-10 {margin-left: 10px; }

.mt-15, .my-15, .m-15 {margin-top: 15px; }
.mr-15, .mx-15, .m-15 {margin-right: 15px; }
.mb-15, .my-15, .m-15 {margin-bottom: 15px; }
.ml-15, .mx-15, .m-15 {margin-left: 15px; }

.mt-20, .my-20, .m-20 {margin-top: 20px; }
.mr-20, .mx-20, .m-20 {margin-right: 20px; }
.mb-20, .my-20, .m-20{margin-bottom: 20px; }
.ml-20, .mx-20, .m-20 {margin-left: 20px; }

.mt-25, .my-25, .m-25 {margin-top: 25px; }
.mr-25, .mx-25, .m-25 {margin-right: 25px; }
.mb-25, .my-25, .m-25 {margin-bottom: 25px; }
.ml-25, .mx-25, .m-25 {margin-left: 25px; }

.mt-30, .my-30, .m-30 {margin-top: 30px; }
.mr-30, .mx-30, .m-30 {margin-right: 30px; }
.mb-30, .my-30, .m-30 {margin-bottom: 30px; }
.ml-30, .mx-30, .m-30 {margin-left: 30px; }

.mt-35, .my-35, .m-35 {margin-top: 35px; }
.mr-35, .mx-35, .m-35 {margin-right: 35px; }
.mb-35, .my-35, .m-35 {margin-bottom: 35px; }
.ml-35, .mx-35, .m-35 {margin-left: 35px; }

.mt-40, .my-40, .m-40 {margin-top: 40px; }
.mr-40, .mx-40, .m-40 {margin-right: 40px; }
.mb-40, .my-40, .m-40 {margin-bottom: 40px; }
.ml-40, .mx-40, .m-40 {margin-left: 40px; }

.mt-n5, .my-n5, .m-n5 {margin-top: -5px; }
.mr-n5, .mx-n5, .m-n5 {margin-right: -5px; }
.mb-n5, .my-n5, .m-n5 {margin-bottom: -5px; }
.ml-n5, .mx-n5, .m-n5 {margin-left: -5px; }

.mt-n10, .my-n10, .m-n10 {margin-top: -10px; }
.mr-n10, .mx-n10, .m-n10 {margin-right: -10px; }
.mb-n10, .my-n10, .m-n10 {margin-bottom: -10px; }
.ml-n10, .mx-n10, .m-n10 {margin-left: -10px; }

.mt-n15, .my-n15, .m-n15 {margin-top: -15px; }
.mr-n15, .mx-n15, .m-n15 {margin-right: -15px; }
.mb-n15, .my-n15, .m-n15 {margin-bottom: -15px; }
.ml-n15, .mx-n15, .m-n15 {margin-left: -15px; }

.mt-n20, .my-n20, .m-n20 {margin-top: -20px; }
.mr-n20, .mx-n20, .m-n20 {margin-right: -20px; }
.mb-n20, .my-n20, .m-n20 {margin-bottom: -20px; }
.ml-n20, .mx-n20, .m-n20 {margin-left: -20px; }

.mt-n25, .my-n25, .m-n25 {margin-top: -25px; }
.mr-n25, .mx-n25, .m-n25 {margin-right: -25px; }
.mb-n25, .my-n25, .m-n25 {margin-bottom: -25px; }
.ml-n25, .mx-n25, .m-n25 {margin-left: -25px; }

.mt-n30, .my-n30, .m-n30 {margin-top: -30px; }
.mr-n30, .mx-n30, .m-n30 {margin-right: -30px; }
.mb-n30, .my-n30, .m-n30 {margin-bottom: -30px; }
.ml-n30, .mx-n30, .m-n30 {margin-left: -30px; }

.mt-n35, .my-n35, .m-n35 {margin-top: -35px; }
.mr-n35, .mx-n35, .m-n35 {margin-right: -35px; }
.mb-n35, .my-n35, .m-n35 {margin-bottom: -35px; }
.ml-n35, .mx-n35, .m-n35 {margin-left: -35px; }

.mt-n40, .my-n40, .m-n40 {margin-top: -40px; }
.mr-n40, .mx-n40, .m-n40 {margin-right: -40px; }
.mb-n40, .my-n40, .m-n40 {margin-bottom: -40px; }
.ml-n40, .mx-n40, .m-n40 {margin-left: -40px; }

.mt-auto, .my-auto, .m-auto {margin-top: auto; }
.mr-auto, .mx-auto, .m-auto {margin-right: auto; }
.mb-auto, .my-auto, .m-auto {margin-bottom: auto; }
.ml-auto, .mx-auto, .m-auto {margin-left: auto; }


/* border */
.bt-0, .b-0{border-top-width:0px;}
.br-0, .b-0{border-right-width:0px;}
.bb-0, .b-0{border-bottom-width:0px;}
.bl-0, .b-0{border-left-width:0px;}

.bt-1, .b-1{border-top-width:1px;}
.br-1, .b-1{border-right-width:1px;}
.bb-1, .b-1{border-bottom-width:1px;}
.bl-1, .b-1{border-left-width:1px;}

.bt-2, .b-2{border-top-width:2px;}
.br-2, .b-2{border-right-width:2px;}
.bb-2, .b-2{border-bottom-width:2px;}
.bl-2, .b-2{border-left-width:2px;}

.b-none{border-style:solid;}
.b-solid{border-style:solid;}
.b-dotted{border-style:dotted;}
.b-dashed{border-style:dashed;}

.b-currentColor{border-color:currentColor;}
.b-transparent{border-color:transparent;}

.radius-0{-webkit-border-radius: 0;border-radius: 0;}
.radius-2{-webkit-border-radius: 2px;border-radius: 2px;}
.radius-4{-webkit-border-radius: 4px;border-radius: 4px;}
.radius-6{-webkit-border-radius: 6px;border-radius: 6px;}
.radius-8{-webkit-border-radius: 8px;border-radius: 8px;}
.radius-12{-webkit-border-radius: 12px;border-radius: 12px;}
.radius-24{-webkit-border-radius: 24px;border-radius: 24px;}
.radius-32{-webkit-border-radius: 32px;border-radius: 32px;}
.radius-64{-webkit-border-radius: 64px;border-radius: 64px;}
.rounded{-webkit-border-radius: 100%;border-radius: 100%;}



/* sizing: width, height, max-width, min-width, max-height min-height */
.max-w-1360{max-width:1360px;}
.max-w-1200{max-width:1200px;}
.max-w-1000{max-width:1000px;}
.max-w-800{max-width:800px;}
.max-w-600{max-width:600px;}
.max-w-400{max-width:400px;}
.max-w-100vw{max-width:100vw;}
.max-w-90vw{max-width:90vw;}
.max-w-100{max-width:100%;}
.max-w-none{max-width:none;}

.w-auto{width: auto;}
.w-1\/5{width: 20%;} 
.w-2\/5{width: 40%;}
.w-3\/5{width: 60%;}
.w-4\/5{width: 80%;}
.w-1\/12{width: 8.333333%;}
.w-2\/12, .w-1\/6{width: 16.666667%;}
.w-3\/12, .w-1\/4{width: 25%;}
.w-4\/12, .w-2\/6, .w-1\/3{width: 33.333333%;}
.w-5\/12{width: 41.666667%;}
.w-6\/12, .w-3\/6, .w-2\/4, .w-1\/2 {width: 50%;}
.w-7\/12{width: 58.333333%;}
.w-8\/12, .w-4\/6, .w-2\/3{width: 66.666667%;}
.w-9\/12, .w-3\/4 {width: 75%;}
.w-10\/12, .w-5\/6{width: 83.333333%;}
.w-11\/12{width: 91.666667%;}
.w-12\/12, .w-6\/6, .w-5\/5, .w-4\/4, .w-3\/3, .w-2\/2, .w-100, .w-full {width: 100%;float:none;}
.w-100vw, .w-screen{width: 100vw;}
.w-90vw{width:90vw;}
.w-50vw{width:50vw;}
.w-45vw{width:45vw;}

.max-h-100{max-height: 100%}
.max-h-100vh{max-height: 100vh;}
.max-h-90vh{max-height: 90vh;}
.max-h-none{max-height: none;}
.min-h-100vh{min-height:100vh;}

.h-auto{height: auto;}
.h-100, .h-full{height: 100%;}
.h-100vh, .h-screen{height: 100vh;}


/*ratios*/
.ratio-1by3{padding-bottom:300%;}
.ratio-1by2{padding-bottom:200%;}
.ratio-9by16{padding-bottom:177.77%;}
.ratio-10by16{padding-bottom:160%;}
.ratio-2by3{padding-bottom:150%;}
.ratio-3by4{padding-bottom:133.33%;}
.ratio-1by1{padding-bottom:100%;}
.ratio-4by3{padding-bottom:75%;}
.ratio-3by2{padding-bottom:66.67%;}
.ratio-16by10{padding-bottom:62.5%;}
.ratio-16by9{padding-bottom:56.25%;}
.ratio-40by21{padding-bottom: 52.5%;}
.ratio-2by1{padding-bottom:50%;}
.ratio-3by1{padding-bottom:33.33%;}
.ratio-4by1{padding-bottom:25%;}
.ratio-5by1{padding-bottom:20%;}

.aspect-ratio-1\/5,   .aspect-ratio-1by5{aspect-ratio: 1 / 5; }
.aspect-ratio-1\/4,   .aspect-ratio-1by4{aspect-ratio: 1 / 4; }
.aspect-ratio-1\/3,   .aspect-ratio-1by3{aspect-ratio: 1 / 3; }
.aspect-ratio-2\/5,   .aspect-ratio-2by5{aspect-ratio: 2 / 5; }
.aspect-ratio-1\/2,   .aspect-ratio-1by2{aspect-ratio: 1 / 2; }
.aspect-ratio-9\/16,  .aspect-ratio-9by16{aspect-ratio: 9 / 6; }
.aspect-ratio-3\/5,   .aspect-ratio-3by5{aspect-ratio: 3 / 5; }
.aspect-ratio-10\/16, .aspect-ratio-10by16{aspect-ratio: 10 / 16; }
.aspect-ratio-2\/3,   .aspect-ratio-2by3{aspect-ratio: 2 / 3; }
.aspect-ratio-3\/4,   .aspect-ratio-3by4{aspect-ratio: 3 / 4; }
.aspect-ratio-4\/5,   .aspect-ratio-4by5{aspect-ratio: 4 / 5; }
.aspect-ratio-1\/1,   .aspect-ratio-1by1{aspect-ratio: 1 / 1; }
.aspect-ratio-5\/4,   .aspect-ratio-5by4{aspect-ratio: 5 / 4; }
.aspect-ratio-4\/3,   .aspect-ratio-4by3{aspect-ratio: 4 / 3; }
.aspect-ratio-3\/2,   .aspect-ratio-3by2{aspect-ratio: 3 / 2; }
.aspect-ratio-16\/10, .aspect-ratio-16by10{aspect-ratio: 16 / 10; }
.aspect-ratio-5\/3,   .aspect-ratio-5by3{aspect-ratio: 5 / 3; }
.aspect-ratio-16\/9,  .aspect-ratio-16by9{aspect-ratio: 16 / 9; }
.aspect-ratio-40\/21, .aspect-ratio-40by21{aspect-ratio: 40 / 21;}
.aspect-ratio-2\/1,   .aspect-ratio-2by1{aspect-ratio: 2 / 1; }
.aspect-ratio-5\/2,   .aspect-ratio-5by2{aspect-ratio: 5 / 2; }
.aspect-ratio-3\/1,   .aspect-ratio-3by1{aspect-ratio: 3 / 1; }
.aspect-ratio-4\/1,   .aspect-ratio-4by1{aspect-ratio: 4 / 1; }
.aspect-ratio-5\/1,   .aspect-ratio-5by1{aspect-ratio: 5 / 1; }

.min-ratio-1by3:before {padding-bottom: 300%;content: '';float: left;}
.min-ratio-1by2:before{padding-bottom:200%;content: '';float: left;}
.min-ratio-9by16:before{padding-bottom:177.77%;content: '';float: left;}
.min-ratio-10by16:before{padding-bottom:160%;content: '';float: left;}
.min-ratio-2by3:before{padding-bottom:150%;content: '';float: left;}
.min-ratio-3by4:before{padding-bottom:133.33%;content: '';float: left;}
.min-ratio-1by1:before{padding-bottom:100%;content: '';float: left;}
.min-ratio-4by3:before{padding-bottom:75%;content: '';float: left;}
.min-ratio-3by2:before{padding-bottom:66.67%;content: '';float: left;}
.min-ratio-16by10:before{padding-bottom:62.5%;content: '';float: left;}
.min-ratio-16by9:before{padding-bottom:56.25%;content: '';float: left;}
.min-ratio-2by1:before{padding-bottom:50%;content: '';float: left;}
.min-ratio-3by1:before{padding-bottom:33.33%;content: '';float: left;}

.min-ratio-1by3:after, .min-ratio-1by2:after, .min-ratio-9by16:after, .min-ratio-10by16:after, .min-ratio-2by3:after, .min-ratio-3by4:after, .min-ratio-1by1:after, .min-ratio-4by3:after, .min-ratio-3by2:after, .min-ratio-16by10:after, .min-ratio-16by9:after, .min-ratio-2by1:after, .min-ratio-3by1:after {display: table;content: '';clear: both;}


/* flexbox */
.flex-j-center{justify-content:center;}
.flex-j-start{justify-content:flex-start;}
.flex-j-end{justify-content:flex-end;}
.flex-j-space-between{justify-content:space-between;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-wrap{flex-wrap: wrap;}
.flex-self-start{align-self: flex-start;}
.flex-self-center{align-self: center;}
.flex-self-end{align-self: flex-end;}
.flex-col1{display: flex;flex: 0 0 100%;flex-direction:column;}
.flex-col3-4{display: flex;flex: 0 0 75%;flex-direction:column;max-width:75%;}
.flex-col2-3{display: flex;flex: 0 0 66.66%;flex-direction:column;max-width:66.66%;}
.flex-col2{display: flex;flex: 0 0 50%;flex-direction:column;max-width:50%;}
.flex-col3{display: flex;flex: 0 0 33.33%;flex-direction:column;max-width:33.33%;}
.flex-col4{display: flex;flex: 0 0 25%;flex-direction:column;max-width:25%;}
.flex-col5{display: flex;flex: 0 0 20%;flex-direction:column;max-width:20%;}
.flex-h100{flex: 1 1 auto;}
.flex-align-items-top{align-items:flex-start;}
.flex-align-items-center{align-items:center;}
.flex-row{display:flex;flex-direction:row;flex-wrap: wrap;}
.flex-dir-row-reverse{flex-direction:row-reverse;}
.flex-col{display: flex;flex: 1 0 0%;flex-direction:column;}



/*float*/
.float-left{float:left;}
.float-right{float:right;}
.float-none{float:none;}
.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.clearfix::after {display: block;clear: both;content: ""; }



/*position*/
.pos-static{position:static;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}
.pos-fix{position:fixed;}
.pos-sticky{position:sticky;}
.top-0, .coords-0{top:0;}
.right-0, .coords-0{right:0;}
.bottom-0, .coords-0{bottom:0;}
.left-0, .coords-0{left:0;}
.top-auto, .coords-auto{top:auto;}
.right-auto, .coords-auto{right:auto;}
.bottom-auto, .coords-auto{bottom:auto;}
.left-auto, .coords-auto{left:auto;}
.coords-center{top: 50%;left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.right-n15{right: -15px;}
.left-n15{left: -15px;}


/* transition */
.tran-0{transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s;}
.tran-03{transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.tran-05{transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.tran-1{transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.tran-15{transition:1.5s;-moz-transition:1.5s;-webkit-transition:1.5s;-o-transition:1.5s;}
.tran-2{transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}


/*background*/
@media (min-width: 640px) {
.bg-fix{background-attachment:fixed;}
}

.bg-cover{background-size:cover;}
.bg-pos-center{background-position: center;}
.bg-transparent{background-color:transparent;}

.bg-main-color, .bg-main-color\:hover:hover{background-color:var(--accent-color);}
.bg-main-color600, .bg-main-color600\:hover:hover{background-color:var(--accent-color600);}
.bg-main-color-contrast{background-color:var(--accent-color-text-contrast);}

.bg-success-color, .bg-success-color\:hover:hover{background-color:var(--success-color);}
.bg-error-color, .bg-error-color\:hover:hover{background-color:var(--error-color);}
.bg-info-color, .bg-info-color\:hover:hover{background-color:var(--info-color);}

.bg-red50, .bg-red50\:hover:hover{background-color:#fde0dc;}
.bg-red500, .bg-red, .bg-red500\:hover:hover, .bg-red\:hover:hover{background-color:#e51c23;}
.bg-red600, .bg-red600\:hover:hover{background-color:#dd191d;}

.bg-blue50, .bg-blue50\:hover:hover{background-color:#e7e9fd;}
.bg-blue500, .bg-blue500\:hover:hover, .bg-blue, .bg-blue\:hover:hover{background-color:#5677fc;}
.bg-blue600, .bg-blue600\:hover:hover{background-color:#4e6cef;}

.bg-light-blue50, .bg-light-blue50\:hover:hover{background-color:#e1f5fe;}
.bg-light-blue500, .bg-light-blue500\:hover:hover, .bg-light-blue, .bg-light-blue\:hover:hover{background-color:#03a9f4;}
.bg-light-blue600, .bg-light-blue600\:hover:hover{background-color:#039be5;}

.bg-green50, .bg-green50\:hover:hover{background-color:#d0f8ce;}
.bg-green500, .bg-green500\:hover:hover, .bg-green, .bg-green\:hover:hover{background-color:#259b24;}
.bg-green600, .bg-green600\:hover:hover{background-color:#0a8f08;}

.bg-light-green50, .bg-light-green50\:hover:hover{background-color:#f1f8e9;}
.bg-light-green500, .bg-light-green500\:hover:hover, .bg-light-green, .bg-light-green\:hover:hover{background-color:#8bc34a;}
.bg-light-green600, .bg-light-green600\:hover:hover{background-color:#7cb342;}

.bg-orange50, .bg-orange50\:hover:hover{background-color:#fff3e0;}
.bg-orange500, .bg-orange500\:hover:hover, .bg-orange, .bg-orange\:hover:hover{background-color:#ff9800;}
.bg-orange600, .bg-orange600\:hover:hover{background-color:#fb8c00;}

.bg-deep-orange50, .bg-deep-orange50\:hover:hover{background-color:#fbe9e7;}
.bg-deep-orange500, .bg-deep-orange500\:hover:hover, .bg-deep-orange, .bg-deep-orange\:hover:hover{background-color:#ff5722;}
.bg-deep-orange600, .bg-deep-orange600\:hover:hover{background-color:#f4511e;}

.bg-grey50, .bg-grey50\:hover:hover{background-color:#fafafa;}
.bg-grey100, .bg-grey100\:hover:hover{background-color:#f5f5f5;}
.bg-grey200, .bg-grey200\:hover:hover{background-color:#eeeeee;}
.bg-grey300, .bg-grey300\:hover:hover{background-color:#e0e0e0;}
.bg-grey400, .bg-grey400\:hover:hover{background-color:#bdbdbd;}
.bg-grey500, .bg-grey500\:hover:hover, .bg-grey, .bg-grey\:hover:hover{background-color:#9e9e9e;}
.bg-grey600, .bg-grey600\:hover:hover{background-color:#757575;}
.bg-grey700, .bg-grey700\:hover:hover{background-color:#616161;}
.bg-grey750, .bg-grey750\:hover:hover{background-color:#4D4D4D;}
.bg-grey800, .bg-grey800\:hover:hover{background-color:#424242;}
.bg-grey850, .bg-grey850\:hover:hover{background-color:#333333;}
.bg-grey900, .bg-grey900\:hover:hover{background-color:#212121;}
.bg-black, .bg-black\:hover:hover{background-color:#000000;}
.bg-white, .bg-white\:hover:hover{background-color:#ffffff;}

.bg-grey-medium-alpha{background-color: rgba(70,70,70,0.5);}

.bg-black-alpha10\:hover:hover{background-color: rgba(0,0,0,0.1);}



/* text */
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.text-smaller{font-size:80%}
.text-bigger{font-size:120%;}

.text-col-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 50px;-moz-column-gap: 50px;column-gap: 50px;}
.text-col-1{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}

.text-strike{text-decoration:line-through;}
.text-underline, .text-underline\:hover:hover, a.text-underline, a.text-underline\:hover:hover{text-decoration:underline;}
.text-decoration-none, .text-decoration-none\:hover:hover{text-decoration:none;}

.text-nowrap{white-space:nowrap;}
.text-wrap{white-space:wrap;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-shadow{text-shadow: 0 1px 20px rgba(0,0,0,0.5);}

.text-tabular-nums{font-variant-numeric: tabular-nums;}

.main-color, .main-color\:hover:hover{color:var(--accent-color);}
.main-color\!, .main-color\!\:hover:hover{color:var(--accent-color) !important;}
.main-color-contrast{color:var(--accent-color-text-contrast);}
.main-color-contrast\!{color:var(--accent-color-text-contrast) !important;}

.success-color, .success-color\:hover:hover{color:var(--success-color);}
.success-color\!, .success-color\!\:hover:hover{color:var(--success-color) !important;}
.success-color-contrast{color:var(--success-color-text-contrast);}
.success-color-contrast\!{color:var(--success-color-text-contrast) !important;}

.error-color, .error-color\:hover:hover{color:var(--error-color);}
.error-color\!, .error-color\!\:hover:hover{color:var(--error-color) !important;}
.error-color-contrast{color:var(--error-color-text-contrast);}
.error-color-contrast\!{color:var(--error-color-text-contrast) !important;}

.info-color, .info-color\:hover:hover{color:var(--info-color);}
.info-color\!, .info-color\!\:hover:hover{color:var(--info-color) !important;}
.info-color-contrast{color:var(--info-color-text-contrast);}
.info-color-contrast\!{color:var(--info-color-text-contrast) !important;}

.red50, .red50\:hover:hover{color:#fde0dc;}
.red500, .red500\:hover:hover, .red, .red\:hover:hover{color:#e51c23;}
.red600, .red600\:hover:hover{color:#dd191d;}

.blue50, .blue50\:hover:hover{color:#e7e9fd;}
.blue500, .blue500\:hover:hover, .blue, .blue\:hover:hover{color:#5677fc;color:#3F6AB3;}
.blue600, .blue600\:hover:hover{color:#4e6cef;}

.light-blue50, .light-blue50\:hover:hover{color:#e1f5fe;}
.light-blue500, .light-blue500\:hover:hover, .light-blue, .light-blue\:hover:hover{color:#03a9f4;}
.light-blue600, .light-blue600\:hover:hover{color:#039be5;}

.green50, .green50\:hover:hover{color:#d0f8ce;}
.green500, .green500\:hover:hover, .green, .green\:hover:hover{color:#259b24;}
.green600, .green600\:hover:hover{color:#0a8f08;}

.light-green50, .light-green50\:hover:hover{color:#f1f8e9;}
.light-green500, .light-green500\:hover:hover, .light-green, .light-green\:hover:hover{color:#8bc34a;}
.light-green600, .light-green600\:hover:hover{color:#7cb342;}

.orange50, .orange50\:hover:hover{color:#fff3e0;}
.orange500, .orange500\:hover:hover, .orange, .orange\:hover:hover{color:#ff9800;}
.orange600, .orange600\:hover:hover{color:#fb8c00;}

.deep-orange50, .deep-orange50\:hover:hover{color:#fbe9e7;}
.deep-orange500, .deep-orange500\:hover:hover, .deep-orange, .deep-orange\:hover:hover{color:#ff5722;}
.deep-orange600, .deep-orange600\:hover:hover{color:#f4511e;}

.purple, .purple500{color: #9c27b0;}
.bg-purple, .bg-purple500{background-color: #9c27b0;}

.purple900{color: #4a148c;}
.bg-purple900{background: #4a148c;}


.grey50, .grey50\:hover:hover{color:#fafafa;}
.grey100, .grey100\:hover:hover{color:#f5f5f5;}
.grey200, .grey200\:hover:hover{color:#eeeeee;}
.grey300, .grey300\:hover:hover{color:#e0e0e0;}
.grey400, .grey400\:hover:hover{color:#bdbdbd;}
.grey500, .grey500\:hover:hover, .grey, .grey\:hover:hover{color:#9e9e9e;}
.grey600, .grey600\:hover:hover{color:#757575;}
.grey700, .grey700\:hover:hover{color:#616161;}
.grey800, .grey800\:hover:hover{color:#424242;}
.grey900, .grey900\:hover:hover{color:#212121;}
.black, .black\:hover:hover{color:#000000;}
.white, .white\:hover:hover{color:#ffffff;}
.white\!, .white\!\:hover:hover{color:#ffffff !important;}
.color-inherit{color:inherit;}








/* opacity */
.opacity-0, .opacity-0\:hover:hover, .parent_opacity-0\:hover:hover .opacity-0\:hover{opacity:0;}
.opacity-25, .opacity-25\:hover:hover, .parent_opacity-25\:hover:hover .opacity-25\:hover{opacity:.25;}
.opacity-50, .opacity-50\:hover:hover, .parent_opacity-50\:hover:hover .opacity-50\:hover{opacity:.5;}
.opacity-75, .opacity-75\:hover:hover, .parent_opacity-75\:hover:hover .opacity-75\:hover{opacity:.75;}
.opacity-100, .opacity-100\:hover:hover, .parent_opacity-100\:hover:hover .opacity-100\:hover{opacity:1;}




/*filter*/
.filter-invert, .filter-invert\:hover:hover, .parent_filter-invert\:hover:hover .filter-invert\:hover{filter: invert(1);}
.filter-huerotate, .filter-huerotate\:hover:hover, .parent_huerotate\:hover:hover .filter-huerotate\:hover{filter: hue-rotate(360deg);}
.filter-invert-huerotate, .filter-invert-huerotate\:hover:hover, .parent_filter-invert-huerotate\:hover:hover .filter-invert-huerotate\:hover{filter: invert(1) hue-rotate(360deg);}




/* shadows */
.shadow-outline, .shadow-outline\:hover:hover{	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);}
.shadow-outline-sectionColor, .shadow-outline-sectionColor\:hover:hover{  box-shadow: 0 0 0 1px rgba(var(--section-text-color), 0.25);}
.shadow-0, .shadow-0\:hover:hover{	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.shadow-1, .shadow-1\:hover:hover{	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
.shadow-2, .shadow-2\:hover:hover{	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
.shadow-3, .shadow-3\:hover:hover{	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}
.shadow-4, .shadow-4\:hover:hover{	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}




/* overflow */
.overflow-hidden{overflow:hidden;}
.overflow-auto{overflow:auto;}
.overflow-scroll{overflow:scroll;}
.overflow-visible{overflow:visible;}
.overflow-y-hidden{overflow-y:hidden;}
.overflow-y-auto{overflow-y:auto;}
.overflow-y-scroll{overflow-y:scroll;}
.overflow-y-visible{overflow-y:visible;}
.overflow-x-hidden{overflow-x:hidden;}
.overflow-x-auto{overflow-x:auto;}
.overflow-x-scroll{overflow-x:scroll;}
.overflow-x-visible{overflow-x:visible;}



/*images iframes*/
.img-cover{object-fit: cover;height:100%;max-width: none;}
.object-cover{object-fit: cover;}
.object-contain{object-fit: contain;}
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}



/* misc */
.pointer{cursor:pointer;}
.cursor-zoom-in{cursor:zoom-in;}
.visible{visibility:visible;}
.hidden{visibility:hidden;}
.appearance-none{appearance:none;}
.no-events{pointer-events: none;}
.scale\:hover:hover, .parent-scale\:hover:hover .scale\:hover{-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}

.gradient_bottom{
   background: -moz-linear-gradient(
    to top,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.987) 8.1%,
    hsla(0, 0%, 0%, 0.951) 15.5%,
    hsla(0, 0%, 0%, 0.896) 22.5%,
    hsla(0, 0%, 0%, 0.825) 29%,
    hsla(0, 0%, 0%, 0.741) 35.3%,
    hsla(0, 0%, 0%, 0.648) 41.2%,
    hsla(0, 0%, 0%, 0.55) 47.1%,
    hsla(0, 0%, 0%, 0.45) 52.9%,
    hsla(0, 0%, 0%, 0.352) 58.8%,
    hsla(0, 0%, 0%, 0.259) 64.7%,
    hsla(0, 0%, 0%, 0.175) 71%,
    hsla(0, 0%, 0%, 0.104) 77.5%,
    hsla(0, 0%, 0%, 0.049) 84.5%,
    hsla(0, 0%, 0%, 0.013) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
    background: -webkit-linear-gradient(
    to top,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.987) 8.1%,
    hsla(0, 0%, 0%, 0.951) 15.5%,
    hsla(0, 0%, 0%, 0.896) 22.5%,
    hsla(0, 0%, 0%, 0.825) 29%,
    hsla(0, 0%, 0%, 0.741) 35.3%,
    hsla(0, 0%, 0%, 0.648) 41.2%,
    hsla(0, 0%, 0%, 0.55) 47.1%,
    hsla(0, 0%, 0%, 0.45) 52.9%,
    hsla(0, 0%, 0%, 0.352) 58.8%,
    hsla(0, 0%, 0%, 0.259) 64.7%,
    hsla(0, 0%, 0%, 0.175) 71%,
    hsla(0, 0%, 0%, 0.104) 77.5%,
    hsla(0, 0%, 0%, 0.049) 84.5%,
    hsla(0, 0%, 0%, 0.013) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
  background: linear-gradient(
    to top,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.987) 8.1%,
    hsla(0, 0%, 0%, 0.951) 15.5%,
    hsla(0, 0%, 0%, 0.896) 22.5%,
    hsla(0, 0%, 0%, 0.825) 29%,
    hsla(0, 0%, 0%, 0.741) 35.3%,
    hsla(0, 0%, 0%, 0.648) 41.2%,
    hsla(0, 0%, 0%, 0.55) 47.1%,
    hsla(0, 0%, 0%, 0.45) 52.9%,
    hsla(0, 0%, 0%, 0.352) 58.8%,
    hsla(0, 0%, 0%, 0.259) 64.7%,
    hsla(0, 0%, 0%, 0.175) 71%,
    hsla(0, 0%, 0%, 0.104) 77.5%,
    hsla(0, 0%, 0%, 0.049) 84.5%,
    hsla(0, 0%, 0%, 0.013) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );

}

.gradient_top{
   background: -moz-linear-gradient(
    to bottom,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.987) 8.1%,
    hsla(0, 0%, 0%, 0.951) 15.5%,
    hsla(0, 0%, 0%, 0.896) 22.5%,
    hsla(0, 0%, 0%, 0.825) 29%,
    hsla(0, 0%, 0%, 0.741) 35.3%,
    hsla(0, 0%, 0%, 0.648) 41.2%,
    hsla(0, 0%, 0%, 0.55) 47.1%,
    hsla(0, 0%, 0%, 0.45) 52.9%,
    hsla(0, 0%, 0%, 0.352) 58.8%,
    hsla(0, 0%, 0%, 0.259) 64.7%,
    hsla(0, 0%, 0%, 0.175) 71%,
    hsla(0, 0%, 0%, 0.104) 77.5%,
    hsla(0, 0%, 0%, 0.049) 84.5%,
    hsla(0, 0%, 0%, 0.013) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
    background: -webkit-linear-gradient(
    to bottom,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.987) 8.1%,
    hsla(0, 0%, 0%, 0.951) 15.5%,
    hsla(0, 0%, 0%, 0.896) 22.5%,
    hsla(0, 0%, 0%, 0.825) 29%,
    hsla(0, 0%, 0%, 0.741) 35.3%,
    hsla(0, 0%, 0%, 0.648) 41.2%,
    hsla(0, 0%, 0%, 0.55) 47.1%,
    hsla(0, 0%, 0%, 0.45) 52.9%,
    hsla(0, 0%, 0%, 0.352) 58.8%,
    hsla(0, 0%, 0%, 0.259) 64.7%,
    hsla(0, 0%, 0%, 0.175) 71%,
    hsla(0, 0%, 0%, 0.104) 77.5%,
    hsla(0, 0%, 0%, 0.049) 84.5%,
    hsla(0, 0%, 0%, 0.013) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.987) 8.1%,
    hsla(0, 0%, 0%, 0.951) 15.5%,
    hsla(0, 0%, 0%, 0.896) 22.5%,
    hsla(0, 0%, 0%, 0.825) 29%,
    hsla(0, 0%, 0%, 0.741) 35.3%,
    hsla(0, 0%, 0%, 0.648) 41.2%,
    hsla(0, 0%, 0%, 0.55) 47.1%,
    hsla(0, 0%, 0%, 0.45) 52.9%,
    hsla(0, 0%, 0%, 0.352) 58.8%,
    hsla(0, 0%, 0%, 0.259) 64.7%,
    hsla(0, 0%, 0%, 0.175) 71%,
    hsla(0, 0%, 0%, 0.104) 77.5%,
    hsla(0, 0%, 0%, 0.049) 84.5%,
    hsla(0, 0%, 0%, 0.013) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );

}






/* Small (sm) */
@media (min-width: 640px) {



/* display */

.sm\@d-inline{display:inline;}
.sm\@d-inline-block{display:inline-block;}
.sm\@d-block, .sm\@d-block\:target:target{display:block;}
.sm\@d-flex{display:flex;}
.sm\@d-inline-flex{display:inline-flex;}
.sm\@d-td, .sm\@d-th{display:table-cell;}
.sm\@d-tr{display:table-row;}
.sm\@d-none{display:none;}
.sm\@d-none\!{display:none !important;}
.sm\@d-grid{display: grid;}

.sm\@grid-cols-1{ grid-template-columns: repeat(1, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-2{ grid-template-columns: repeat(2, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}

.sm\@grid-cols-1\/2{ grid-template-columns: 1fr 2fr; }
.sm\@grid-cols-2\/1{ grid-template-columns: 2fr 1fr; }

.sm\@grid-cols-3{ grid-template-columns: repeat(3, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-4{ grid-template-columns: repeat(4, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-5{ grid-template-columns: repeat(5, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-6{ grid-template-columns: repeat(6, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-7{ grid-template-columns: repeat(7, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-8{ grid-template-columns: repeat(8, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-9{ grid-template-columns: repeat(9, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-10{  grid-template-columns: repeat(10, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-11{  grid-template-columns: repeat(11, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-12{  grid-template-columns: repeat(12, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.sm\@grid-cols-none{  grid-template-columns: none;}

.sm\@grid-rows-1{grid-template-rows: repeat(1, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.sm\@grid-rows-2{grid-template-rows: repeat(2, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.sm\@grid-rows-3{grid-template-rows: repeat(3, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.sm\@grid-rows-4{grid-template-rows: repeat(4, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.sm\@grid-rows-5{grid-template-rows: repeat(5, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.sm\@grid-rows-6{grid-template-rows: repeat(6, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.sm\@grid-rows-none{grid-template-rows: none;}

.sm\@grid-flow-row{ grid-auto-flow: row;}
.sm\@grid-flow-col{ grid-auto-flow: column;}
.sm\@grid-flow-row-dense{ grid-auto-flow: row dense;}
.sm\@grid-flow-col-dense{ grid-auto-flow: column dense;}

.sm\@grid-auto-cols-auto{  grid-auto-columns: auto;}
.sm\@grid-auto-cols-min{ grid-auto-columns: min-content;}
.sm\@grid-auto-cols-max{ grid-auto-columns: max-content;}
.sm\@grid-auto-cols-fr{  grid-auto-columns: minmax(0, 1fr);}

.sm\@grid-auto-rows-auto{  grid-auto-rows: auto;}
.sm\@grid-auto-rows-min{ grid-auto-rows: min-content;}
.sm\@grid-auto-rows-max{ grid-auto-rows: max-content;}
.sm\@grid-auto-rows-fr{  grid-auto-rows: minmax(0, 1fr);}

.sm\@g-col-auto{  grid-column: auto;}
.sm\@g-col-span-1{  grid-column: span 1 / span 1;}
.sm\@g-col-span-2{  grid-column: span 2 / span 2;}
.sm\@g-col-span-3{  grid-column: span 3 / span 3;}
.sm\@g-col-span-4{  grid-column: span 4 / span 4;}
.sm\@g-col-span-5{  grid-column: span 5 / span 5;}
.sm\@g-col-span-6{  grid-column: span 6 / span 6;}
.sm\@g-col-span-7{  grid-column: span 7 / span 7;}
.sm\@g-col-span-8{  grid-column: span 8 / span 8;}
.sm\@g-col-span-9{  grid-column: span 9 / span 9;}
.sm\@g-col-span-10{ grid-column: span 10 / span 10;}
.sm\@g-col-span-11{ grid-column: span 11 / span 11;}
.sm\@g-col-span-12{ grid-column: span 12 / span 12;}
.sm\@g-col-span-full{ grid-column: 1 / -1;}
.sm\@g-col-start-1{ grid-column-start: 1;}
.sm\@g-col-start-2{ grid-column-start: 2;}
.sm\@g-col-start-3{ grid-column-start: 3;}
.sm\@g-col-start-4{ grid-column-start: 4;}
.sm\@g-col-start-5{ grid-column-start: 5;}
.sm\@g-col-start-6{ grid-column-start: 6;}
.sm\@g-col-start-7{ grid-column-start: 7;}
.sm\@g-col-start-8{ grid-column-start: 8;}
.sm\@g-col-start-9{ grid-column-start: 9;}
.sm\@g-col-start-10{  grid-column-start: 10;}
.sm\@g-col-start-11{  grid-column-start: 11;}
.sm\@g-col-start-12{  grid-column-start: 12;}
.sm\@g-col-start-13{  grid-column-start: 13;}
.sm\@g-col-start-auto{  grid-column-start: auto;}
.sm\@g-col-end-1{ grid-column-end: 1;}
.sm\@g-col-end-2{ grid-column-end: 2;}
.sm\@g-col-end-3{ grid-column-end: 3;}
.sm\@g-col-end-4{ grid-column-end: 4;}
.sm\@g-col-end-5{ grid-column-end: 5;}
.sm\@g-col-end-6{ grid-column-end: 6;}
.sm\@g-col-end-7{ grid-column-end: 7;}
.sm\@g-col-end-8{ grid-column-end: 8;}
.sm\@g-col-end-9{ grid-column-end: 9;}
.sm\@g-col-end-10{  grid-column-end: 10;}
.sm\@g-col-end-11{  grid-column-end: 11;}
.sm\@g-col-end-12{  grid-column-end: 12;}
.sm\@g-col-end-13{  grid-column-end: 13;}
.sm\@g-col-end-auto{  grid-column-end: auto;}

.sm\@g-row-auto{  grid-row: auto;}
.sm\@g-row-span-1{  grid-row: span 1 / span 1;}
.sm\@g-row-span-2{  grid-row: span 2 / span 2;}
.sm\@g-row-span-3{  grid-row: span 3 / span 3;}
.sm\@g-row-span-4{  grid-row: span 4 / span 4;}
.sm\@g-row-span-5{  grid-row: span 5 / span 5;}
.sm\@g-row-span-6{  grid-row: span 6 / span 6;}
.sm\@g-row-span-full{ grid-row: 1 / -1;}
.sm\@g-row-start-1{ grid-row-start: 1;}
.sm\@g-row-start-2{ grid-row-start: 2;}
.sm\@g-row-start-3{ grid-row-start: 3;}
.sm\@g-row-start-4{ grid-row-start: 4;}
.sm\@g-row-start-5{ grid-row-start: 5;}
.sm\@g-row-start-6{ grid-row-start: 6;}
.sm\@g-row-start-7{ grid-row-start: 7;}
.sm\@g-row-start-auto{  grid-row-start: auto;}
.sm\@g-row-end-1{ grid-row-end: 1;}
.sm\@g-row-end-2{ grid-row-end: 2;}
.sm\@g-row-end-3{ grid-row-end: 3;}
.sm\@g-row-end-4{ grid-row-end: 4;}
.sm\@g-row-end-5{ grid-row-end: 5;}
.sm\@g-row-end-6{ grid-row-end: 6;}
.sm\@g-row-end-7{ grid-row-end: 7;}
.sm\@g-row-end-auto{  grid-row-end: auto;}



/*margins paddings borders width height*/
.sm\@pt-0, .sm\@py-0, .sm\@p-0  {padding-top: 0; }
.sm\@pr-0, .sm\@px-0, .sm\@p-0  {padding-right: 0; }
.sm\@pb-0, .sm\@py-0, .sm\@p-0  {padding-bottom: 0; }
.sm\@pl-0, .sm\@px-0, .sm\@p-0  {padding-left: 0; }

.sm\@pt-2, .sm\@py-2, .sm\@p-2 {padding-top: 2px; }
.sm\@pr-2, .sm\@px-2, .sm\@p-2 {padding-right: 2px; }
.sm\@pb-2, .sm\@py-2, .sm\@p-2 {padding-bottom: 2px; }
.sm\@pl-2, .sm\@px-2, .sm\@p-2 {padding-left: 2px; }

.sm\@pt-5, .sm\@py-5, .sm\@p-5 {padding-top: 5px; }
.sm\@pr-5, .sm\@px-5, .sm\@p-5 {padding-right: 5px; }
.sm\@pb-5, .sm\@py-5, .sm\@p-5 {padding-bottom: 5px; }
.sm\@pl-5, .sm\@px-5, .sm\@p-5 {padding-left: 5px; }

.sm\@pt-10, .sm\@py-10, .sm\@p-10 {padding-top: 10px; }
.sm\@pr-10, .sm\@px-10, .sm\@p-10 {padding-right: 10px; }
.sm\@pb-10, .sm\@py-10, .sm\@p-10 {padding-bottom: 10px; }
.sm\@pl-10, .sm\@px-10, .sm\@p-10 {padding-left: 10px; }

.sm\@pt-15, .sm\@py-15, .sm\@p-15 {padding-top: 15px; }
.sm\@pr-15, .sm\@px-15, .sm\@p-15 {padding-right: 15px; }
.sm\@pb-15, .sm\@py-15, .sm\@p-15 {padding-bottom: 15px; }
.sm\@pl-15, .sm\@px-15, .sm\@p-15 {padding-left: 15px; }

.sm\@pt-20, .sm\@py-20, .sm\@p-20 {padding-top: 20px; }
.sm\@pr-20, .sm\@px-20, .sm\@p-20 {padding-right: 20px; }
.sm\@pb-20, .sm\@py-20, .sm\@p-20 {padding-bottom: 20px; }
.sm\@pl-20, .sm\@px-20, .sm\@p-20 {padding-left: 20px; }

.sm\@pt-40, .sm\@py-40, .sm\@p-40 {padding-top: 40px; }
.sm\@pr-40, .sm\@px-40, .sm\@p-40 {padding-right: 40px; }
.sm\@pb-40, .sm\@py-40, .sm\@p-40 {padding-bottom: 40px; }
.sm\@pl-40, .sm\@px-40, .sm\@p-40 {padding-left: 40px; }

.sm\@mt-0, .sm\@my-0, .sm\@m-0 {margin-top: 0; }
.sm\@mr-0, .sm\@mx-0, .sm\@m-0 {margin-right: 0; }
.sm\@mb-0, .sm\@my-0, .sm\@m-0 {margin-bottom: 0; }
.sm\@ml-0, .sm\@mx-0, .sm\@m-0 {margin-left: 0; }

.sm\@mt-5, .sm\@my-5, .sm\@m-5 {margin-top: 5px; }
.sm\@mr-5, .sm\@mx-5, .sm\@m-5 {margin-right: 5px; }
.sm\@mb-5, .sm\@my-5, .sm\@m-5 {margin-bottom: 5px; }
.sm\@ml-5, .sm\@mx-5, .sm\@m-5 {margin-left: 5px; }

.sm\@mt-10, .sm\@my-10, .sm\@m-10 {margin-top: 10px; }
.sm\@mr-10, .sm\@mx-10, .sm\@m-10 {margin-right: 10px; }
.sm\@mb-10, .sm\@my-10, .sm\@m-10 {margin-bottom: 10px; }
.sm\@ml-10, .sm\@mx-10, .sm\@m-10 {margin-left: 10px; }

.sm\@mt-15, .sm\@my-15, .sm\@m-15 {margin-top: 15px; }
.sm\@mr-15, .sm\@mx-15, .sm\@m-15 {margin-right: 15px; }
.sm\@mb-15, .sm\@my-15, .sm\@m-15 {margin-bottom: 15px; }
.sm\@ml-15, .sm\@mx-15, .sm\@m-15 {margin-left: 15px; }

.sm\@mt-20, .sm\@my-20, .sm\@m-20 {margin-top: 20px; }
.sm\@mr-20, .sm\@mx-20, .sm\@m-20 {margin-right: 20px; }
.sm\@mb-20, .sm\@my-20, .sm\@m-20 {margin-bottom: 20px; }
.sm\@ml-20, .sm\@mx-20, .sm\@m-20 {margin-left: 20px; }

.sm\@mt-40, .sm\@my-40, .sm\@m-40 {margin-top: 40px; }
.sm\@mr-40, .sm\@mx-40, .sm\@m-40 {margin-right: 40px; }
.sm\@mb-40, .sm\@my-40, .sm\@m-40 {margin-bottom: 40px; }
.sm\@ml-40, .sm\@mx-40, .sm\@m-40 {margin-left: 40px; }

.sm\@mt-n5, .sm\@my-n5, .sm\@m-n5 {margin-top: -5px; }
.sm\@mr-n5, .sm\@mx-n5, .sm\@m-n5 {margin-right: -5px; }
.sm\@mb-n5, .sm\@my-n5, .sm\@m-n5 {margin-bottom: -5px; }
.sm\@ml-n5, .sm\@mx-n5, .sm\@m-n5 {margin-left: -5px; }

.sm\@mt-n10, .sm\@my-n10, .sm\@m-n10 {margin-top: -10px; }
.sm\@mr-n10, .sm\@mx-n10, .sm\@m-n10 {margin-right: -10px; }
.sm\@mb-n10, .sm\@my-n10, .sm\@m-n10 {margin-bottom: -10px; }
.sm\@ml-n10, .sm\@mx-n10, .sm\@m-n10 {margin-left: -10px; }

.sm\@mt-n15, .sm\@my-n15, .sm\@m-n15 {margin-top: -15px; }
.sm\@mr-n15, .sm\@mx-n15, .sm\@m-n15 {margin-right: -15px; }
.sm\@mb-n15, .sm\@my-n15, .sm\@m-n15 {margin-bottom: -15px; }
.sm\@ml-n15, .sm\@mx-n15, .sm\@m-n15 {margin-left: -15px; }

.sm\@mt-n20, .sm\@my-n20, .sm\@m-n20 {margin-top: -20px; }
.sm\@mr-n20, .sm\@mx-n20, .sm\@m-n20 {margin-right: -20px; }
.sm\@mb-n20, .sm\@my-n20, .sm\@m-n20 {margin-bottom: -20px; }
.sm\@ml-n20, .sm\@mx-n20, .sm\@m-n20 {margin-left: -20px; }

.sm\@mt-n40, .sm\@my-n40, .sm\@m-n40 {margin-top: -40px; }
.sm\@mr-n40, .sm\@mx-n40, .sm\@m-n40 {margin-right: -40px; }
.sm\@mb-n40, .sm\@my-n40, .sm\@m-n40 {margin-bottom: -40px; }
.sm\@ml-n40, .sm\@mx-n40, .sm\@m-n40 {margin-left: -40px; }

.sm\@m-auto {margin: auto; }
.sm\@mt-auto, .sm\@my-auto {margin-top: auto; }
.sm\@mr-auto, .sm\@mx-auto {margin-right: auto; }
.sm\@mb-auto, .sm\@my-auto {margin-bottom: auto; }
.sm\@ml-auto, .sm\@mx-auto {margin-left: auto; }


/* border */
.sm\@bt-0, .sm\@b-0{border-top-width:0px;}
.sm\@br-0, .sm\@b-0{border-right-width:0px;}
.sm\@bb-0, .sm\@b-0{border-bottom-width:0px;}
.sm\@bl-0, .sm\@b-0{border-left-width:0px;}

.sm\@bt-1, .sm\@b-1{border-top-width:1px;}
.sm\@br-1, .sm\@b-1{border-right-width:1px;}
.sm\@bb-1, .sm\@b-1{border-bottom-width:1px;}
.sm\@bl-1, .sm\@b-1{border-left-width:1px;}

.sm\@bt-2, .sm\@b-2{border-top-width:2px;}
.sm\@br-2, .sm\@b-2{border-right-width:2px;}
.sm\@bb-2, .sm\@b-2{border-bottom-width:2px;}
.sm\@bl-2, .sm\@b-2{border-left-width:2px;}

.sm\@b-currentColor{border-color:currentColor;}
.sm\@b-transparent{border-color:transparent;}



/* sizing: width, height, max-width, min-width, max-height min-height */
.sm\@max-w-1200{max-width:1200px;}
.sm\@max-w-1000{max-width:1000px;}
.sm\@max-w-800{max-width:800px;}
.sm\@max-w-600{max-width:600px;}
.sm\@max-w-400{max-width:400px;}
.sm\@max-w-100vw{max-width:100vw;}
.sm\@max-w-90vw{max-width:90vw;}
.sm\@max-w-100{max-width:100%;}
.sm\@max-w-none{max-width:none;}

.sm\@w-auto{width: auto;}
.sm\@w-1\/5{width: 20%;} 
.sm\@w-2\/5{width: 40%;}
.sm\@w-3\/5{width: 60%;}
.sm\@w-4\/5{width: 80%;}
.sm\@w-1\/12{width: 8.333333%;}
.sm\@w-2\/12, .sm\@w-1\/6{width: 16.666667%;}
.sm\@w-3\/12, .sm\@w-1\/4{width: 25%;}
.sm\@w-4\/12, .sm\@w-2\/6, .sm\@w-1\/3{width: 33.333333%;}
.sm\@w-5\/12{width: 41.666667%;}
.sm\@w-6\/12, .sm\@w-3\/6, .sm\@w-2\/4, .sm\@w-1\/2 {width: 50%;}
.sm\@w-7\/12{width: 58.333333%;}
.sm\@w-8\/12, .sm\@w-4\/6, .sm\@w-2\/3{width: 66.666667%;}
.sm\@w-9\/12, .sm\@w-3\/4 {width: 75%;}
.sm\@w-10\/12, .sm\@w-5\/6{width: 83.333333%;}
.sm\@w-11\/12{width: 91.666667%;}
.sm\@w-12\/12, .sm\@w-6\/6, .sm\@w-5\/5, .sm\@w-4\/4, .sm\@w-3\/3, .sm\@w-2\/2, .sm\@w-100, .sm\@w-full {width: 100%;float:none;}
.sm\@w-100vw, .sm\@w-screen{width: 100vw;}
.sm\@w-90vw{width:90vw;}
.sm\@w-50vw{width:50vw;}
.sm\@w-45vw{width:45vw;}

.sm\@max-h-100{max-height: 100%}
.sm\@max-h-100vh{max-height: 100vh;}
.sm\@max-h-90vh{max-height: 90vh;}
.sm\@max-h-none{max-height: none;}
.sm\@min-h-100vh{min-height:100vh;}

.sm\@h-auto{height: auto;}
.sm\@h-100, .sm\@h-full{height: 100%;}
.sm\@h-100vh, .sm\@h-screen{height: 100vh;}


/*ratios*/
.sm\@ratio-1by3{padding-bottom:300%;}
.sm\@ratio-1by2{padding-bottom:200%;}
.sm\@ratio-9by16{padding-bottom:177.77%;}
.sm\@ratio-10by16{padding-bottom:160%;}
.sm\@ratio-2by3{padding-bottom:150%;}
.sm\@ratio-3by4{padding-bottom:133.33%;}
.sm\@ratio-1by1{padding-bottom:100%;}
.sm\@ratio-4by3{padding-bottom:75%;}
.sm\@ratio-3by2{padding-bottom:66.67%;}
.sm\@ratio-16by10{padding-bottom:62.5%;}
.sm\@ratio-16by9{padding-bottom:56.25%;}
.sm\@ratio-2by1{padding-bottom:50%;}
.sm\@ratio-3by1{padding-bottom:33.33%;}
.sm\@ratio-4by1{padding-bottom:25%;}
.sm\@ratio-5by1{padding-bottom:20%;}


.sm\@aspect-ratio-1\/5,   .sm\@aspect-ratio-1by5{aspect-ratio: 1 / 5; }
.sm\@aspect-ratio-1\/4,   .sm\@aspect-ratio-1by4{aspect-ratio: 1 / 4; }
.sm\@aspect-ratio-1\/3,   .sm\@aspect-ratio-1by3{aspect-ratio: 1 / 3; }
.sm\@aspect-ratio-2\/5,   .sm\@aspect-ratio-2by5{aspect-ratio: 2 / 5; }
.sm\@aspect-ratio-1\/2,   .sm\@aspect-ratio-1by2{aspect-ratio: 1 / 2; }
.sm\@aspect-ratio-9\/16,  .sm\@aspect-ratio-9by16{aspect-ratio: 9 / 6; }
.sm\@aspect-ratio-3\/5,   .sm\@aspect-ratio-3by5{aspect-ratio: 3 / 5; }
.sm\@aspect-ratio-10\/16, .sm\@aspect-ratio-10by16{aspect-ratio: 10 / 16; }
.sm\@aspect-ratio-2\/3,   .sm\@aspect-ratio-2by3{aspect-ratio: 2 / 3; }
.sm\@aspect-ratio-3\/4,   .sm\@aspect-ratio-3by4{aspect-ratio: 3 / 4; }
.sm\@aspect-ratio-4\/5,   .sm\@aspect-ratio-4by5{aspect-ratio: 4 / 5; }
.sm\@aspect-ratio-1\/1,   .sm\@aspect-ratio-1by1{aspect-ratio: 1 / 1; }
.sm\@aspect-ratio-5\/4,   .sm\@aspect-ratio-5by4{aspect-ratio: 5 / 4; }
.sm\@aspect-ratio-4\/3,   .sm\@aspect-ratio-4by3{aspect-ratio: 4 / 3; }
.sm\@aspect-ratio-3\/2,   .sm\@aspect-ratio-3by2{aspect-ratio: 3 / 2; }
.sm\@aspect-ratio-16\/10, .sm\@aspect-ratio-16by10{aspect-ratio: 16 / 10; }
.sm\@aspect-ratio-5\/3,   .sm\@aspect-ratio-5by3{aspect-ratio: 5 / 3; }
.sm\@aspect-ratio-16\/9,  .sm\@aspect-ratio-16by9{aspect-ratio: 16 / 9; }
.sm\@aspect-ratio-2\/1,   .sm\@aspect-ratio-2by1{aspect-ratio: 2 / 1; }
.sm\@aspect-ratio-5\/2,   .sm\@aspect-ratio-5by2{aspect-ratio: 5 / 2; }
.sm\@aspect-ratio-3\/1,   .sm\@aspect-ratio-3by1{aspect-ratio: 3 / 1; }
.sm\@aspect-ratio-4\/1,   .sm\@aspect-ratio-4by1{aspect-ratio: 4 / 1; }
.sm\@aspect-ratio-5\/1,   .sm\@aspect-ratio-5by1{aspect-ratio: 5 / 1; }


/* flexbox */
.sm\@flex-j-center{justify-content:center;}
.sm\@flex-j-start{justify-content:flex-start;}
.sm\@flex-j-end{justify-content:flex-end;}
.sm\@flex-row{display:flex;flex-direction:row;flex-wrap: wrap;}
.sm\@flex-col{display: flex;flex: 1 0 0%;flex-direction:column;}
.sm\@flex-nowrap{flex-wrap: nowrap;}
.sm\@flex-self-start{align-self: flex-start;}
.sm\@flex-col3-4{display: flex;flex: 0 0 75%;flex-direction:column;max-width:75%;}
.sm\@flex-col2-3{display: flex;flex: 0 0 66.66%;flex-direction:column;max-width:66.66%;}
.sm\@flex-col2{display: flex;flex: 0 0 50%;flex-direction:column;max-width:50%;}
.sm\@flex-col3{display: flex;flex: 0 0 33.33%;flex-direction:column;max-width:33.33%;}
.sm\@flex-col4{display: flex;flex: 0 0 25%;flex-direction:column;max-width:25%;}
.sm\@flex-col5{display: flex;flex: 0 0 20%;flex-direction:column;max-width:20%;}
.sm\@flex-h100{flex: 1 1 auto;}
.sm\@flex-align-items-center{align-items:center;}


/*float*/
.sm\@float-left{float:left;}
.sm\@float-right{float:right;}
.sm\@float-none{float:none;}
.sm\@clear{clear:both;}
.sm\@clear-left{clear:left;}
.sm\@clear-right{clear:right;}
.sm\@clearfix::after {display: block;clear: both;content: ""; }



/*position*/
.sm\@pos-static{position:static;}
.sm\@pos-rel{position:relative;}
.sm\@pos-abs{position:absolute;}
.sm\@pos-fix{position:fixed;}
.sm\@pos-sticky{position:sticky;}
.sm\@top-0, .sm\@coords-0{top:0;}
.sm\@right-0, .sm\@coords-0{right:0;}
.sm\@bottom-0, .sm\@coords-0{bottom:0;}
.sm\@left-0, .sm\@coords-0{left:0;}
.sm\@top-auto, .sm\@coords-auto{top:auto;}
.sm\@right-auto, .sm\@coords-auto{right:auto;}
.sm\@bottom-auto, .sm\@coords-auto{bottom:auto;}
.sm\@left-auto, .sm\@coords-auto{left:auto;}
.sm\@coords-center{top: 50%;left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}



/*background*/
.sm\@bg-fix{background-attachment:fixed;}
.sm\@bg-cover{background-size:cover;}
.sm\@bg-pos-center{background-position: center;}
.sm\@bg-transparent{background-color:transparent;}

.sm\@bg-main-color, .sm\@bg-main-color\:hover:hover{background-color:var(--accent-color);}

.sm\@bg-red50, .sm\@bg-red50\:hover:hover{background-color:#fde0dc;}
.sm\@bg-red500, .sm\@bg-red, .sm\@bg-red500\:hover:hover, .sm\@bg-red\:hover:hover{background-color:#e51c23;}
.sm\@bg-red600, .sm\@bg-red600\:hover:hover{background-color:#dd191d;}

.sm\@bg-blue50, .sm\@bg-blue50\:hover:hover{background-color:#e7e9fd;}
.sm\@bg-blue500, .sm\@bg-blue500\:hover:hover, .sm\@bg-blue, .sm\@bg-blue\:hover:hover{background-color:#5677fc;}
.sm\@bg-blue600, .sm\@bg-blue600\:hover:hover{background-color:#4e6cef;}

.sm\@bg-light-blue50, .sm\@bg-light-blue50\:hover:hover{background-color:#e1f5fe;}
.sm\@bg-light-blue500, .sm\@bg-light-blue500\:hover:hover, .sm\@bg-light-blue, .sm\@bg-light-blue\:hover:hover{background-color:#03a9f4;}
.sm\@bg-light-blue600, .sm\@bg-light-blue600\:hover:hover{background-color:#039be5;}

.sm\@bg-green50, .sm\@bg-green50\:hover:hover{background-color:#d0f8ce;}
.sm\@bg-green500, .sm\@bg-green500\:hover:hover, .sm\@bg-green, .sm\@bg-green\:hover:hover{background-color:#259b24;}
.sm\@bg-green600, .sm\@bg-green600\:hover:hover{background-color:#0a8f08;}

.sm\@bg-light-green50, .sm\@bg-light-green50\:hover:hover{background-color:#f1f8e9;}
.sm\@bg-light-green500, .sm\@bg-light-green500\:hover:hover, .sm\@bg-light-green, .sm\@bg-light-green\:hover:hover{background-color:#8bc34a;}
.sm\@bg-light-green600, .sm\@bg-light-green600\:hover:hover{background-color:#7cb342;}

.sm\@bg-orange50, .sm\@bg-orange50\:hover:hover{background-color:#fff3e0;}
.sm\@bg-orange500, .sm\@bg-orange500\:hover:hover, .sm\@bg-orange, .sm\@bg-orange\:hover:hover{background-color:#ff9800;}
.sm\@bg-orange600, .sm\@bg-orange600\:hover:hover{background-color:#fb8c00;}

.sm\@bg-deep-orange50, .sm\@bg-deep-orange50\:hover:hover{background-color:#fbe9e7;}
.sm\@bg-deep-orange500, .sm\@bg-deep-orange500\:hover:hover, .sm\@bg-deep-orange, .sm\@bg-deep-orange\:hover:hover{background-color:#ff5722;}
.sm\@bg-deep-orange600, .sm\@bg-deep-orange600\:hover:hover{background-color:#f4511e;}

.sm\@bg-grey50, .sm\@bg-grey50\:hover:hover{background-color:#fafafa;}
.sm\@bg-grey100, .sm\@bg-grey100\:hover:hover{background-color:#f5f5f5;}
.sm\@bg-grey200, .sm\@bg-grey200\:hover:hover{background-color:#eeeeee;}
.sm\@bg-grey300, .sm\@bg-grey300\:hover:hover{background-color:#e0e0e0;}
.sm\@bg-grey400, .sm\@bg-grey400\:hover:hover{background-color:#bdbdbd;}
.sm\@bg-grey500, .sm\@bg-grey500\:hover:hover, .sm\@bg-grey, .sm\@bg-grey\:hover:hover{background-color:#9e9e9e;}
.sm\@bg-grey600, .sm\@bg-grey600\:hover:hover{background-color:#757575;}
.sm\@bg-grey700, .sm\@bg-grey700\:hover:hover{background-color:#616161;}
.sm\@bg-grey750, .sm\@bg-grey750\:hover:hover{background-color:#4D4D4D;}
.sm\@bg-grey800, .sm\@bg-grey800\:hover:hover{background-color:#424242;}
.sm\@bg-grey850, .sm\@bg-grey850\:hover:hover{background-color:#333333;}
.sm\@bg-grey900, .sm\@bg-grey900\:hover:hover{background-color:#212121;}
.sm\@bg-black, .sm\@bg-black\:hover:hover{background-color:#000000;}
.sm\@bg-white, .sm\@bg-white\:hover:hover{background-color:#ffffff;}




/* text */
.sm\@text-left{text-align:left;}
.sm\@text-right{text-align:right;}
.sm\@text-center{text-align:center;}

.sm\@text-smaller{font-size:80%}
.sm\@text-bigger{font-size:120%;}

.sm\@text-col-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 50px;-moz-column-gap: 50px;column-gap: 50px;}
.sm\@text-col-1{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}

.sm\@text-strike{text-decoration:line-through;}
.sm\@text-underline, .sm\@text-underline\:hover:hover, a.sm\@text-underline, a.sm\@text-underline\:hover:hover{text-decoration:underline;}
.sm\@text-decoration-none, .sm\@text-decoration-none\:hover:hover{text-decoration:none;}

.sm\@text-nowrap{white-space:nowrap;}
.sm\@text-wrap{white-space:wrap;}

.sm\@main-color, .sm\@main-color\:hover:hover{color:var(--accent-color);}

.sm\@red50, .sm\@red50\:hover:hover{color:#fde0dc;}
.sm\@red500, .sm\@red500\:hover:hover, .sm\@red, .sm\@red\:hover:hover{color:#e51c23;}
.sm\@red600, .sm\@red600\:hover:hover{color:#dd191d;}

.sm\@blue50, .sm\@blue50\:hover:hover{color:#e7e9fd;}
.sm\@blue500, .sm\@blue500\:hover:hover, .sm\@blue, .sm\@blue\:hover:hover{color:#5677fc;}
.sm\@blue600, .sm\@blue600\:hover:hover{color:#4e6cef;}

.sm\@light-blue50, .sm\@light-blue50\:hover:hover{color:#e1f5fe;}
.sm\@light-blue500, .sm\@light-blue500\:hover:hover, .sm\@light-blue, .sm\@light-blue\:hover:hover{color:#03a9f4;}
.sm\@light-blue600, .sm\@light-blue600\:hover:hover{color:#039be5;}

.sm\@green50, .sm\@green50\:hover:hover{color:#d0f8ce;}
.sm\@green500, .sm\@green500\:hover:hover, .sm\@green, .sm\@green\:hover:hover{color:#259b24;}
.sm\@green600, .sm\@green600\:hover:hover{color:#0a8f08;}

.sm\@light-green50, .sm\@light-green50\:hover:hover{color:#f1f8e9;}
.sm\@light-green500, .sm\@light-green500\:hover:hover, .sm\@light-green, .sm\@light-green\:hover:hover{color:#8bc34a;}
.sm\@light-green600, .sm\@light-green600\:hover:hover{color:#7cb342;}

.sm\@orange50, .sm\@orange50\:hover:hover{color:#fff3e0;}
.sm\@orange500, .sm\@orange500\:hover:hover, .sm\@orange, .sm\@orange\:hover:hover{color:#ff9800;}
.sm\@orange600, .sm\@orange600\:hover:hover{color:#fb8c00;}

.sm\@deep-orange50, .sm\@deep-orange50\:hover:hover{color:#fbe9e7;}
.sm\@deep-orange500, .sm\@deep-orange500\:hover:hover, .sm\@deep-orange, .sm\@deep-orange\:hover:hover{color:#ff5722;}
.sm\@deep-orange600, .sm\@deep-orange600\:hover:hover{color:#f4511e;}

.sm\@grey50, .sm\@grey50\:hover:hover{color:#fafafa;}
.sm\@grey100, .sm\@grey100\:hover:hover{color:#f5f5f5;}
.sm\@grey200, .sm\@grey200\:hover:hover{color:#eeeeee;}
.sm\@grey300, .sm\@grey300\:hover:hover{color:#e0e0e0;}
.sm\@grey400, .sm\@grey400\:hover:hover{color:#bdbdbd;}
.sm\@grey500, .sm\@grey500\:hover:hover, .sm\@grey, .sm\@grey\:hover:hover{color:#9e9e9e;}
.sm\@grey600, .sm\@grey600\:hover:hover{color:#757575;}
.sm\@grey700, .sm\@grey700\:hover:hover{color:#616161;}
.sm\@grey800, .sm\@grey800\:hover:hover{color:#424242;}
.sm\@grey900, .sm\@grey900\:hover:hover{color:#212121;}
.sm\@black, .sm\@black\:hover:hover{color:#000000;}
.sm\@white, .sm\@white\:hover:hover{color:#ffffff;}





/* opacity */
.sm\@opacity-0, .sm\@opacity-0\:hover:hover, .sm\@parent_opacity-0\:hover:hover .sm\@opacity-0\:hover{opacity:0;}
.sm\@opacity-25, .sm\@opacity-25\:hover:hover, .sm\@parent_opacity-25\:hover:hover .sm\@opacity-25\:hover{opacity:.25;}
.sm\@opacity-50, .sm\@opacity-50\:hover:hover, .sm\@parent_opacity-50\:hover:hover .sm\@opacity-50\:hover{opacity:.5;}
.sm\@opacity-75, .sm\@opacity-75\:hover:hover, .sm\@parent_opacity-75\:hover:hover .sm\@opacity-75\:hover{opacity:.75;}
.sm\@opacity-100, .sm\@opacity-100\:hover:hover, .sm\@parent_opacity-100\:hover:hover .sm\@opacity-100\:hover{opacity:1;}




/* overflow */
.sm\@overflow-hidden{overflow:hidden;}
.sm\@overflow-auto{overflow:auto;}
.sm\@overflow-scroll{overflow:scroll;}
.sm\@overflow-visible{overflow:visible;}
.sm\@overflow-y-hidden{overflow-y:hidden;}
.sm\@overflow-y-auto{overflow-y:auto;}
.sm\@overflow-y-scroll{overflow-y:scroll;}
.sm\@overflow-y-visible{overflow-y:visible;}
.sm\@overflow-x-hidden{overflow-x:hidden;}
.sm\@overflow-x-auto{overflow-x:auto;}
.sm\@overflow-x-scroll{overflow-x:scroll;}
.sm\@overflow-x-visible{overflow-x:visible;}



/*images iframes*/
.sm\@img-cover{object-fit: cover;}
.sm\@valign-top{vertical-align:top;}
.sm\@valign-middle{vertical-align:middle;}



/* misc */
.sm\@visible{visibility:visible;}
.sm\@hidden{visibility:hidden;}



}

/* Medium (md) */
@media (min-width: 768px) { 

/* display */

.md\@d-inline{display:inline;}
.md\@d-inline-block{display:inline-block;}
.md\@d-block, .md\@d-block\:target:target{display:block;}
.md\@d-flex{display:flex;}
.md\@d-inline-flex{display:inline-flex;}
.md\@d-td, .md\@d-th{display:table-cell;}
.md\@d-tr{display:table-row;}
.md\@d-none{display:none;}
.md\@d-none\!{display:none !important;}
.md\@d-grid{display: grid;}

.md\@grid-cols-1{ grid-template-columns: repeat(1, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-2{ grid-template-columns: repeat(2, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}

.md\@grid-cols-1\/2{ grid-template-columns: 1fr 2fr; }
.md\@grid-cols-2\/1{ grid-template-columns: 2fr 1fr; }
.md\@grid-cols-3\/2{ grid-template-columns: 3fr 2fr; }
.md\@grid-cols-2\/3{ grid-template-columns: 2fr 3fr; }

.md\@grid-cols-1\/3{ grid-template-columns: 1fr 3fr; }
.md\@grid-cols-1\/4{ grid-template-columns: 1fr 4fr; }
.md\@grid-cols-1\/5{ grid-template-columns: 1fr 5fr; }

.md\@grid-cols-3{ grid-template-columns: repeat(3, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-4{ grid-template-columns: repeat(4, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-5{ grid-template-columns: repeat(5, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-6{ grid-template-columns: repeat(6, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-7{ grid-template-columns: repeat(7, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-8{ grid-template-columns: repeat(8, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-9{ grid-template-columns: repeat(9, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-10{  grid-template-columns: repeat(10, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-11{  grid-template-columns: repeat(11, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-12{  grid-template-columns: repeat(12, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.md\@grid-cols-none{  grid-template-columns: none;}

.md\@grid-rows-1{grid-template-rows: repeat(1, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.md\@grid-rows-2{grid-template-rows: repeat(2, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.md\@grid-rows-3{grid-template-rows: repeat(3, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.md\@grid-rows-4{grid-template-rows: repeat(4, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.md\@grid-rows-5{grid-template-rows: repeat(5, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.md\@grid-rows-6{grid-template-rows: repeat(6, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.md\@grid-rows-none{grid-template-rows: none;}

.md\@grid-flow-row{ grid-auto-flow: row;}
.md\@grid-flow-col{ grid-auto-flow: column;}
.md\@grid-flow-row-dense{ grid-auto-flow: row dense;}
.md\@grid-flow-col-dense{ grid-auto-flow: column dense;}

.md\@grid-auto-cols-auto{  grid-auto-columns: auto;}
.md\@grid-auto-cols-min{ grid-auto-columns: min-content;}
.md\@grid-auto-cols-max{ grid-auto-columns: max-content;}
.md\@grid-auto-cols-fr{  grid-auto-columns: minmax(0, 1fr);}

.md\@grid-auto-rows-auto{  grid-auto-rows: auto;}
.md\@grid-auto-rows-min{ grid-auto-rows: min-content;}
.md\@grid-auto-rows-max{ grid-auto-rows: max-content;}
.md\@grid-auto-rows-fr{  grid-auto-rows: minmax(0, 1fr);}

.md\@g-col-auto{  grid-column: auto;}
.md\@g-col-span-1{  grid-column: span 1 / span 1;}
.md\@g-col-span-2{  grid-column: span 2 / span 2;}
.md\@g-col-span-3{  grid-column: span 3 / span 3;}
.md\@g-col-span-4{  grid-column: span 4 / span 4;}
.md\@g-col-span-5{  grid-column: span 5 / span 5;}
.md\@g-col-span-6{  grid-column: span 6 / span 6;}
.md\@g-col-span-7{  grid-column: span 7 / span 7;}
.md\@g-col-span-8{  grid-column: span 8 / span 8;}
.md\@g-col-span-9{  grid-column: span 9 / span 9;}
.md\@g-col-span-10{ grid-column: span 10 / span 10;}
.md\@g-col-span-11{ grid-column: span 11 / span 11;}
.md\@g-col-span-12{ grid-column: span 12 / span 12;}
.md\@g-col-span-full{ grid-column: 1 / -1;}
.md\@g-col-start-1{ grid-column-start: 1;}
.md\@g-col-start-2{ grid-column-start: 2;}
.md\@g-col-start-3{ grid-column-start: 3;}
.md\@g-col-start-4{ grid-column-start: 4;}
.md\@g-col-start-5{ grid-column-start: 5;}
.md\@g-col-start-6{ grid-column-start: 6;}
.md\@g-col-start-7{ grid-column-start: 7;}
.md\@g-col-start-8{ grid-column-start: 8;}
.md\@g-col-start-9{ grid-column-start: 9;}
.md\@g-col-start-10{  grid-column-start: 10;}
.md\@g-col-start-11{  grid-column-start: 11;}
.md\@g-col-start-12{  grid-column-start: 12;}
.md\@g-col-start-13{  grid-column-start: 13;}
.md\@g-col-start-auto{  grid-column-start: auto;}
.md\@g-col-end-1{ grid-column-end: 1;}
.md\@g-col-end-2{ grid-column-end: 2;}
.md\@g-col-end-3{ grid-column-end: 3;}
.md\@g-col-end-4{ grid-column-end: 4;}
.md\@g-col-end-5{ grid-column-end: 5;}
.md\@g-col-end-6{ grid-column-end: 6;}
.md\@g-col-end-7{ grid-column-end: 7;}
.md\@g-col-end-8{ grid-column-end: 8;}
.md\@g-col-end-9{ grid-column-end: 9;}
.md\@g-col-end-10{  grid-column-end: 10;}
.md\@g-col-end-11{  grid-column-end: 11;}
.md\@g-col-end-12{  grid-column-end: 12;}
.md\@g-col-end-13{  grid-column-end: 13;}
.md\@g-col-end-auto{  grid-column-end: auto;}

.md\@g-row-auto{  grid-row: auto;}
.md\@g-row-span-1{  grid-row: span 1 / span 1;}
.md\@g-row-span-2{  grid-row: span 2 / span 2;}
.md\@g-row-span-3{  grid-row: span 3 / span 3;}
.md\@g-row-span-4{  grid-row: span 4 / span 4;}
.md\@g-row-span-5{  grid-row: span 5 / span 5;}
.md\@g-row-span-6{  grid-row: span 6 / span 6;}
.md\@g-row-span-full{ grid-row: 1 / -1;}
.md\@g-row-start-1{ grid-row-start: 1;}
.md\@g-row-start-2{ grid-row-start: 2;}
.md\@g-row-start-3{ grid-row-start: 3;}
.md\@g-row-start-4{ grid-row-start: 4;}
.md\@g-row-start-5{ grid-row-start: 5;}
.md\@g-row-start-6{ grid-row-start: 6;}
.md\@g-row-start-7{ grid-row-start: 7;}
.md\@g-row-start-auto{  grid-row-start: auto;}
.md\@g-row-end-1{ grid-row-end: 1;}
.md\@g-row-end-2{ grid-row-end: 2;}
.md\@g-row-end-3{ grid-row-end: 3;}
.md\@g-row-end-4{ grid-row-end: 4;}
.md\@g-row-end-5{ grid-row-end: 5;}
.md\@g-row-end-6{ grid-row-end: 6;}
.md\@g-row-end-7{ grid-row-end: 7;}
.md\@g-row-end-auto{  grid-row-end: auto;}


/*margins paddings borders width height*/
.md\@pt-0, .md\@py-0, .md\@p-0 {padding-top: 0; }
.md\@pr-0, .md\@px-0, .md\@p-0 {padding-right: 0; }
.md\@pb-0, .md\@py-0, .md\@p-0 {padding-bottom: 0; }
.md\@pl-0, .md\@px-0, .md\@p-0 {padding-left: 0; }

.md\@pt-2, .md\@py-2, .md\@p-2 {padding-top: 2px; }
.md\@pr-2, .md\@px-2, .md\@p-2 {padding-right: 2px; }
.md\@pb-2, .md\@py-2, .md\@p-2 {padding-bottom: 2px; }
.md\@pl-2, .md\@px-2, .md\@p-2 {padding-left: 2px; }

.md\@pt-5, .md\@py-5, .md\@p-5 {padding-top: 5px; }
.md\@pr-5, .md\@px-5, .md\@p-5 {padding-right: 5px; }
.md\@pb-5, .md\@py-5, .md\@p-5 {padding-bottom: 5px; }
.md\@pl-5, .md\@px-5, .md\@p-5 {padding-left: 5px; }

.md\@pt-10, .md\@py-10, .md\@p-10 {padding-top: 10px; }
.md\@pr-10, .md\@px-10, .md\@p-10 {padding-right: 10px; }
.md\@pb-10, .md\@py-10, .md\@p-10 {padding-bottom: 10px; }
.md\@pl-10, .md\@px-10, .md\@p-10 {padding-left: 10px; }

.md\@pt-15, .md\@py-15, .md\@p-15 {padding-top: 15px; }
.md\@pr-15, .md\@px-15, .md\@p-15 {padding-right: 15px; }
.md\@pb-15, .md\@py-15, .md\@p-15 {padding-bottom: 15px; }
.md\@pl-15, .md\@px-15, .md\@p-15 {padding-left: 15px; }

.md\@pt-20, .md\@py-20, .md\@p-20 {padding-top: 20px; }
.md\@pr-20, .md\@px-20, .md\@p-20 {padding-right: 20px; }
.md\@pb-20, .md\@py-20, .md\@p-20 {padding-bottom: 20px; }
.md\@pl-20, .md\@px-20, .md\@p-20 {padding-left: 20px; }

.md\@pt-40, .md\@py-40, .md\@p-40 {padding-top: 40px; }
.md\@pr-40, .md\@px-40, .md\@p-40 {padding-right: 40px; }
.md\@pb-40, .md\@py-40, .md\@p-40 {padding-bottom: 40px; }
.md\@pl-40, .md\@px-40, .md\@p-40 {padding-left: 40px; }
.md\@pl-100{padding-left: 100px; }

.md\@mt-0, .md\@my-0, .md\@m-0 {margin-top: 0; }
.md\@mr-0, .md\@mx-0, .md\@m-0 {margin-right: 0; }
.md\@mb-0, .md\@my-0, .md\@m-0 {margin-bottom: 0; }
.md\@ml-0, .md\@mx-0, .md\@m-0 {margin-left: 0; }

.md\@mt-5, .md\@my-5, .md\@m-5 {margin-top: 5px; }
.md\@mr-5, .md\@mx-5, .md\@m-5 {margin-right: 5px; }
.md\@mb-5, .md\@my-5, .md\@m-5 {margin-bottom: 5px; }
.md\@ml-5, .md\@mx-5, .md\@m-5 {margin-left: 5px; }

.md\@mt-10, .md\@my-10, .md\@m-10 {margin-top: 10px; }
.md\@mr-10, .md\@mx-10, .md\@m-10 {margin-right: 10px; }
.md\@mb-10, .md\@my-10, .md\@m-10 {margin-bottom: 10px; }
.md\@ml-10, .md\@mx-10, .md\@m-10 {margin-left: 10px; }

.md\@mt-15, .md\@my-15, .md\@m-15 {margin-top: 15px; }
.md\@mr-15, .md\@mx-15, .md\@m-15 {margin-right: 15px; }
.md\@mb-15, .md\@my-15, .md\@m-15 {margin-bottom: 15px; }
.md\@ml-15, .md\@mx-15, .md\@m-15 {margin-left: 15px; }

.md\@mt-20, .md\@my-20, .md\@m-20 {margin-top: 20px; }
.md\@mr-20, .md\@mx-20, .md\@m-20 {margin-right: 20px; }
.md\@mb-20, .md\@my-20, .md\@m-20 {margin-bottom: 20px; }
.md\@ml-20, .md\@mx-20, .md\@m-20 {margin-left: 20px; }

.md\@mt-40, .md\@my-40, .md\@m-40 {margin-top: 40px; }
.md\@mr-40, .md\@mx-40, .md\@m-40 {margin-right: 40px; }
.md\@mb-40, .md\@my-40, .md\@m-40 {margin-bottom: 40px; }
.md\@ml-40, .md\@mx-40, .md\@m-40 {margin-left: 40px; }

.md\@mt-n5, .md\@my-n5, .md\@m-n5 {margin-top: -5px; }
.md\@mr-n5, .md\@mx-n5, .md\@m-n5 {margin-right: -5px; }
.md\@mb-n5, .md\@my-n5, .md\@m-n5 {margin-bottom: -5px; }
.md\@ml-n5, .md\@mx-n5, .md\@m-n5 {margin-left: -5px; }

.md\@mt-n10, .md\@my-n10, .md\@m-n10 {margin-top: -10px; }
.md\@mr-n10, .md\@mx-n10, .md\@m-n10 {margin-right: -10px; }
.md\@mb-n10, .md\@my-n10, .md\@m-n10 {margin-bottom: -10px; }
.md\@ml-n10, .md\@mx-n10, .md\@m-n10 {margin-left: -10px; }

.md\@mt-n15, .md\@my-n15, .md\@m-n15 {margin-top: -15px; }
.md\@mr-n15, .md\@mx-n15, .md\@m-n15 {margin-right: -15px; }
.md\@mb-n15, .md\@my-n15, .md\@m-n15 {margin-bottom: -15px; }
.md\@ml-n15, .md\@mx-n15, .md\@m-n15 {margin-left: -15px; }

.md\@mt-n20, .md\@my-n20, .md\@m-n20 {margin-top: -20px; }
.md\@mr-n20, .md\@mx-n20, .md\@m-n20 {margin-right: -20px; }
.md\@mb-n20, .md\@my-n20, .md\@m-n20 {margin-bottom: -20px; }
.md\@ml-n20, .md\@mx-n20, .md\@m-n20 {margin-left: -20px; }

.md\@mt-n40, .md\@my-n40, .md\@m-n40 {margin-top: -40px; }
.md\@mr-n40, .md\@mx-n40, .md\@m-n40 {margin-right: -40px; }
.md\@mb-n40, .md\@my-n40, .md\@m-n40 {margin-bottom: -40px; }
.md\@ml-n40, .md\@mx-n40, .md\@m-n40 {margin-left: -40px; }

.md\@m-auto {margin: auto; }
.md\@mt-auto, .md\@my-auto {margin-top: auto; }
.md\@mr-auto, .md\@mx-auto {margin-right: auto; }
.md\@mb-auto, .md\@my-auto {margin-bottom: auto; }
.md\@ml-auto, .md\@mx-auto {margin-left: auto; }


/* border */
.md\@bt-0, .md\@b-0{border-top-width:0px;}
.md\@br-0, .md\@b-0{border-right-width:0px;}
.md\@bb-0, .md\@b-0{border-bottom-width:0px;}
.md\@bl-0, .md\@b-0{border-left-width:0px;}

.md\@bt-1, .md\@b-1{border-top-width:1px;}
.md\@br-1, .md\@b-1{border-right-width:1px;}
.md\@bb-1, .md\@b-1{border-bottom-width:1px;}
.md\@bl-1, .md\@b-1{border-left-width:1px;}

.md\@bt-2, .md\@b-2{border-top-width:2px;}
.md\@br-2, .md\@b-2{border-right-width:2px;}
.md\@bb-2, .md\@b-2{border-bottom-width:2px;}
.md\@bl-2, .md\@b-2{border-left-width:2px;}

.md\@b-currentColor{border-color:currentColor;}
.md\@b-transparent{border-color:transparent;}




/* sizing: width, height, max-width, min-width, max-height min-height */
.md\@max-w-1200{max-width:1200px;}
.md\@max-w-1000{max-width:1000px;}
.md\@max-w-800{max-width:800px;}
.md\@max-w-600{max-width:600px;}
.md\@max-w-400{max-width:400px;}
.md\@max-w-100vw{max-width:100vw;}
.md\@max-w-90vw{max-width:90vw;}
.md\@max-w-100{max-width:100%;}
.md\@max-w-none{max-width:none;}

.md\@w-auto{width: auto;}
.md\@w-1\/5{width: 20%;} 
.md\@w-2\/5{width: 40%;}
.md\@w-3\/5{width: 60%;}
.md\@w-4\/5{width: 80%;}
.md\@w-1\/12{width: 8.333333%;}
.md\@w-2\/12, .md\@w-1\/6{width: 16.666667%;}
.md\@w-3\/12, .md\@w-1\/4{width: 25%;}
.md\@w-4\/12, .md\@w-2\/6, .md\@w-1\/3{width: 33.333333%;}
.md\@w-5\/12{width: 41.666667%;}
.md\@w-6\/12, .md\@w-3\/6, .md\@w-2\/4, .md\@w-1\/2 {width: 50%;}
.md\@w-7\/12{width: 58.333333%;}
.md\@w-8\/12, .md\@w-4\/6, .md\@w-2\/3{width: 66.666667%;}
.md\@w-9\/12, .md\@w-3\/4 {width: 75%;}
.md\@w-10\/12, .md\@w-5\/6{width: 83.333333%;}
.md\@w-11\/12{width: 91.666667%;}
.md\@w-12\/12, .md\@w-6\/6, .md\@w-5\/5, .md\@w-4\/4, .md\@w-3\/3, .md\@w-2\/2, .md\@w-100, .md\@w-full {width: 100%;float:none;}
.md\@w-100vw, .md\@w-screen{width: 100vw;}
.md\@w-90vw{width:90vw;}
.md\@w-50vw{width:50vw;}
.md\@w-45vw{width:45vw;}

.md\@max-h-100{max-height: 100%}
.md\@max-h-100vh{max-height: 100vh;}
.md\@max-h-90vh{max-height: 90vh;}
.md\@max-h-none{max-height: none;}
.md\@min-h-100vh{min-height:100vh;}

.md\@h-auto{height: auto;}
.md\@h-100, .md\@h-full{height: 100%;}
.md\@h-100vh, .md\@h-screen{height: 100vh;}


/*ratios*/
.md\@ratio-1by3{padding-bottom:300%;}
.md\@ratio-1by2{padding-bottom:200%;}
.md\@ratio-9by16{padding-bottom:177.77%;}
.md\@ratio-10by16{padding-bottom:160%;}
.md\@ratio-2by3{padding-bottom:150%;}
.md\@ratio-3by4{padding-bottom:133.33%;}
.md\@ratio-1by1{padding-bottom:100%;}
.md\@ratio-4by3{padding-bottom:75%;}
.md\@ratio-3by2{padding-bottom:66.67%;}
.md\@ratio-16by10{padding-bottom:62.5%;}
.md\@ratio-16by9{padding-bottom:56.25%;}
.md\@ratio-2by1{padding-bottom:50%;}
.md\@ratio-3by1{padding-bottom:33.33%;}
.md\@ratio-4by1{padding-bottom:25%;}
.md\@ratio-5by1{padding-bottom:20%;}


.md\@aspect-ratio-1\/5,   .md\@aspect-ratio-1by5{aspect-ratio: 1 / 5; }
.md\@aspect-ratio-1\/4,   .md\@aspect-ratio-1by4{aspect-ratio: 1 / 4; }
.md\@aspect-ratio-1\/3,   .md\@aspect-ratio-1by3{aspect-ratio: 1 / 3; }
.md\@aspect-ratio-2\/5,   .md\@aspect-ratio-2by5{aspect-ratio: 2 / 5; }
.md\@aspect-ratio-1\/2,   .md\@aspect-ratio-1by2{aspect-ratio: 1 / 2; }
.md\@aspect-ratio-9\/16,  .md\@aspect-ratio-9by16{aspect-ratio: 9 / 6; }
.md\@aspect-ratio-3\/5,   .md\@aspect-ratio-3by5{aspect-ratio: 3 / 5; }
.md\@aspect-ratio-10\/16, .md\@aspect-ratio-10by16{aspect-ratio: 10 / 16; }
.md\@aspect-ratio-2\/3,   .md\@aspect-ratio-2by3{aspect-ratio: 2 / 3; }
.md\@aspect-ratio-3\/4,   .md\@aspect-ratio-3by4{aspect-ratio: 3 / 4; }
.md\@aspect-ratio-4\/5,   .md\@aspect-ratio-4by5{aspect-ratio: 4 / 5; }
.md\@aspect-ratio-1\/1,   .md\@aspect-ratio-1by1{aspect-ratio: 1 / 1; }
.md\@aspect-ratio-5\/4,   .md\@aspect-ratio-5by4{aspect-ratio: 5 / 4; }
.md\@aspect-ratio-4\/3,   .md\@aspect-ratio-4by3{aspect-ratio: 4 / 3; }
.md\@aspect-ratio-3\/2,   .md\@aspect-ratio-3by2{aspect-ratio: 3 / 2; }
.md\@aspect-ratio-16\/10, .md\@aspect-ratio-16by10{aspect-ratio: 16 / 10; }
.md\@aspect-ratio-5\/3,   .md\@aspect-ratio-5by3{aspect-ratio: 5 / 3; }
.md\@aspect-ratio-16\/9,  .md\@aspect-ratio-16by9{aspect-ratio: 16 / 9; }
.md\@aspect-ratio-2\/1,   .md\@aspect-ratio-2by1{aspect-ratio: 2 / 1; }
.md\@aspect-ratio-5\/2,   .md\@aspect-ratio-5by2{aspect-ratio: 5 / 2; }
.md\@aspect-ratio-3\/1,   .md\@aspect-ratio-3by1{aspect-ratio: 3 / 1; }
.md\@aspect-ratio-4\/1,   .md\@aspect-ratio-4by1{aspect-ratio: 4 / 1; }
.md\@aspect-ratio-5\/1,   .md\@aspect-ratio-5by1{aspect-ratio: 5 / 1; }

/* flexbox */
.md\@flex-j-center{justify-content:center;}
.md\@flex-j-start{justify-content:flex-start;}
.md\@flex-j-end{justify-content:flex-end;}
.md\@flex-row{display:flex;flex-direction:row;flex-wrap: wrap;}
.md\@flex-col{display: flex;flex: 1 0 0%;flex-direction:column;}
.md\@flex-nowrap{flex-wrap: nowrap;}
.md\@flex-self-start{align-self: flex-start;}
.md\@flex-col3-4{display: flex;flex: 0 0 75%;flex-direction:column;max-width: 75%;}
.md\@flex-col2-3{display: flex;flex: 0 0 66.66%;flex-direction:column;max-width: 66.66%;}
.md\@flex-col2{display: flex;flex: 0 0 50%;flex-direction:column;max-width: 50%;}
.md\@flex-col3{display: flex;flex: 0 0 33.33%;flex-direction:column;max-width: 33.33%;}
.md\@flex-col4{display: flex;flex: 0 0 25%;flex-direction:column;max-width: 25%;}
.md\@flex-col5{display: flex;flex: 0 0 20%;flex-direction:column;max-width: 20%;}
.md\@flex-h100{flex: 1 1 auto;}
.md\@flex-align-items-center{align-items:center;}


/*float*/
.md\@float-left{float:left;}
.md\@float-right{float:right;}
.md\@float-none{float:none;}
.md\@clear{clear:both;}
.md\@clear-left{clear:left;}
.md\@clear-right{clear:right;}
.md\@clearfix::after {display: block;clear: both;content: ""; }



/*position*/
.md\@pos-static{position:static;}
.md\@pos-rel{position:relative;}
.md\@pos-abs{position:absolute;}
.md\@pos-fix{position:fixed;}
.md\@pos-sticky{position:sticky;}
.md\@top-0, .md\@coords-0{top:0;}
.md\@right-0, .md\@coords-0{right:0;}
.md\@bottom-0, .md\@coords-0{bottom:0;}
.md\@left-0, .md\@coords-0{left:0;}
.md\@top-auto, .md\@coords-auto{top:auto;}
.md\@right-auto, .md\@coords-auto{right:auto;}
.md\@bottom-auto, .md\@coords-auto{bottom:auto;}
.md\@left-auto, .md\@coords-auto{left:auto;}
.md\@coords-center{top: 50%;left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}



/*background*/
.md\@bg-fix{background-attachment:fixed;}
.md\@bg-cover{background-size:cover;}
.md\@bg-pos-center{background-position: center;}
.md\@bg-transparent{background-color:transparent;}

.md\@bg-main-color, .md\@bg-main-color\:hover:hover{background-color:var(--accent-color);}

.md\@bg-red50, .md\@bg-red50\:hover:hover{background-color:#fde0dc;}
.md\@bg-red500, .md\@bg-red, .md\@bg-red500\:hover:hover, .md\@bg-red\:hover:hover{background-color:#e51c23;}
.md\@bg-red600, .md\@bg-red600\:hover:hover{background-color:#dd191d;}

.md\@bg-blue50, .md\@bg-blue50\:hover:hover{background-color:#e7e9fd;}
.md\@bg-blue500, .md\@bg-blue500\:hover:hover, .md\@bg-blue, .md\@bg-blue\:hover:hover{background-color:#5677fc;}
.md\@bg-blue600, .md\@bg-blue600\:hover:hover{background-color:#4e6cef;}

.md\@bg-light-blue50, .md\@bg-light-blue50\:hover:hover{background-color:#e1f5fe;}
.md\@bg-light-blue500, .md\@bg-light-blue500\:hover:hover, .md\@bg-light-blue, .md\@bg-light-blue\:hover:hover{background-color:#03a9f4;}
.md\@bg-light-blue600, .md\@bg-light-blue600\:hover:hover{background-color:#039be5;}

.md\@bg-green50, .md\@bg-green50\:hover:hover{background-color:#d0f8ce;}
.md\@bg-green500, .md\@bg-green500\:hover:hover, .md\@bg-green, .md\@bg-green\:hover:hover{background-color:#259b24;}
.md\@bg-green600, .md\@bg-green600\:hover:hover{background-color:#0a8f08;}

.md\@bg-light-green50, .md\@bg-light-green50\:hover:hover{background-color:#f1f8e9;}
.md\@bg-light-green500, .md\@bg-light-green500\:hover:hover, .md\@bg-light-green, .md\@bg-light-green\:hover:hover{background-color:#8bc34a;}
.md\@bg-light-green600, .md\@bg-light-green600\:hover:hover{background-color:#7cb342;}

.md\@bg-orange50, .md\@bg-orange50\:hover:hover{background-color:#fff3e0;}
.md\@bg-orange500, .md\@bg-orange500\:hover:hover, .md\@bg-orange, .md\@bg-orange\:hover:hover{background-color:#ff9800;}
.md\@bg-orange600, .md\@bg-orange600\:hover:hover{background-color:#fb8c00;}

.md\@bg-deep-orange50, .md\@bg-deep-orange50\:hover:hover{background-color:#fbe9e7;}
.md\@bg-deep-orange500, .md\@bg-deep-orange500\:hover:hover, .md\@bg-deep-orange, .md\@bg-deep-orange\:hover:hover{background-color:#ff5722;}
.md\@bg-deep-orange600, .md\@bg-deep-orange600\:hover:hover{background-color:#f4511e;}

.md\@bg-grey50, .md\@bg-grey50\:hover:hover{background-color:#fafafa;}
.md\@bg-grey100, .md\@bg-grey100\:hover:hover{background-color:#f5f5f5;}
.md\@bg-grey200, .md\@bg-grey200\:hover:hover{background-color:#eeeeee;}
.md\@bg-grey300, .md\@bg-grey300\:hover:hover{background-color:#e0e0e0;}
.md\@bg-grey400, .md\@bg-grey400\:hover:hover{background-color:#bdbdbd;}
.md\@bg-grey500, .md\@bg-grey500\:hover:hover, .md\@bg-grey, .md\@bg-grey\:hover:hover{background-color:#9e9e9e;}
.md\@bg-grey600, .md\@bg-grey600\:hover:hover{background-color:#757575;}
.md\@bg-grey700, .md\@bg-grey700\:hover:hover{background-color:#616161;}
.md\@bg-grey750, .md\@bg-grey750\:hover:hover{background-color:#4D4D4D;}
.md\@bg-grey800, .md\@bg-grey800\:hover:hover{background-color:#424242;}
.md\@bg-grey850, .md\@bg-grey850\:hover:hover{background-color:#333333;}
.md\@bg-grey900, .md\@bg-grey900\:hover:hover{background-color:#212121;}
.md\@bg-black, .md\@bg-black\:hover:hover{background-color:#000000;}
.md\@bg-white, .md\@bg-white\:hover:hover{background-color:#ffffff;}




/* text */
.md\@text-left{text-align:left;}
.md\@text-right{text-align:right;}
.md\@text-center{text-align:center;}

.md\@text-smaller{font-size:80%}
.md\@text-bigger{font-size:120%;}

.md\@text-col-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 50px;-moz-column-gap: 50px;column-gap: 50px;}
.md\@text-col-1{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}

.md\@text-strike{text-decoration:line-through;}
.md\@text-underline, .md\@text-underline\:hover:hover, a.md\@text-underline, a.md\@text-underline\:hover:hover{text-decoration:underline;}
.md\@text-decoration-none, .md\@text-decoration-none\:hover:hover{text-decoration:none;}

.md\@text-nowrap{white-space:nowrap;}
.md\@text-wrap{white-space:wrap;}

.md\@main-color, .md\@main-color\:hover:hover{color:var(--accent-color);}

.md\@red50, .md\@red50\:hover:hover{color:#fde0dc;}
.md\@red500, .md\@red500\:hover:hover, .md\@red, .md\@red\:hover:hover{color:#e51c23;}
.md\@red600, .md\@red600\:hover:hover{color:#dd191d;}

.md\@blue50, .md\@blue50\:hover:hover{color:#e7e9fd;}
.md\@blue500, .md\@blue500\:hover:hover, .md\@blue, .md\@blue\:hover:hover{color:#5677fc;}
.md\@blue600, .md\@blue600\:hover:hover{color:#4e6cef;}

.md\@light-blue50, .md\@light-blue50\:hover:hover{color:#e1f5fe;}
.md\@light-blue500, .md\@light-blue500\:hover:hover, .md\@light-blue, .md\@light-blue\:hover:hover{color:#03a9f4;}
.md\@light-blue600, .md\@light-blue600\:hover:hover{color:#039be5;}

.md\@green50, .md\@green50\:hover:hover{color:#d0f8ce;}
.md\@green500, .md\@green500\:hover:hover, .md\@green, .md\@green\:hover:hover{color:#259b24;}
.md\@green600, .md\@green600\:hover:hover{color:#0a8f08;}

.md\@light-green50, .md\@light-green50\:hover:hover{color:#f1f8e9;}
.md\@light-green500, .md\@light-green500\:hover:hover, .md\@light-green, .md\@light-green\:hover:hover{color:#8bc34a;}
.md\@light-green600, .md\@light-green600\:hover:hover{color:#7cb342;}

.md\@orange50, .md\@orange50\:hover:hover{color:#fff3e0;}
.md\@orange500, .md\@orange500\:hover:hover, .md\@orange, .md\@orange\:hover:hover{color:#ff9800;}
.md\@orange600, .md\@orange600\:hover:hover{color:#fb8c00;}

.md\@deep-orange50, .md\@deep-orange50\:hover:hover{color:#fbe9e7;}
.md\@deep-orange500, .md\@deep-orange500\:hover:hover, .md\@deep-orange, .md\@deep-orange\:hover:hover{color:#ff5722;}
.md\@deep-orange600, .md\@deep-orange600\:hover:hover{color:#f4511e;}

.md\@grey50, .md\@grey50\:hover:hover{color:#fafafa;}
.md\@grey100, .md\@grey100\:hover:hover{color:#f5f5f5;}
.md\@grey200, .md\@grey200\:hover:hover{color:#eeeeee;}
.md\@grey300, .md\@grey300\:hover:hover{color:#e0e0e0;}
.md\@grey400, .md\@grey400\:hover:hover{color:#bdbdbd;}
.md\@grey500, .md\@grey500\:hover:hover, .md\@grey, .md\@grey\:hover:hover{color:#9e9e9e;}
.md\@grey600, .md\@grey600\:hover:hover{color:#757575;}
.md\@grey700, .md\@grey700\:hover:hover{color:#616161;}
.md\@grey800, .md\@grey800\:hover:hover{color:#424242;}
.md\@grey900, .md\@grey900\:hover:hover{color:#212121;}
.md\@black, .md\@black\:hover:hover{color:#000000;}
.md\@white, .md\@white\:hover:hover{color:#ffffff;}





/* opacity */
.md\@opacity-0, .md\@opacity-0\:hover:hover, .md\@parent_opacity-0\:hover:hover .md\@opacity-0\:hover{opacity:0;}
.md\@opacity-25, .md\@opacity-25\:hover:hover, .md\@parent_opacity-25\:hover:hover .md\@opacity-25\:hover{opacity:.25;}
.md\@opacity-50, .md\@opacity-50\:hover:hover, .md\@parent_opacity-50\:hover:hover .md\@opacity-50\:hover{opacity:.5;}
.md\@opacity-75, .md\@opacity-75\:hover:hover, .md\@parent_opacity-75\:hover:hover .md\@opacity-75\:hover{opacity:.75;}
.md\@opacity-100, .md\@opacity-100\:hover:hover, .md\@parent_opacity-100\:hover:hover .md\@opacity-100\:hover{opacity:1;}





/* overflow */
.md\@overflow-hidden{overflow:hidden;}
.md\@overflow-auto{overflow:auto;}
.md\@overflow-scroll{overflow:scroll;}
.md\@overflow-visible{overflow:visible;}
.md\@overflow-y-hidden{overflow-y:hidden;}
.md\@overflow-y-auto{overflow-y:auto;}
.md\@overflow-y-scroll{overflow-y:scroll;}
.md\@overflow-y-visible{overflow-y:visible;}
.md\@overflow-x-hidden{overflow-x:hidden;}
.md\@overflow-x-auto{overflow-x:auto;}
.md\@overflow-x-scroll{overflow-x:scroll;}
.md\@overflow-x-visible{overflow-x:visible;}



/*images iframes*/
.md\@img-cover{object-fit: cover;}
.md\@valign-top{vertical-align:top;}
.md\@valign-middle{vertical-align:middle;}



/* misc */
.md\@pointer{cursor:pointer;}
.md\@visible{visibility:visible;}




}

/* Large (lg) */
@media (min-width: 990px) {  

/* display */

.lg\@d-inline{display:inline;}
.lg\@d-inline-block{display:inline-block;}
.lg\@d-block, .lg\@d-block\:target:target{display:block;}
.lg\@d-flex{display:flex;}
.lg\@d-inline-flex{display:inline-flex;}
.lg\@d-td, .lg\@d-th{display:table-cell;}
.lg\@d-tr{display:table-row;}
.lg\@d-none{display:none;}
.lg\@d-none\!{display:none !important;}
.lg\@d-grid{display: grid;}

.lg\@grid-cols-1{ grid-template-columns: repeat(1, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-2{ grid-template-columns: repeat(2, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}

.lg\@grid-cols-1\/2{ grid-template-columns: 1fr 2fr; }
.lg\@grid-cols-2\/1{ grid-template-columns: 2fr 1fr; }

.lg\@grid-cols-3{ grid-template-columns: repeat(3, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-4{ grid-template-columns: repeat(4, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-5{ grid-template-columns: repeat(5, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-6{ grid-template-columns: repeat(6, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-7{ grid-template-columns: repeat(7, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-8{ grid-template-columns: repeat(8, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-9{ grid-template-columns: repeat(9, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-10{  grid-template-columns: repeat(10, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-11{  grid-template-columns: repeat(11, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-12{  grid-template-columns: repeat(12, minmax( var(--grid-cols-min,0), var(--grid-cols-max,1fr) ) );}
.lg\@grid-cols-none{  grid-template-columns: none;}

.lg\@grid-rows-1{grid-template-rows: repeat(1, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.lg\@grid-rows-2{grid-template-rows: repeat(2, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.lg\@grid-rows-3{grid-template-rows: repeat(3, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.lg\@grid-rows-4{grid-template-rows: repeat(4, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.lg\@grid-rows-5{grid-template-rows: repeat(5, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.lg\@grid-rows-6{grid-template-rows: repeat(6, minmax( var(--grid-rows-min,0), var(--grid-rows-max,1fr) ) );}
.lg\@grid-rows-none{grid-template-rows: none;}

.lg\@grid-flow-row{ grid-auto-flow: row;}
.lg\@grid-flow-col{ grid-auto-flow: column;}
.lg\@grid-flow-row-dense{ grid-auto-flow: row dense;}
.lg\@grid-flow-col-dense{ grid-auto-flow: column dense;}

.lg\@grid-auto-cols-auto{  grid-auto-columns: auto;}
.lg\@grid-auto-cols-min{ grid-auto-columns: min-content;}
.lg\@grid-auto-cols-max{ grid-auto-columns: max-content;}
.lg\@grid-auto-cols-fr{  grid-auto-columns: minmax(0, 1fr);}

.lg\@grid-auto-rows-auto{  grid-auto-rows: auto;}
.lg\@grid-auto-rows-min{ grid-auto-rows: min-content;}
.lg\@grid-auto-rows-max{ grid-auto-rows: max-content;}
.lg\@grid-auto-rows-fr{  grid-auto-rows: minmax(0, 1fr);}

.lg\@g-col-auto{  grid-column: auto;}
.lg\@g-col-span-1{  grid-column: span 1 / span 1;}
.lg\@g-col-span-2{  grid-column: span 2 / span 2;}
.lg\@g-col-span-3{  grid-column: span 3 / span 3;}
.lg\@g-col-span-4{  grid-column: span 4 / span 4;}
.lg\@g-col-span-5{  grid-column: span 5 / span 5;}
.lg\@g-col-span-6{  grid-column: span 6 / span 6;}
.lg\@g-col-span-7{  grid-column: span 7 / span 7;}
.lg\@g-col-span-8{  grid-column: span 8 / span 8;}
.lg\@g-col-span-9{  grid-column: span 9 / span 9;}
.lg\@g-col-span-10{ grid-column: span 10 / span 10;}
.lg\@g-col-span-11{ grid-column: span 11 / span 11;}
.lg\@g-col-span-12{ grid-column: span 12 / span 12;}
.lg\@g-col-span-full{ grid-column: 1 / -1;}
.lg\@g-col-start-1{ grid-column-start: 1;}
.lg\@g-col-start-2{ grid-column-start: 2;}
.lg\@g-col-start-3{ grid-column-start: 3;}
.lg\@g-col-start-4{ grid-column-start: 4;}
.lg\@g-col-start-5{ grid-column-start: 5;}
.lg\@g-col-start-6{ grid-column-start: 6;}
.lg\@g-col-start-7{ grid-column-start: 7;}
.lg\@g-col-start-8{ grid-column-start: 8;}
.lg\@g-col-start-9{ grid-column-start: 9;}
.lg\@g-col-start-10{  grid-column-start: 10;}
.lg\@g-col-start-11{  grid-column-start: 11;}
.lg\@g-col-start-12{  grid-column-start: 12;}
.lg\@g-col-start-13{  grid-column-start: 13;}
.lg\@g-col-start-auto{  grid-column-start: auto;}
.lg\@g-col-end-1{ grid-column-end: 1;}
.lg\@g-col-end-2{ grid-column-end: 2;}
.lg\@g-col-end-3{ grid-column-end: 3;}
.lg\@g-col-end-4{ grid-column-end: 4;}
.lg\@g-col-end-5{ grid-column-end: 5;}
.lg\@g-col-end-6{ grid-column-end: 6;}
.lg\@g-col-end-7{ grid-column-end: 7;}
.lg\@g-col-end-8{ grid-column-end: 8;}
.lg\@g-col-end-9{ grid-column-end: 9;}
.lg\@g-col-end-10{  grid-column-end: 10;}
.lg\@g-col-end-11{  grid-column-end: 11;}
.lg\@g-col-end-12{  grid-column-end: 12;}
.lg\@g-col-end-13{  grid-column-end: 13;}
.lg\@g-col-end-auto{  grid-column-end: auto;}

.lg\@g-row-auto{  grid-row: auto;}
.lg\@g-row-span-1{  grid-row: span 1 / span 1;}
.lg\@g-row-span-2{  grid-row: span 2 / span 2;}
.lg\@g-row-span-3{  grid-row: span 3 / span 3;}
.lg\@g-row-span-4{  grid-row: span 4 / span 4;}
.lg\@g-row-span-5{  grid-row: span 5 / span 5;}
.lg\@g-row-span-6{  grid-row: span 6 / span 6;}
.lg\@g-row-span-full{ grid-row: 1 / -1;}
.lg\@g-row-start-1{ grid-row-start: 1;}
.lg\@g-row-start-2{ grid-row-start: 2;}
.lg\@g-row-start-3{ grid-row-start: 3;}
.lg\@g-row-start-4{ grid-row-start: 4;}
.lg\@g-row-start-5{ grid-row-start: 5;}
.lg\@g-row-start-6{ grid-row-start: 6;}
.lg\@g-row-start-7{ grid-row-start: 7;}
.lg\@g-row-start-auto{  grid-row-start: auto;}
.lg\@g-row-end-1{ grid-row-end: 1;}
.lg\@g-row-end-2{ grid-row-end: 2;}
.lg\@g-row-end-3{ grid-row-end: 3;}
.lg\@g-row-end-4{ grid-row-end: 4;}
.lg\@g-row-end-5{ grid-row-end: 5;}
.lg\@g-row-end-6{ grid-row-end: 6;}
.lg\@g-row-end-7{ grid-row-end: 7;}
.lg\@g-row-end-auto{  grid-row-end: auto;}


/*margins paddings borders width height*/
.lg\@pt-0, .lg\@py-0, .lg\@p-0 {padding-top: 0; }
.lg\@pr-0, .lg\@px-0, .lg\@p-0 {padding-right: 0; }
.lg\@pb-0, .lg\@py-0, .lg\@p-0 {padding-bottom: 0; }
.lg\@pl-0, .lg\@px-0, .lg\@p-0 {padding-left: 0; }

.lg\@pt-2, .lg\@py-2, .lg\@p-2 {padding-top: 2px; }
.lg\@pr-2, .lg\@px-2, .lg\@p-2 {padding-right: 2px; }
.lg\@pb-2, .lg\@py-2, .lg\@p-2 {padding-bottom: 2px; }
.lg\@pl-2, .lg\@px-2, .lg\@p-2 {padding-left: 2px; }

.lg\@pt-5, .lg\@py-5, .lg\@p-5 {padding-top: 5px; }
.lg\@pr-5, .lg\@px-5, .lg\@p-5 {padding-right: 5px; }
.lg\@pb-5, .lg\@py-5, .lg\@p-5 {padding-bottom: 5px; }
.lg\@pl-5, .lg\@px-5, .lg\@p-5 {padding-left: 5px; }

.lg\@pt-10, .lg\@py-10, .lg\@p-10 {padding-top: 10px; }
.lg\@pr-10, .lg\@px-10, .lg\@p-10 {padding-right: 10px; }
.lg\@pb-10, .lg\@py-10, .lg\@p-10 {padding-bottom: 10px; }
.lg\@pl-10, .lg\@px-10, .lg\@p-10 {padding-left: 10px; }

.lg\@pt-15, .lg\@py-15, .lg\@p-15 {padding-top: 15px; }
.lg\@pr-15, .lg\@px-15, .lg\@p-15 {padding-right: 15px; }
.lg\@pb-15, .lg\@py-15, .lg\@p-15 {padding-bottom: 15px; }
.lg\@pl-15, .lg\@px-15, .lg\@p-15 {padding-left: 15px; }

.lg\@pt-20, .lg\@py-20, .lg\@p-20 {padding-top: 20px; }
.lg\@pr-20, .lg\@px-20, .lg\@p-20 {padding-right: 20px; }
.lg\@pb-20, .lg\@py-20, .lg\@p-20 {padding-bottom: 20px; }
.lg\@pl-20, .lg\@px-20, .lg\@p-20 {padding-left: 20px; }


.lg\@pr-25{padding-right: 25px; }

.lg\@pt-40, .lg\@py-40, .lg\@p-40 {padding-top: 40px; }
.lg\@pr-40, .lg\@px-40, .lg\@p-40 {padding-right: 40px; }
.lg\@pb-40, .lg\@py-40, .lg\@p-40 {padding-bottom: 40px; }
.lg\@pl-40, .lg\@px-40, .lg\@p-40 {padding-left: 40px; }

.lg\@mt-0, .lg\@my-0, .lg\@m-0 {margin-top: 0; }
.lg\@mr-0, .lg\@mx-0, .lg\@m-0 {margin-right: 0; }
.lg\@mb-0, .lg\@my-0, .lg\@m-0 {margin-bottom: 0; }
.lg\@ml-0, .lg\@mx-0, .lg\@m-0 {margin-left: 0; }

.lg\@mt-5, .lg\@my-5, .lg\@m-5 {margin-top: 5px; }
.lg\@mr-5, .lg\@mx-5, .lg\@m-5 {margin-right: 5px; }
.lg\@mb-5, .lg\@my-5, .lg\@m-5 {margin-bottom: 5px; }
.lg\@ml-5, .lg\@mx-5, .lg\@m-5 {margin-left: 5px; }

.lg\@mt-10, .lg\@my-10, .lg\@m-10 {margin-top: 10px; }
.lg\@mr-10, .lg\@mx-10, .lg\@m-10 {margin-right: 10px; }
.lg\@mb-10, .lg\@my-10, .lg\@m-10 {margin-bottom: 10px; }
.lg\@ml-10, .lg\@mx-10, .lg\@m-10 {margin-left: 10px; }

.lg\@mt-15, .lg\@my-15, .lg\@m-15 {margin-top: 15px; }
.lg\@mr-15, .lg\@mx-15, .lg\@m-15 {margin-right: 15px; }
.lg\@mb-15, .lg\@my-15, .lg\@m-15 {margin-bottom: 15px; }
.lg\@ml-15, .lg\@mx-15, .lg\@m-15 {margin-left: 15px; }

.lg\@mt-20, .lg\@my-20, .lg\@m-20 {margin-top: 20px; }
.lg\@mr-20, .lg\@mx-20, .lg\@m-20 {margin-right: 20px; }
.lg\@mb-20, .lg\@my-20, .lg\@m-20 {margin-bottom: 20px; }
.lg\@ml-20, .lg\@mx-20, .lg\@m-20 {margin-left: 20px; }

.lg\@mt-40, .lg\@my-40, .lg\@m-40 {margin-top: 40px; }
.lg\@mr-40, .lg\@mx-40, .lg\@m-40 {margin-right: 40px; }
.lg\@mb-40, .lg\@my-40, .lg\@m-40 {margin-bottom: 40px; }
.lg\@ml-40, .lg\@mx-40, .lg\@m-40 {margin-left: 40px; }

.lg\@mt-n5, .lg\@my-n5, .lg\@m-n5 {margin-top: -5px; }
.lg\@mr-n5, .lg\@mx-n5, .lg\@m-n5 {margin-right: -5px; }
.lg\@mb-n5, .lg\@my-n5, .lg\@m-n5 {margin-bottom: -5px; }
.lg\@ml-n5, .lg\@mx-n5, .lg\@m-n5 {margin-left: -5px; }

.lg\@mt-n10, .lg\@my-n10, .lg\@m-n10 {margin-top: -10px; }
.lg\@mr-n10, .lg\@mx-n10, .lg\@m-n10 {margin-right: -10px; }
.lg\@mb-n10, .lg\@my-n10, .lg\@m-n10 {margin-bottom: -10px; }
.lg\@ml-n10, .lg\@mx-n10, .lg\@m-n10 {margin-left: -10px; }

.lg\@mt-n15, .lg\@my-n15, .lg\@m-n15 {margin-top: -15px; }
.lg\@mr-n15, .lg\@mx-n15, .lg\@m-n15 {margin-right: -15px; }
.lg\@mb-n15, .lg\@my-n15, .lg\@m-n15 {margin-bottom: -15px; }
.lg\@ml-n15, .lg\@mx-n15, .lg\@m-n15 {margin-left: -15px; }

.lg\@mt-n20, .lg\@my-n20, .lg\@m-n20 {margin-top: -20px; }
.lg\@mr-n20, .lg\@mx-n20, .lg\@m-n20 {margin-right: -20px; }
.lg\@mb-n20, .lg\@my-n20, .lg\@m-n20 {margin-bottom: -20px; }
.lg\@ml-n20, .lg\@mx-n20, .lg\@m-n20 {margin-left: -20px; }

.lg\@mt-n40, .lg\@my-n40, .lg\@m-n40 {margin-top: -40px; }
.lg\@mr-n40, .lg\@mx-n40, .lg\@m-n40 {margin-right: -40px; }
.lg\@mb-n40, .lg\@my-n40, .lg\@m-n40 {margin-bottom: -40px; }
.lg\@ml-n40, .lg\@mx-n40, .lg\@m-n40 {margin-left: -40px; }

.lg\@m-auto {margin: auto; }
.lg\@mt-auto, .lg\@my-auto {margin-top: auto; }
.lg\@mr-auto, .lg\@mx-auto {margin-right: auto; }
.lg\@mb-auto, .lg\@my-auto {margin-bottom: auto; }
.lg\@ml-auto, .lg\@mx-auto {margin-left: auto; }


/* border */
.lg\@bt-0, .lg\@b-0{border-top-width:0px;}
.lg\@br-0, .lg\@b-0{border-right-width:0px;}
.lg\@bb-0, .lg\@b-0{border-bottom-width:0px;}
.lg\@bl-0, .lg\@b-0{border-left-width:0px;}

.lg\@bt-1, .lg\@b-1{border-top-width:1px;}
.lg\@br-1, .lg\@b-1{border-right-width:1px;}
.lg\@bb-1, .lg\@b-1{border-bottom-width:1px;}
.lg\@bl-1, .lg\@b-1{border-left-width:1px;}

.lg\@bt-2, .lg\@b-2{border-top-width:2px;}
.lg\@br-2, .lg\@b-2{border-right-width:2px;}
.lg\@bb-2, .lg\@b-2{border-bottom-width:2px;}
.lg\@bl-2, .lg\@b-2{border-left-width:2px;}

.lg\@b-currentColor{border-color:currentColor;}
.lg\@b-transparent{border-color:transparent;}



/* sizing: width, height, max-width, min-width, max-height min-height */
.lg\@max-w-1200{max-width:1200px;}
.lg\@max-w-1000{max-width:1000px;}
.lg\@max-w-800{max-width:800px;}
.lg\@max-w-600{max-width:600px;}
.lg\@max-w-400{max-width:400px;}
.lg\@max-w-100vw{max-width:100vw;}
.lg\@max-w-90vw{max-width:90vw;}
.lg\@max-w-100{max-width:100%;}
.lg\@max-w-none{max-width:none;}

.lg\@w-auto{width: auto;}
.lg\@w-1\/5{width: 20%;} 
.lg\@w-2\/5{width: 40%;}
.lg\@w-3\/5{width: 60%;}
.lg\@w-4\/5{width: 80%;}
.lg\@w-1\/12{width: 8.333333%;}
.lg\@w-2\/12, .lg\@w-1\/6{width: 16.666667%;}
.lg\@w-3\/12, .lg\@w-1\/4{width: 25%;}
.lg\@w-4\/12, .lg\@w-2\/6, .lg\@w-1\/3{width: 33.333333%;}
.lg\@w-5\/12{width: 41.666667%;}
.lg\@w-6\/12, .lg\@w-3\/6, .lg\@w-2\/4, .lg\@w-1\/2 {width: 50%;}
.lg\@w-7\/12{width: 58.333333%;}
.lg\@w-8\/12, .lg\@w-4\/6, .lg\@w-2\/3{width: 66.666667%;}
.lg\@w-9\/12, .lg\@w-3\/4{width: 75%;}
.lg\@w-10\/12, .lg\@w-5\/6{width: 83.333333%;}
.lg\@w-11\/12{width: 91.666667%;}
.lg\@w-12\/12, .lg\@w-6\/6, .lg\@w-5\/5, .lg\@w-4\/4, .lg\@w-3\/3, .lg\@w-2\/2, .lg\@w-100, .lg\@w-full {width: 100%;float:none;}
.lg\@w-100vw, .lg\@w-screen{width: 100vw;}
.lg\@w-90vw{width:90vw;}
.lg\@w-50vw{width:50vw;}
.lg\@w-45vw{width:45vw;}

.lg\@max-h-100{max-height: 100%}
.lg\@max-h-100vh{max-height: 100vh;}
.lg\@max-h-90vh{max-height: 90vh;}
.lg\@max-h-none{max-height: none;}
.lg\@min-h-100vh{min-height:100vh;}

.lg\@h-auto{height: auto;}
.lg\@h-100, .lg\@h-full{height: 100%;}
.lg\@h-100vh, .lg\@h-screen{height: 100vh;}


/*ratios*/
.lg\@ratio-1by3{padding-bottom:300%;}
.lg\@ratio-1by2{padding-bottom:200%;}
.lg\@ratio-9by16{padding-bottom:177.77%;}
.lg\@ratio-10by16{padding-bottom:160%;}
.lg\@ratio-2by3{padding-bottom:150%;}
.lg\@ratio-3by4{padding-bottom:133.33%;}
.lg\@ratio-1by1{padding-bottom:100%;}
.lg\@ratio-4by3{padding-bottom:75%;}
.lg\@ratio-3by2{padding-bottom:66.67%;}
.lg\@ratio-16by10{padding-bottom:62.5%;}
.lg\@ratio-16by9{padding-bottom:56.25%;}
.lg\@ratio-2by1{padding-bottom:50%;}
.lg\@ratio-3by1{padding-bottom:33.33%;}
.lg\@ratio-4by1{padding-bottom:25%;}
.lg\@ratio-5by1{padding-bottom:20%;}


.lg\@aspect-ratio-1\/5,   .lg\@aspect-ratio-1by5{aspect-ratio: 1 / 5; }
.lg\@aspect-ratio-1\/4,   .lg\@aspect-ratio-1by4{aspect-ratio: 1 / 4; }
.lg\@aspect-ratio-1\/3,   .lg\@aspect-ratio-1by3{aspect-ratio: 1 / 3; }
.lg\@aspect-ratio-2\/5,   .lg\@aspect-ratio-2by5{aspect-ratio: 2 / 5; }
.lg\@aspect-ratio-1\/2,   .lg\@aspect-ratio-1by2{aspect-ratio: 1 / 2; }
.lg\@aspect-ratio-9\/16,  .lg\@aspect-ratio-9by16{aspect-ratio: 9 / 6; }
.lg\@aspect-ratio-3\/5,   .lg\@aspect-ratio-3by5{aspect-ratio: 3 / 5; }
.lg\@aspect-ratio-10\/16, .lg\@aspect-ratio-10by16{aspect-ratio: 10 / 16; }
.lg\@aspect-ratio-2\/3,   .lg\@aspect-ratio-2by3{aspect-ratio: 2 / 3; }
.lg\@aspect-ratio-3\/4,   .lg\@aspect-ratio-3by4{aspect-ratio: 3 / 4; }
.lg\@aspect-ratio-4\/5,   .lg\@aspect-ratio-4by5{aspect-ratio: 4 / 5; }
.lg\@aspect-ratio-1\/1,   .lg\@aspect-ratio-1by1{aspect-ratio: 1 / 1; }
.lg\@aspect-ratio-5\/4,   .lg\@aspect-ratio-5by4{aspect-ratio: 5 / 4; }
.lg\@aspect-ratio-4\/3,   .lg\@aspect-ratio-4by3{aspect-ratio: 4 / 3; }
.lg\@aspect-ratio-3\/2,   .lg\@aspect-ratio-3by2{aspect-ratio: 3 / 2; }
.lg\@aspect-ratio-16\/10, .lg\@aspect-ratio-16by10{aspect-ratio: 16 / 10; }
.lg\@aspect-ratio-5\/3,   .lg\@aspect-ratio-5by3{aspect-ratio: 5 / 3; }
.lg\@aspect-ratio-16\/9,  .lg\@aspect-ratio-16by9{aspect-ratio: 16 / 9; }
.lg\@aspect-ratio-2\/1,   .lg\@aspect-ratio-2by1{aspect-ratio: 2 / 1; }
.lg\@aspect-ratio-5\/2,   .lg\@aspect-ratio-5by2{aspect-ratio: 5 / 2; }
.lg\@aspect-ratio-3\/1,   .lg\@aspect-ratio-3by1{aspect-ratio: 3 / 1; }
.lg\@aspect-ratio-4\/1,   .lg\@aspect-ratio-4by1{aspect-ratio: 4 / 1; }
.lg\@aspect-ratio-5\/1,   .lg\@aspect-ratio-5by1{aspect-ratio: 5 / 1; }


/* flexbox */
.lg\@flex-j-center{justify-content:center;}
.lg\@flex-j-start{justify-content:flex-start;}
.lg\@flex-j-end{justify-content:flex-end;}
.lg\@flex-row{display:flex;flex-direction:row;flex-wrap: wrap;}
.lg\@flex-col{display: flex;flex: 1 0 0%;flex-direction:column;}
.lg\@flex-nowrap{flex-wrap: nowrap;}
.lg\@flex-self-start{align-self: flex-start;}
.lg\@flex-col3-4{display: flex;flex: 0 0 75%;flex-direction:column;max-width:75%;}
.lg\@flex-col2-3{display: flex;flex: 0 0 66.66%;flex-direction:column;max-width:66.66%;}
.lg\@flex-col2{display: flex;flex: 0 0 50%;flex-direction:column;max-width:50%;}
.lg\@flex-col3{display: flex;flex: 0 0 33.33%;flex-direction:column;max-width:33.33%;}
.lg\@flex-col4{display: flex;flex: 0 0 25%;flex-direction:column;max-width:25%;}
.lg\@flex-col5{display: flex;flex: 0 0 20%;flex-direction:column;max-width:20%;}
.lg\@flex-h100{flex: 1 1 auto;}
.lg\@flex-align-items-center{align-items:center;}


/*float*/
.lg\@float-left{float:left;}
.lg\@float-right{float:right;}
.lg\@float-none{float:none;}
.lg\@clear{clear:both;}
.lg\@clear-left{clear:left;}
.lg\@clear-right{clear:right;}
.lg\@clearfix::after {display: block;clear: both;content: ""; }



/*position*/
.lg\@pos-static{position:static;}
.lg\@pos-rel{position:relative;}
.lg\@pos-abs{position:absolute;}
.lg\@pos-fix{position:fixed;}
.lg\@pos-sticky{position:sticky;}
.lg\@top-0, .lg\@coords-0{top:0;}
.lg\@right-0, .lg\@coords-0{right:0;}
.lg\@bottom-0, .lg\@coords-0{bottom:0;}
.lg\@left-0, .lg\@coords-0{left:0;}
.lg\@top-auto, .lg\@coords-auto{top:auto;}
.lg\@right-auto, .lg\@coords-auto{right:auto;}
.lg\@bottom-auto, .lg\@coords-auto{bottom:auto;}
.lg\@left-auto, .lg\@coords-auto{left:auto;}
.lg\@coords-center{top: 50%;left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}


/*background*/
.lg\@bg-fix{background-attachment:fixed;}
.lg\@bg-cover{background-size:cover;}
.lg\@bg-pos-center{background-position: center;}
.lg\@bg-transparent{background-color:transparent;}

.lg\@bg-main-color, .lg\@bg-main-color\:hover:hover{background-color:var(--accent-color);}

.lg\@bg-red50, .lg\@bg-red50\:hover:hover{background-color:#fde0dc;}
.lg\@bg-red500, .lg\@bg-red, .lg\@bg-red500\:hover:hover, .lg\@bg-red\:hover:hover{background-color:#e51c23;}
.lg\@bg-red600, .lg\@bg-red600\:hover:hover{background-color:#dd191d;}

.lg\@bg-blue50, .lg\@bg-blue50\:hover:hover{background-color:#e7e9fd;}
.lg\@bg-blue500, .lg\@bg-blue500\:hover:hover, .lg\@bg-blue, .lg\@bg-blue\:hover:hover{background-color:#5677fc;}
.lg\@bg-blue600, .lg\@bg-blue600\:hover:hover{background-color:#4e6cef;}

.lg\@bg-light-blue50, .lg\@bg-light-blue50\:hover:hover{background-color:#e1f5fe;}
.lg\@bg-light-blue500, .lg\@bg-light-blue500\:hover:hover, .lg\@bg-light-blue, .lg\@bg-light-blue\:hover:hover{background-color:#03a9f4;}
.lg\@bg-light-blue600, .lg\@bg-light-blue600\:hover:hover{background-color:#039be5;}

.lg\@bg-green50, .lg\@bg-green50\:hover:hover{background-color:#d0f8ce;}
.lg\@bg-green500, .lg\@bg-green500\:hover:hover, .lg\@bg-green, .lg\@bg-green\:hover:hover{background-color:#259b24;}
.lg\@bg-green600, .lg\@bg-green600\:hover:hover{background-color:#0a8f08;}

.lg\@bg-light-green50, .lg\@bg-light-green50\:hover:hover{background-color:#f1f8e9;}
.lg\@bg-light-green500, .lg\@bg-light-green500\:hover:hover, .lg\@bg-light-green, .lg\@bg-light-green\:hover:hover{background-color:#8bc34a;}
.lg\@bg-light-green600, .lg\@bg-light-green600\:hover:hover{background-color:#7cb342;}

.lg\@bg-orange50, .lg\@bg-orange50\:hover:hover{background-color:#fff3e0;}
.lg\@bg-orange500, .lg\@bg-orange500\:hover:hover, .lg\@bg-orange, .lg\@bg-orange\:hover:hover{background-color:#ff9800;}
.lg\@bg-orange600, .lg\@bg-orange600\:hover:hover{background-color:#fb8c00;}

.lg\@bg-deep-orange50, .lg\@bg-deep-orange50\:hover:hover{background-color:#fbe9e7;}
.lg\@bg-deep-orange500, .lg\@bg-deep-orange500\:hover:hover, .lg\@bg-deep-orange, .lg\@bg-deep-orange\:hover:hover{background-color:#ff5722;}
.lg\@bg-deep-orange600, .lg\@bg-deep-orange600\:hover:hover{background-color:#f4511e;}

.lg\@bg-grey50, .lg\@bg-grey50\:hover:hover{background-color:#fafafa;}
.lg\@bg-grey100, .lg\@bg-grey100\:hover:hover{background-color:#f5f5f5;}
.lg\@bg-grey200, .lg\@bg-grey200\:hover:hover{background-color:#eeeeee;}
.lg\@bg-grey300, .lg\@bg-grey300\:hover:hover{background-color:#e0e0e0;}
.lg\@bg-grey400, .lg\@bg-grey400\:hover:hover{background-color:#bdbdbd;}
.lg\@bg-grey500, .lg\@bg-grey500\:hover:hover, .lg\@bg-grey, .lg\@bg-grey\:hover:hover{background-color:#9e9e9e;}
.lg\@bg-grey600, .lg\@bg-grey600\:hover:hover{background-color:#757575;}
.lg\@bg-grey700, .lg\@bg-grey700\:hover:hover{background-color:#616161;}
.lg\@bg-grey750, .lg\@bg-grey750\:hover:hover{background-color:#4D4D4D;}
.lg\@bg-grey800, .lg\@bg-grey800\:hover:hover{background-color:#424242;}
.lg\@bg-grey850, .lg\@bg-grey850\:hover:hover{background-color:#333333;}
.lg\@bg-grey900, .lg\@bg-grey900\:hover:hover{background-color:#212121;}
.lg\@bg-black, .lg\@bg-black\:hover:hover{background-color:#000000;}
.lg\@bg-white, .lg\@bg-white\:hover:hover{background-color:#ffffff;}



/* text */
.lg\@text-left{text-align:left;}
.lg\@text-right{text-align:right;}
.lg\@text-center{text-align:center;}

.lg\@text-smaller{font-size:80%}
.lg\@text-bigger{font-size:120%;}

.lg\@text-col-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 50px;-moz-column-gap: 50px;column-gap: 50px;}
.lg\@text-col-1{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}

.lg\@text-strike{text-decoration:line-through;}
.lg\@text-underline, .lg\@text-underline\:hover:hover, a.lg\@text-underline, a.lg\@text-underline\:hover:hover{text-decoration:underline;}
.lg\@text-decoration-none, .lg\@text-decoration-none\:hover:hover{text-decoration:none;}

.lg\@text-nowrap{white-space:nowrap;}
.lg\@text-wrap{white-space:wrap;}

.lg\@main-color, .lg\@main-color\:hover:hover{color:var(--accent-color);}

.lg\@red50, .lg\@red50\:hover:hover{color:#fde0dc;}
.lg\@red500, .lg\@red500\:hover:hover, .lg\@red, .lg\@red\:hover:hover{color:#e51c23;}
.lg\@red600, .lg\@red600\:hover:hover{color:#dd191d;}

.lg\@blue50, .lg\@blue50\:hover:hover{color:#e7e9fd;}
.lg\@blue500, .lg\@blue500\:hover:hover, .lg\@blue, .lg\@blue\:hover:hover{color:#5677fc;}
.lg\@blue600, .lg\@blue600\:hover:hover{color:#4e6cef;}

.lg\@light-blue50, .lg\@light-blue50\:hover:hover{color:#e1f5fe;}
.lg\@light-blue500, .lg\@light-blue500\:hover:hover, .lg\@light-blue, .lg\@light-blue\:hover:hover{color:#03a9f4;}
.lg\@light-blue600, .lg\@light-blue600\:hover:hover{color:#039be5;}

.lg\@green50, .lg\@green50\:hover:hover{color:#d0f8ce;}
.lg\@green500, .lg\@green500\:hover:hover, .lg\@green, .lg\@green\:hover:hover{color:#259b24;}
.lg\@green600, .lg\@green600\:hover:hover{color:#0a8f08;}

.lg\@light-green50, .lg\@light-green50\:hover:hover{color:#f1f8e9;}
.lg\@light-green500, .lg\@light-green500\:hover:hover, .lg\@light-green, .lg\@light-green\:hover:hover{color:#8bc34a;}
.lg\@light-green600, .lg\@light-green600\:hover:hover{color:#7cb342;}

.lg\@orange50, .lg\@orange50\:hover:hover{color:#fff3e0;}
.lg\@orange500, .lg\@orange500\:hover:hover, .lg\@orange, .lg\@orange\:hover:hover{color:#ff9800;}
.lg\@orange600, .lg\@orange600\:hover:hover{color:#fb8c00;}

.lg\@deep-orange50, .lg\@deep-orange50\:hover:hover{color:#fbe9e7;}
.lg\@deep-orange500, .lg\@deep-orange500\:hover:hover, .lg\@deep-orange, .lg\@deep-orange\:hover:hover{color:#ff5722;}
.lg\@deep-orange600, .lg\@deep-orange600\:hover:hover{color:#f4511e;}

.lg\@grey50, .lg\@grey50\:hover:hover{color:#fafafa;}
.lg\@grey100, .lg\@grey100\:hover:hover{color:#f5f5f5;}
.lg\@grey200, .lg\@grey200\:hover:hover{color:#eeeeee;}
.lg\@grey300, .lg\@grey300\:hover:hover{color:#e0e0e0;}
.lg\@grey400, .lg\@grey400\:hover:hover{color:#bdbdbd;}
.lg\@grey500, .lg\@grey500\:hover:hover, .lg\@grey, .lg\@grey\:hover:hover{color:#9e9e9e;}
.lg\@grey600, .lg\@grey600\:hover:hover{color:#757575;}
.lg\@grey700, .lg\@grey700\:hover:hover{color:#616161;}
.lg\@grey800, .lg\@grey800\:hover:hover{color:#424242;}
.lg\@grey900, .lg\@grey900\:hover:hover{color:#212121;}
.lg\@black, .lg\@black\:hover:hover{color:#000000;}
.lg\@white, .lg\@white\:hover:hover{color:#ffffff;}




/* opacity */
.lg\@opacity-0, .lg\@opacity-0\:hover:hover, .lg\@parent_opacity-0\:hover:hover .lg\@opacity-0\:hover{opacity:0;}
.lg\@opacity-25, .lg\@opacity-25\:hover:hover, .lg\@parent_opacity-25\:hover:hover .lg\@opacity-25\:hover{opacity:.25;}
.lg\@opacity-50, .lg\@opacity-50\:hover:hover, .lg\@parent_opacity-50\:hover:hover .lg\@opacity-50\:hover{opacity:.5;}
.lg\@opacity-75, .lg\@opacity-75\:hover:hover, .lg\@parent_opacity-75\:hover:hover .lg\@opacity-75\:hover{opacity:.75;}
.lg\@opacity-100, .lg\@opacity-100\:hover:hover, .lg\@parent_opacity-100\:hover:hover .lg\@opacity-100\:hover{opacity:1;}




/* overflow */
.lg\@overflow-hidden{overflow:hidden;}
.lg\@overflow-auto{overflow:auto;}
.lg\@overflow-scroll{overflow:scroll;}
.lg\@overflow-visible{overflow:visible;}
.lg\@overflow-y-hidden{overflow-y:hidden;}
.lg\@overflow-y-auto{overflow-y:auto;}
.lg\@overflow-y-scroll{overflow-y:scroll;}
.lg\@overflow-y-visible{overflow-y:visible;}
.lg\@overflow-x-hidden{overflow-x:hidden;}
.lg\@overflow-x-auto{overflow-x:auto;}
.lg\@overflow-x-scroll{overflow-x:scroll;}
.lg\@overflow-x-visible{overflow-x:visible;}



/*images iframes*/
.lg\@img-cover{object-fit: cover;}
.lg\@valign-top{vertical-align:top;}
.lg\@valign-middle{vertical-align:middle;}



/* misc */
.lg\@pointer{cursor:pointer;}
.lg\@visible{visibility:visible;}




}







/*animations*/
.animate-fade-in{animation:fade-in 0.3s;-moz-animation:fade-in 0.3s;-webkit-animation:fade-in 0.3s;-o-animation:fade-in 0.3s;}
@keyframes fade-in{from {opacity:0;}to {opacity:1;}}
@-moz-keyframes fade-in{from {opacity:0;}to {opacity:1;}}
@-webkit-keyframes fade-in{from {opacity:0;}to {opacity:1;}}


.animate-intro-1, .animate-intro-2, .animate-intro-3, .animate-intro-4, .animate-intro-5, .animate-intro-6, .animate-intro-7, .animate-intro-8, .animate-intro-9{-webkit-animation:intro 0.6s;-moz-animation:intro 0.6s;-ms-animation:intro 0.6s;-o-animation:intro 0.6s;animation:intro 0.6s;opacity: 0;animation-fill-mode: forwards;}

@-webkit-keyframes intro {
    0%, 40% {opacity: 0; -webkit-transform: translateY(20px);}
    100%{-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);opacity:1;}
}
@-moz-keyframes intro {
    0%, 40% {opacity: 0; -moz-transform: translateY(20px);}
    100%{-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);opacity:1;}
}
@-o-keyframes intro {
    0%, 40% {opacity: 0; -o-transform: translateY(20px);}
    100%{-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);opacity:1;}
}
@keyframes intro {
    0%, 40% {opacity: 0; transform: translateY(20px);}
    100%{-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);opacity:1;}
}

.animate-intro-2{animation-delay: .05s;}
.animate-intro-3{animation-delay: .1s;}
.animate-intro-4{animation-delay: .15s;}
.animate-intro-5{animation-delay: .2s;}
.animate-intro-6{animation-delay: .25s;}
.animate-intro-7{animation-delay: .3s;}
.animate-intro-8{animation-delay: .35s;}
.animate-intro-9{animation-delay: .4s;}











/* NEW GRID 1.1 */



section{
  margin: auto;
  max-width: var(--section-width);
  /*max-width: min( var(--section-width), 100vw);*/
  /*overflow-x: hidden;*/
  z-index: 5;

  --section-mt--md: var(--section-mt);
  --section-mr--md: var(--section-mr);
  --section-mb--md: var(--section-mb);
  --section-ml--md: var(--section-ml);
  --section-pt--md: var(--section-pt);
  --section-pr--md: var(--section-pr);
  --section-pb--md: var(--section-pb);
  --section-pl--md: var(--section-pl);
  --section-ratio--md: var(--section-ratio);
  --section-gap--md: var(--section-gap);

  --section-mt--sm: var(--section-mt--md);
  --section-mr--sm: var(--section-mr--md);
  --section-mb--sm: var(--section-mb--md);
  --section-ml--sm: var(--section-ml--md);
  --section-pt--sm: var(--section-pt--md);
  --section-pr--sm: var(--section-pr--md);
  --section-pb--sm: var(--section-pb--md);
  --section-pl--sm: var(--section-pl--md);
  --section-ratio--sm: var(--section-ratio--md);
  --section-gap--sm: var(--section-gap--md);

  --section-border-color: rgba( var(--section-text-color), .2);
  --image-overlay: 0.2;

}




section .section_layout{
  margin-top: var(--section-mt);
  margin-right: var(--section-mr);
  margin-bottom: var(--section-mb);
  margin-left: var(--section-ml);

  padding-top: var(--section-pt);
  padding-right: var(--section-pr);
  padding-bottom: var(--section-pb);
  padding-left: var(--section-pl);

  border-top: var(--section-bt) solid var(--section-border-color);
  border-right: var(--section-br) solid var(--section-border-color);
  border-bottom: var(--section-bb) solid var(--section-border-color);
  border-left: var(--section-bl) solid var(--section-border-color);

  background-color: var(--section-bg-color,transparent);

  text-align: var(--section-text-align);

}

section .section_layout.section_layout_ratio{padding: 0;}
section .section_layout.section_layout_ratio .section_ratio{padding-bottom: var(--section-ratio);content: '';float: left;}
section .section_aspect-ratio{aspect-ratio: var(--section-ratio);}

section .section_layout .section_inner_layout{
  padding-top: var(--section-pt);
  padding-right: var(--section-pr);
  padding-bottom: var(--section-pb);
  padding-left: var(--section-pl);
}


section hr{background-color: var(--section-border-color);}

section .section_layout .section_container{margin: auto;max-width: var(--section-content-width);border-top: 1px solid transparent;border-bottom: 1px solid transparent;}


section .image_overlay{opacity: var(--image-overlay);}

.section_col_item{position: relative;}


.section_gap{gap: var(--section-gap);}

.products-grid{--grid-cols-min: max(185px, ( (100% / var(--products-max-cols,4) ) - (var(--section-gap) * (var(--products-max-cols,4) - 1) / var(--products-max-cols,4) ) ) );}


.row_grid_hr{
    position: absolute;
    top: calc(var(--section-gap) / -2);
    left: 0;right: 0;margin: 0;border: 0;}




/* Medium (md) */
@media (max-width: 990px) {
section .section_layout{
  margin-top: var(--section-mt--md);
  margin-right: var(--section-mr--md);
  margin-bottom: var(--section-mb--md);
  margin-left: var(--section-ml--md);
  padding-top: var(--section-pt--md);
  padding-right: var(--section-pr--md);
  padding-bottom: var(--section-pb--md);
  padding-left: var(--section-pl--md);
}
section .section_layout.section_layout_ratio{padding: 0;}
section .section_layout.section_layout_ratio .section_ratio{padding-bottom: var(--section-ratio--md);}

section .section_layout .section_inner_layout{
  padding-top: var(--section-pt--md);
  padding-right: var(--section-pr--md);
  padding-bottom: var(--section-pb--md);
  padding-left: var(--section-pl--md);
}

/*section .section_layout .section_container  .section_col_container{margin: calc(var(--section-gap--md) / -2);margin-top: 0;}
section .section_layout .section_container  .section_col_container  .section_col_item{padding: calc(var(--section-gap--md) / 2);}*/

.section_gap{gap: var(--section-gap--md);}

.products-grid{--grid-cols-min: max(185px, calc( (100% / var(--products-max-cols,4) ) - (var(--section-gap--md) * (var(--products-max-cols,4) - 1) / var(--products-max-cols,4) ) ) );}

.imgs_container.gallery_grid .imgs{
  position: relative;flex-grow:0;flex-basis:calc( ( 100% / var(--gallery-col,3) ) - ( var(--section-gap--md,5) * ( var(--gallery-col,3) - 1) / var(--gallery-col,3)) );
}

.row_grid_hr{top: calc(var(--section-gap--md) / -2);}

}


@media (max-width: 768px) {
section > .section_layout{
  margin-top: var(--section-mt--sm);
  margin-right: var(--section-mr--sm);
  margin-bottom: var(--section-mb--sm);
  margin-left: var(--section-ml--sm);
  padding-top: var(--section-pt--sm);
  padding-right: var(--section-pr--sm);
  padding-bottom: var(--section-pb--sm);
  padding-left: var(--section-pl--sm);
}
section .section_layout.section_layout_ratio{padding: 0;}
section .section_layout.section_layout_ratio .section_ratio{padding-bottom: var(--section-ratio--sm);}

section .section_layout .section_inner_layout{
  padding-top: var(--section-pt--sm);
  padding-right: var(--section-pr--sm);
  padding-bottom: var(--section-pb--sm);
  padding-left: var(--section-pl--sm);
}


.section_gap{gap: var(--section-gap--sm);}

.products-grid{--grid-cols-min: max(150px, calc( (100% / var(--products-max-cols,4) ) - (var(--section-gap--sm) * (var(--products-max-cols,4) - 1) / var(--products-max-cols,4) ) ) );}

.imgs_container.gallery_grid .imgs{
  position: relative;flex-grow:0;flex-basis:calc( ( 100% / var(--gallery-col,3) ) - ( var(--section-gap--sm,5) * ( var(--gallery-col,3) - 1) / var(--gallery-col,3)) );
}

.row_grid_hr{top: calc(var(--section-gap--sm) / -2);}

}




.flow > * + * {margin-top: 1em;}



.lg-outer.lg-grab img.lg-object{cursor: default !important;}


.grecaptcha-badge { visibility: hidden; }