/* Basis grid */
:root {--space-unit:  1em;}
:root,*{
--space-xxs:    calc(0.2 * var(--space-unit));
--space-xs:    calc(0.5 * var(--space-unit));
--space-sm:    calc(0.75 * var(--space-unit));
--space-md:    calc(1.25 * var(--space-unit));
--space-lg:    calc(2.2 * var(--space-unit));
--space-xl:    calc(5 * var(--space-unit));
--component-padding: var(--space-md);
}
*,*::after,*::before{box-sizing:inherit}*{font:inherit}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0}
html{box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,form legend{display:block}
section, section .container {position:relative;}
ul{list-style:none}
button,input,textarea,select{margin:0}
textarea{resize:vertical;overflow:auto;vertical-align:top}
input {outline:none;}
input::-ms-clear{display:none}
table{border-collapse:collapse;border-spacing:0}
img,video,svg{max-width:100%}[data-theme]{background-color:var(--color-bg, #fff);color:var(--color-contrast-high, #313135)}
img {max-width:100%;height:auto;}
.container{width:/*1340px*/1200px;max-width:90%;margin-left:auto;margin-right:auto}
.hugecontainer {position:relative;}
a {text-decoration:none;color:inherit}
.margin-sm {margin-left:calc(-1 * var(--space-sm));}  
.margin-sm>* {margin-left:var(--space-sm);}
.margin-md {margin-left:calc(-1 * var(--space-md));}  
.margin-md>* {margin-left:var(--space-md);}
.position-sticky {position: -webkit-sticky;position: sticky;top: 0/*122px*/;}
.grid{--gap: 0px;--offset: var(--gap);display:flex;flex-wrap:wrap}
.grid>*{flex-basis:100%;max-width:100%;min-width:0}
@supports (--css: variables){
  .grid>*[class*="offset-"]{margin-left:var(--offset)}
}
[class*="gap-xxs"],[class*="gap-xs"],[class*="gap-sm"],[class*="gap-md"],[class*="gap-lg"],[class*="gap-xl"] {margin-bottom:-0.75em;margin-left:-0.75em}
[class*="gap-xxs"]>*,[class*="gap-xs"]>*,[class*="gap-sm"]>*,[class*="gap-md"]>*,[class*="gap-lg"]>*,[class*="gap-xl"]>*{margin-bottom:0.75em;margin-left:0.75em;}
@supports (--css: variables){
  [class*="gap-xxs"],[class*="gap-xs"],[class*="gap-sm"],[class*="gap-md"],[class*="gap-lg"],[class*="gap-xl"]{--gap: 0px;--offset: var(--gap);margin-bottom:calc(-1 * var(--gap));margin-left:calc(-1 * var(--gap))}
  [class*="gap-xxs"]>*,[class*="gap-xs"]>*,[class*="gap-sm"]>*,[class*="gap-md"]>*,[class*="gap-lg"]>*,[class*="gap-xl"]>*{margin-bottom:var(--gap);margin-left:var(--offset)}
  .gap-xxs,.grid-gap-xxs,.flex-gap-xxs{--gap: var(--space-xxs)}
  .gap-xs,.grid-gap-xs,.flex-gap-xs{--gap: var(--space-xs)}
  .gap-sm,.grid-gap-sm,.flex-gap-sm{--gap: var(--space-sm)}
  .gap-md,.grid-gap-md,.flex-gap-md{--gap: var(--space-md)}
  .gap-lg,.grid-gap-lg,.flex-gap-lg{--gap: var(--space-lg)}
  .gap-xl,.grid-gap-xl,.flex-gap-xl{--gap: var(--space-xl)}
}
.col{flex-grow:1;flex-basis:0;max-width:100%}
.col-1{flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))}
.col-2{flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))}
.col-3{flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));max-width:calc( 25% - 0.01px - var(--gap, 0.75em))}
.col-4{flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))}
.col-5{flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))}
.col-6{flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));max-width:calc( 50% - 0.01px - var(--gap, 0.75em))}
.col-7{flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))}
.col-8{flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))}
.col-9{flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));max-width:calc( 75% - 0.01px - var(--gap, 0.75em))}
.col-10{flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))}
.col-11{flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))}
.col-12{flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));max-width:calc( 100% - 0.01px - var(--gap, 0.75em))}
.offset-1{--offset: calc(8.33% + var(--gap, 0.75em))}
.offset-2{--offset: calc(16.66% + var(--gap, 0.75em))}
.offset-3{--offset: calc(25% + var(--gap, 0.75em))}
.offset-4{--offset: calc(33.33% + var(--gap, 0.75em))}
.offset-5{--offset: calc(41.66% + var(--gap, 0.75em))}
.offset-6{--offset: calc(50% + var(--gap, 0.75em))}
.offset-7{--offset: calc(58.33% + var(--gap, 0.75em))}
.offset-8{--offset: calc(66.66% + var(--gap, 0.75em))}
.offset-9{--offset: calc(75% + var(--gap, 0.75em))}
.offset-10{--offset: calc(83.33% + var(--gap, 0.75em))}
.offset-11{--offset: calc(91.66% + var(--gap, 0.75em))}
.hide {display:none;}
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-wrap{flex-wrap:wrap}
.flex-column{flex-direction:column}
.flex-column-reverse{flex-direction:column-reverse}
.flex-row{flex-direction:row}
.flex-row-reverse{flex-direction:row-reverse}
.flex-center{justify-content:center;align-items:center}
.flex-grow{flex-grow:1}
.flex-grow-0{flex-grow:0}
.flex-shrink{flex-shrink:1}
.flex-shrink-0{flex-shrink:0}
.flex-basis-0{flex-basis:0}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-baseline{align-items:baseline}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.align-baseline{vertical-align:baseline}
.align-top{vertical-align:top}
.align-middle{vertical-align:middle}
.align-bottom{vertical-align:bottom}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-justify{text-align:justify}
.nowrap {white-space: nowrap;}
.float-left{float:left}
.float-right{float:right}
.clearfix::after{content:"";display:table;clear:both}
.relative {position:relative;}
.show\@xs{display:none !important}
.show\@sm{display:none !important}
.show\@md{display:none !important}
.show\@lg{display:none !important}

