/* Custom Classes
–––––––––––––––––––––––––––––––––––––––––––––––– */
html, body {
 box-sizing: border-box; margin: 0; padding: 0;
}

:root {
      --bdcol: #435152;
}

*, body {box-sizing: border-box;}
.flexrow,
.flexcolumn {display: flex;}

.flexcolumn {flex-direction: column;}
.flexrow {flex-direction: row;}

.grid1, .grid2, .grid3, .grid4, .grid46, .grid64, .grid37, .grid73, .grid28, .grid82 {display: grid;}
.grid1 { grid-template-columns: 100%;}
.grid2 { grid-template-columns: repeat(2, 1fr);}
.grid3 { grid-template-columns: repeat(3, 1fr);}
.grid4 { grid-template-columns: repeat(4, 1fr);}
.grid46 { grid-template-columns: 40% 60%;} .grid64 { grid-template-columns: 60% 40%;}
.grid73 { grid-template-columns: 70% 30%;} .grid37 { grid-template-columns: 30% 70%;}
.grid28 { grid-template-columns: 20% 80%;} .grid82 { grid-template-columns: 80% 20%;}

.ftc1 {align-items: flex-start; justify-content: center;}
.ftc2 {align-items: center; justify-content: flex-start;}
.ftl1, .ftl2 {align-items: flex-start; justify-content: flex-start;}
.ftr1 {align-items: flex-start; justify-content: flex-end;}
.ftr2 {align-items: flex-end; justify-content: flex-start;}

.fcc1, .fcc2 {align-items: center; justify-content: center;}
.fcl1{align-items: center; justify-content: flex-start;}
.fcl2 {align-items: flex-start; justify-content: center;}
.fcr1 {align-items: center; justify-content: flex-end;}
.fcr2 {align-items: flex-end; justify-content: center;}

.fbc1 {align-items: flex-end; justify-content: center;}
.fbc2 {align-items: center; justify-content: flex-end;}
.fbl1{align-items: flex-end; justify-content: flex-start;}
.fbl2 {align-items: flex-start; justify-content: flex-end;}
.fbr1, .fbr2 {align-items: flex-end; justify-content: flex-end;}

.flexeven {justify-content: space-evenly;}
.flexapart {justify-content: space-between;}

.fwrap {flex-wrap: wrap;}

.grow0 {flex-grow: 0;} .grow1 {flex-grow: 1;}

.pad0 {padding: 0px;} .pad5 {padding: 5px;} .pad10 {padding: 10px;} .pad15 {padding: 15px;} .pad20 {padding: 20px;} .pad25 {padding: 25px;} .pad30 {padding: 30px;}
.padt0 {padding-top: 0px;} .padt5 {padding-top: 5px;} .padt10 {padding-top: 10px;} .padt15 {padding-top: 15px;} .padt20 {padding-top: 20px;} .padt25 {padding-top: 25px;} .padt30 {padding-top: 30px;}
.padb0 {padding-bottom: 0px;} .padb5 {padding-bottom: 5px;} .padb10 {padding-bottom: 10px;} .padb15 {padding-bottom: 15px;} .padb20 {padding-bottom: 20px;} .padb25 {padding-bottom: 25px;} .padt30 {padding-bottom: 30px;}
.padl0 {padding-left: 0px;} .padl5 {padding-left: 5px;} .padl10 {padding-left: 10px;} .padl15 {padding-left: 15px;} .padl20 {padding-left: 20px;} .padl25 {padding-left: 25px;} .padt30 {padding-left: 30px;}
.padl0 {padding-right: 0px;} .padl5 {padding-right: 5px;} .padl10 {padding-right: 10px;} .padl15 {padding-right: 15px;} .padl20 {padding-right: 20px;} .padl25 {padding-right: 25px;} .padt30 {padding-right: 30px;}

.gap0 {gap: 0;} .gap5 {gap: 5px;}
.gap10 {gap: 10px;} .gap15 {gap: 15px;}
.gap20 {gap: 20px;} .gap25 {gap: 25px;}
.gap30 {gap: 30px;}

