@font-face {font-family:GalanoGrotesqueBold; src:url('../font/GalanoGrotesqueBold.otf')}
@font-face {font-family:GalanoGrotesqueSemiBold; src:url('../font/GalanoGrotesqueSemiBold.otf')}
@font-face {font-family:GalanoGrotesqueRegular; src:url('../font/GalanoGrotesqueRegular.otf')}
input[type=text], input[type=email], textarea, select {-webkit-appearance:none; appearance:none; border-radius:0; padding:0}
input:-webkit-autofill, input:-webkit-autofill:focus {box-shadow:0 0 0 1000px white inset; -webkit-text-fill-color:#000}
input::placeholder {opacity:1}
textarea {resize:none}
input[type=file] {opacity:0}

.pf {position:fixed}
.pl0 {left:0}
.pr0 {right:0}
.pt0 {top:0}
.zi3 {z-index:3}

.fl {float:left}
.cb {clear:both}

.db, .btn, label {display:block}
.df {display:flex}
.oxa {overflow-x:auto}
.ws {white-space:nowrap}

.oh {overflow:hidden}
.pa {position:absolute}
.pr {position:relative}

.fdc {flex-direction:column}
.jcsb {justify-content:space-between}
.jcc {justify-content:center}
.jce {justify-content:flex-end}

.cai {align-items:center}
.rai {align-items:end}
.cas {align-items:stretch}
.fs {flex-shrink:0}
.fg {flex-grow:1}
.f1 {flex:1}

.bg-100p {background-size:100%; background-position:center center}

.bg1, body {background-color:#f6f6f6}
select {background-color:#ffffff}
.bg2, .btn-dark {background-color:#000}
.bg3, .active, .btn-light, .filter {background-color:#fff}
.bg4 {background-color:#FFB7D3}
.bg5 {background-color:#E1E1E1}
.bg6, .btn-dark[disabled] {background-color:#D9D9D9}

.c1, body, a, input::placeholder, select {color:#000}
.c2, .btn-light {color:#000}
.c3, label {color:#5D41FF}
.c4 {color:#FF629E}
.c5, .btn-dark {color:#fff}
.c6 {color:#9D9D9D}
.c7 {color:#919191}
.c8 {color:#B9B9B9}
.c9 {color:#FF287A}
.c10 {color:#67CE67}

.fs10, label {font-family:GalanoGrotesqueRegular,serif; font-size:10px; line-height:10px; letter-spacing:-0.01em}
.fs11r {font-family:GalanoGrotesqueRegular,serif; font-size:11px; line-height:19px; letter-spacing:-0.01em}
.fs11 {font-family:GalanoGrotesqueSemiBold,serif; font-size:11px; line-height:13px; letter-spacing:-0.01em}
.fs12r {font-family:GalanoGrotesqueRegular,serif; font-size:12px; line-height:16px; letter-spacing:-0.01em}
.fs12 {font-family:GalanoGrotesqueSemiBold,serif; font-size:12px; line-height:13px; letter-spacing:-0.01em}
.fs13 {font-family:GalanoGrotesqueSemiBold,serif; font-size:13px; line-height:18px; letter-spacing:-0.01em}
.fs13r, input, textarea, select, option {font-family:GalanoGrotesqueRegular,serif; font-size:13px; line-height:16px; letter-spacing:-0.01em}
.fs13600 {font-family:GalanoGrotesqueSemiBold,serif; font-size:13px; line-height:27px; letter-spacing:-0.01em}
.fs16, .btn, .filter.active {font-family:GalanoGrotesqueSemiBold,serif; font-size:16px; line-height:27px; letter-spacing:-0.16px}
.fs16r, .filter {font-family:GalanoGrotesqueRegular,serif; font-size:16px; line-height:22px; letter-spacing:-0.01em}
.fs18 {font-family:GalanoGrotesqueRegular,serif; font-size:18px; line-height:22px; letter-spacing:-0.02em}
.fs20, h1 {font-family:GalanoGrotesqueBold,serif; font-size:20px; line-height:23px; letter-spacing:-1px}
.fs20r {font-family:GalanoGrotesqueRegular,serif; font-size:20px; line-height:23px; letter-spacing:-1px}
.fs20sb {font-family:GalanoGrotesqueSemiBold,serif; font-size:20px; line-height:23px; letter-spacing:-1px}
.fs24, h2 {font-family:GalanoGrotesqueBold,serif; font-size:24px; line-height:23px; letter-spacing:-0.02em}
.fs24r {font-family:GalanoGrotesqueRegular,serif; font-size:24px; line-height:23px; letter-spacing:-0.02em}
.fs25 {font-family:GalanoGrotesqueSemiBold,serif; font-size:25px; line-height:25px; letter-spacing:-0.02em}
.fs25r {font-family:GalanoGrotesqueSemiBold,serif; font-size:25px; line-height:25px; letter-spacing:-1px}
.fs30 {font-family:GalanoGrotesqueRegular,serif; font-size:30px; line-height:30px; letter-spacing:-0.01em}
.fs36 {font-family:GalanoGrotesqueSemiBold,serif; font-size:36px; line-height:42px; letter-spacing:-0.01em}

.regular {font-family:GalanoGrotesqueRegular,serif}

.tc, .btn, .filter {text-align:center}
.tr {text-align:right}
.tlt {text-decoration:line-through}
.tdn, .btn, .link {text-decoration:none}

body, input, textarea, select, h1, h2, h3, h4, h5, h6, p, div {outline:none}
.bn, input, textarea, .btn, select {border:none}
.filter {border: 1px solid #fff}
.active {border: 1px solid #E1E1E1}

.br10, .active {border-radius:10px}
.filter {border-radius:12px}
.br20 {border-radius:20px}
.br60, .btn {border-radius:60px}
.br50p {border-radius:50%}

.m0, body, h1, h2, h3 {margin:0}
.m0a {margin:0 auto}
.mt5 {margin-top:5px}

.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb12 {margin-bottom:12px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}

.colW33mr, .mr5 {margin-right:5px}
.colW66mr, .mr10 {margin-right:10px}
.ml10 {margin-left:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}

.p15 {padding:15px}
.btn-dark, .btn-light {padding:12px 3px}
.filter {padding:10px 30px}
.btn-small {padding:5px}
.btn-m2 {padding:8px 2px}
.btn-medium {padding:10px 0}
.p10_20 {padding:10px 20px}
.p15_20 {padding:15px 20px}
.p20 {padding:20px}
.p30 {padding:30px}
.pt60 {padding-top:57px}

.w15 {width:15px}
.w38 {width:38px}
.w75 {width:75px}
.w82 {width:82px}
.w175, .btn-dark, .btn-light {width:175px}
.w120, .btn-m2 {width:120px !important;}
.w140 {width:140px}
.btn-small {width:100px}
.btn-x {width:65px}
.w200 {width:200px}

.h38 {height:38px}
.h75 {height:75px}
.h85 {height:85px}
.h120 {height:120px}
.h415 {height:415px}
.h100p {height:100%}

.mw500 {max-width:500px}
.mw460 {max-width:460px}
.mw250 {max-width:250px}
.w100p, input, textarea, select {width:100%}
.colW50 {width:calc(50% - 2px)}
.colW33 {width:calc(33% - 5px)}
.colW33r {width:calc(33% - 10px)}
.colW66 {width:calc(66% - 10px)}