/* xs - Mobile: 375 */
@media (min-width: 375px){
  .col\@xs{flex-grow:1;flex-basis:0;max-width:100%}
  .col-1\@xs{flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))}
  .col-2\@xs{flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))}
  .col-3\@xs{flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));max-width:calc( 25% - 0.01px - var(--gap, 0.75em))}
  .col-4\@xs{flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))}
  .col-5\@xs{flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))}
  .col-6\@xs{flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));max-width:calc( 50% - 0.01px - var(--gap, 0.75em))}
  .col-7\@xs{flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))}
  .col-8\@xs{flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))}
  .col-9\@xs{flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));max-width:calc( 75% - 0.01px - var(--gap, 0.75em))}
  .col-10\@xs{flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))}
  .col-11\@xs{flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))}
  .col-12\@xs{flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));max-width:calc( 100% - 0.01px - var(--gap, 0.75em))}
  .offset-1\@xs{--offset: calc(8.33% + var(--gap, 0.75em))}
  
	@supports (--css: variables){
    .gap-xxs\@xs{--gap: var(--space-xxs)}
    .gap-xs\@xs{--gap: var(--space-xs)}
    .gap-sm\@xs{--gap: var(--space-sm)}
    .gap-md\@xs{--gap: var(--space-md)}
    .gap-lg\@xs{--gap: var(--space-lg)}
    .gap-xl\@xs{--gap: var(--space-xl)}
  }
  
  .items-center\@xs{align-items:center}
  .order-1\@xs{order:1}
  .order-2\@xs{order:2}
  .order-3\@xs{order:3}/*
  .block\@xs{display:block}
  .inline-block\@xs{display:inline-block}*/
  .text-center\@xs{text-align:center}
  .text-left\@xs{text-align:left}
  .text-right\@xs{text-align:right}
  .hide\@xs{display:none !important}
  .show\@xs{display:block !important}
}

/* sm - Tablet: 768 */
@media (min-width:768px){
  .col\@sm{flex-grow:1;flex-basis:0;max-width:100%}
  .col-1\@sm{flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))}
  .col-2\@sm{flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))}
  .col-3\@sm{flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));max-width:calc( 25% - 0.01px - var(--gap, 0.75em))}
  .col-4\@sm{flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))}
  .col-5\@sm{flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))}
  .col-6\@sm{flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));max-width:calc( 50% - 0.01px - var(--gap, 0.75em))}
  .col-7\@sm{flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))}
  .col-8\@sm{flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))}
  .col-9\@sm{flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));max-width:calc( 75% - 0.01px - var(--gap, 0.75em))}
  .col-10\@sm{flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))}
  .col-11\@sm{flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))}
  .col-12\@sm{flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));max-width:calc( 100% - 0.01px - var(--gap, 0.75em))}
  
  .offset-1\@sm{--offset: calc(8.33% + var(--gap, 0.75em))}
  
	@supports (--css: variables){
    .gap-xxs\@sm{--gap: var(--space-xxs)}
    .gap-xs\@sm{--gap: var(--space-xs)}
    .gap-sm\@sm{--gap: var(--space-sm)}
    .gap-md\@sm{--gap: var(--space-md)}
    .gap-lg\@sm{--gap: var(--space-lg)}
    .gap-xl\@sm{--gap: var(--space-xl)}
  }
  .items-center\@sm{align-items:center}
  .order-1\@sm{order:1}
  .order-2\@sm{order:2}
  .order-3\@sm{order:3}
  .text-center\@sm{text-align:center}
  .text-left\@sm{text-align:left}
  .text-right\@sm{text-align:right}
  .hide\@sm{display:none !important}
  .show\@sm{display:block !important}
}
@media not all and (min-width: 768px){.display\@sm{display:none !important}}

