.bg-white{background-color: var(--white);}

.light-grey{color: #a8a8aa;}
.anchor-color { color: rgba(25, 63, 53, 1);}
.color-yellow{color: #F5B335 !important; }
.color-brown{color: #7B6E66 !important; }
.color-red { color:#CE2030 !important  }
.color-green { color:#193F35 !important  }

.bg-grey{background-color: var(--grey);}
.bg-blue{background-color: var(--blue);}
.bg-lblue{background-color: var(--lblue);}
.bg-orange{background-color: var(--orange);}

.d-grid {
	display: grid;
}
.tw-column {
	grid-template-columns: 1fr 1fr;
}
.four-column {
	/*grid-template-columns: 25% 20% 30% 1fr;*/
	grid-template-columns: 16% 20% 30% 34%;
}
.four-column2 {
	grid-template-columns: 19% 20% 30% 1fr;
}
.three-column {
	grid-template-columns: 2fr 1fr;
}
.column-gap {
	grid-column-gap: 20px;
}
.wrapper100 { width: 100vw; }
.wrapper95 { width: 95vw; }
.wrapper96 { width: 96vw; }
.wrapper94 { width: 94vw; }
.wrapper93 { width: 93vw; }
.wrapper91 { width: 91vw; }
.wrapper90 { width: 90vw; }
.wrapper86 { width: 86vw; }
.wrapper85 { width: 85vw; }
.wrapper82 { width: 82vw; }
.wrapper80 { width: 80vw; }
.wrapper75 { width: 75vw; }
.wrapper70 { width: 70vw; }
.wrapper65 { width: 65vw; }
.wrapper60 { width: 60vw; }
.wrapper55 { width: 55vw; }
.wrapper50 { width: 50vw; }
.wrapper45 { width: 45vw; }
.wrapper40 { width: 40vw; }
.wrapper35 { width: 35vw; }
.wrapper30 { width: 30vw; }
.wrapper25 { width: 25vw; }
.wrapper20 { width: 20vw; }
.wrapper15 { width: 15vw; }
.wrapper10 { width: 10vw; }

.sizew100 {width: 100%; }
.sizew90 {width: 90%; }
.sizew85 {width: 85%; }
.sizew80 {width: 80%; }
.sizew70 {width: 70%; }
.sizew75 {width: 75%; }
.sizew60 {width: 60% !important; }
.sizew55 {width: 55%; }
.sizew50 {width: 50%; }
.sizew40 {width: 40%; }
.sizew45 {width: 45%; }
.sizew30 {width: 30%; }
.sizew20 {width: 20%; }
.sizew10 {width: 10%; }

.sizeh100 {height: 100%; }
.sizeh90 {height: 90%; }
.sizeh80 {height: 80%; }
.sizeh70 {height: 70%; }
.sizeh60 {height: 60%; }
.sizeh50 {height: 50%; }
.sizeh40 {height: 40%; }
.sizeh30 {height: 30%; }
.sizeh20 {height: 20%; }
.sizeh10 {height: 10%; }

.ht300{ height: 300vh; }
.ht200{ height: 200vh; }
.ht100{ height: 100vh; }
.ht90{ height: 90vh; }
.ht80{ height: 80vh; }
.ht85{ height: 85vh; }
.ht70{ height: 70vh; }
.ht60{ height: 60vh; }
.ht50{ height: 50vh; }
.ht40{ height: 40vh; }
.fill-height {
	height: 100%;
}
.relative { position: relative !important;}
.right0{right: 0 !important;}
.fixed { position: fixed;}
.absolute { position: absolute;}
.pin-top { top: 0;}
.pin-right { right: 0;}
.pin-bottom { bottom: 0;}
.pin-left { left: 0;}
.pin-edges { top: 0; right: 0; bottom: 0; left: 0;}

.db { display: block !important;}
.di { display: inline !important;}
.dib { display: inline-block !important;}
.dn { display: none !important;}
.df { display: -webkit-box; display: flex !important;}
.full { display: block; width: 100% !important;}

.flex { display: -webkit-box; display: flex;}
.iflex { display: -webkit-inline-box; display: inline-flex;}
.flex-grow { -webkit-box-flex: 1; flex-grow: 1;}
.flex-one {flex: 1;}

.flex { display: -webkit-box; display: flex}
.iflex { display: -webkit-inline-box; display: inline-flex}
.flex-grow { -webkit-box-flex: 1; flex-grow: 1}
.fb100 { flex-basis: 100%}
.fdr { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
.fdrr { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
.fdc { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.fdcr { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
.fwn { flex-wrap: nowrap; }
.fww { flex-wrap: wrap; }
.fwr { flex-wrap: wrap-reverse; }
.jcc { -webkit-box-pack: center; justify-content: center; }
.jcsb { -webkit-box-pack: justify; justify-content: space-between; }
.jcsa { justify-content: space-around; }
.jcfs { -webkit-box-pack: start; justify-content: flex-start; }
.jcfe { -webkit-box-pack: end; justify-content: flex-end; }
.aic { -webkit-box-align: center; align-items: center; }
.aifs { -webkit-box-align: start; align-items: flex-start; }
.aife { -webkit-box-align: end; align-items: flex-end; }
.ais { -webkit-box-align: stretch; align-items: stretch; }
.aib { -webkit-box-align: baseline; align-items: baseline; }
.acc { align-content: center; }
.acfs { align-content: flex-start; }
.acfe { align-content: flex-end; }
.acs { align-content: stretch; }
.acb { align-content: baseline; }
.tdu{ text-decoration: underline; }
.tdn{ text-decoration: none; }
.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.ttc { text-transform: capitalize !important;}
.ttu { text-transform: uppercase !important;}

.ofh { overflow: hidden !important; }
.ofx { overflow-x: scroll !important; }
.ofy {overflow-y: scroll !important; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.noborder { border: none;}
.imax { max-width: 100%; width: auto; height: auto;}

.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none !important; }
.finit { float: initial !important; }

.m0  { margin:        0; }
.mt0 { margin-top:    0; }
.mr0 { margin-right:  0 !important; }
.mb0 { margin-bottom: 0 !important; }
.ml0 { margin-left:   0 !important; }
.mx0 { margin-left:   0; margin-right:  0; }
.my0 { margin-top:    0; margin-bottom: 0; }

.m1  { margin:        1vw; }
.mt1 { margin-top:    1vw; }
.mr1 { margin-right:  1vw; }
.mb1 { margin-bottom: 1vw; }
.ml1 { margin-left:   1vw; }
.mx1 { margin-left:   1vw;  margin-right:  1vw; }
.my1 { margin-top:    1vw;  margin-bottom: 1vw; }

.m2  { margin:        2vw; }
.mt2 { margin-top:    2vw; }
.mr2 { margin-right:  2vw; }
.mb2 { margin-bottom: 2vw !important;}
.ml2 { margin-left:   2vw; }
.mx2 { margin-left:   2vw;  margin-right:  2vw; }
.my2 { margin-top:    2vw;  margin-bottom: 2vw; }

.m3  { margin:        3vw; }
.mt3 { margin-top:    3vw; }
.mr3 { margin-right:  3vw; }
.mb3 { margin-bottom: 3vw; }
.ml3 { margin-left:   3vw; }
.mx3 { margin-left:   3vw;  margin-right:  3vw; }
.my3 { margin-top:    3vw;  margin-bottom: 3vw; }

.m4  { margin:        4vw; }
.mt4 { margin-top:    4vw; }
.mr4 { margin-right:  4vw; }
.mb4 { margin-bottom: 4vw; }
.ml4 { margin-left:   4vw; }
.mx4 { margin-left:   4vw;  margin-right:  4vw; }
.my4 { margin-top:    4vw;  margin-bottom: 4vw; }

.m5  { margin:        5vw; }
.mt5 { margin-top:    5vw; }
.mr5 { margin-right:  5vw; }
.mb5 { margin-bottom: 5vw !important; }
.ml5 { margin-left:   5vw; }
.mx5 { margin-left:   5vw;  margin-right:  5vw; }
.my5 { margin-top:    5vw;  margin-bottom: 5vw; }

.m6  { margin:        6vw; }
.mt6 { margin-top:    6vw; }
.mr6 { margin-right:  6vw; }
.mb6 { margin-bottom: 6vw; }
.ml6 { margin-left:   6vw; }
.mx6 { margin-left:   6vw;  margin-right:  6vw; }
.my6 { margin-top:    6vw;  margin-bottom: 6vw; }

.m7  { margin:        7vw; }
.mt7 { margin-top:    7vw; }
.mr7 { margin-right:  7vw; }
.mb7 { margin-bottom: 7vw; }
.ml7 { margin-left:   7vw; }
.mx7 { margin-left:   7vw;  margin-right:  7vw; }
.my7 { margin-top:    7vw;  margin-bottom: 7vw; }

.m8  { margin:        8vw; }
.mt8 { margin-top:    8vw; }
.mr8 { margin-right:  8vw; }
.mb8 { margin-bottom: 8vw !important; }
.ml8 { margin-left:   8vw; }
.mx8 { margin-left:   8vw;  margin-right:  8vw; }
.my8 { margin-top:    8vw;  margin-bottom: 8vw; }

.m9  { margin:        9vw; }
.mt9 { margin-top:    9vw; }
.mr9 { margin-right:  9vw; }
.mb9 { margin-bottom: 9vw; }
.ml9 { margin-left:   9vw; }
.mx9 { margin-left:   9vw;  margin-right:  9vw; }
.my9 { margin-top:    9vw;  margin-bottom: 9vw; }

.m10  { margin:        10vw; }
.mt10 { margin-top:    10vw; }
.mt12 { margin-top:    12vw !important; }
.mr10 { margin-right:  10vw; }
.mb10 { margin-bottom: 10vw; }
.ml10 { margin-left:   10vw; }
.mx10 { margin-left:   10vw;  margin-right:  10vw; }
.my10 { margin-top:    10vw;  margin-bottom: 10vw; }

.m15  { margin:        15vw; }
.mt15 { margin-top:    15vw; }
.mt30 { margin-top:    30vw; }
.mt35 { margin-top:    35vw; }
.mr15 { margin-right:  15vw; }
.mb15 { margin-bottom: 15vw; }
.ml15 { margin-left:   15vw; }
.mx15 { margin-left:   15vw;  margin-right:  15vw; }
.my15 { margin-top:    15vw;  margin-bottom: 15vw; }
.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mx-auto { margin-left: auto; margin-right: auto; }

.p0  { padding:        0; }
.pt0 { padding-top:    0; }
.pr0 { padding-right:  0; }
.pb0 { padding-bottom: 0; }
.pl0 { padding-left:   0; }
.px0 { padding-left:   0; padding-right:  0; }
.py0 { padding-top:    0; padding-bottom: 0; }

.p0s  { padding:        0.5vw; }
.pt0s { padding-top:    0.5vw; }
.pr0s { padding-right:  0.5vw; }
.pb0s { padding-bottom: 0.5vw; }
.pl0s { padding-left:   0.5vw; }
.px0s { padding-left:   0.5vw;  padding-right:  0.5vw; }
.py0s { padding-top:    0.5vw;  padding-bottom: 0.5vw; }

.p1  { padding:        1vw; }
.pt1 { padding-top:    1vw; }
.pr1 { padding-right:  1vw; }
.pb1 { padding-bottom: 1vw; }
.pl1 { padding-left:   1vw; }
.px1 { padding-left:   1vw;  padding-right:  1vw; }
.py1 { padding-top:    1vw;  padding-bottom: 1vw; }

.p2  { padding:        2vw; }
.pt2 { padding-top:    2vw; }
.pr2 { padding-right:  2vw; }
.pb2 { padding-bottom: 2vw; }
.pl2 { padding-left:   2vw; }
.px2 { padding-left:   2vw;  padding-right:  2vw; }
.py2 { padding-top:    2vw;  padding-bottom: 2vw; }

.p3  { padding:        3vw; }
.pt3 { padding-top:    3vw; }
.pr3 { padding-right:  3vw; }
.pb3 { padding-bottom: 3vw; }
.pl3 { padding-left:   3vw; }
.px3 { padding-left:   3vw;  padding-right:  3vw; }
.py3 { padding-top:    3vw;  padding-bottom: 3vw; }

.p4  { padding:        4vw; }
.pt4 { padding-top:    4vw; }
.pr4 { padding-right:  4vw; }
.pb4 { padding-bottom: 4vw; }
.pl4 { padding-left:   4vw; }
.px4 { padding-left:   4vw;  padding-right:  4vw; }
.py4 { padding-top:    4vw;  padding-bottom: 4vw; }

.p5  { padding:        5vw; }
.pt5 { padding-top:    5vw; }
.pr5 { padding-right:  5vw; }
.pb5 { padding-bottom: 5vw; }
.pl5 { padding-left:   5vw; }
.px5 { padding-left:   5vw;  padding-right:  5vw; }
.py5 { padding-top:    5vw;  padding-bottom: 5vw; }

.p6  { padding:        6vw; }
.pt6 { padding-top:    6vw; }
.pr6 { padding-right:  6vw; }
.pb6 { padding-bottom: 6vw; }
.pl6 { padding-left:   6vw; }
.px6 { padding-left:   6vw;  padding-right:  6vw; }
.py6 { padding-top:    6vw;  padding-bottom: 6vw; }

.p7  { padding:        7vw; }
.pt7 { padding-top:    7vw; }
.pr7 { padding-right:  7vw; }
.pb7 { padding-bottom: 7vw; }
.pl7 { padding-left:   7vw; }
.px7 { padding-left:   7vw;  padding-right:  7vw; }
.py7 { padding-top:    7vw;  padding-bottom: 7vw; }

.p8  { padding:        8vw; }
.pt8 { padding-top:    8vw; }
.pr8 { padding-right:  8vw; }
.pb8 { padding-bottom: 8vw; }
.pl8 { padding-left:   8vw; }
.px8 { padding-left:   8vw;  padding-right:  8vw; }
.py8 { padding-top:    8vw;  padding-bottom: 8vw; }

.p9  { padding:        9vw; }
.pt9 { padding-top:    9vw; }
.pr9 { padding-right:  9vw; }
.pb9 { padding-bottom: 9vw; }
.pl9 { padding-left:   9vw; }
.px9 { padding-left:   9vw;  padding-right:  9vw; }
.py9 { padding-top:    9vw;  padding-bottom: 9vw; }

.p10  { padding:        10vw; }
.pt10 { padding-top:    10vw; }
.pr10 { padding-right:  10vw; }
.pb10 { padding-bottom: 10vw !important; }
.pl10 { padding-left:   10vw; }
.px10 { padding-left:   10vw;  padding-right:  10vw; }
.py10 { padding-top:   10vw;  padding-bottom:  10vw; }

.p11  { padding:        11vw; }
.pt11 { padding-top:    11vw; }
.pr11 { padding-right:  11vw; }
.pb11 { padding-bottom: 11vw; }
.pl11 { padding-left:   11vw; }
.px11 { padding-left:   11vw;  padding-right:  11vw; }
.py11 { padding-top:    11vw;  padding-bottom: 11vw; }

.p12  { padding:        12vw; }
.pt12 { padding-top:    12vw; }
.pr12 { padding-right:  12vw; }
.pb12 { padding-bottom: 12vw; }
.pl12 { padding-left:   12vw; }
.px12 { padding-left:   12vw;  padding-right:  12vw; }
.py12 { padding-top:    12vw;  padding-bottom: 12vw; }

.p13  { padding:        13vw; }
.pt13 { padding-top:    13vw; }
.pr13 { padding-right:  13vw; }
.pb13 { padding-bottom: 13vw; }
.pl13 { padding-left:   13vw; }
.px13 { padding-left:   13vw;  padding-right:  13vw; }
.py13 { padding-top:    13vw;  padding-bottom: 13vw; }

.p14  { padding:        14vw; }
.pt14 { padding-top:    14vw !important; }
.pr14 { padding-right:  14vw; }
.pb14 { padding-bottom: 14vw; }
.pl14 { padding-left:   14vw; }
.px14 { padding-left:   14vw;  padding-right:  14vw; }
.py14 { padding-top:    14vw;  padding-bottom: 14vw; }

.p15  { padding:        15vw; }
.pt15 { padding-top:    15vw; }
.pr15 { padding-right:  15vw; }
.pb15 { padding-bottom: 15vw; }
.pl15 { padding-left:   15vw; }
.px15 { padding-left:   15vw;  padding-right:  15vw; }
.py15 { padding-top:    15vw;  padding-bottom: 15vw; }

.p16  { padding:        16vw; }
.pt16 { padding-top:    16vw; }
.pr16 { padding-right:  16vw; }
.pb16 { padding-bottom: 16vw; }
.pl16 { padding-left:   16vw; }
.px16 { padding-left:   16vw;  padding-right:  16vw; }
.py16 { padding-top:    16vw;  padding-bottom: 16vw; }

.p17  { padding:        17vw; }
.pt17 { padding-top:    17vw; }
.pr17 { padding-right:  17vw; }
.pb17 { padding-bottom: 17vw; }
.pl17 { padding-left:   17vw; }
.px17 { padding-left:   17vw;  padding-right:  17vw; }
.py17 { padding-top:    17vw;  padding-bottom: 17vw; }

.p18  { padding:        18vw; }
.pt18 { padding-top:    18vw; }
.pr18 { padding-right:  18vw; }
.pb18 { padding-bottom: 18vw; }
.pl18 { padding-left:   18vw; }
.px18 { padding-left:   18vw;  padding-right:  18vw; }
.py18 { padding-top:    18vw;  padding-bottom: 18vw; }

.p19  { padding:        19vw; }
.pt19 { padding-top:    19vw; }
.pr19 { padding-right:  19vw; }
.pb19 { padding-bottom: 19vw; }
.pl19 { padding-left:   19vw; }
.px19 { padding-left:   19vw;  padding-right:  19vw; }
.py19 { padding-top:    19vw;  padding-bottom: 19vw; }

.p20  { padding:        20vw; }
.pt20 { padding-top:    20vw; }
.pr20 { padding-right:  20vw; }
.pb20 { padding-bottom: 20vw; }
.pl20 { padding-left:   20vw; }
.px20 { padding-left:   20vw;  padding-right:  20vw; }
.py20 { padding-top:    20vw;  padding-bottom: 20vw; }

.pl-auto { padding-left: auto }
.pr-auto { padding-right: auto }
.px-auto { padding-left: auto; padding-right: auto; }

.fs08 { font-size: 0.8vw; }
.fs1 { font-size: 1vw; }
.fs1r { font-size: 1vw; }
.fs1s { font-size: 1.625vw; }
.fs2 { font-size: 1.75vw; }
.fs2s { font-size: 2.5vw; }
.fs3 { font-size: 3.25vw; }
.fs3s { font-size: 3.5vw; }
.fs4 { font-size: 4.3125vw; }
.fs4s { font-size: 4.5vw; }
.fs5 { font-size: 5.625vw; }
.fs5s { font-size: 5.5vw; }
.fs6 { font-size: 6vw; }
.fs6s { font-size: 6.5vw; }
.fs7 { font-size: 7vw; }
.fs7s { font-size: 7.5vw; }
.fs8 { font-size: 8vw; }
.fs8s { font-size: 8.5vw; }
.fs9 { font-size: 9vw; }
.fs9s { font-size: 9.5vw; }
.fs10 { font-size: 10vw; }
.fs10s { font-size: 10.5vw; }

.lh1 { line-height: 1vw; }
.lh1s {  line-height: 1.625vw; }
.lh2 { line-height: 1.75vw; }
.lh2s {  line-height: 2.5vw; }
.lh3 { line-height: 3.25vw }
.lh3s {  line-height: 3.5vw; }
.lh4 { line-height: 4.3125vw; }
.lh4s {  line-height: 4.5vw; }
.lh5 { line-height: 5.625vw;; }
.lh5s {  line-height: 6vw; }
.lh6 { line-height: 6vw; }
.lh6s {  line-height: 6.5vw; }
.lh7 { line-height: 7vw; }
.lh7s {  line-height: 7.5vw; }
.lh8 { line-height: 8vw; }
.lh8s {  line-height: 8.5vw; }
.lh9 { line-height: 9vw; }
.lh9s {  line-height: 9.5vw; }
.lh10 { line-height: 10vw; }
.lh10s {  line-height: 10.5vw; }

.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls4{letter-spacing: 4px;}
.ls5{letter-spacing: 5px;}

.zi1{ z-index: 1; }
.zi2{ z-index: 2; }
.zi3{ z-index: 3; }
.zi4{ z-index: 4; }
.zi5{ z-index: 5; }
.zi6{ z-index: 6; }
.zi7{ z-index: 7; }
.zi8{ z-index: 8; }
.zi9{ z-index: 9; }
.zi10{ z-index: 10; }
.light{
	font-family: 'Fedra Sans Pro';
	font-weight: 300; 
}
.normal{
	font-family: 'Fedra Sans Pro Normal';
	font-weight: normal; 
}
.sami-bold{
	font-family: 'Fedra Sans Pro';
	font-weight: 500;
}
.bold{ 
	font-weight: 700; 
	font-family: 'Figtree';
}
.nobold{
	font-weight: 900; 
	font-family: 'Figtree';
}
.xbold{ font-weight: 900; }
.objc{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.overlay:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #00000075; z-index: 1; }

.ls_1{ border: 1px solid #ccc; font-size: 1.5vw; line-height: 1.5vw; color: #000; display: inline-block; transition: background .2s ease-in 0s !important; padding: 1vw 1.5vw .5vw .5vw;}
.ls_1:hover, .ls_1.active{ background: #000; color: #fff; border-color: #000;}

.bor_b{ border-bottom: 1px solid; }
.bor_t{ border-top: 1px solid; }
.bor_ct{ border-color: transparent; }
.bor_cw{ border-color: #fff; }
.bor_cb{ border-color: #000; }

.opc1{
	opacity: 1 !important;
}
.opc0{
	opacity: 0 !important;
}

.tun{
	text-transform: math-auto !important;
}

.cg{
	color: #7D6E66 !important;
}

/*img {
    width: 100%;
    object-fit: cover;
}*/