/* Main */
html, body {min-height:100vh}
html {-webkit-tap-highlight-color:transparent}
body {font-family:'Rubik', sans-serif}
::placeholder {color:#979797; opacity:1}
body.gr {background: linear-gradient(#FFFFFF, #F6F6F6) fixed}
body, a {color:#000000}
a {text-decoration:none}

/* Header */
.drop, header.active {filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.09))}
header.active {transition:background-color 200ms ease 0s; background:#ffffff}
.search-header.active {filter:none}

.trainers {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 53.85%, #000000 100%)}
h1, h2, h3, h4, h5, h6, label, p {margin:0}

/* Apple */
input::-webkit-date-and-time-value {text-align:left}
input {border-radius:0; -webkit-appearance:none}

/* Misc */
.trans {transition:all 0.35s}
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.lt {text-decoration:line-through}
.oxs {overflow-x:scroll; overflow-y:hidden}
.ox {overflow-x:hidden; overflow-y:scroll}
.oh {overflow:hidden}
.rn {resize:none}
.cp {cursor:pointer}
.zi1 {z-index:1}
.zi2 {z-index:2}
.zi-1 {z-index:-1}
.fw {flex-wrap:wrap}

/* Btn */
.btn {font-size:14px; letter-spacing:-0.4px; line-height:19px; font-weight:400; display:block; border-radius:25px; padding:10px}
.btn.inactive {background:#E3E3E3; cursor:auto}
.btn.active {box-shadow:0 4px 8px rgba(0, 0, 0, 0.06)}

/* Display */
.dn {display:none}
.db {display:block}
.c {display:flex}

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

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

.ar {aspect-ratio:1/1}

/* Width */
.wa {width:auto}
.mw {max-width:430px}
.mw400 {max-width:400px}
.w26 {width:26px}
.w35 {width:35px}
.w48 {width:48px}
.w53 {width:53px}
.w60 {width:60px}
.w75 {width:75px}
.w82 {width:82px}
.w87 {width:87px}
.w120 {width:120px}
.w150 {width:150px}
.w180 {width:180px}
.w188 {width:188px}
.w250 {width:250px}
.w270 {width:270px}

.w25p {width:calc(25% - 20px)}
.w30p {width:calc(30% - 18px)}
.w33p {width:calc(33% - 10px)}
.w35p {width:calc(35% - 10px)}
.w40p {width:calc(40% - 10px)}
.w50p {width:calc(50% - 5px)}
.w60p {width:60%}
.w75p {width:75%}
.w100p {width:100%}
.w100vh {width:100vw}
.w100pr {width:calc(100% - 20px)}

/* Height */
.h1 {height:1px}
.h10 {height:10px}
.h60 {height:60px}
.h76 {height:76px}
.h180 {height:180px}
.h275 {height:275px}

.h100p {height:100%}
.mh {min-height:calc(100vh - 81px)}

/* Position */
.pr {position:relative}
.pab {position:absolute}
.pf {position:fixed}
.pt-10 {top:-15px}
.pt-0 {top:0}
.pt-20 {top:20px}
.pt-140 {top:140px}
.pb-0 {bottom:0}
.pb-70 {bottom:70px}
.pr0 {right:0}
.pr-20 {right:20px}
.pr-10 {right:-15px}
.pl {left:0}
.pr {right:0}

/* Font */
.fs10 {font-size:10px}
.fs12 {font-size:12px}
.fs13 {font-size:13px}
.fs14 {font-size:14px}
.fs15 {font-size:15px}
.fs16 {font-size:16px}
.fs18 {font-size:18px}
.fs19 {font-size:19px}
.fs20 {font-size:20px}
.fs21 {font-size:21px}
.fs23 {font-size:23px}
.fs24 {font-size:24px}
.fs35 {font-size:35px}
.fs45 {font-size:45px}

/* Bg */
.bgff {background:#fff}
.bgf7 {background:#F7F7F7}
.bge5 {background:#E5E5E5}
.bgef {background:#efefef}
.bgee {background:#EEEEEE}
.bgf8 {background:#f8f8f8}
.bgf9 {background:#f9f9f9}
.bgdb {background:#54fecd}
.bg3a {background:#54fecd}
.bg7a {background:#007AFF}
.bg6e {background:#00D36E}
.bg00 {background:#000000}
.bgd8 {background:#d8d8d8}
.bg4a {background:#4a4a4a}
.bgt {background:transparent}
.bg-elip {background-image:url("../images/ellipses.svg"); background-size:100% auto; background-position:bottom center}

/* Color */
.c00 {color:#000000}
.cff {color:#ffffff}
.c97 {color:#979797}
.c6e {color:#00D36E}
.cadad {color:#ADADAD}
.cc7 {color:#C7C7C7}
.c4a {color:#4a4a4a}
.caff {color:#007AFF}
.c53 {color:#FF5353 !important}

/* Border */
.b1 {border-width:1px; border-style:solid}
.be6 {border-color:#E6E6E6}
.bd2 {border-color:#d2d2d2}
.b94 {border-color:#989898}
.bff {border-color:#ffffff}
.b00 {border-color:#000000}

/* Border Radius */
.br0 {border-radius:0}
.br5 {border-radius:5px}
.br14 {border-radius:14px}
.br15 {border-radius:15px}
.br17 {border-radius:17px}
.br20 {border-radius:20px}
.br25 {border-radius:25px}
.br33 {border-radius:33px}
.br80 {border-radius:80px}

.br50p {border-radius:50%}

/* Weight */
.fw3 {font-weight:300}
.fw4 {font-weight:400}
.fw5 {font-weight:500}

/* Letter Spacing */
.ls1 {letter-spacing:-1px}
.ls1p2 {letter-spacing:-1.2px}
.ls2 {letter-spacing:-0.2px}
.ls3 {letter-spacing:-0.3px}
.ls4 {letter-spacing:-0.4px}
.ls8 {letter-spacing:-0.8px}
.ls255 {letter-spacing:-2.55px}

/* Line Height */
.lh11 {line-height:11px}
.lh14 {line-height:14px}
.lh17 {line-height:17px}
.lh19 {line-height:19px}
.lh23 {line-height:23px}
.lh27 {line-height:27px}

/* Margin */
.m0 {margin:0}
.m15 {margin:15px}
.m20 {margin:20px}
.m25 {margin:25px}
.m25-0 {margin:25px 0 25px 25px}
.m0-25 {margin:0 25px 25px 25px}

.mt0 {margin-top:0}
.mt5 {margin-top:5px}
.mt15 {margin-top:15px}
.mt30 {margin-top:30px}

.mb0 {margin-bottom:0}
.mb2 {margin-bottom:2px}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb40 {margin-bottom:40px}
.mb70 {margin-bottom:70px}

.ml0 {margin-left:0}
.ml15 {margin-left:15px}
.ml25 {margin-left:25px}

.mr0 {margin-right:0}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}

/* Padding */
.p0 {padding:0}
.p10 {padding:10px 20px}
.p15 {padding:15px}
.p20 {padding:20px}
.p25 {padding:25px}
.p30 {padding:30px}
.p80 {padding:80px}

.pt0 {padding-top:0}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}
.pt66 {padding-top:90px}

.pb0 {padding-bottom:0}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}

.pl0 {padding-left:0}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl35 {padding-left:35px}

.pr0 {padding-right:0}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}

/* Input */
.file {width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1}

.bn, .bno {border:none; outline:none}
input.bn, textarea.bn, select.bn, .chat-h {border-bottom:1px solid #d2d2d2}
.inp {padding-top:12px}
.inpf {padding:0 0 15px; margin-top:15px}
.inpl {position:absolute; top:30px; left:0}
.inpf:focus + .inpl, .inpf.filled + .inpl {font-size:18px; color:#979797; top:3px}

.cchk {position:relative; cursor:pointer; user-select:none}
.cchk input {position:absolute; opacity:0; cursor:pointer; height:0; width:0}
.checkmark {position:absolute; top:0; left:0; height:25px; width:25px; border:1px solid #E3E3E3; background-color:#fff; border-radius:15px}
.cchk input:checked ~ .checkmark {background-color:#000}
.checkmark:after {content:""; position:absolute; display:none}
.cchk input:checked ~ .checkmark:after {display:block}
.cchk .checkmark:after {left:9px; top:5px; width:5px; height:10px; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(45deg)}

select {background:url("../images/aerow.svg") no-repeat; background-position:right top !important; appearance: none !important}
select option {color:#000}

/* Responsive */
@media screen and (display-mode: standalone) {
    header {padding-top:38px}
    main {margin-top:38px}
    .pt-140 {top:178px}
}