.w100 {width: 100%;} .w95 {width: 95%;} .w90 {width: 90%;}
.w80 {width: 80%;} .w70 {width: 70%;}
.w60 {width: 60%;} .w50 {width: 50%;}
.wfit {width: fit-content;}


.fs00 {font-size: 0.7em;} .fs0 {font-size: 0.8em;}
.fs1 {font-size: 1em;} .fs2 {font-size: 1.4em;}
.fs3 {font-size: 1.8em;} .fs4 {font-size: 2.2em;}
.fs5 {font-size: 2.6em;} .fs6 {font-size: 3em;}
.fs7 {font-size: 4em;} .fs8 {font-size: 5em;}

.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}


.auto0 {margin: 0px auto;} .auto5 {margin: 5px auto;}
.auto10 {margin: 10px auto;} .auto15 {margin: 15px auto;}
.auto20 {margin: 20px auto;} .auto25 {margin: 25px auto;}
.auto30 {margin: 30px auto;}

.mt0 {margin-top: 0;} .mt5 {margin-top: 5px;} .mt10 {margin-top: 10px;} .mt15 {margin-top: 15px;} .mt20 {margin-top: 20px;}
.mb0 {margin-bottom: 0;} .mb5 {margin-bottom: 5px;} .mb10 {margin-bottom: 10px;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px;}
.mr0 {margin-right: 0;} .mr5 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr15 {margin-right: 15px;} .mr20 {margin-right: 20px;}
.ml0 {margin-left: 0;} .ml5 {margin-left: 5px;} .ml10 {margin-left: 10px;} .ml15 {margin-left: 15px;} .ml20 {margin-left: 20px;}

.radius0 {border-radius: 0px;}
.radius3 {border-radius: 3px;}
.radius5 {border-radius: 5px;}
.radius10 {border-radius: 10px;}
.radius15 {border-radius: 15px;}
.radius20 {border-radius: 20px;}
.radius25 {border-radius: 25px;}
.radius30 {border-radius: 30px;}
.radius100 {border-radius: 100%;}
.radius100p {border-radius: 100px;}

.border1, .borderl1, .borderl0, .borderr1, .borderr0, .bordert1, .bordert0, .borderb1, .borderb0 {border-color:#435152;}
.border1 {border: 1px solid var(--bdcol);} .border0 {border:0px solid var(--bdcol);}
.borderl0 {border-left: 0;} .borderl1 {border-left: 1px solid var(--bdcol);}
.borderr0 {border-right: 0;} .borderr1 {border-right: 1px solid var(--bdcol);}
.bordert0 {border-top: 0;} .bordert1 {border-top: 1px solid var(--bdcol);}
.borderb0 {border-bottom: 0;} .borderb1 {border-bottom: 1px solid var(--bdcol);}



.bold {font-weight: bold;} .italic {font-style: italic;} .underline {text-decoration: underline;}
.z1 {z-index: 5;} .z2 {z-index: 10;} .z3 {z-index: 15;} .z4 {z-index: 20;} .z5 {z-index: 25;}

.pointer {cursor: pointer;} .arrow {cursor: default;}

.relative {position: relative;} .absolute {position: absolute;}

.pt0 {top: 0;} .pt5 {top: 5px;} .pt10 {top: 10px;} .pt15 {top: 15px;} .pt20 {top: 20px;} .pt25 {top: 25px;} .pt30 {top: 30px;}
.pb0 {bottom: 0;} .pb5 {bottom: 5px;} .pb10 {bottom: 10px;} .pb15 {bottom: 15px;} .pb20 {bottom: 20px;} .pb25 {bottom: 25px;} .pb30 {bottom: 30px;}
.pl0 {left: 0;} .pl5 {left: 5px;} .pl10 {left: 10px;} .pl15 {left: 15px;} .pl20 {left: 20px;} .pl25 {left: 25px;} .pl30 {left: 30px;}
.pr0 {right: 0;} .pr5 {right: 5px;} .pr10 {right: 10px;} .pr15 {right: 15px;} .pr20 {right: 20px;} .pr25 {right: 25px;} .pr30 {right: 30px;}

.iblock {display: inline-block;}

.objfit {object-fit: cover;}