/* md - Laptop/liggend ipad: 1024 */
@media (min-width: 1024px){
  .col\@md{flex-grow:1;flex-basis:0;max-width:100%}
  .col-1\@md{flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))}
  .col-2\@md{flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))}
  .col-3\@md{flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));max-width:calc( 25% - 0.01px - var(--gap, 0.75em))}
  .col-4\@md{flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))}
  .col-5\@md{flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))}
  .col-6\@md{flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));max-width:calc( 50% - 0.01px - var(--gap, 0.75em))}
  .col-7\@md{flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))}
  .col-8\@md{flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))}
  .col-9\@md{flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));max-width:calc( 75% - 0.01px - var(--gap, 0.75em))}
  .col-10\@md{flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))}
  .col-11\@md{flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))}
  .col-12\@md{flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));max-width:calc( 100% - 0.01px - var(--gap, 0.75em))}
  .col-five\@md{flex-basis:calc( 20% - 0.01px - var(--gap, 0.75em));max-width:calc( 20% - 0.01px - var(--gap, 0.75em))}
  .offset-1\@md{--offset: calc(8.33% + var(--gap, 0.75em))}
  .offset-2\@md{--offset: calc(16.66% + var(--gap, 0.75em))}
  .offset-3\@md{--offset: calc(25% + var(--gap, 0.75em))}
  .offset-4\@md{--offset: calc(33.33% + var(--gap, 0.75em))}
  .offset-5\@md{--offset: calc(41.66% + var(--gap, 0.75em))}
  .offset-6\@md{--offset: calc(50% + var(--gap, 0.75em))}
  
  
	@supports (--css: variables){
    .gap-xxs\@md{--gap: var(--space-xxs)}
    .gap-xs\@md{--gap: var(--space-xs)}
    .gap-sm\@md{--gap: var(--space-sm)}
    .gap-md\@md{--gap: var(--space-md)}
    .gap-lg\@md{--gap: var(--space-lg)}
    .gap-xl\@md{--gap: var(--space-xl)}
  }
		.container\@md{position:relative;width:/*1340px*/1200px;max-width:90%;margin-left:auto;margin-right:auto}
    .items-center\@md{align-items:center}
    .order-1\@md{order:1}
    .order-2\@md{order:2}
    .order-3\@md{order:3}
    .text-center\@md{text-align:center}
    .text-left\@md{text-align:left}
    .text-right\@md{text-align:right}
    .hide\@md{display:none !important}
  	.show\@md{display:block !important}
  }
}
/* lg - High-res laptop or desktop: 1920 */
@media (min-width: 1920px){
  .col\@lg{flex-grow:1;flex-basis:0;max-width:100%}
  .col-1\@lg{flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))}
  .col-2\@lg{flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))}
  .col-3\@lg{flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));max-width:calc( 25% - 0.01px - var(--gap, 0.75em))}
  .col-4\@lg{flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))}
  .col-5\@lg{flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))}
  .col-6\@lg{flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));max-width:calc( 50% - 0.01px - var(--gap, 0.75em))}
  .col-7\@lg{flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))}
  .col-8\@lg{flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))}
  .col-9\@lg{flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));max-width:calc( 75% - 0.01px - var(--gap, 0.75em))}
  .col-10\@lg{flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))}
  .col-11\@lg{flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))}
  .col-12\@lg{flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));max-width:calc( 100% - 0.01px - var(--gap, 0.75em))}
  .offset-1\@lg{--offset: calc(8.33% + var(--gap, 0.75em))}
	@supports (--css: variables){
    .gap-xxs\@lg{--gap: var(--space-xxs)}
    .gap-xs\@lg{--gap: var(--space-xs)}
    .gap-sm\@lg{--gap: var(--space-sm)}
    .gap-md\@lg{--gap: var(--space-md)}
    .gap-lg\@lg{--gap: var(--space-lg)}
    .gap-xl\@lg{--gap: var(--space-xl)}
  }
  .items-center\@lg{align-items:center}
  .order-1\@lg{order:1}
  .order-2\@lg{order:2}
  .order-3\@lg{order:3}
  .text-center\@lg{text-align:center}
  .text-left\@lg{text-align:left}
  .text-right\@lg{text-align:right}
  .hide\@lg{display:none !important}
  .show\@lg{display:block !important}
  .hugecontainer {position:relative;width:1340px;max-width:90%;margin-left:auto;margin-right:auto}
}