/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

progress {
    vertical-align: baseline
}

a {
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

mark {
    background-color: #ff0
}

img {
    border-style: none
}

button,hr,input {
    overflow: visible
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.intl-tel-input {
    position: relative;
    display: inline-block
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-right: 36px;
    margin-right: 0
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space:normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0,0,0,.05)
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0,0,0,.05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px;
    line-height: 1.5em
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .iti-flag {
        background-size:5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .iti-flag {
        background-image:url(../img/flags@2x.png)
    }
}

.iti-flag.np {
    background-color: transparent
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(180deg,#fff 50%,#eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(180deg,#eee 50%,#ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(180deg,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(180deg,#eee 50%,#fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.grabbing {
    cursor: url(grabbing.png) 8 8,move
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    visibility: visible!important;
    background: #f2f2f2!important;
    background: rgba(0,0,0,.06)!important;
    border: 0 none!important;
    box-shadow: inset 0 0 12px 4px #fff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {
    content: "!";
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px!important
}

.selectize-dropdown-header-close:hover {
    color: #000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px!important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0;
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0,0,0,.05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px
}

.selectize-control {
    position: relative
}

.selectize-dropdown,.selectize-input,.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit
}

.selectize-control.single .selectize-input.input-active,.selectize-input {
    background: #fff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    border-radius: 3px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px
}

.selectize-input.full {
    background-color: #fff
}

.selectize-input.disabled,.selectize-input.disabled * {
    cursor: default!important
}

.selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.15)
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0
}

.selectize-input>* {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom:1;*display: inline
}

.selectize-control.multi .selectize-input>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0
}

.selectize-control.multi .selectize-input>div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca
}

.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active {
    color: #7d7d7d;
    background: #fff;
    border: 0 solid #fff
}

.selectize-input>input {
    display: inline-block!important;
    padding: 0!important;
    min-height: 0!important;
    max-height: none!important;
    max-width: 100%!important;
    margin: 0 2px 0 0!important;
    text-indent: 0!important;
    border: 0 none!important;
    background: none!important;
    line-height: inherit!important;
    -webkit-user-select: auto!important;
    box-shadow: none!important
}

.selectize-input>input::-ms-clear {
    display: none
}

.selectize-input>input:focus {
    outline: none!important
}

.selectize-input:after {
    content: " ";
    display: block;
    clear: left
}

.selectize-input.dropdown-active:before {
    content: " ";
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border-radius: 0 0 3px 3px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125,168,208,.2);
    border-radius: 1px
}

.selectize-dropdown .optgroup-header,.selectize-dropdown [data-selectable] {
    padding: 5px 8px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.selectize-dropdown .active.create {
    color: #495c68
}

.selectize-dropdown .create {
    color: rgba(48,48,48,.5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch
}

.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: gray transparent transparent
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px;
    border-color: transparent transparent gray
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto
}

.selectize-control.rtl .selectize-input>input {
    margin: 0 4px 0 -2px!important
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fafafa
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important
}

#toast-container>.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important
}

#toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important
}

#toast-container>.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important
}

#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media (max-width: 240px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media (min-width: 241px) and (max-width:480px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media (min-width: 481px) and (max-width:768px) {
    #toast-container>div {
        padding:15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container:after,.container:before {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1440px) {
    .container {
        width:1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container-fluid:after,.container-fluid:before {
    display: table;
    content: " "
}

.container-fluid:after {
    clear: both
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row:after,.row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666666666666%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.666666666666664%
    }

    .col-sm-1 {
        width: 8.333333333333332%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666666666666%
    }

    .col-sm-push-10 {
        left: 83.33333333333334%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666666666666%
    }

    .col-sm-push-7 {
        left: 58.333333333333336%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666666666667%
    }

    .col-sm-push-4 {
        left: 33.33333333333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.666666666666664%
    }

    .col-sm-push-1 {
        left: 8.333333333333332%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666666666666%
    }

    .col-md-pull-10 {
        right: 83.33333333333334%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666666666666%
    }

    .col-md-pull-7 {
        right: 58.333333333333336%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666666666667%
    }

    .col-md-pull-4 {
        right: 33.33333333333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.666666666666664%
    }

    .col-md-pull-1 {
        right: 8.333333333333332%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666666666666%
    }

    .col-md-push-10 {
        left: 83.33333333333334%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666666666666%
    }

    .col-md-push-7 {
        left: 58.333333333333336%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666666666667%
    }

    .col-md-push-4 {
        left: 33.33333333333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.666666666666664%
    }

    .col-md-push-1 {
        left: 8.333333333333332%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1440px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666666666666%
    }

    .col-lg-10 {
        width: 83.33333333333334%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-7 {
        width: 58.333333333333336%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666666666667%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.666666666666664%
    }

    .col-lg-1 {
        width: 8.333333333333332%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666666666666%
    }

    .col-lg-push-10 {
        left: 83.33333333333334%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666666666666%
    }

    .col-lg-push-7 {
        left: 58.333333333333336%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666666666667%
    }

    .col-lg-push-4 {
        left: 33.33333333333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.666666666666664%
    }

    .col-lg-push-1 {
        left: 8.333333333333332%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.modal,.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:after,.modal-header:before {
    display: table;
    content: " "
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after,.modal-footer:before {
    display: table;
    content: " "
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    line-height: 1.428571429;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.clearfix:after,.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1439px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1439px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1439px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1439px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1440px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1440px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1440px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1440px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1439px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1440px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

.button,.search-filters__group>button {
    height: 40px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px;
    background-color: #e0e0e0;
    color: #202427;
    text-align: center;
    width: 100%
}

.button.is-active,.search-filters__group>button.is-active {
    background-color: $violet;
    color: #fff
}

.button>*,.search-filters__group>button>* {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 20px
}

.button svg,.search-filters__group>button svg {
    display: inline-block;
    fill: #202427;
    vertical-align: middle;
    max-height: 20px
}

.button svg:not(:first-child),.search-filters__group>button svg:not(:first-child) {
    margin-left: 8px
}

*,:after,:before {
    box-sizing: border-box
}

mark {
    background: transparent;
    color: inherit;
    font-weight: 500
}

button,input,select,textarea {
    outline: none
}

input[type=email],input[type=password],input[type=tel],input[type=text],textarea {
    appearance: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

button {
    border: none;
    background: none;
    outline: none;
    padding: 0;
    margin: 0
}

.tooltip.top .tooltip-arrow {
    border-top-color: #882879!important
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #882879!important
}

.tooltip.left .tooltip-arrow {
    border-left-color: #882879!important
}

.tooltip.right .tooltip-arrow {
    border-right-color: #882879!important
}

.tooltip .tooltip-inner {
    text-align: left;
    color: #fff;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 500;
    background-color: #882879;
    padding: 5px 10px;
    white-space: pre-wrap
}

@media (min-width: 992px) {
    .tooltip .tooltip-inner {
        max-width:400px
    }
}

.fa-times-thin:before {
    content: "\00d7"
}

@media (max-width: 991px) {
    body.modal-open-mobile {
        position:fixed;
        overflow: hidden;
        height: 100%;
        width: 100%;
        background-color: #0067B5
    }
}

@font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-next-world/avenir-next-world-medium.woff2) format("woff2"),url(../fonts/avenir-next-world/avenir-next-world-regular.woff) format("woff"),url(../fonts/avenir-next-world/avenir-next-world-regular.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-next-world/avenir-next-world-medium-italic.woff2) format("woff2"),url(../fonts/avenir-next-world/avenir-next-world-italic.woff) format("woff"),url(../fonts/avenir-next-world/avenir-next-world-italic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-next-world/avenir-next-world-semi-bold.woff2) format("woff2"),url(../fonts/avenir-next-world/avenir-next-world-semi-bold.woff) format("woff"),url(../fonts/avenir-next-world/avenir-next-world-semi-bold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/ubuntu/ubuntu-bold.woff2) format("woff2"),url(../fonts/ubuntu/ubuntu-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/material-icons/material-icons-regular.eot);
    src: local("Material Icons"),local("MaterialIcons-Regular"),url(../fonts/material-icons/material-icons-regular.woff2) format("woff2"),url(../fonts/material-icons/material-icons-regular.woff) format("woff"),url(../fonts/material-icons/material-icons-regular.ttf) format("truetype")
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.error-text {
    color: #c00;
    margin-top: 5px
}

input {
    border-radius: 0;
    border: none;
    background-color: transparent
}

button {
    font-weight: 500
}

button.orangeBtn {
    min-width: 120px;
    height: 40px;
    background: #fdb130;
    color: $wt
}

button.orangeBtn:hover {
    background: $orange-hover
}

button.purpleBtn {
    min-width: 120px;
    height: 40px;
    background: #882879;
    color: $wt
}

button.purpleBtn:hover {
    background: #6e2062
}

button:disabled {
    cursor: default!important;
    color: #bbb!important;
    background-color: #e0e0e0!important
}

.input-control {
    position: relative;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e0e0e0;
    padding-right: 15px;
    height: 100%
}

.input-control.error {
    border: 1px solid #c00
}

.input-control.error:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(204,0,0,.05)
}

.input-control.error .input-control__input {
    background: transparent
}

.input-control.focused {
    box-shadow: 0 0 2px 0 #882879
}

.input-control>* {
    flex: 1 1 auto;
    padding-left: 15px;
    width: 100%
}

.input-control>.dropdown {
    width: auto;
    flex: 0 1 auto
}

.input-control>::placeholder {
    color: #a1a7a8;
    opacity: 1
}

.input-control__dropdown {
    flex: 1 1 auto;
    width: auto;
    display: flex;
    align-items: center;
    height: 100%
}

.input-control__dropdown .dropdown {
    position: relative;
    height: 100%;
    flex: 0 0 auto;
    display: flex;
    align-items: center
}

.input-control__dropdown .dropdown .dropdown__current {
    position: absolute;
    min-width: 90px;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px
}

.input-control__dropdown .dropdown .dropdown__current img {
    display: inline-block;
    vertical-align: middle
}

.input-control__input {
    flex: 1 1 auto;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    height: 100%
}

.input-control__input:not(:first-child) {
    margin-left: 0
}

.input-control__input::placeholder {
    color: #a1a7a8;
    opacity: 1
}

.input-control__icon {
    flex: 0 0 auto;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0e0e0;
    font-size: 20px
}

.input-control__icon svg {
    flex: 0 0 auto;
    fill: #bfc0c1
}

.input-control__icon .svg-icon_key {
    transform: rotate(-90deg)
}

.input-submit {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px 30px;
    text-align: center;
    color: #fff;
    background-color: #fdb130;
    line-height: 15px
}

.input-submit:hover {
    background-color: $orange-hover
}

.checkbox-switch {
    width: 100%;
    margin-bottom: 20px
}

.checkbox-switch__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 20px
}

.checkbox-switch__input {
    flex: 0 0 auto;
    width: 50px;
    height: 25px;
    margin-right: 17px
}

.checkbox-switch__input input {
    display: none
}

.checkbox-switch__input input+label {
    display: block;
    cursor: pointer;
    position: relative;
    width: 50px;
    height: 25px;
    border-radius: 12px;
    background-color: #e0e0e0
}

.checkbox-switch__input input+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #666c6e
}

.checkbox-switch__input input:checked+label:before {
    left: auto;
    right: 0;
    background-color: #882879
}

.checkbox-switch__label {
    width: 100%;
    flex: 1 1 auto;
    color: #000;
    line-height: 21px
}

.checkbox-switch__label a {
    color: $orange-hover
}

.form__fields {
    margin-bottom: 30px
}

.form__row {
    height: auto;
    font-size: 18px;
    font-weight: 500
}

@media (min-width: 992px) {
    .form__row {
        font-size:16px;
        font-weight: 500
    }
}

.form__row>* {
    width: 100%;
    height: 60px
}

@media (min-width: 992px) {
    .form__row>* {
        height:50px
    }
}

.form__row>::placeholder {
    color: #a1a7a8;
    opacity: 1
}

.form__row .error-text {
    height: auto;
    margin-top: 5px;
    padding: 0 5px;
    color: #c00
}

.form__row .error-text:last-child {
    margin-bottom: 10px
}

.form__row:not(:last-child) {
    margin-bottom: 20px
}

.form__row .radio-group {
    width: 100%
}

.form__row .radio-group label {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.form__row textarea {
    position: relative;
    background-color: #fff;
    width: 100%;
    border: 1px solid #e0e0e0;
    min-height: 175px;
    resize: none;
    padding: 12px 25px;
    line-height: 25px
}

.form__row textarea.focused {
    box-shadow: 0 0 2px 0 #882879
}

.form__row>.dropdown {
    width: 100%
}

.form__row>.dropdown .dropdown__current {
    position: absolute;
    height: 100%;
    cursor: pointer;
    padding: 10px 40px 10px 25px;
    font-size: inherit;
    color: #4a4e4f;
    border: 1px solid #e0e0e0
}

.form__row>.dropdown .dropdown__current:after {
    right: 25px
}

.form__submit {
    height: 60px;
    font-size: 18px;
    font-weight: 500
}

@media (min-width: 992px) {
    .form__submit {
        height:50px;
        font-size: 16px;
        font-weight: 500
    }
}

.form__submit button {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fdb130;
    color: #fff
}

.form__submit button:hover {
    background-color: $orange-hover
}

.form__caption {
    padding: 10px 0;
    color: #882879;
    line-height: 25px;
    text-align: center
}

.form__caption a {
    text-decoration: none;
    color: inherit
}

.form__error,.form__info,.form__success,.form__warning {
    color: #4a4e4f;
    width: 100%;
    background: #fff;
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
    border-radius: 3px;
    padding: 10px;
    display: block;
    text-align: left
}

.form__error .fa,.form__info .fa,.form__success .fa,.form__warning .fa {
    margin-right: 7px
}

.form__info {
    border-left: 5px solid #bbb
}

.form__info .fa {
    color: #bbb
}

.form__success {
    border-left: 5px solid #41a997
}

.form__success .fa {
    color: #41a997
}

.form__warning {
    border-left: 5px solid #fdb130
}

.form__warning .fa {
    color: #fdb130
}

.form__error {
    border-left: 5px solid #cb5234
}

.form__error .fa {
    color: #cb5234
}

.recaptcha-container {
    text-align: center;
    margin-bottom: 20px
}

.recaptcha-container .g-recaptcha {
    display: inline-block
}

html {
    height: 100%
}

html.has-mobile-panel,html.modal-open {
    overflow: hidden
}

body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    background-color: #fff
}

body strong {
    font-weight: 600
}

body.has-mobile-panel,body.modal-open {
    overflow: hidden
}

body .mdc-dialog {
    z-index: 1050
}

body .mdc-dialog button {
    height: 50px
}

.Header-sticky main {
    padding-top: 61px
}

.Main {
    background-color: #fafafa
}

.Main .loading-spinner>div {
    background-color: var(--od-theme-primary,#0067B5)
}

:root {
    --od-theme-primary: #0067B5;
    --mdc-theme-primary: #0067B5
}

.isLoading {
    position: relative
}

.isLoading>* {
    pointer-events: none
}

.isLoading:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0,0%,100%,.85);
    z-index: 10;
    animation-name: a;
    animation-fill-mode: forwards;
    animation-delay: .1s
}

.isLoading:after,.isLoading:before {
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity .3s linear
}

.isLoading:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    border-width: 3px;
    border-style: solid;
    border-color: #0067B5 transparent #0067B5 #0067B5;
    border-radius: 50%;
    animation-name: b,a;
    animation-duration: .5s;
    animation-iteration-count: infinite,1;
    animation-timing-function: linear;
    animation-fill-mode: none,forwards;
    animation-delay: .1s;
    z-index: 20
}

.visually-hidden:not(:focus):not(:active) {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap
}

.page-wrapper {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width: 992px) {
    .page-wrapper.page-wrapper-sticky {
        padding-top:55px
    }
}

@media (min-width: 992px) {
    .page-wrapper.page-wrapper-sticky-search {
        padding-top:125px
    }
}

.page-wrapper:after {
    transition: width .2s ease-in-out;
    content: "";
    position: absolute;
    width: 1px;
    height: 0
}

html.has-mobile-panel .page-wrapper {
    flex: 0 1 auto;
    overflow: hidden;
    width: auto;
    height: 100%
}

.mobile-panel {
    flex: 0 0 auto
}

.global-warning-wrapper {
    position: fixed;
    left: 15px;
    bottom: 0;
    z-index: 2;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.3);
    border-radius: 8px 8px 0 0
}

@media (max-width: 991px) {
    .global-warning-wrapper {
        width:calc(100% - 30px)
    }
}

@media (min-width: 992px) {
    .global-warning-wrapper {
        width:460px
    }
}

.global-warning-wrapper--header {
    cursor: pointer;
    background-color: #fdb130;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 8px 8px 0 0;
    font-size: 16px;
    font-weight: 500;
    height: 48px
}

.global-warning-wrapper--header>* {
    display: flex;
    align-items: center
}

.global-warning-wrapper--content {
    height: 100%;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 500;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    background: #fff;
    padding: 20px;
    word-break: break-word
}

.global-warning-wrapper--content a {
    color: #0067B5
}

.global-warning-wrapper--content.folded {
    display: none
}

.global-warning-wrapper--content:not(.folded) {
    display: block
}

.global-warning-wrapper--content .no-bottom-margin {
    margin-bottom: 0
}

.global-warning-wrapper--content ul {
    list-style-type: disc;
    padding-left: 20px
}

.wrapper {
    min-width: 320px;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

@media (min-width: 768px) {
    .wrapper {
        padding:0
    }
}

.body {
    max-width: 1400px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto
}

.layout_two-column {
    background-color: #f4f4f4
}

.layout_two-column .body {
    display: flex
}

@media (max-width: 991px) {
    .layout_two-column .body {
        flex-flow:column
    }
}

@media (min-width: 992px) {
    .layout_two-column .body {
        align-items:stretch
    }
}

.layout_two-column .content {
    background-color: #fff;
    width: 100%;
    position: relative
}

@media (min-width: 992px) {
    .layout_two-column .content {
        width:67%;
        flex: 0 0 auto;
        order: 1
    }
}

.layout_two-column .sidebar {
    width: 100%
}

@media (min-width: 992px) {
    .layout_two-column .sidebar {
        width:33%;
        flex: 0 0 auto;
        order: 2
    }
}

.layout_fixed-sidebar {
    background-color: #f4f4f4
}

.layout_fixed-sidebar .body {
    display: flex
}

.layout_fixed-sidebar .content {
    background-color: #fff;
    width: 100%
}

@media (min-width: 992px) {
    .layout_fixed-sidebar .content {
        width:calc(100% - 470px);
        flex: 0 0 auto
    }
}

.layout_fixed-sidebar .sidebar {
    background-color: #f4f4f4;
    display: none
}

@media (min-width: 992px) {
    .layout_fixed-sidebar .sidebar {
        display:block;
        width: 470px;
        flex: 0 0 auto
    }
}

.layout_funnel .body {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.layout_funnel .content {
    width: 100%;
    flex: 1 1 auto
}

@media (min-width: 992px) {
    .layout_funnel .content {
        width:calc(100% - 470px)
    }
}

.layout_funnel .sidebar {
    display: none
}

@media (min-width: 992px) {
    .layout_funnel .sidebar {
        background-color:#fff;
        display: block;
        width: 470px;
        flex: 0 0 auto
    }
}

iframe[name=google_conversion_frame] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

@keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes b {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #fdb130;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
}

.svg-icon_logo-text {
    fill: green
}

#svg-icon_clock-l .svg-icon-path-1,#svg-icon_clock-l .svg-icon-path-2,#svg-icon_clock .svg-icon-path-1,#svg-icon_clock .svg-icon-path-2 {
    fill: none;
    stroke: currentColor;
    stroke-width: 2
}

#svg-icon_pill .svg-icon-path-1,#svg-icon_pill .svg-icon-path-2 {
    stroke: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1
}

.h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
    margin-top: 0
}

.h1:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child {
    margin-bottom: 0
}

.h1,h1 {
    margin-top: 10px;
    font-weight: 800
}

.h1,.h2,h1,h2 {
    margin-bottom: 15px
}

.h2,h2 {
    font-size: 20px
}

.h2,.h3,h2,h3 {
    font-weight: 500
}

.h3,h3 {
    font-size: 18px
}

a {
    color: #4a4e4f;
    font-weight: 500;
    cursor: pointer
}

a,a:link,a:visited {
    text-decoration: underline
}

a:active,a:hover,a:link button,a:visited button,a button {
    text-decoration: none
}

@media (max-width: 992px) {
    a:active,a:hover {
        text-decoration:underline
    }
}

a.disabled,a:active button,a:hover button {
    text-decoration: none
}

a.disabled {
    cursor: default
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

ul li {
    margin: 0;
    padding: 0 0 0 13px
}

.od-account {
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .0178571429em;
    min-height: 240px;
    max-width: 640px;
    margin: 0 auto;
    padding: 24px 12px
}

@media (min-width: 992px) {
    .od-account {
        padding:24px;
        min-height: 400px;
        max-width: 800px
    }
}

.od-account .loading-spinner {
    display: none
}

.od-account.od-account--loading {
    height: 240px
}

@media (min-width: 992px) {
    .od-account.od-account--loading {
        height:400px
    }
}

.od-account.od-account--loading .od-account-content {
    display: none
}

.od-account.od-account--loading .loading-spinner {
    display: flex
}

.od-account .cw-verify .cw-form-section {
    padding: 0;
    box-shadow: none
}

.od-account-content {
    margin: 0 auto
}

.od-account-content button {
    height: 50px
}

.od-account-content .radio-set {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -20px
}

.od-account-content .radio-set-item {
    flex: 0 1 auto;
    margin-top: 10px;
    margin-left: 20px
}

.od-account-content .radio-set-item .mdc-radio {
    height: 20px;
    padding: 0
}

.od-account-content .radio-set-item .mdc-radio__background {
    height: 100%
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .od-account-content .radio-set:not(.radio-set--outlined) .radio-set-item {
        flex: 0 1 100%
    }
}

.od-account-content .cw-form-section:not(:first-child) {
    margin-top: 15px
}

.od-account-content form[name=password] .cw-form-buttons button {
    color: var(--od-theme-on-secondary,#fff);
    background-color: var(--od-theme-secondary,#fdb130)
}

.od-account-content form[name=password]:not(.cw-form-toggleable--toggled).cw-form-toggleable--minimized .cw-form-toggleable-toggle button {
    color: var(--od-theme-secondary,#fdb130)
}

.od-account-content form[name=delete-my-account] .cw-form-toggleable-content .undeletable {
    display: none
}

.od-account-content form[name=delete-my-account] .cw-form-buttons button {
    color: var(--od-theme-on-secondary,#fff);
    background-color: #c00
}

.od-account-content form[name=delete-my-account]:not(.cw-form-toggleable--toggled).cw-form-toggleable--minimized .cw-form-toggleable-toggle button {
    color: #c00
}

.od-account-content form[name=delete-my-account].undeletable .cw-form-toggleable-content .deletable {
    display: none
}

.od-account-content form[name=delete-my-account].undeletable .cw-form-toggleable-content .undeletable {
    display: block
}

.od-account-content form[name=delete-my-account].undeletable .cw-form-toggleable-submit {
    display: none
}

.od-account-content form[name=delete-my-account].undeletable p.email {
    text-align: center
}

.od-account-content form[name=delete-my-account].undeletable p.email a {
    text-decoration: none
}

.od-account-content .mfa-section-container .cw-form-buttons button {
    color: var(--od-theme-on-secondary,#fff);
    background-color: var(--od-theme-secondary,#fdb130)
}

.od-account-content .mfa-section-container:not(.cw-form-toggleable--toggled).cw-form-toggleable--minimized .cw-form-toggleable-toggle button {
    color: var(--od-theme-secondary,#fdb130)
}

a.international-insurance-card-number-link {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none
}

a.international-insurance-card-number-link i {
    font-size: 16px;
    margin-right: 6px
}

a.international-insurance-card-number-link span {
    text-decoration: underline
}

.od-activate-mfa {
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .0178571429em;
    min-height: 240px;
    max-width: 640px;
    margin: 0 auto;
    margin-top: 15px
}

.od-activate-mfa .mdc-button {
    height: 50px
}

@media (min-width: 992px) {
    .od-activate-mfa {
        min-height:400px;
        max-width: 800px
    }
}

.od-activate-mfa .cw-verify input {
    text-transform: uppercase
}

.od-activate-mfa .loading-spinner {
    display: none
}

.od-activate-mfa.od-activate-mfa--loading {
    height: 240px
}

@media (min-width: 992px) {
    .od-activate-mfa.od-activate-mfa--loading {
        height:400px
    }
}

.od-activate-mfa.od-activate-mfa--loading .od-activate-mfa-content {
    display: none
}

.od-activate-mfa.od-activate-mfa--loading .loading-spinner {
    display: flex
}

.od-activate-mfa .cw-component {
    max-width: 600px;
    padding: 0
}

.od-activate-mfa .cw-activate-mfa {
    margin-top: 10px;
    padding: 0
}

#qr-code-container {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 20px auto
}

#qr-code-container img {
    height: 100%;
    width: 100%;
    border: 1px solid #ededed
}

#qr-code-container .qr-retry {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#qr-code-container .qr-retry a {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--od-theme-on-primary,#fff);
    text-decoration: none;
    background: var(--od-theme-on-surface,#4a4e4f);
    opacity: .96;
    padding: 10px
}

#qr-code-container .qr-retry a i {
    font-size: 32px
}

#qr-code-container .qr-retry a span {
    margin-bottom: 8px
}

#qr-code-container .qr-retry a:hover {
    opacity: .92
}

.cw-appointments.cw-component {
    padding: 0
}

.cw-appointments-container {
    position: relative;
    padding: 8px 15px
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item {
    height: auto;
    border: 1px solid var(--od-theme-border,#e0e0e0);
    padding: 0
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item:not(:first-child) {
    margin-top: 8px
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item__text {
    padding: 0 16px
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item .mdc-button {
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: 16px
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item .mdc-button:after,.cw-appointments-container .mdc-list--two-line .mdc-list-item .mdc-button:before {
    background-color: #c00
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item .mdc-button:not(:disabled) {
    color: #c00
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item .mdc-button--outlined:not(:disabled) {
    border-color: #c00
}

@media (max-width: 479px) {
    .cw-appointments-container .mdc-list--two-line .mdc-list-item {
        flex-direction:column
    }

    .cw-appointments-container .mdc-list--two-line .mdc-list-item .mdc-button {
        margin: 6px auto 12px
    }
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item__primary-text {
    font-weight: 600
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item__secondary-text {
    display: flex;
    flex-wrap: wrap;
    padding: 4px 0 8px;
    margin-top: -8px;
    margin-left: -16px
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item__secondary-text__block {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-left: 16px
}

.cw-appointments-container .mdc-list--two-line .mdc-list-item__secondary-text__block i {
    font-size: 18px;
    margin-right: 8px
}

.cw-appointments-empty {
    text-align: center;
    padding: 15px 0
}

.cw-appointments-cancel-phone-number,.cw-appointments-load-more {
    text-align: center
}

.cw-appointments-cancel-phone-number a {
    text-decoration: none
}

.cw-availabilities-message {
    margin: 10px 0 20px
}

.cw-confirmation-banner-content {
    text-align: center
}

.cw-confirmation-banner-content h1 {
    color: var(--od-theme-primary,#0067B5)
}

.cw-confirmation .cw-confirmation-practical-info,.cw-confirmation .cw-confirmation-summary {
    margin: 0 auto;
    width: 90%
}

.cw-confirmation .cw-confirmation-practical-info-item,.cw-confirmation .cw-confirmation-summary-item {
    display: flex;
    align-items: start;
    white-space: pre-wrap;
    line-height: 1.5em;
    padding: 8px 0
}

.cw-confirmation .cw-confirmation-practical-info-item i,.cw-confirmation .cw-confirmation-summary-item i {
    padding-right: 10px
}

.cw-confirmation .cw-confirmation-practical-info-item-group,.cw-confirmation .cw-confirmation-summary-item-group {
    display: flex;
    align-items: start
}

.cw-confirmation .cw-confirmation-practical-info-item.cw-confirmation-practical-info-item--wrap,.cw-confirmation .cw-confirmation-summary-item.cw-confirmation-practical-info-item--wrap {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -4px -8px
}

.cw-confirmation .cw-confirmation-practical-info-item.cw-confirmation-practical-info-item--wrap>*,.cw-confirmation .cw-confirmation-summary-item.cw-confirmation-practical-info-item--wrap>* {
    padding: 4px 8px
}

.cw-confirmation .cw-confirmation-add-to-calendar .mdc-menu-surface--anchor {
    text-align: center
}

.cw-confirmation .cw-confirmation-add-to-calendar .mdc-menu-surface--anchor button {
    width: 100%;
    height: auto;
    font-weight: 500;
    letter-spacing: .75px
}

.cw-confirmation .cw-confirmation-add-to-calendar .mdc-list {
    font-size: 14px;
    padding: 4px 0
}

.cw-confirmation .cw-confirmation-add-to-calendar .mdc-list-item {
    height: 36px;
    padding: 0 12px
}

.cw-confirmation .cw-confirmation-add-to-calendar .mdc-list-item__graphic {
    font-size: 18px;
    margin-right: 8px
}

.cw-convert .cw-form-error {
    margin-top: 10px
}

.cw-layout button {
    height: 50px
}

.cw-layout .radio-set {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -20px
}

.cw-layout .radio-set-item {
    flex: 0 1 auto;
    margin-top: 10px;
    margin-left: 20px
}

.cw-layout .radio-set-item .mdc-radio {
    height: 20px;
    padding: 0
}

.cw-layout .radio-set-item .mdc-radio__background {
    height: 100%
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .cw-layout .radio-set:not(.radio-set--outlined) .radio-set-item {
        flex: 0 1 100%
    }
}

.cw-form {
    font-size: 14px;
    font-weight: 500
}

.cw-form-error {
    position: relative;
    display: none;
    color: var(--mdc-theme-error,#b00020);
    border: 1px solid var(--mdc-theme-error,#b00020);
    border-radius: 4px;
    padding: 8px
}

.cw-form-error:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: var(--mdc-theme-error,#b00020);
    opacity: .1
}

.cw-form-error i {
    margin-right: 8px
}

.cw-form-error span {
    font-size: 14px;
    font-style: italic;
    font-weight: 500
}

.cw-form-error.cw-form-error--active {
    display: flex;
    align-items: center
}

.cw-form-row {
    margin-top: 10px
}

.cw-form-row>*,.cw-form-row>.mdc-text-field--textarea {
    width: 100%
}

.cw-form-row .radio-set {
    padding-bottom: 4px
}

.cw-form-row.g-recaptcha {
    text-align: center
}

.cw-form-row.g-recaptcha>div {
    display: inline-block
}

.cw-form-row-cols {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -8px;
    margin-right: -8px
}

.cw-form-row-cols .cw-form-row-col {
    padding: 0 8px
}

.cw-form-row-cols .cw-form-row-col>*,.cw-form-row-cols .cw-form-row-col>.mdc-text-field--textarea {
    width: 100%
}

.cw-form-buttons {
    margin-top: 15px;
    display: flex;
    align-items: center
}

.cw-form-buttons:not(.cw-form-buttons-wrap) button:not(:last-child) {
    margin-right: 15px
}

.cw-form-buttons.cw-form-buttons-full button {
    flex: 1 1 auto
}

.cw-form-buttons.cw-form-buttons-50 button {
    width: 50%
}

.cw-form-buttons.cw-form-buttons-wrap {
    flex-wrap: wrap;
    gap: 10px
}

@media (min-width: 480px) {
    .cw-form-buttons.cw-form-buttons-wrap {
        flex-wrap:nowrap
    }
}

.cw-form-buttons.cw-form-buttons-wrap button {
    flex: 1 1 auto
}

.cw-form-section {
    background-color: var(--od-theme-surface,#fff);
    border-radius: 4px;
    padding: 14px;
    border: 1px solid var(--od-theme-border,#e0e0e0)
}

.cw-form-section:not(:first-child) {
    margin-top: 10px
}

.cw-form-section.cw-form-section-bottom-margin {
    margin-bottom: 10px
}

.cw-form-section h1 {
    font-size: 22px;
    font-weight: 500
}

.cw-form-section h1.cw-form-section-title--centered {
    text-align: center
}

.cw-form-section h2 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 125%
}

.cw-form-section h2.cw-form-section-title--centered {
    text-align: center
}

.cw-form-section h2~h2 {
    margin: 15px 0
}

.cw-form-section h3 {
    margin: 22px 0 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 125%
}

.cw-form-section a {
    color: var(--od-theme-secondary,#fdb130)
}

.cw-form-section div.warning {
    padding: 10px;
    margin: 15px 0;
    position: relative
}

.cw-form-section div.warning:after {
    position: absolute;
    content: " ";
    background-color: var(--od-theme-primary,#0067B5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .08
}

.cw-form-section div.warning ul {
    list-style-type: disc;
    padding-left: 20px
}

.cw-form-section div.warning ul li {
    padding-bottom: 10px
}

.cw-form-section div.info {
    color: #53a4cc;
    border: 1px solid #53a4cc;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px
}

.cw-form-section div.info:before {
    background-color: #53a4cc;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: .1
}

.cw-form-section div.info i {
    margin-right: 8px
}

.cw-form-section div.info span {
    font-size: 14px;
    font-style: italic;
    font-weight: 500
}

.cw-form-toggleable .cw-form-toggleable-content {
    max-height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out
}

.cw-form-toggleable:not(.cw-form-toggleable--toggled) .cw-form-toggleable-submit {
    display: none
}

.cw-form-toggleable:not(.cw-form-toggleable--toggled).cw-form-toggleable--minimized .cw-form-toggleable-toggle {
    margin-top: 5px
}

.cw-form-toggleable:not(.cw-form-toggleable--toggled).cw-form-toggleable--minimized .cw-form-toggleable-toggle button {
    background-color: transparent;
    box-shadow: none;
    color: var(--od-theme-primary,#0067B5);
    width: auto;
    height: 36px;
    letter-spacing: .4px
}

.cw-form-toggleable.cw-form-toggleable--toggled .cw-form-toggleable-content {
    max-height: 1024px
}

.cw-form-toggleable.cw-form-toggleable--toggled .cw-form-toggleable-toggle {
    display: none
}

.cw-warning {
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 500;
    background-color: #fffaf1;
    color: #d18402;
    border: 1px solid #ee9702;
    border-radius: 4px;
    line-height: 150%
}

.cw-warning h1 {
    font-weight: 500;
    color: inherit;
    margin-left: 6px
}

.cw-funnel {
    margin-bottom: 10px
}

.cw-funnel .cw-login {
    padding: 0
}

.cw-funnel .cw-confirmation-banner {
    padding-bottom: 15px
}

.cw-funnel-header {
    margin: 0 auto;
    max-width: 1024px
}

.cw-funnel-header h1 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px
}

.cw-funnel-header .cw-warning {
    margin-bottom: 15px
}

.cw-funnel-container {
    display: flex;
    max-width: 1024px;
    margin: 0 auto
}

.cw-funnel .cw-component {
    max-width: none;
    margin: 0;
    padding: 0
}

.cw-funnel-progress {
    position: relative
}

.cw-funnel-progress-line-active,.cw-funnel-progress-line-full {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 14px;
    left: 0
}

.cw-funnel-progress-line-full {
    width: 100%;
    background-color: var(--od-theme-border,#e0e0e0)
}

.cw-funnel-progress-line-active {
    width: 0;
    background-color: var(--od-theme-primary,#0067B5)
}

.cw-funnel-progress-line.step-1>.cw-funnel-progress-line-active {
    width: 16.666666666666668%
}

.cw-funnel-progress-line.step-2>.cw-funnel-progress-line-active {
    width: 50%
}

.cw-funnel-progress-line.step-3>.cw-funnel-progress-line-active {
    width: 83.33333333333334%
}

.cw-funnel-progress-line.step-4>.cw-funnel-progress-line-active {
    width: 116.66666666666667%
}

.cw-funnel-progress-line.step-5>.cw-funnel-progress-line-active {
    width: 100%
}

.cw-funnel-progress-steps {
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    overflow: hidden
}

.cw-funnel-step {
    position: relative;
    flex: 1 1 33.333333333333336%;
    min-width: 0;
    padding: 0 3px
}

.cw-funnel-step-number {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid transparent;
    background-color: var(--od-theme-border,#e0e0e0);
    color: var(--od-theme-border,#e0e0e0);
    transition: color .3s linear,background-color .3s linear;
    font-size: 14px
}

.cw-funnel-step-number .number {
    padding-top: 2px
}

.cw-funnel-step-number .material-icons {
    display: none;
    font-size: 18px;
    font-weight: 600
}

.cw-funnel-step-title {
    display: none;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: var(--od-theme-on-background,#4a4e4f);
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: clip
}

@media (min-width: 500px) {
    .cw-funnel-step-title {
        display:block
    }
}

.cw-funnel-step.current .cw-funnel-step-title {
    font-weight: 600
}

.cw-funnel-step.current .cw-funnel-step-number {
    color: var(--od-theme-on-surface,#4a4e4f);
    background-color: var(--od-theme-surface,#fff);
    border-color: var(--od-theme-primary,#0067B5)
}

.cw-funnel-step.done .cw-funnel-step-number {
    color: var(--od-theme-on-primary,#fff);
    background-color: var(--od-theme-primary,#0067B5);
    border-color: var(--od-theme-primary,#0067B5)
}

.cw-funnel-step.done .cw-funnel-step-number .number {
    display: none
}

.cw-funnel-step.done .cw-funnel-step-number .material-icons {
    display: inline-block
}

@media (min-width: 768px) {
    .cw-funnel-progress-line.step-1>.cw-funnel-progress-line-active {
        width:23.333333333333336%
    }

    .cw-funnel-progress-line.step-2>.cw-funnel-progress-line-active {
        width: 50%
    }

    .cw-funnel-progress-line.step-3>.cw-funnel-progress-line-active {
        width: 76.66666666666667%
    }

    .cw-funnel-progress-line.step-4>.cw-funnel-progress-line-active {
        width: 103.33333333333334%
    }

    .cw-funnel-progress-line.step-5>.cw-funnel-progress-line-active {
        width: 100%
    }

    .cw-funnel-progress-steps {
        width: 80%
    }
}

@media (min-width: 1280px) {
    .cw-funnel-progress-line.step-1>.cw-funnel-progress-line-active {
        width:28%
    }

    .cw-funnel-progress-line.step-2>.cw-funnel-progress-line-active {
        width: 50%
    }

    .cw-funnel-progress-line.step-3>.cw-funnel-progress-line-active {
        width: 72%
    }

    .cw-funnel-progress-line.step-4>.cw-funnel-progress-line-active {
        width: 94%
    }

    .cw-funnel-progress-line.step-5>.cw-funnel-progress-line-active {
        width: 100%
    }

    .cw-funnel-progress-steps {
        width: 66%
    }
}

@media (min-width: 1600px) {
    .cw-funnel-progress-line.step-1>.cw-funnel-progress-line-active {
        width:33.333333333333336%
    }

    .cw-funnel-progress-line.step-2>.cw-funnel-progress-line-active {
        width: 50%
    }

    .cw-funnel-progress-line.step-3>.cw-funnel-progress-line-active {
        width: 66.66666666666667%
    }

    .cw-funnel-progress-line.step-4>.cw-funnel-progress-line-active {
        width: 83.33333333333334%
    }

    .cw-funnel-progress-line.step-5>.cw-funnel-progress-line-active {
        width: 100%
    }

    .cw-funnel-progress-steps {
        width: 50%
    }
}

.cw-funnel-content {
    flex: 1 1 auto
}

.cw-funnel-sidebar {
    display: none;
    flex: 0 0 auto;
    width: 320px;
    margin-left: 20px;
    border-radius: 4px;
    border: 1px solid var(--od-theme-border,#e0e0e0);
    color: var(--od-theme-on-surface,#4a4e4f);
    background-color: var(--od-theme-surface,#fff)
}

@media (min-width: 768px) {
    .cw-funnel-sidebar {
        display:block;
        align-self: flex-start
    }
}

.cw-funnel-sidebar-summary {
    height: 100%;
    padding: 10px;
    font-size: 14px
}

.cw-summary-title {
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    font-weight: 600
}

.cw-summary-resource {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cw-summary-disclaimer {
    margin: 20px 0 10px
}

.cw-summary-resource-picture {
    width: 80px;
    height: 80px
}

.cw-summary-resource-picture img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: 1px solid #e0e0e0
}

.cw-summary-resource-info {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em
}

.cw-summary-resource-secondary-info {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4em
}

.cw-summary-details>div {
    display: flex;
    align-items: center;
    padding: 5px 0
}

.cw-summary-details>div .material-icons {
    margin-right: 8px
}

.cw-funnel-sidebar-confirmation {
    display: none;
    height: 100%;
    font-size: 14px
}

@media (min-width: 768px) {
    .cw-funnel-sidebar-confirmation {
        display:flex
    }
}

.cw-confirmation-map {
    background-image: url(/assets/images/maps/map-1280x960.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    border-radius: 4px
}

.cw-confirmation-map img {
    display: block;
    width: 100%;
    border-radius: 4px
}

.cw-confirmation-map .od-google-maps-consent {
    padding: 15px 10px;
    margin: auto
}

.cw-confirmation-map .od-google-maps-consent p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center
}

.cw-confirmation-map .od-google-maps-consent button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 38px;
    margin: auto;
    cursor: pointer;
    background-color: var(--od-theme-primary,#0067B5)
}

.cw-verify-resend {
    margin-top: 10px
}

.cw-verify-resend a {
    cursor: pointer
}

.user-info-header {
    display: flex;
    justify-content: space-between
}

.user-info-header .mdc-icon-button {
    height: 36px;
    width: 36px;
    font-size: 18px;
    line-height: 18px;
    padding: 9.5px;
    border-radius: 50%;
    color: var(--od-theme-on-secondary,#fff);
    background-color: var(--od-theme-secondary,#fdb130)
}

.cw-layout a.international-insurance-card-number-link {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none
}

.cw-layout a.international-insurance-card-number-link i {
    font-size: 16px;
    margin-right: 6px
}

.cw-layout a.international-insurance-card-number-link span {
    text-decoration: underline
}

.cw-form-row-friend-id.cw-form-row-friend-id--active {
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--od-theme-border,#e0e0e0)
}

.cw-edit-myself-item.mdc-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    cursor: pointer;
    width: 100%;
    height: auto;
    padding: 12px 8px;
    border: 1px solid var(--od-theme-on-surface,#4a4e4f);
    border-radius: 4px
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=switch] {
    color: #c00;
    border: 1px solid #c00
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=switch]:after,.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=switch]:before {
    background-color: #c00
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=switch] .cw-edit-myself-item-icon {
    color: #c00
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=friend] {
    color: var(--od-theme-secondary,#fdb130);
    border: 1px solid var(--od-theme-secondary,#fdb130)
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=friend]:after,.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=friend]:before {
    background-color: var(--od-theme-secondary,#fdb130)
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=friend] .cw-edit-myself-item-icon {
    color: var(--od-theme-secondary,#fdb130)
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=edit] {
    color: var(--od-theme-primary,#0067B5);
    border: 1px solid var(--od-theme-primary,#0067B5)
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=edit]:after,.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=edit]:before {
    background-color: var(--od-theme-primary,#0067B5)
}

.cw-edit-myself-item.mdc-button[data-mdc-dialog-action=edit] .cw-edit-myself-item-icon {
    color: var(--od-theme-primary,#0067B5)
}

.cw-edit-myself-item-icon {
    flex: 0 0 auto;
    color: inherit;
    margin-right: 12px
}

.cw-edit-myself-item-label {
    flex: 1 1 auto;
    font-size: 13px;
    text-transform: none
}

.cw-register h4.cw-form-section-title {
    font-weight: 500;
    text-align: center;
    margin: 1em 0
}

.cw-register .cw-login-container {
    margin-top: 20px
}

.cw-register .cw-login-container .cw-form-buttons button:not(:disabled) {
    color: var(--od-theme-on-secondary,#fff);
    background-color: var(--od-theme-secondary,#fdb130)
}

.cw-register .cw-login-container .cw-form-toggleable:not(.cw-form-toggleable--toggled).cw-form-toggleable--minimized .cw-form-toggleable-toggle button:not(:disabled) {
    color: var(--od-theme-secondary,#fdb130);
    background-color: transparent
}

.flow {
    position: relative;
    min-height: 80px
}

.flow-loader {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.5);
    display: none
}

.flow.locked .flow-loader {
    z-index: 100;
    display: block
}

.flow-step {
    position: relative;
    padding: 7px 7px 7px 42px;
    background-color: var(--od-theme-surface,#fff);
    border: 1px solid var(--od-theme-border,#e0e0e0);
    border-radius: 4px
}

.flow-step-label {
    font-size: 16px;
    font-weight: 600
}

.flow-step-line {
    position: absolute;
    left: 20px;
    top: 28px;
    height: 0;
    border-left: 2px solid var(--od-theme-primary,#0067B5)
}

.od-book .flow-step-line,.od-profile .flow-step-line {
    border-color: #fdb130
}

.flow-step-line.flow-step-line--checked {
    transition: all .4s ease-out;
    height: calc(100% + 7px + 6px)
}

.flow-step-number {
    position: absolute;
    width: 28px;
    height: 28px;
    left: 7px;
    top: 7px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background-color: var(--od-theme-secondary,#fdb130);
    color: #fff;
    transition: background-color .3s linear;
    font-size: 14px
}

.od-book .flow-step-number,.od-profile .flow-step-number {
    background-color: #0067B5
}

.flow-step-number.flow-step-number--checked {
    background-color: var(--od-theme-primary,#0067B5)
}

.od-book .flow-step-number.flow-step-number--checked,.od-profile .flow-step-number.flow-step-number--checked {
    background-color: #fdb130
}

.flow-step-number i.material-icons {
    font-size: 18px;
    line-height: 28px
}

.flow-step-number i.material-icons.bold {
    font-weight: 600
}

.flow-step.flow-step--inactive {
    box-shadow: none
}

.flow-step.flow-step--info {
    border: 1px solid var(--od-theme-secondary,#fdb130)
}

.flow-step.flow-step--info .flow-step-number {
    background-color: var(--od-theme-secondary,#fdb130)
}

.flow-step.flow-step--error {
    border: 1px solid var(--mdc-theme-error,#b00020)
}

.flow-step.flow-step--error .flow-step-number {
    background-color: var(--mdc-theme-error,#b00020)
}

.flow-step-content {
    padding: 5px
}

.flow-step-body {
    font-size: 14px;
    margin-top: 10px
}

.flow-step-body .mdc-select {
    width: 100%
}

@media (min-width: 768px) {
    .flow-step-body .mdc-select {
        width:auto;
        min-width: 50%
    }
}

.flow-step-body .radio-set {
    padding-bottom: 10px
}

.flow-step-body .radio-set.radio-set--outlined {
    display: flex;
    flex-direction: column
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item {
    position: relative;
    width: 100%;
    border: 1px solid rgba(0,0,0,.42);
    border-radius: 4px
}

@media (min-width: 768px) {
    .flow-step-body .radio-set.radio-set--outlined .radio-set-item {
        width:auto;
        max-width: 50%
    }
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item .mdc-form-field.mdc-form-field--with-label-icon {
    width: 100%;
    margin-left: 2px
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item .mdc-form-field.mdc-form-field--with-label-icon label {
    z-index: 1;
    width: 100%;
    justify-content: space-between;
    padding: 10px 0
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item .mdc-form-field.mdc-form-field--with-label-icon label i {
    align-self: flex-end
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item:not(.radio-set-item--disabled) .mdc-form-field.mdc-form-field--with-label-icon label {
    cursor: pointer
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item:not(.radio-set-item--disabled):before {
    z-index: 0;
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--od-theme-secondary,#fdb130);
    opacity: 0
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item:not(.radio-set-item--disabled):hover {
    border-color: rgba(0,0,0,.87)
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked,.flow-step-body .radio-set.radio-set--outlined .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked:hover {
    border-color: var(--od-theme-secondary,#fdb130)
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked:before {
    opacity: .1
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked .mdc-form-field.mdc-form-field--with-label-icon label i {
    color: var(--od-theme-secondary,#fdb130)
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item.radio-set-item--disabled {
    border-color: rgba(0,0,0,.26)
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item.radio-set-item--disabled .mdc-form-field.mdc-form-field--with-label-icon label {
    color: rgba(0,0,0,.42)
}

.flow-step-body .radio-set.radio-set--outlined .radio-set-item.radio-set-item--disabled .mdc-form-field.mdc-form-field--with-label-icon label i {
    color: rgba(0,0,0,.26)
}

.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled):before,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled):before {
    background-color: #fdb130
}

.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked {
    border-color: #fdb130
}

.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked:hover,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked:hover {
    border-color: var(--od-theme-orange,#fdb130)
}

.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked .mdc-form-field.mdc-form-field--with-label-icon label i,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled).radio-set-item--checked .mdc-form-field.mdc-form-field--with-label-icon label i {
    color: #fdb130
}

.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio:after,.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio:before,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio:after,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio:before {
    background-color: #fdb130
}

.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__inner-circle,.od-book .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__inner-circle,.od-profile .flow-step-body .radio-set .radio-set-item:not(.radio-set-item--disabled) .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #fdb130
}

.flow-step-body.flow-step-body-full-width {
    margin-left: -35px
}

.flow-step-body-error,.flow-step-body-info {
    margin-left: 35px
}

.flow-step-body-error {
    font-size: 14px;
    line-height: 130%
}

.flow-step-body-error a {
    color: var(--od-theme-primary,#0067B5)
}

.od-book .flow-step-body-error a,.od-profile .flow-step-body-error a {
    color: inherit
}

.flow-step-divider {
    height: 20px;
    border: none;
    background-color: transparent
}

.flow-step-split-content .flow-step-action {
    padding: 10px 5px;
    width: 100%
}

.flow-step-split-content .flow-step-action button {
    width: 100%
}

@media (min-width: 600px) {
    .flow-step-split-content {
        display:flex
    }

    .flow-step-split-content .flow-step-content {
        flex: 1 1 50%
    }

    .flow-step-split-content .flow-step-action {
        flex: 0 1 50%;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

.cw-select-professionals-item.mdc-button {
    display: flex;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
    width: 100%;
    height: auto;
    padding: 8px
}

.cw-select-professionals-item-picture {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    line-height: normal
}

.cw-select-professionals-item-picture img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.cw-select-professionals-item-info {
    flex: 1 1 auto;
    padding: 0 15px
}

.cw-select-professionals-item-info-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--od-theme-on-surface,#4a4e4f)
}

.cw-select-professionals-item-info-description {
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    color: var(--od-theme-on-surface,#4a4e4f)
}

.cw-select-professionals-item-action {
    flex: 0 0 auto;
    color: var(--od-theme-on-surface,#4a4e4f)
}

html.widget {
    height: 100%
}

.cw-layout {
    display: block;
    color: var(--od-theme-on-background,#4a4e4f);
    -webkit-font-smoothing: antialiased;
    font-family: Avenir,Arial,sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .0178571429em
}

.cw-layout strong {
    font-weight: 600
}

.cw-layout a {
    color: var(--od-theme-on-surface,#4a4e4f);
    text-decoration: underline
}

.cw-layout .Dropdown-link,.cw-layout a:hover {
    text-decoration: none
}

.cw-container {
    display: none;
    max-width: 1024px;
    background-color: #fff;
    margin: 0 auto;
    padding: 12px 10px;
    border: 1px solid var(--od-theme-border,#e0e0e0);
    border-radius: 12px
}

@media (min-width: 768px) {
    .cw-container {
        padding:20px
    }
}

.cw-container:hover {
    background-color: #fafafa
}

.cw-container main {
    position: relative;
    z-index: 0;
    height: 100%
}

.cw-container main .mdc-dialog {
    z-index: 100
}

.cw-header {
    margin-bottom: 20px
}

.cw-header-banner {
    display: flex;
    align-items: center;
    background-color: var(--od-theme-primary,#0067B5);
    color: var(--od-theme-on-primary,#fff);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin: -13px -11px 12px
}

@media (min-width: 768px) {
    .cw-header-banner {
        margin:-21px -21px 20px
    }
}

.cw-header-banner .cw-header-user {
    display: flex;
    align-items: center;
    padding: 8px 12px
}

.cw-header-banner .cw-header-user i {
    cursor: pointer;
    margin-left: 10px;
    font-size: 20px
}

.cw-header-container,.cw-header-summary {
    display: flex;
    align-items: center
}

.cw-header-summary {
    flex: 1
}

.cw-header-summary-picture {
    flex-grow: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
    border: 1px solid var(--od-theme-border,#e0e0e0);
    border-radius: 50%
}

.cw-header-summary-description {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.cw-header-summary-description h1 {
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.2;
    margin: 0
}

@media (min-width: 768px) {
    .cw-header-summary-description h1 {
        font-size:24px
    }
}

.cw-header-summary-description h1 a {
    text-decoration: none
}

.cw-header-summary-description h2 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 6px 1px
}

@media (min-width: 768px) {
    .cw-header-summary-description h2 {
        margin-bottom:8px;
        font-size: 16px
    }
}

.cw-header-summary .cw-header-restart {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px
}

.cw-header-summary .cw-header-restart:active,.cw-header-summary .cw-header-restart:hover {
    color: var(--od-theme-primary,#0067B5);
    border-color: var(--od-theme-primary,#0067B5)
}

.cw-header-summary .cw-header-restart:active:before,.cw-header-summary .cw-header-restart:hover:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--od-theme-primary,#0067B5);
    opacity: .06
}

.cw-header-summary .cw-header-restart:active {
    transform: scale(.98)
}

.cw-header-summary .cw-header-restart i {
    color: var(--od-theme-primary,#0067B5);
    margin-left: -2px;
    margin-right: 6px
}

.cw-header-summary .cw-header-restart span {
    font-weight: 600
}

.cw-header-actions {
    flex-grow: 0;
    flex-shrink: 0;
    display: flex
}

.cw-header-actions .cw-header-onedoc-link {
    display: none
}

.cw-header-actions .cw-header-onedoc-link img {
    width: 30px;
    height: 30px
}

@media (min-width: 768px) {
    .cw-header-actions .cw-header-onedoc-link {
        display:block
    }
}

.cw-footer {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: -12px;
    padding-top: 2px;
    border-top: 1px solid var(--od-theme-border,#e0e0e0);
    font-size: 12px
}

@media (min-width: 768px) {
    .cw-footer {
        margin-bottom:-16px;
        padding-top: 4px;
        flex-direction: row
    }
}

.cw-footer-disclaimer {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center
}

@media (min-width: 768px) {
    .cw-footer-disclaimer {
        text-align:left
    }
}

.cw-footer-privacy-center-links {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .cw-footer-privacy-center-links {
        text-align:right
    }
}

.cw-footer-privacy-center-link {
    display: inline-block
}

.cw-footer-privacy-center-link:not(:first-child) {
    margin-left: 4px
}

.cw-footer-privacy-center-link:not(:first-child):before {
    color: var(--od-theme-border,#e0e0e0);
    content: "|";
    margin-right: 4px
}

.cw-footer-privacy-center-link a {
    color: var(--od-theme-on-surface,#4a4e4f)
}

.cw-rich-text {
    text-align: left
}

.cw-rich-text .ql-align-center {
    text-align: center
}

.cw-rich-text .ql-align-right {
    text-align: right
}

.cw-rich-text .ql-align-justify {
    text-align: justify
}

.cw-rich-text a {
    color: var(--od-theme-primary,#0067B5)
}

.cw-rich-text h2 {
    font-family: Avenir;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    margin: 10px 0
}

.cw-rich-text ol,.cw-rich-text p,.cw-rich-text ul {
    margin: 0
}

.cw-rich-text ol,.cw-rich-text ul {
    list-style-position: inside;
    padding-left: 0
}

.cw-rich-text ol li,.cw-rich-text ul li {
    padding-left: 10px
}

.cw-rich-text ul {
    list-style-type: disc
}

.cw-rich-text ol {
    list-style-type: decimal
}

.ow-login-forgot-password,.ow-mfa-locked-out {
    text-align: right;
    padding-top: 4px
}

.ow-mfa-flex-box {
    text-decoration: none;
    color: var(--od-theme-on-surface,#4a4e4f);
    background-color: var(--od-theme-surface,#fff);
    border-radius: 4px;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
    display: flex;
    align-items: center
}

.ow-mfa-flex-box-spacer {
    flex: 1 1 auto
}

.ow-mfa-flex-box-icon {
    padding-top: 8px;
    height: 30px;
    width: 30px;
    font-size: 30px;
    color: #0067B5
}

.ow-mfa-flex-box-label-primary {
    font-weight: 500;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ow-mfa-flex-box-label-secondary {
    font-size: 12px;
    opacity: .8;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.od-reset-password div.info,.ow-mfa-form div.info {
    margin: 10px 0
}

.ow-layout .cw-container .mdc-drawer-app-content header.mdc-top-app-bar {
    color: var(--od-theme-on-background,#4a4e4f);
    background-color: var(--od-theme-background,#f4f4f4)
}

.ow-layout .cw-container .mdc-drawer-app-content header.mdc-top-app-bar:not(.mdc-top-app-bar--short-collapsed) {
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1)
}

.ow-layout .cw-container .mdc-drawer-app-content header.mdc-top-app-bar .mdc-top-app-bar__action-item,.ow-layout .cw-container .mdc-drawer-app-content header.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
    color: var(--od-theme-on-surface,#4a4e4f)
}

.ow-layout .cw-container .mdc-drawer-app-content header.mdc-top-app-bar .mdc-top-app-bar__action-item .mdc-button:not(:disabled) {
    color: var(--od-theme-on-background,#4a4e4f)
}

.ow-layout .cw-container .mdc-drawer-app-content header.mdc-top-app-bar .mdc-top-app-bar__action-item .mdc-button:not(:disabled):after,.ow-layout .cw-container .mdc-drawer-app-content header.mdc-top-app-bar .mdc-top-app-bar__action-item .mdc-button:not(:disabled):before {
    background-color: var(--od-theme-surface,#fff)
}

.ow-component-change-user {
    display: flex;
    align-items: center;
    border: 1px solid var(--od-theme-primary,#0067B5);
    border-radius: 4px;
    padding: 8px;
    color: var(--od-theme-on-primary,#fff);
    background-color: var(--od-theme-primary,#0067B5)
}

.ow-component-change-user-summary {
    flex: 1 1 auto;
    font-size: 14px
}

.ow-component-change-user-summary-email {
    font-weight: 600
}

.ow-component-change-user-action {
    flex: 0 0 auto;
    line-height: 0;
    cursor: pointer
}

.ow-component-change-user-action i {
    color: var(--od-theme-on-primary,#fff)
}

.od-book {
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .0178571429em
}

.od-book>.loading-spinner {
    display: none
}

.od-book.od-book-loading {
    height: 400px
}

.od-book.od-book-loading .od-book-container {
    display: none
}

.od-book.od-book-loading>.loading-spinner {
    display: flex
}

.od-book-progress {
    position: relative
}

.od-book-progress-line-active,.od-book-progress-line-full {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 14px;
    left: 0
}

.od-book-progress-line-full {
    width: 100%;
    background-color: var(--od-theme-border,#e0e0e0)
}

.od-book-progress-line-active {
    width: 0;
    background-color: var(--od-theme-primary,#0067B5)
}

.od-book-progress-line.step-1>.od-book-progress-line-active {
    width: 10%
}

.od-book-progress-line.step-2>.od-book-progress-line-active {
    width: 30%
}

.od-book-progress-line.step-3>.od-book-progress-line-active {
    width: 50%
}

.od-book-progress-line.step-4>.od-book-progress-line-active {
    width: 70%
}

.od-book-progress-line.step-5>.od-book-progress-line-active {
    width: 100%
}

.od-book-progress-steps {
    width: 100%;
    display: flex;
    margin: 15px auto;
    overflow: hidden
}

.od-book-step {
    position: relative;
    flex: 1 1 20%;
    min-width: 0;
    padding: 0 3px
}

.od-book-step-number {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid transparent;
    background-color: var(--od-theme-border,#e0e0e0);
    color: var(--od-theme-border,#e0e0e0);
    transition: color .3s linear,background-color .3s linear;
    font-size: 14px
}

.od-book-step-number .number {
    padding-top: 2px
}

.od-book-step-number .material-icons {
    display: none;
    font-size: 18px;
    font-weight: 600
}

.od-book-step-title {
    display: none;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: var(--od-theme-on-background,#4a4e4f);
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: clip
}

@media (min-width: 500px) {
    .od-book-step-title {
        display:block
    }
}

.od-book-step.current .od-book-step-title {
    font-weight: 600
}

.od-book-step.current .od-book-step-number {
    color: var(--od-theme-on-surface,#4a4e4f);
    background-color: var(--od-theme-surface,#fff);
    border-color: var(--od-theme-primary,#0067B5)
}

.od-book-step.done .od-book-step-number {
    color: var(--od-theme-on-primary,#fff);
    background-color: var(--od-theme-primary,#0067B5);
    border-color: var(--od-theme-primary,#0067B5)
}

.od-book-step.done .od-book-step-number .number {
    display: none
}

.od-book-step.done .od-book-step-number .material-icons {
    display: inline-block
}

@media (min-width: 768px) {
    .od-book-progress-line.step-1>.od-book-progress-line-active {
        width:18%
    }

    .od-book-progress-line.step-2>.od-book-progress-line-active {
        width: 34%
    }

    .od-book-progress-line.step-3>.od-book-progress-line-active {
        width: 50%
    }

    .od-book-progress-line.step-4>.od-book-progress-line-active {
        width: 66%
    }

    .od-book-progress-line.step-5>.od-book-progress-line-active {
        width: 100%
    }

    .od-book-progress-steps {
        width: 80%
    }
}

@media (min-width: 1280px) {
    .od-book-progress-line.step-1>.od-book-progress-line-active {
        width:23.6%
    }

    .od-book-progress-line.step-2>.od-book-progress-line-active {
        width: 36.8%
    }

    .od-book-progress-line.step-3>.od-book-progress-line-active {
        width: 50%
    }

    .od-book-progress-line.step-4>.od-book-progress-line-active {
        width: 63.199999999999996%
    }

    .od-book-progress-line.step-5>.od-book-progress-line-active {
        width: 100%
    }

    .od-book-progress-steps {
        width: 66%
    }
}

@media (min-width: 1600px) {
    .od-book-progress-line.step-1>.od-book-progress-line-active {
        width:30%
    }

    .od-book-progress-line.step-2>.od-book-progress-line-active {
        width: 40%
    }

    .od-book-progress-line.step-3>.od-book-progress-line-active {
        width: 50%
    }

    .od-book-progress-line.step-4>.od-book-progress-line-active {
        width: 60%
    }

    .od-book-progress-line.step-5>.od-book-progress-line-active {
        width: 100%
    }

    .od-book-progress-steps {
        width: 50%
    }
}

.od-book-banner {
    margin: 0 auto;
    max-width: 1024px;
    padding: 15px 15px 0
}

.od-book-content-header {
    margin: 0 auto;
    max-width: 1024px;
    padding: 0 15px
}

.od-book-content-header h1 {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0
}

.od-book-content {
    margin: 0 auto;
    max-width: 1024px;
    min-height: 320px;
    padding: 15px
}

@media (min-width: 768px) {
    .od-book-content {
        display:flex
    }
}

@media (min-width: 992px) {
    .od-book-content {
        min-height:468px
    }
}

.od-book-content button {
    height: 50px
}

.od-book-content .radio-set {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -20px
}

.od-book-content .radio-set-item {
    flex: 0 1 auto;
    margin-top: 10px;
    margin-left: 20px
}

.od-book-content .radio-set-item .mdc-radio {
    height: 20px;
    padding: 0
}

.od-book-content .radio-set-item .mdc-radio__background {
    height: 100%
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .od-book-content .radio-set:not(.radio-set--outlined) .radio-set-item {
        flex: 0 1 100%
    }
}

.od-book-content .cw-select {
    max-width: 768px;
    margin: 0 auto;
    padding: 0
}

.od-book-content .cw-login {
    padding: 0
}

.od-book-content .cw-confirmation .cw-form-buttons {
    flex-wrap: wrap;
    margin: 11px -8px 0
}

.od-book-content .cw-confirmation .cw-form-buttons button {
    margin: 4px 8px;
    min-width: 160px
}

.od-book-content-body {
    position: relative;
    z-index: 1
}

.od-book-content-body .cw-component {
    padding: 0
}

.od-book-content-body .cw-form-section a,.od-book-content-body .cw-rich-text a {
    color: inherit
}

@media (min-width: 768px) {
    .od-book-content-body {
        flex:1 1 auto
    }
}

.od-book-content-sidebar {
    background-color: var(--od-theme-surface,#fff);
    border-radius: 4px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
    overflow: hidden;
    margin-top: 20px;
    min-width: 260px
}

@media (min-width: 768px) {
    .od-book-content-sidebar {
        align-self:flex-start;
        flex: 0 0 auto;
        margin-top: 0;
        margin-left: 20px;
        max-width: 280px
    }
}

@media (min-width: 896px) {
    .od-book-content-sidebar {
        max-width:320px
    }
}

@media (max-width: 767px) {
    .od-book-content.sidebar-hidden-on-mobile .od-book-content-sidebar {
        display:none
    }
}

.od-book-content .aw-disclaimer {
    font-size: 14px;
    font-style: italic;
    padding: 6px 12px 16px 36px
}

.od-book .ow-mfa-form div.info {
    margin: 10px 0
}

.od-breadcrumb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.od-breadcrumb-list-item>span {
    margin-left: 4px
}

.calendar-action {
    line-height: 60px;
    margin-top: 25px;
    display: flex;
    justify-content: center
}

.calendar-action__item {
    height: 60px;
    width: 60px;
    margin: 0 23px;
    flex: 0 0 auto;
    border: 1px solid #882879;
    border-radius: 50%;
    overflow: hidden;
    line-height: 58px;
    text-align: center
}

.calendar-action__item>* {
    display: inline-block;
    vertical-align: middle;
    max-height: 40px;
    max-width: 40px
}

.search-filters__row .pmu-instance * {
    white-space: normal!important
}

.pickmeup {
    background: #fff;
    border-radius: 0;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    z-index: 6000;
    touch-action: manipulation
}

.pickmeup * {
    box-sizing: border-box
}

.pickmeup.pmu-flat {
    position: relative
}

.pickmeup.pmu-hidden {
    display: none
}

.pickmeup .pmu-instance {
    display: inline-block;
    padding: .5em;
    text-align: center;
    width: 15em
}

.pickmeup .pmu-instance .pmu-next,.pickmeup .pmu-instance .pmu-prev {
    font-family: Courier New!important
}

.pickmeup .pmu-instance .pmu-next img,.pickmeup .pmu-instance .pmu-prev img {
    width: 13px;
    position: relative;
    top: 3.5px
}

.pickmeup .pmu-instance .pmu-next:hover img,.pickmeup .pmu-instance .pmu-prev:hover img {
    filter: invert(1)
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month) {
    color: #4a4e4f;
    cursor: pointer;
    outline: none;
    text-decoration: none
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-today {
    font-weight: 600;
    color: #882879
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-selected {
    background: #882879;
    color: #fff;
    border-radius: 2em
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-disabled {
    cursor: default;
    color: #e0e0e0
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-disabled:hover {
    color: #e0e0e0;
    background-color: transparent
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-not-in-month:not(.pmu-disabled) {
    color: #a1a7a8
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-not-in-month:not(.pmu-disabled):hover {
    color: #fff
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-not-in-month.pmu-selected,.pickmeup .pmu-instance .pmu-button:not(.pmu-month):hover {
    background: #882879;
    color: #fff;
    border-radius: 2em
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-next>.fa,.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-prev>.fa {
    color: #4a4e4f
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-next:hover,.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-prev:hover {
    background-color: transparent;
    border-radius: 0
}

.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-next:hover>.fa,.pickmeup .pmu-instance .pmu-button:not(.pmu-month).pmu-prev:hover>.fa {
    color: #4a4e4f
}

.pickmeup .pmu-instance nav {
    color: #4a4e4f;
    display: flex;
    line-height: 2em
}

.pickmeup .pmu-instance nav :first-child :hover {
    color: #fff
}

.pickmeup .pmu-instance nav .pmu-next,.pickmeup .pmu-instance nav .pmu-prev {
    display: none;
    height: 2em;
    width: 20px
}

.pickmeup .pmu-instance nav .pmu-prev {
    padding-left: 4px;
    padding-right: 6px
}

.pickmeup .pmu-instance nav .pmu-next {
    padding-left: 6px;
    padding-right: 4px
}

.pickmeup .pmu-instance nav .pmu-month {
    width: 14em
}

.pickmeup .pmu-instance .pmu-months *,.pickmeup .pmu-instance .pmu-years * {
    display: inline-block;
    line-height: 3.6em;
    width: 3.5em
}

.pickmeup .pmu-instance .pmu-day-of-week {
    color: #882879;
    cursor: default
}

.pickmeup .pmu-instance .pmu-day-of-week *,.pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 0;
    width: 2em
}

.pickmeup .pmu-instance .pmu-days * {
    padding: 12px 0
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em
}

.pickmeup .pmu-instance:first-child .pmu-prev,.pickmeup .pmu-instance:last-child .pmu-next {
    display: block
}

.pickmeup .pmu-instance:first-child .pmu-month,.pickmeup .pmu-instance:last-child .pmu-month {
    width: 13em
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 12em
}

.pickmeup:not(.pmu-view-days) .pmu-day-of-week,.pickmeup:not(.pmu-view-days) .pmu-days,.pickmeup:not(.pmu-view-months) .pmu-months,.pickmeup:not(.pmu-view-years) .pmu-years {
    display: none
}

.choose-date {
    position: relative
}

.choose-date__datepickerbox {
    position: absolute;
    top: 45px;
    left: 0
}

.character-counter {
    color: rgba(0,0,0,.3);
    float: right
}

.choose-date button {
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #e0e0e0;
    color: #202427;
    text-align: center
}

.choose-date button.is-active {
    background-color: #882879;
    color: #fff
}

.choose-date button.is-active:hover {
    background-color: #6e2062
}

.choose-date button .fa {
    display: inline-block;
    color: #202427;
    font-size: 18px
}

.choose-date button .fa:not(:first-child) {
    margin-left: 8px
}

.choose-date {
    display: flex;
    justify-content: space-between;
    height: 40px;
    background-color: #fff;
    border: 1px solid #e0e0e0
}

.choose-date button {
    width: 100%;
    flex: 1 1 auto
}

.choose-date__datepicker {
    width: 100%;
    position: relative;
    flex: 0 0 auto;
    background: #fff
}

.choose-date__datepicker input {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    color: #4a4e4f;
    font-size: 14px;
    font-weight: 400;
    border: none!important;
    width: 100%;
    padding-right: 40px;
    height: 100%
}

.choose-date__datepicker input::placeholder {
    color: #a1a7a8!important;
    opacity: 1
}

.choose-date__datepicker .fa {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    color: #4a4e4f
}

.content-tab-nav {
    height: 62px;
    line-height: 60px;
    border-bottom: 2px solid #e0e0e0;
    display: flex;
    justify-content: space-between
}

.content-tab-nav>button {
    width: 50%;
    height: 60px;
    cursor: pointer
}

.content-tab-nav>button .button-text {
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis
}

.content-tab-nav>button.is-active {
    color: #882879;
    position: relative
}

.content-tab-nav>button.is-active:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 0;
    display: block;
    height: 5px;
    background-color: #882879
}

.cookie-consent {
    position: relative;
    width: 100%;
    padding: 15px 40px 15px 15px;
    text-align: left;
    background-color: #4a4e4f;
    color: #fff;
    z-index: 3000;
    opacity: .9;
    font-weight: 500
}

@media (min-width: 992px) {
    .cookie-consent {
        position:fixed;
        width: 360px;
        bottom: 60px;
        right: 20px;
        border-radius: 6px
    }
}

.cookie-consent>span {
    font-size: 13px;
    text-transform: uppercase
}

.cookie-consent>i {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 18px
}

.cookie-consent>p {
    margin-top: 7px;
    font-size: 13px;
    line-height: 135%
}

.cookie-consent>p a {
    color: #fff;
    text-decoration: underline
}

.custom-select {
    background-color: #fff;
    padding: 0
}

.selectize-box {
    background-color: #fff;
    width: 100%;
    height: 100%;
    border: 0
}

.selectize-box input {
    height: 100%
}

.selectize-box option {
    padding-left: 20px
}

.select2-container .select2-selection--single {
    color: #4a4e4f;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center
}

@media (min-width: 992px) {
    .select2-container .select2-selection--single {
        font-size:16px
    }
}

.select2,.select2-container,.select2-container .select2-selection--single,.select2-selection {
    height: 100%;
    border: none;
    border-radius: 0
}

.select2-selection {
    padding: 10px
}

.header__search .select2-selection,.index-search-box__form .select2-selection {
    padding: 15px
}

.select2-selection__clear {
    color: #4a4e4f;
    font-size: 18px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    margin-right: 5px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 12px!important;
    height: 7.5px!important;
    border-color: #a1a7a8 transparent transparent!important;
    border-width: 7px 6px 0!important
}

@media (min-width: 992px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width:10px!important;
        height: 6.25px!important;
        border-width: 6px 5px 0!important
    }
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 7px!important;
    border-color: transparent transparent #a1a7a8!important
}

@media (min-width: 992px) {
    .select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width:0 5px 6px!important
    }
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 15px;
    width: 100%
}

.select2-selection__placeholder {
    color: #a1a7a8
}

.select2-search__field {
    font-size: 18px;
    height: 40px;
    border: 1px solid silver
}

@media (min-width: 992px) {
    .select2-search__field {
        font-size:16px;
        height: 30px
    }
}

.select2-results__options,.select2-search--dropdown {
    border-left: 1px solid silver;
    border-right: 1px solid silver
}

.select2-results__options {
    font-size: 14px;
    border-bottom: 1px solid silver
}

.profession .select2-results__options {
    font-size: 18px
}

@media (min-width: 992px) {
    .profession .select2-results__options {
        font-size:16px
    }
}

.select2-results__option {
    padding: 15px 10px
}

@media (min-width: 992px) {
    .select2-results__option {
        padding:10px
    }
}

.select2-results__optionc {
    text-decoration: none
}

.select2-rendered__match {
    text-decoration: underline
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #882879;
    color: #fff
}

.select2-container--open .select2-dropdown--below {
    z-index: 5555;
    border: none
}

span.select2.select2-container.select2-container--default {
    width: 100%!important;
    border: 1px solid #dcdcdc
}

@media (min-width: 992px) {
    span.select2.select2-container.select2-container--default {
        width:auto
    }
}

.select2-selection {
    height: 40px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: #4a4e4f;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 400
}

.select2-selection::placeholder {
    color: #a1a7a8
}

@media (max-width: 991px) {
    .daily-hours {
        width:100%;
        overflow: hidden
    }
}

@media (max-width: 1298px) {
    .daily-hours {
        width:auto
    }
}

@media (min-width: 992px) {
    .daily-hours {
        display:flex;
        align-items: stretch;
        justify-content: space-between
    }
}

@media (max-width: 991px) {
    .daily-hours__column {
        white-space:nowrap;
        overflow-y: hidden;
        overflow-x: scroll
    }
}

@media (min-width: 992px) {
    .daily-hours__column {
        height:100%
    }

    .daily-hours__column:not(:last-child) {
        margin-right: 20px
    }
}

.daily-hours__item {
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 991px) {
    .daily-hours__item {
        width:100px;
        display: inline-block;
        line-height: 40px;
        height: 40px
    }

    .daily-hours__item:not(:last-child) {
        margin-right: 6px
    }
}

@media (min-width: 992px) {
    .daily-hours__item {
        line-height:30px;
        height: 30px;
        width: 100%
    }

    .daily-hours__item:not(.daily-hours__item_more):nth-of-type(n+5) {
        display: none
    }

    .daily-hours__item:not(:last-child) {
        margin-bottom: 5px
    }
}

.daily-hours__item:not(.daily-hours__item_blank) {
    cursor: pointer
}

.daily-hours__item:not(.daily-hours__item_blank):hover {
    background-color: $orange-hover!important
}

@media (min-width: 992px) {
    .daily-hours__item:not(.daily-hours__item_blank) {
        background-color:#e0e0e0;
        color: #202427
    }
}

@media (max-width: 991px) {
    .daily-hours__item:not(.daily-hours__item_blank) {
        color:#fff;
        background-color: #fdb130
    }
}

.daily-hours__item_much {
    display: none
}

@media (max-width: 991px) {
    .daily-hours__item_more {
        display:none
    }
}

.daily-hours__item_blank:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 16px;
    height: 2px;
    background-color: #ddd
}

.fixed-on-top-modifier {
    background-color: #f4f4f4;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0
}

.days-carousel {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.days-carousel_search-map-marker {
    margin-bottom: 20px!important
}

.days-carousel_search-map-marker .slick-list {
    width: 100%!important
}

.days-carousel_search-map-marker .slick-list .slick-slide {
    white-space: nowrap!important
}

.days-carousel_search-map-marker .slick-list .slick-slide span {
    display: inline-block!important;
    position: relative!important;
    top: 11.5px!important
}

.days-carousel_search-map-marker .slick-list .slick-slide span:first-child {
    left: -10px!important
}

.days-carousel .slick-track {
    padding: 0;
    display: flex;
    box-pack: justify;
    justify-content: space-between;
    box-flex: 0;
    flex: 0 1 auto;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .days-carousel {
        height:48px
    }

    .search-filters .days-carousel {
        margin: 0 0 0 auto
    }
}

@media (max-width: 991px) {
    .sidebar .days-carousel {
        height:65px;
        padding: 6px 20px 5px
    }
}

@media (max-width: 991px) {
    .layout_two-column .days-carousel_single-day {
        max-width:100%
    }
}

.days-carousel__next,.days-carousel__prev {
    color: #4a4e4f;
    display: block;
    width: 40px;
    cursor: pointer;
    font-size: 22px
}

.days-carousel__prev {
    text-align: right;
    margin-right: 10px;
    position: relative
}

.days-carousel__prev svg {
    color: #070707
}

.days-carousel__next {
    text-align: left;
    margin-left: 10px;
    position: relative
}

.days-carousel__next svg {
    color: #070707
}

.days-carousel__dates {
    flex: 0 1 auto;
    width: 100%
}

@media (min-width: 992px) {
    .days-carousel__dates {
        display:flex;
        justify-content: space-between
    }
}

.days-carousel_single-day .days-carousel__dates {
    height: 48px;
    overflow: hidden
}

.days-carousel__item {
    text-align: center;
    height: 48px;
    font-size: 14px;
    font-weight: 400
}

.days-carousel__item:focus {
    outline: none
}

.days-carousel_single-day .days-carousel__item {
    margin: 0 auto;
    display: block
}

.days-carousel__item span {
    line-height: 24px;
    display: block
}

.fixed-mobile-days {
    width: 100%
}

@media (max-width: 992px) {
    .fixed-mobile-days.force-redraw:before {
        content:""
    }
}

.days-carousel_clinic-book {
    margin-bottom: 20px!important;
    max-width: 100%!important
}

@media (max-width: 992px) {
    .days-carousel_clinic-book {
        padding:0 20px
    }
}

.days-carousel_clinic-book .slick-slider {
    width: 100%!important
}

.days-carousel_clinic-book .slick-list {
    width: 100%!important;
    max-width: 100%!important
}

.days-carousel_clinic-book .slick-list .slick-slide {
    text-align: center!important;
    max-width: auto!important
}

.dropdown {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: auto;
    font-size: 14px
}

.dropdown__current {
    height: 40px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 30px 10px 10px;
    position: relative;
    background-color: #fff;
    color: #202427;
    width: 100%;
    text-align: left;
    font-weight: 500;
    cursor: pointer
}

.doctor-sidebar__choose-subject>.dropdown,.funnel-stats__section-content>.dropdown,.search-filters__group>.dropdown {
    line-height: 1.15
}

.doctor-sidebar__choose-subject>.dropdown.languages,.funnel-stats__section-content>.dropdown.languages,.search-filters__group>.dropdown.languages {
    width: 50px
}

.doctor-sidebar__choose-subject>.dropdown.insurance-networks,.funnel-stats__section-content>.dropdown.insurance-networks,.search-filters__group>.dropdown.insurance-networks {
    width: 60px
}

.droppy {
    position: absolute
}

.droppy__wrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column;
    background-color: #f4f4f4;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)
}

.droppy__wrapper:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 28px;
    border: 10px solid transparent;
    display: inline-block;
    border-top: none;
    border-bottom-width: 5px;
    border-bottom-color: #f4f4f4
}

.droppy__wrapper_special:before {
    border: 10px solid transparent;
    display: inline-block;
    border-top: none;
    border-bottom-width: 5px;
    border-bottom-color: #0067B5
}

.droppy__item,a.droppy__item {
    height: 54px;
    text-align: left;
    width: 100%;
    padding: 10px 20px;
    line-height: 34px;
    background-color: #f4f4f4;
    color: #0067B5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.droppy__item:hover,a.droppy__item:hover {
    background-color: #0067B5;
    color: #fff
}

.droppy__icon {
    width: 37px;
    padding-right: 17px;
    text-align: center
}

.od-profile-website-link:active,.od-profile-website-link:hover,.od-profile-website-link:link,.od-profile-website-link:visited {
    text-decoration: none
}

.od-profile-website-link span {
    text-decoration: underline
}

.od-profile-website-link span:hover {
    text-decoration: none
}

.flip-container {
    overflow: hidden
}

.flip-container.flipped .flipper .front-flip {
    transform: rotateY(180deg);
    position: absolute
}

.flip-container.flipped .flipper .back-flip {
    opacity: 1;
    position: relative;
    transform: rotateY(0deg)
}

.back-flip,.flip-container,.front-flip {
    width: 100%;
    height: auto
}

.flipper,.front-flip {
    transition: .6s;
    position: relative
}

.front-flip {
    z-index: 1
}

.back-flip,.front-flip {
    backface-visibility: hidden
}

.back-flip {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(-180deg);
    transition: .6s;
    display: none;
    z-index: 2
}

@media (min-width: 992px) {
    .back-flip__map-result {
        display:none!important
    }
}

.back-flip__body {
    padding: 15px
}

@media (max-width: 991px) {
    .back-flip {
        display:block;
        opacity: 0
    }

    .back-flip__map {
        height: 85vh;
        width: 100%
    }

    .back-flip__map-result {
        display: block;
        position: fixed;
        bottom: -1000px;
        background-color: #fff;
        width: 100%;
        z-index: 3;
        align-items: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        alignment-baseline: auto;
        backface-visibility: visible;
        background-size: auto;
        dominant-baseline: auto;
        filter: none;
        flex-basis: auto;
        flex-direction: row;
        flex-grow: 0;
        flex-shrink: 1;
        flex-wrap: nowrap;
        float: none;
        isolation: auto;
        motion-rotation: auto 0deg;
        object-fit: fill;
        object-position: 50% 50%;
        order: 0;
        overflow-wrap: normal;
        overflow-x: visible;
        overflow-y: visible;
        paint-order: fill stroke markers;
        perspective: none;
        r: 0;
        resize: none;
        right: 0;
        rx: auto;
        ry: auto;
        stop-color: #000;
        stop-opacity: 1;
        touch-action: auto;
        vertical-align: baseline;
        visibility: visible;
        widows: 2;
        will-change: auto;
        word-wrap: normal;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        x: 0;
        y: 0;
        zoom:1;-webkit-text-combine: none;
        -webkit-text-decorations-in-effect: none;
        -webkit-text-stroke-width: 0;
        -webkit-user-drag: auto;
        -webkit-user-modify: read-only;
        -webkit-user-select: text;
        -webkit-border-image: none;
        -webkit-text-orientation: vertical-right
    }
}

.footer {
    color: #666c6e;
    background-color: #882879;
    padding: 0 0 20px
}

@media (max-width: 992px) {
    .footer {
        background-color:transparent
    }
}

.footer.footer-with-download-app {
    margin-top: 50px
}

@media (max-width: 992px) {
    .footer.footer-with-download-app {
        margin-top:30px
    }
}

.footer .Section--app {
    flex-direction: row;
    justify-content: center;
    background-color: #c8e6e1;
    padding-top: 0
}

.footer .Section--app .Section-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1280px;
    padding: 20px
}

.footer .Section--app .Section-wrapper:before {
    flex: 0 1 40%;
    width: auto;
    max-height: 400px;
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: auto calc(100% - 30px)
}

@media (max-width: 992px) {
    .footer .Section--app .Section-wrapper:before {
        flex:1 1 auto;
        background-size: auto 100%;
        max-height: 200px;
        background-position: 50%;
        margin-bottom: 0
    }
}

.footer .Section--app .Section-content {
    margin-left: 40px
}

.footer .Section--app .Section-title {
    font-size: 32px
}

.footer .Section--app .Section-desc {
    font-size: 16px
}

.footer .Section--app.Section--app-de .Section-wrapper:before {
    background-image: url(../../assets/images/phone-de.png)
}

.footer .Section--app.Section--app-fr .Section-wrapper:before {
    background-image: url(../../assets/images/phone-fr.png)
}

.footer .Section--app.Section--app-it .Section-wrapper:before {
    background-image: url(../../assets/images/phone-it.png)
}

.footer .Section--app.Section--app-en .Section-wrapper:before {
    background-image: url(../../assets/images/phone-en.png)
}

.footer .Section--app .Section-legend {
    display: none
}

.footer .Section--app .Section--app-download-container {
    display: flex
}

@media (max-width: 992px) {
    .footer .Section--app .Section--app-download-container {
        justify-content:center
    }
}

.footer .Section--app .Section-qrcode {
    margin-top: 0;
    background-color: #fff;
    border-radius: 8px;
    padding: 8px
}

.footer .Section--app .Section--app-download {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 20px
}

@media (max-width: 992px) {
    .footer .Section--app .Section--app-download {
        display:block
    }
}

.footer .Section--app .Section-badge {
    width: 200px;
    height: auto
}

.footer .Section--app .Section-badge img {
    width: 100%;
    height: auto
}

@media (max-width: 992px) {
    .footer .Section--app .Section-badge {
        width:auto;
        height: 60px
    }

    .footer .Section--app .Section-badge img {
        height: 100%;
        width: auto
    }
}

@media (max-width: 768px) {
    .footer .Section--app .Section-badge {
        height:40px
    }
}

.footer .footer-navigation {
    padding-top: 20px;
    justify-content: space-between;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 70px
}

@media (max-width: 991px) {
    .footer .footer-navigation {
        display:none
    }
}

.footer .footer-navigation a {
    color: #fdb130
}

.footer .footer-navigation__section {
    flex: 0 1 auto;
    width: 20%
}

.footer .footer-navigation__section:not(:first-child) {
    margin-left: 15px
}

.footer .footer-navigation__section:not(:last-child) {
    margin-right: 15px
}

.footer .footer-navigation__title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff;
    font-family: Avenir
}

.footer .footer-navigation__list a {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px
}

.footer__banner {
    margin-top: 0;
    background-color: #882879;
    padding: 4px 0;
    text-align: center
}

.footer__banner .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

@media (min-width: 992px) {
    .footer__banner {
        background-color:#0067B5
    }
}

.footer__banner-image {
    flex: 0 0 auto;
    height: 48px;
    padding-left: 0;
    padding-bottom: 10px;
    padding-right: 20px
}

.footer__banner-image img {
    height: 100%
}

.footer__banner-title {
    flex: 0 1 auto;
    text-align: left;
    line-height: 24px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: Avenir
}

.footer__banner-title a {
    color: #fff;
    text-decoration: underline
}

.footer__download-banner {
    background-color: #f4f4f4;
    text-align: center;
    justify-content: center;
    display: flex
}

.footer__download-banner-container {
    padding: 30px;
    max-width: 950px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer__download-banner-with-help {
    background-color: #fff
}

.footer__download-banner-image {
    display: none
}

@media (min-width: 992px) {
    .footer__download-banner-image {
        height:380px;
        display: block;
        padding-left: 40px
    }
}

.footer__download-banner-description {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: left
}

.footer__download-banner-description h2 {
    font-size: 20px;
    font-weight: 500
}

.footer__download-banner-description p {
    font-weight: 500;
    line-height: 1.5em;
    font-style: italic;
    color: #7d7d7d
}

.footer__download-banner-description h2,.footer__download-banner-description p {
    text-align: center
}

@media (min-width: 992px) {
    .footer__download-banner-description {
        justify-content:space-between;
        width: 450px
    }

    .footer__download-banner-description h2,.footer__download-banner-description p {
        text-align: right
    }
}

.footer__download-banner-description-badges {
    margin-top: 18px;
    text-align: center
}

@media (min-width: 992px) {
    .footer__download-banner-description-badges {
        text-align:right
    }
}

.footer__download-banner-description-badges img {
    padding-left: 10px;
    height: 40px
}

@media (min-width: 992px) {
    .footer__download-banner-description-badges img {
        height:50px
    }
}

.footer .social-networks {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .footer .social-networks {
        display:none
    }
}

.footer .social-networks a {
    text-decoration: none
}

.footer .social-networks .social-network-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    font-size: 18px;
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
    text-decoration: none
}

.footer__alphabetical-list {
    padding-left: 70px
}

@media (max-width: 991px) {
    .footer__alphabetical-list {
        display:none
    }
}

.footer__alphabetical-list div {
    line-height: 24px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    padding-right: 10px
}

.footer__alphabetical-list a {
    font-size: 12px;
    font-weight: 500;
    color: #fdb130
}

.footer__alphabetical-list span.all {
    padding-right: 20px
}

.footer__alphabetical-list span.letter {
    padding-right: 5px
}

.footer__brands {
    display: flex;
    justify-content: space-between;
    padding-left: 70px;
    align-items: center
}

.footer__brands>div.swiss-made-software img {
    width: 200px
}

.footer__brands>div.certifications img {
    height: 140px
}

@media (max-width: 991px) {
    .footer__brands {
        display:none
    }
}

.footer__copyright {
    padding-top: 20px;
    text-align: center;
    font-size: 12px
}

@media (min-width: 992px) {
    .footer__copyright {
        color:#fff;
        font-weight: 500
    }
}

@media (min-width: 992px) {
    .od-mobile-footer {
        display:none
    }
}

.od-mobile-footer .od-accordion {
    border-top: 1px solid #e0e0e0
}

.od-mobile-footer .od-accordion:last-child {
    border-bottom: 1px solid #e0e0e0
}

.od-mobile-footer .od-accordion-content .mdc-button {
    font-size: inherit;
    width: 100%;
    min-width: auto
}

.od-mobile-footer .od-accordion-content .od-layout {
    margin-top: 4px
}

.od-mobile-footer .od-accordion-content .od-layout .mdc-button {
    padding: 0
}

.od-mobile-footer .all-practitioners {
    margin: 8px 0
}

.od-mobile-footer .all-practitioners .Button {
    width: 100%;
    font-size: 14px
}

.od-layout {
    display: flex;
    flex-flow: row wrap;
    margin: -6px
}

.od-layout-item {
    padding: 6px;
    flex-basis: 16.66%;
    width: 16.66%
}

.od-layout-item .Button {
    width: 100%;
    font-size: 14px
}

.od-accordion {
    background-color: #fff
}

.od-accordion-title {
    padding: 14px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.od-accordion-title-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.od-accordion-title-icon i {
    transition: transform .2s ease-in-out
}

.od-accordion-content,.od-accordion-title-text {
    font-size: 13px;
    font-weight: 500
}

.od-accordion-content {
    padding: 0 14px 14px;
    display: none;
    margin-left: 10px
}

.od-accordion-content-links {
    flex-direction: column;
    align-items: flex-start
}

.od-accordion-content-links a {
    line-height: 26px;
    font-weight: 500
}

.od-accordion.od-accordion--opened .od-accordion-title-icon i {
    transform: rotate(90deg)
}

.od-accordion.od-accordion--opened .od-accordion-content {
    display: block
}

.od-accordion.od-accordion--opened .od-accordion-content-links {
    display: flex
}

.odpb-forgot-email .cw-form-section {
    box-shadow: none
}

.odpb-forgot-email .cw-verify input {
    text-transform: uppercase
}

.odpb-forgot-email .odpb-form-row.forgot-email-recaptcha {
    text-align: center
}

.odpb-forgot-email .odpb-form-row.forgot-email-recaptcha>div {
    display: inline-block
}

.pac-container {
    font-family: Avenir;
    border-radius: none;
    border-top: none;
    z-index: 6000
}

.pac-container .pac-item {
    border-top: none;
    font-size: 18px;
    line-height: 55px;
    padding-right: 20px;
    color: #4a4e4f;
    font-weight: 500;
    text-decoration: none
}

@media (min-width: 992px) {
    .pac-container .pac-item {
        font-size:16px;
        line-height: 40px
    }
}

.pac-container .pac-item-selected,.pac-container .pac-item:first-child:not(.pac-item-unselected),.pac-container .pac-item:hover {
    font-size: 18px;
    font-weight: inherit;
    background-color: #882879;
    color: #fff
}

@media (min-width: 992px) {
    .pac-container .pac-item-selected,.pac-container .pac-item:first-child:not(.pac-item-unselected),.pac-container .pac-item:hover {
        font-size:16px
    }
}

.pac-container .pac-item-unselected:not(.pac-item-selected) {
    background-color: #fff;
    color: #4a4e4f
}

.pac-container .pac-item .pac-matched {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: underline
}

.pac-container .pac-item-query {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding-right: 6px;
    padding-left: 20px
}

.hdpi.pac-logo:after,.pac-container .pac-item .pac-icon {
    display: none
}

.header {
    position: relative;
    background-color: #0067B5
}

@media (min-width: 992px) {
    .header {
        padding-left:20px;
        padding-right: 20px;
        width: 100%
    }
}

@media (min-width: 992px) {
    .header.header--sticky {
        top:0;
        position: fixed;
        z-index: 1020
    }
}

.header-container {
    position: relative;
    height: 55px;
    display: flex
}

@media (min-width: 992px) {
    .header-container {
        max-width:1400px;
        margin: 0 auto;
        justify-content: space-between;
        align-items: center
    }
}

.header-mobile-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px
}

.header-mobile-nav .fa {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    color: #fff
}

@media (min-width: 992px) {
    .header-mobile-nav {
        display:none
    }
}

.header-logo {
    display: flex;
    align-items: center
}

.header-logo-penguin {
    display: none;
    width: 44px;
    height: 43px;
    background-size: 100%;
    background-image: url(../pic/logo-image.png);
    margin-top: 4px;
    margin-right: 12px
}

@media (min-width: 992px) {
    .header-logo-penguin {
        display:inline-block
    }
}

.header-logo-text {
    display: inline-block;
    width: 132px;
    height: 30px;
    background-size: contain;
    background-image: url(../img/logo-text.svg);
    background-repeat: no-repeat
}

@media (max-width: 991px) {
    .header-logo {
        margin-top:-2px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media (min-width: 992px) {
    .header-logo {
        margin-top:-5px
    }
}

.header-search {
    display: none
}

@media (min-width: 992px) {
    .header-search {
        display:block;
        max-width: 800px;
        margin: 0 auto;
        padding: 10px 0
    }

    .header-search .search-form {
        height: 50px;
        width: 100%
    }
}

.header-search .search-wrapper .search-container .search-form .search-location,.header-search .search-wrapper .search-container .search-form .search-profession {
    height: 50px
}

.header-search .search-wrapper .search-container .search-form .search-location label,.header-search .search-wrapper .search-container .search-form .search-profession label {
    line-height: 50px
}

.header-search .search-wrapper .search-container .search-form .search-submit {
    width: 160px;
    height: 50px
}

.header-nav {
    display: flex;
    align-items: center;
    flex: 0 0 auto
}

@media (max-width: 991px) {
    .header-nav {
        width:100%;
        justify-content: flex-end
    }
}

.header-nav-desktop {
    display: none
}

.header-nav-desktop>* {
    margin-left: 12px
}

@media (min-width: 992px) {
    .header-nav-desktop {
        display:flex;
        align-items: center;
        flex: 0 0 auto
    }
}

.header-nav-dropdown {
    position: relative
}

.header-nav-dropdown .mdc-list {
    font-size: 14px;
    padding: 4px 0
}

.header-nav-dropdown .mdc-list-item {
    height: 36px;
    padding: 0 12px
}

.header-nav-dropdown .mdc-list-item__graphic {
    font-size: 18px;
    margin-right: 8px
}

.header-nav-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 8px 16px;
    height: 34px
}

.header-nav-link>i.material-icons {
    transition: all .1s;
    font-size: 18px;
    padding-left: 4px;
    margin-right: -6px
}

.header-nav-link.header-nav-link--active,.header-nav-link:hover {
    background-color: #fff;
    color: #0067B5
}

.header-nav-link.active>i.material-icons {
    padding-left: 0;
    padding-right: 4px;
    transform: rotate(180deg)
}

.header-nav a.header-nav-link {
    text-decoration: none
}

@media (max-width: 991px) {
    .header-nav-lang .header-nav-link {
        padding:8px 12px
    }
}

@media (min-width: 992px) {
    .header-nav-lang {
        margin-right:-6px
    }
}

.header-nav-lang .header-nav-link {
    border: none
}

.header-nav-lang .header-nav-link>span {
    text-transform: uppercase
}

.header-nav-lang .header-nav-link>i.material-icons {
    padding: 0;
    margin: 0
}

.header-nav-lang .header-nav-link:hover {
    background-color: transparent;
    color: #fff
}

.header-nav-lang .header-nav-link.active>i.material-icons {
    padding: 0;
    margin: 0
}

.header__login {
    display: none
}

@media (min-width: 992px) {
    .header__login {
        display:inline-block
    }

    .header__login-button,.header__login-button:active,.header__login-button:hover {
        text-decoration: none
    }
}

.sub-nav {
    background-color: #0067B5;
    width: 100%;
    overflow: hidden
}

@media (max-width: 991px) {
    .sub-nav {
        padding-top:10px
    }
}

@media (max-width: 991px) {
    .sub-nav__wrapper {
        width:auto;
        white-space: nowrap;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 992px) {
    .sub-nav__wrapper {
        display:flex;
        justify-content: center
    }
}

.sub-nav__item,a.sub-nav__item {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px 5px;
    white-space: nowrap;
    text-decoration: none
}

.sub-nav__item:hover,a.sub-nav__item:hover {
    border-bottom: 5px solid hsla(0,0%,100%,.4)
}

@media (max-width: 991px) {
    .sub-nav__item,a.sub-nav__item {
        width:100%
    }
}

@media (min-width: 992px) {
    .sub-nav__item,a.sub-nav__item {
        font-size:16px;
        font-weight: 500
    }

    .sub-nav__item:not(:first-child),a.sub-nav__item:not(:first-child) {
        margin-left: auto
    }
}

@media (min-width: 992px) {
    .sub-nav__item,a.sub-nav__item {
        flex:1 1 auto;
        width: 100%;
        width: auto;
        flex: 0 0 auto;
        padding-left: 30px;
        padding-right: 30px
    }

    .sub-nav__item:not(:first-child),a.sub-nav__item:not(:first-child) {
        margin-left: 20px
    }
}

@media (min-width: 1440px) {
    .sub-nav__item:not(:first-child),a.sub-nav__item:not(:first-child) {
        margin-left:50px
    }
}

.sub-nav__item.is-active,a.sub-nav__item.is-active {
    position: relative;
    font-weight: 600;
    border-bottom: 5px solid #fff
}

@media (min-width: 992px) {
    .sub-nav__item.is-active,a.sub-nav__item.is-active {
        font-weight:500
    }
}

body.pro .header-nav-link:hover {
    color: #882879
}

body.pro .header-nav-lang .header-nav-link:hover {
    color: #fff
}

.iti-flag {
    background-image: url(../images/flags.png)
}

@media only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .iti-flag {
        background-image:url(../images/flags@2x.png)
    }
}

.iti-flag.ch {
    margin: auto
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) {
    .iti-container {
        top:150px!important
    }
}

.intl-tel-input .iti-container {
    z-index: 10000!important
}

.intl-tel-input * {
    line-height: 2
}

.intl-tel-input.allow-dropdown {
    height: 100%
}

.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text] {
    padding-left: 45px
}

.intl-tel-input.allow-dropdown .selected-flag {
    width: 52px;
    padding-left: 13px
}

.lang-switch {
    display: inline-block;
    position: relative;
    margin-right: 16px
}

.lang-switch .dropdown {
    height: auto
}

.lang-switch .dropdown.open .fa {
    transform: rotate(180deg)
}

.lang-switch__current {
    color: #fff;
    text-transform: uppercase;
    min-width: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.lang-switch__current .fa {
    transition: all .1s;
    font-size: 10px;
    margin-top: 4px;
    margin-left: 5px;
    vertical-align: 2px
}

.lang-switch .dropdown-menu {
    padding: 0;
    margin-top: 15px;
    width: auto;
    min-width: auto;
    left: -30px;
    border: none
}

.lang-switch .dropdown-menu li {
    position: relative;
    z-index: 2;
    padding: 0
}

.lang-switch .dropdown-menu li:first-child:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    transform: rotate(45deg);
    top: -5px;
    right: 19px;
    z-index: -1;
    box-shadow: -1px -1px 10px -2px rgba(0,0,0,.4)
}

.lang-switch .dropdown-menu li:first-child:hover:before {
    background: #fdb130
}

.lang-switch .dropdown-menu li a {
    color: #4a4e4f;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    line-height: 1;
    background: #f2f2f2
}

.lang-switch .dropdown-menu li a:hover {
    color: $wt;
    background: #fdb130
}

.load-bar {
    position: relative;
    margin-top: 20px;
    height: 6px;
    background-color: #fdb130
}

.bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center
}

.bar:first-child {
    background-color: #882879;
    animation: c 3s linear infinite
}

.bar:nth-child(2) {
    background-color: #0067B5;
    animation: c 3s linear 1s infinite
}

.bar:nth-child(3) {
    background-color: #fdb130;
    animation: c 3s linear 2s infinite
}

@keyframes c {
    0% {
        left: 50%;
        width: 0;
        z-index: 100
    }

    33.3333% {
        left: 0;
        width: 100%;
        z-index: 10
    }

    to {
        left: 0;
        width: 100%
    }
}

.loading-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.loading-spinner.loading-spinner-detached {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.4)
}

.loading-spinner>div {
    background-color: var(--od-theme-secondary,#fdb130);
    border-radius: 100%;
    display: inline-block;
    animation: d 1.4s infinite ease-in-out both
}

.loading-spinner .bounce1 {
    animation-delay: -.32s
}

.loading-spinner .bounce2 {
    animation-delay: -.16s
}

@keyframes d {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.logged-user {
    display: none;
    width: 46px;
    height: 46px;
    position: relative;
    vertical-align: middle
}

@media (min-width: 992px) {
    .logged-user {
        display:inline-block
    }
}

.logged-user:not(:first-child) {
    margin-left: 25px
}

.logged-user button {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    background-color: #fdb130;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: arial
}

.logged-user button,.logged-user button>* {
    text-decoration: none
}

.logged-user .dropdown-menu {
    right: -7px;
    left: auto;
    padding: 0;
    border: none;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
    margin-top: 23px
}

.logged-user .dropdown-menu li {
    position: relative;
    padding: 0;
    z-index: 2
}

.logged-user .dropdown-menu li:first-child:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: $wt;
    transform: rotate(45deg);
    top: -5px;
    right: 19px;
    z-index: -1;
    box-shadow: -1px -1px 10px -2px rgba(0,0,0,.4)
}

.logged-user .dropdown-menu li:first-child:hover:before {
    background: #fdb130
}

.logged-user .dropdown-menu li a {
    color: #4a4e4f;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    line-height: 1;
    background: $wt
}

.logged-user .dropdown-menu li a .fa {
    margin-right: 10px;
    font-size: 16px
}

.logged-user .dropdown-menu li a:hover {
    color: $wt;
    background: #fdb130
}

.mobile-app-banner-container {
    position: sticky;
    top: 0;
    z-index: 5
}

.mobile-app-banner {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 6px;
    display: flex;
    border-bottom: 1px solid #f0f3f2
}

.mobile-app-banner-open-app {
    padding: 10px;
    color: #0067B5;
    font-size: 18px
}

.mobile-app-banner-icon {
    display: flex;
    justify-content: start;
    align-items: center
}

.mobile-app-banner-icon-close {
    padding-left: 8px;
    color: #bcbdc2
}

.mobile-app-banner-icon-close i {
    font-size: 16px
}

.mobile-app-banner-icon-text {
    padding-left: 5px
}

.mobile-app-banner-icon-text-stars {
    display: flex;
    justify-content: start;
    padding-top: 2px;
    padding-bottom: 8px
}

.mobile-app-banner-icon-text-stars i {
    font-size: 10px;
    color: #0067B5
}

.mobile-app-banner-icon-text-message {
    font-weight: 500;
    font-size: 12px;
    color: #87868c
}

.mobile-app-banner-icon-logo {
    padding-left: 5px;
    display: flex;
    align-items: center
}

.mobile-app-banner-icon-logo img {
    border-radius: 18px;
    padding: 5px;
    width: 70px;
    height: 70px
}

html.has-mobile-panel .page-wrapper {
    position: fixed;
    width: 100%
}

html.has-mobile-panel .page-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    height: 100%;
    max-width: 80%;
    background: #0067B5;
    z-index: 101
}

html.has-mobile-panel .page-wrapper:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 100
}

.mobile-panel {
    font-size: 14px;
    box-shadow: 1px 0 2px 0 rgba(0,0,0,.25);
    transition: max-width .2s ease-in-out;
    max-width: 80%;
    color: #fff;
    position: absolute;
    z-index: 200;
    overflow: hidden;
    width: 320px;
    background-color: #0067B5
}

@media (min-width: 992px) {
    .mobile-panel {
        display:none
    }
}

html:not(.has-mobile-panel) .mobile-panel {
    max-width: 0
}

.mobile-panel a {
    color: #fff;
    text-decoration: none
}

.mobile-panel__wrapper {
    padding: 13px 15px;
    width: 100%;
    height: 100vh;
    overflow: scroll
}

.mobile-panel__body {
    position: relative;
    height: 100%
}

.mobile-panel__top {
    padding-bottom: 20px
}

.mobile-panel__top .fa {
    cursor: pointer;
    font-size: 30px
}

.mobile-panel__nav {
    padding-bottom: 22px;
    border-bottom: 2px solid hsla(0,0%,100%,.5);
    margin-bottom: 20px
}

.mobile-panel__links>a {
    color: #fff;
    display: block;
    width: 100%;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 0
}

.mobile-panel__langs {
    flex: 0 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
    color: #fff
}

.mobile-panel__langs>* {
    margin: 0 7px;
    padding: 10px 0
}

.mobile-panel__langs a {
    font-weight: 500;
    line-height: 18px
}

.mobile-panel__langs a.is-active {
    cursor: default;
    opacity: .5
}

.mobile-panel__langs a:not(.is-active) {
    text-decoration: underline
}

.mobile-nav__item {
    display: flex
}

.mobile-nav__item>* {
    flex: 0 0 auto;
    padding: 8px 0
}

.mobile-nav__item span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500
}

.mobile-nav__icon {
    text-align: center;
    width: 30px;
    margin-right: 8px
}

.modal {
    text-align: center;
    padding: 0!important
}

.modal .modal-content .modal-header {
    position: relative;
    background-color: #f4f4f4;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0
}

.modal .modal-content .modal-header .modal-header-title {
    display: flex;
    font-size: $subtitle-font-size;
    justify-content: space-between;
    align-items: center;
    color: #4a4e4f;
    font-weight: 600
}

.modal .modal-content .modal-title {
    padding: 0;
    margin-left: auto;
    margin-right: auto
}

.modal .modal-content .modal-title.h4 {
    margin-top: 0;
    margin-bottom: 0
}

.modal .modal-content .modal-header-nav {
    margin-bottom: -11px
}

.modal .modal-content .modal-body {
    text-align: left;
    background: $wt
}

.modal .modal-content .modal-body a {
    color: $orange-hover
}

.modal .modal-content .modal-close-button {
    height: auto
}

.modal .modal-content .modal-close-button .fa {
    font-size: $tab-font-size
}

.modal .modal-content .modal-footer {
    padding: 10px 15px;
    align-items: center;
    justify-content: center;
    display: flex
}

.modal .modal-content .modal-footer button {
    padding: 10px;
    margin: 0 10px
}

[data-readmore][aria-expanded=false] {
    overflow-y: hidden!important;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal
}

[data-readmore-toggle] {
    padding-bottom: 25px;
    padding-top: 15px;
    display: block;
    cursor: pointer;
    color: $orange-hover;
    text-decoration: underline
}

@media (min-width: 992px) {
    [data-readmore-toggle] {
        text-decoration:none
    }
}

[data-readmore-toggle] .fa {
    text-decoration: none
}

[data-readmore-toggle]:hover {
    text-decoration: underline
}

.aw {
    z-index: 1;
    overflow: hidden
}

.aw,.aw-days {
    position: relative
}

.aw-days {
    z-index: 2;
    display: flex
}

.aw-days-pagination {
    position: relative;
    flex: 0 0 auto;
    width: 20px;
    text-align: center;
    color: var(--od-theme-on-background,#4a4e4f)
}

.aw-days-pagination .material-icons {
    position: absolute;
    top: -4px;
    left: -11px;
    cursor: pointer;
    font-size: 44px
}

.aw-days-pagination~.aw-days-pagination .material-icons {
    left: auto;
    right: -11px
}

.aw-days-pagination-disabled {
    color: var(--od-theme-border,#e0e0e0)
}

.aw-days-pagination-disabled .material-icons {
    cursor: default
}

.aw-day {
    flex: 1 0 auto;
    margin: 0 8px;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 500
}

.aw-day-title {
    height: 36px;
    font-size: 14px;
    text-align: center;
    line-height: 140%;
    margin-bottom: 14px
}

.aw-day-title-name {
    font-weight: 600
}

.aw-day-empty-slot,.aw-day-slot {
    margin: 10px 0;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.aw-day-empty-slot-dash {
    margin: 0 auto;
    width: 16px;
    height: 2px;
    background-color: var(--od-theme-border,#e0e0e0)
}

.aw-day-slot {
    position: relative;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    color: var(--od-theme-on-primary,#fff);
    background-color: var(--od-theme-primary,#0067B5);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.2);
    font-weight: 600
}

.od-book .aw-day-slot,.od-profile .aw-day-slot {
    background-color: #0067B5
}

.aw-day-slot-indicator {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    border: 2px solid var(--od-theme-surface,#fff);
    background-color: var(--od-theme-on-surface,#4a4e4f)
}

.aw-day-slot:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.aw-day-slot:hover {
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.2)
}

.aw-day-slot:hover:before {
    opacity: .1
}

.aw-day-slot:active {
    box-shadow: inset 0 3px 30px 0 rgba(0,0,0,.2);
    transform: scale(.96)
}

.aw-days-divider {
    position: absolute;
    top: 42px;
    left: 28px;
    right: 28px;
    height: 1px;
    background-color: var(--od-theme-border,#e0e0e0)
}

.aw-days-more-slots {
    border-top: 1px solid var(--od-theme-border,#e0e0e0);
    margin: 0 28px
}

.aw-days-more-slots-link {
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    color: var(--od-theme-primary,#0067B5);
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0
}

.od-book .aw-days-more-slots-link,.od-profile .aw-days-more-slots-link {
    color: #0067B5
}

.aw-days-overlay {
    position: absolute;
    z-index: 3;
    top: 50px;
    left: 28px;
    right: 28px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background-color: var(--od-theme-primary,#0067B5)
}

.od-book .aw-days-overlay,.od-profile .aw-days-overlay {
    background-color: #0067B5
}

.aw-days-overlay:before {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: .75
}

.aw-days-overlay>div {
    z-index: 2
}

.aw-days-overlay .loading-spinner>div {
    background-color: var(--od-theme-on-primary,#fff)
}

.od-book .aw-days-overlay .loading-spinner>div,.od-profile .aw-days-overlay .loading-spinner>div {
    background-color: #0067B5
}

.aw-days-overlay-error,.aw-days-overlay-html,.aw-days-overlay-next-slot,.aw-days-overlay-text {
    background-color: #fff;
    width: 80%;
    padding: 10px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.2);
    border-radius: 4px
}

.aw-days-overlay-text {
    text-align: center
}

.aw-days-overlay-error {
    display: flex;
    align-items: center;
    justify-content: center
}

.aw-days-overlay-error-icon {
    margin-right: 8px
}

.aw-days-overlay-error-text {
    text-align: center
}

.aw-days-overlay-next-slot {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    background-color: var(--od-theme-primary,#0067B5);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.2);
    font-weight: 600
}

.od-book .aw-days-overlay-next-slot,.od-profile .aw-days-overlay-next-slot {
    background-color: #0067B5
}

.aw-days-overlay-next-slot:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.aw-days-overlay-next-slot:hover {
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.2)
}

.aw-days-overlay-next-slot:hover:before {
    opacity: .1
}

.aw-days-overlay-next-slot:active {
    box-shadow: inset 0 3px 30px 0 rgba(0,0,0,.2);
    transform: scale(.98)
}

.aw-days-overlay-next-slot-text {
    text-align: center
}

.aw-days-overlay-next-slot-icon {
    margin-left: 8px
}

.Benefits {
    display: flex;
    flex-direction: column;
    padding-bottom: 77px
}

@media (max-width: 992px) {
    .Benefits {
        padding-bottom:0
    }
}

.Benefits-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 60px 120px;
    background: url(../../assets/images/benefits-background2.svg) no-repeat left 40% top 199px,url(../../assets/images/benefits-background3.svg) no-repeat right 46px top 67px
}

@media (max-width: 1440px) {
    .Benefits-wrapper {
        padding-left:40px;
        padding-right: 40px
    }
}

@media (max-width: 992px) {
    .Benefits-wrapper {
        padding:60px 20px;
        background: none
    }
}

.Benefits-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 40px
}

@media (max-width: 992px) {
    .Benefits-list {
        flex-direction:column;
        gap: 20px;
        width: 100%
    }
}

.Benefits-item {
    flex: 1;
    flex-direction: column;
    display: flex;
    background: #fff;
    box-shadow: 2px 2px 12px rgba(39,39,39,.2);
    border-radius: 8px
}

@media (max-width: 992px) {
    .Benefits-item {
        flex-direction:row;
        align-items: center
    }

    .Benefits-item .Benefits-image {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
}

.Benefits-item:nth-child(2n) {
    top: 40px;
    position: relative
}

@media (max-width: 992px) {
    .Benefits-item:nth-child(2n) {
        top:0;
        flex-direction: row-reverse
    }

    .Benefits-item:nth-child(2n) .Benefits-image {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
}

.Benefits-title {
    font-family: Ubuntu,Arial,sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3333333;
    margin: 0
}

@media (max-width: 1440px) {
    .Benefits-title {
        font-size:40px
    }
}

@media (max-width: 992px) {
    .Benefits-title {
        font-size:32px
    }
}

.Benefits-anim {
    color: #0067B5;
    min-width: 10ch;
    display: inline-block
}

.Benefits-anim [data-typing]:not(:empty) {
    border-right: .08em solid #4a4e4f
}

.Benefits-subtitle {
    font-size: 24px;
    line-height: 1.3;
    margin: 20px 0 49px
}

@media (max-width: 992px) {
    .Benefits-subtitle {
        font-size:24px;
        margin: 19px 0 20px
    }
}

.Benefits-image {
    height: 124px;
    background: #bfe7e1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

@media (max-width: 992px) {
    .Benefits-image {
        width:100px;
        height: 110px;
        font-size: 56px;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        height: auto
    }
}

.Benefits-icon {
    color: #0067B5;
    width: 60px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 992px) {
    .Benefits-icon {
        width:56px
    }
}

.Benefits-icon.material-icons {
    display: flex;
    font-size: 1em
}

.Benefits-desc {
    font-size: 20px;
    padding: 16px 16px 40px;
    line-height: 1.6;
    margin: 0;
    flex: 1
}

@media (max-width: 1440px) {
    .Benefits-desc {
        font-size:18px
    }
}

@media (max-width: 992px) {
    .Benefits-desc {
        font-size:16px;
        padding: 16px;
        line-height: 1.5
    }
}

.Button {
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    background-color: #0067B5;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    padding: 18px 20px;
    border-radius: 4px;
    transition: background-color .11s,transform .11s ease-out
}

.Button,.Button:link,.Button:visited {
    text-decoration: none
}

.Button:hover {
    background-color: #004F7C
}

.Button:hover,.Button:hover:link,.Button:hover:visited {
    text-decoration: none
}

.Button:active {
    transform: scale(.98)
}

.Button--block:before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0
}

.Button--small {
    padding: 13px 20px
}

.Button--large {
    border-radius: 0;
    padding: 25px 60px
}

.Button--purple {
    background-color: #882879
}

.Button--purple:hover {
    background-color: #742267
}

.Button--purpleLight {
    background-color: #f2e0f0;
    color: #882879
}

.Button--purpleLight:hover {
    background-color: #ebd0e8
}

.Button--myHealth {
    background-color: #572cb5
}

.Button--myHealth:hover {
    background-color: #4a259a
}

.Button--lesEnfantsTerribles {
    background-color: #252525
}

.Button--lesEnfantsTerribles:hover {
    background-color: #343434
}

.Doctors {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding-bottom: 64px
}

.Doctors-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 84px 120px 0
}

@media (max-width: 1440px) {
    .Doctors-wrapper {
        padding-left:40px;
        padding-right: 40px
    }
}

@media (max-width: 992px) {
    .Doctors-wrapper {
        padding:60px 18px 0
    }
}

.Doctors-title {
    font-family: Ubuntu,Arial,sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: #4a4e4f;
    margin-bottom: 4px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.33333
}

@media (max-width: 992px) {
    .Doctors-title {
        font-size:32px;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 20px
    }
}

.Doctors-desc {
    font-size: 20px;
    line-height: 1.6;
    margin: 0;
    text-align: center;
    padding: 0 95px 7px
}

@media (max-width: 992px) {
    .Doctors-desc {
        font-size:20px;
        line-height: 1.6;
        padding: 0
    }
}

.Doctors-content {
    width: 100%;
    background: url(../../assets/images/doctors.svg) no-repeat 44% 0;
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    .Doctors-content {
        background:none;
        flex-direction: column;
        margin-top: 40px;
        padding-bottom: 0
    }

    .Doctors-content:after {
        content: "";
        display: block;
        width: 100%;
        height: 275px;
        background: url(../../assets/images/doctors.svg) no-repeat center top 0;
        background-size: auto 100%
    }
}

.Doctors-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
    display: flex;
    flex-direction: column;
    margin-top: 109px
}

@media (max-width: 992px) {
    .Doctors-list {
        margin-top:0
    }
}

.Doctors-list+.Doctors-list {
    padding-top: 41px
}

@media (max-width: 992px) {
    .Doctors-list+.Doctors-list {
        padding-top:0;
        order: -1
    }
}

.Doctors-item {
    background: #fff;
    box-shadow: 2px 2px 12px rgba(39,39,39,.2);
    border-radius: 8px;
    display: flex;
    padding: 16px;
    width: 386px;
    margin-bottom: 30px;
    margin-right: 1px
}

@media (max-width: 992px) {
    .Doctors-item {
        padding:0;
        box-shadow: none;
        width: auto;
        margin-bottom: 28px;
        align-items: center
    }
}

@media (max-width: 768px) {
    .Doctors-item {
        align-items:flex-start
    }
}

.Doctors-image {
    background: #f2e0f0;
    margin-right: 26px;
    width: 66px;
    height: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    border-radius: 4px
}

@media (max-width: 992px) {
    .Doctors-image {
        position:relative;
        left: 2px
    }
}

.Doctors-icon {
    width: 22px;
    height: auto
}

.Doctors-icon.material-icons {
    display: flex;
    font-size: 1em
}

.Doctors-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-right: 10px
}

@media (max-width: 992px) {
    .Doctors-text {
        margin-right:0
    }
}

.Doctors-buttons {
    display: flex;
    gap: 20px
}

@media (max-width: 992px) {
    .Doctors-buttons {
        flex-direction:column;
        gap: 10px
    }
}

.Dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px 18px;
    color: #4a4e4f;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    cursor: pointer
}

@media (max-width: 992px) {
    .Dropdown {
        padding:8px 20px
    }
}

.Dropdown:before {
    content: attr(data-title);
    font-weight: 500;
    padding-right: 9px
}

.Dropdown:after {
    content: "";
    width: 15px;
    height: 9px;
    background: url(../../assets/images/icons/chevron.svg) no-repeat 50% 50%;
    background-size: 100% auto;
    transform-origin: 50% 50%;
    transition: transform .11s ease-out
}

.Dropdown.isOpen:after {
    transform: rotate(180deg)
}

.Dropdown.isOpen .Dropdown-list {
    display: flex
}

.Dropdown.Dropdown-btn {
    border: 1px solid currentColor;
    border-radius: 4px;
    padding: 7px 19px;
    transition: transform .11s,background-color .11s,border-color .11s ease-out
}

.Dropdown.Dropdown-btn:hover {
    background-color: var(--od-theme-primary,#0067B5);
    border-color: var(--od-theme-primary,#0067B5);
    color: #fff
}

.Dropdown.Dropdown-btn:hover:after {
    background-image: url(../../assets/images/icons/chevron-white.svg)
}

.Dropdown-item,.Dropdown-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.Dropdown-list {
    display: none;
    flex-direction: column;
    background: #fff;
    position: absolute;
    z-index: 4;
    top: 100%;
    left: 0;
    transform: translateY(3px);
    padding: 0;
    border-radius: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    width: 100%;
    min-width: 112px;
    overflow: hidden;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.Dropdown-list a {
    text-decoration: none
}

@media (max-width: 992px) {
    .Dropdown-list {
        right:0;
        left: auto
    }
}

.Dropdown-link {
    position: relative;
    display: flex;
    padding: 14px 18px;
    color: #4a4e4f;
    transition: color .11s,background-color .11s ease-out
}

.Dropdown-link:hover {
    text-decoration: none;
    color: var(--od-theme-primary,#0067B5)
}

.Dropdown-link:hover:before {
    position: absolute;
    content: " ";
    background-color: var(--od-theme-primary,#0067B5);
    opacity: .14;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.Header {
    display: flex;
    flex-direction: column;
    height: 61px;
    background: #fff;
    position: relative
}

.Header-icon {
    height: 30px;
    width: 30px
}

.Header-sticky {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    box-shadow: 2px 2px 8px rgba(39,39,39,.08)
}

.Header-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    align-items: center;
    padding: 0 120px
}

@media (max-width: 1440px) {
    .Header-wrapper {
        padding-left:40px;
        padding-right: 40px
    }
}

@media (max-width: 992px) {
    .Header-wrapper {
        padding:0
    }
}

.Header-burger {
    display: none
}

@media (max-width: 992px) {
    .Header-burger {
        display:flex;
        width: 20px;
        height: 20px;
        margin: 0 20px;
        font-size: 30px;
        align-items: center;
        justify-content: center;
        background: url(../../assets/images/icons/burger.svg) no-repeat 50% 50%;
        transition: background-color .11s,transform .11s ease-out
    }

    .Header-burger:active {
        transform: scale(.98)
    }
}

.Header-logo {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 187px;
    height: 41px;
    background: url(../../assets/images/logo.svg) no-repeat 0 0;
    background-size: 100% auto;
    transition: transform .11s ease-out
}

@media (max-width: 992px) {
    .Header-logo {
        margin:0 auto
    }
}

.Header-logo:active {
    transform: scale(.98)
}

.Header-links {
    gap: 16px;
    margin: 0;
    margin-left: 16px;
    margin-bottom: 2px;
    margin-right: 1px
}

.Header-links>li {
    margin: 0
}

.Header-links,.Header-links>li {
    display: flex;
    list-style-type: none;
    padding: 0
}

@media (max-width: 992px) {
    .Header-links {
        display:none
    }
}

.Header-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a4e4f;
    font-weight: 500;
    border: 1px solid currentColor;
    border-radius: 4px;
    padding: 7px 19px;
    line-height: 1;
    text-align: center;
    transition: transform .11s,background-color .11s,border-color .11s ease-out
}

.Header-btn,.Header-btn:focus,.Header-btn:hover,.Header-btn:link,.Header-btn:visited {
    text-decoration: none;
    color: currentColor
}

.Header-btn:hover {
    background-color: #0067B5;
    border-color: #0067B5;
    color: #fff
}

.Header-btn:active {
    transform: scale(.96)
}

.Header-help-dialog .mdc-dialog__container {
    max-width: 100%!important
}

@media (max-width: 992px) {
    .Header-help-dialog .mdc-dialog__container {
        max-height:100%!important;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

.Header-help-dialog .mdc-dialog__surface {
    max-width: 100%!important;
    border-radius: 8px!important
}

@media (max-width: 992px) {
    .Header-help-dialog .mdc-dialog__surface {
        max-height:100%!important;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

.Header-help-dialog .mdc-dialog__title {
    font-family: Ubuntu,Arial,sans-serif;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
    margin-top: 20px
}

@media (max-width: 992px) {
    .Header-help-dialog .mdc-dialog__title {
        margin-top:0;
        font-size: 30px
    }
}

.Header-help-dialog .mdc-dialog__header {
    position: relative
}

.Header-help-dialog .mdc-icon-button {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 992px) {
    .Header-help-dialog-content {
        width:100%
    }
}

.Header-help-dialog-content li {
    padding-bottom: 10px
}

.Header-help-dialog-content .frequent-questions-tab-bar {
    margin-bottom: 14px
}

.Header-help-dialog-content .freq-questions {
    min-height: 110px
}

@media (max-width: 992px) {
    .Header-help-dialog-content .freq-questions {
        min-height:150px
    }
}

.Header-help-dialog-content .frequent-questions-content {
    display: none;
    padding-bottom: 15px
}

.Header-help-dialog-content .frequent-questions-content li {
    padding-left: 0;
    padding-right: 0;
    break-inside: avoid-column;
    overflow-wrap: anywhere
}

.Header-help-dialog-content .frequent-searches-tab-bar {
    margin-bottom: 10px
}

.Header-help-dialog-content .frequent-searches-tab-content {
    display: none
}

.Header-help-dialog-content .frequent-searches-tab-content ul {
    columns: 3
}

@media (max-width: 992px) {
    .Header-help-dialog-content .frequent-searches-tab-content ul {
        columns:2
    }
}

.Header-help-dialog-content .frequent-searches-tab-content ul li {
    padding-left: 0;
    padding-right: 0;
    break-inside: avoid-column;
    overflow-wrap: anywhere
}

.Header-help-dialog-content .mdc-tab-content__active {
    display: inline
}

.Header-help-btn {
    border: none;
    padding-left: 14px;
    padding-right: 14px
}

.Header-help-btn i {
    font-size: 16px;
    margin-right: 6px
}

.Header-all-article-btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px
}

.Header-help-section {
    position: relative
}

@media (max-width: 992px) {
    .Header-help-section {
        position:static
    }
}

.Header-sub-title {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px
}

.Header-sub-title img {
    float: left;
    margin-right: 10px
}

.Header-sub-title h2 {
    font-family: Ubuntu,Arial,sans-serif;
    vertical-align: middle
}

.Hero {
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media (max-width: 992px) {
    .Hero {
        background:#fff
    }

    .modal-open-mobile .Hero {
        position: relative;
        z-index: 6
    }
}

.Hero-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 150px;
    background: url(../../assets/images/benefits-background1.svg) no-repeat left 9% top 30%
}

@media (max-width: 992px) {
    .Hero-wrapper {
        padding-top:40px;
        padding-bottom: 60px;
        background: none
    }
}

.Hero-title {
    font-family: Ubuntu,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 1.3333333;
    max-width: 820px;
    margin: 0 auto 103px;
    text-align: center;
    overflow-wrap: anywhere
}

@media (max-width: 992px) {
    .Hero-title {
        font-size:32px;
        padding: 0 20px;
        margin-bottom: 78px
    }
}

.Hero-title strong {
    color: #0067B5
}

.Hero--small {
    background: #fff
}

.Hero--small .Hero-wrapper {
    background: none;
    padding: 20px 0
}

@media (max-width: 992px) {
    .Hero--small .Hero-wrapper {
        padding:0
    }
}

.Lang--inline {
    display: flex;
    align-items: center;
    padding: 0
}

.Lang--inline:after,.Lang--inline:before {
    display: none
}

.Lang--inline .Lang-list {
    display: flex;
    flex-direction: row;
    position: static;
    background: none;
    box-shadow: none;
    margin: 0 auto;
    gap: 15px
}

.Lang--inline .Lang-link {
    color: #4f4f4f;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.Lang--inline .Lang-link,.Lang--inline .Lang-link:link,.Lang--inline .Lang-link:visited {
    text-decoration: none
}

.Lang--inline .Lang-item {
    padding: 0
}

.Lang--inline .Lang-item.isActive .Lang-link {
    border-color: #0067B5;
    color: #0067B5
}

.LesEnfantsTerribles {
    display: flex;
    flex-direction: column;
    padding-top: 55px;
    padding-bottom: 20px;
    background-color: #fff
}

@media (max-width: 1200px) {
    .LesEnfantsTerribles {
        padding:76px 20px 20px
    }
}

@media (max-width: 992px) {
    .LesEnfantsTerribles {
        padding:46px 20px 20px;
        margin: 0
    }
}

.LesEnfantsTerribles-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    box-shadow: 2px 2px 12px rgba(39,39,39,.2);
    border-radius: 12px
}

@media (max-width: 768px) {
    .LesEnfantsTerribles-wrapper {
        flex-direction:column;
        border-radius: 8px
    }
}

.LesEnfantsTerribles-image {
    width: 575px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #252525 url(../../assets/images/ellipse.svg) no-repeat right -1px center;
    background-size: auto 100.2%;
    padding: 20px 0
}

@media (max-width: 1440px) {
    .LesEnfantsTerribles-image {
        width:50%;
        padding: 0 7%
    }
}

@media (max-width: 992px) {
    .LesEnfantsTerribles-image {
        width:50%
    }
}

@media (max-width: 768px) {
    .LesEnfantsTerribles-image {
        height:136px;
        width: 100%;
        background: #252525;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0
    }
}

.LesEnfantsTerribles-image img {
    display: block;
    max-width: 46%;
    height: auto
}

@media (max-width: 768px) {
    .LesEnfantsTerribles-image img {
        max-width:100%;
        max-height: 80%;
        width: auto
    }
}

.LesEnfantsTerribles-content {
    padding: 40px 65px;
    background: #fff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

@media (max-width: 1440px) {
    .LesEnfantsTerribles-content {
        padding:35px 50px
    }
}

@media (max-width: 992px) {
    .LesEnfantsTerribles-content {
        flex-direction:column;
        display: flex;
        padding: 30px 40px
    }
}

@media (max-width: 768px) {
    .LesEnfantsTerribles-content {
        border-top-right-radius:0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 17px 16px 10px
    }
}

.LesEnfantsTerribles-title {
    font-family: Ubuntu,Arial,sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25;
    color: #4a4e4f;
    margin: 0;
    padding-top: 3px
}

@media (max-width: 1440px) {
    .LesEnfantsTerribles-title {
        font-size:32px
    }
}

@media (max-width: 992px) {
    .LesEnfantsTerribles-title {
        font-size:24px
    }
}

.LesEnfantsTerribles-desc {
    margin: 24px 0 32px;
    font-size: 20px;
    line-height: 1.6
}

@media (max-width: 1440px) {
    .LesEnfantsTerribles-desc {
        font-size:18px
    }
}

@media (max-width: 992px) {
    .LesEnfantsTerribles-desc {
        font-size:16px;
        line-height: 1.5;
        margin: 12px 0 20px
    }
}

.Main {
    margin: 0 auto;
    width: 100%;
    flex: 1;
    flex-direction: column;
    display: flex
}

.MyHealth {
    display: flex;
    flex-direction: column;
    padding-top: 55px;
    padding-bottom: 20px;
    background-color: #fff
}

@media (max-width: 1200px) {
    .MyHealth {
        padding:0 20px
    }
}

@media (max-width: 992px) {
    .MyHealth {
        padding:76px 20px 20px;
        margin: 0
    }
}

.MyHealth-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    box-shadow: 2px 2px 12px rgba(39,39,39,.2);
    border-radius: 12px
}

@media (max-width: 768px) {
    .MyHealth-wrapper {
        flex-direction:column;
        border-radius: 8px
    }
}

.MyHealth-image {
    width: 575px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #572cb5 url(../../assets/images/ellipse.svg) no-repeat right -1px center;
    background-size: auto 100.2%;
    padding: 0 30px
}

@media (max-width: 1440px) {
    .MyHealth-image {
        width:50%;
        padding: 0 7%
    }
}

@media (max-width: 992px) {
    .MyHealth-image {
        width:50%
    }
}

@media (max-width: 768px) {
    .MyHealth-image {
        height:136px;
        width: 100%;
        background: #572cb5;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0
    }
}

.MyHealth-image img {
    display: block;
    max-width: 100%;
    height: auto
}

@media (max-width: 992px) {
    .MyHealth-image img {
        max-width:226px
    }
}

.MyHealth-content {
    padding: 40px 65px;
    background: #fff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

@media (max-width: 1440px) {
    .MyHealth-content {
        padding:35px 50px
    }
}

@media (max-width: 992px) {
    .MyHealth-content {
        flex-direction:column;
        display: flex;
        padding: 30px 40px
    }
}

@media (max-width: 768px) {
    .MyHealth-content {
        border-top-right-radius:0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 17px 16px 10px
    }
}

.MyHealth-title {
    font-family: Ubuntu,Arial,sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25;
    color: #4a4e4f;
    margin: 0;
    padding-top: 3px
}

@media (max-width: 1440px) {
    .MyHealth-title {
        font-size:32px
    }
}

@media (max-width: 992px) {
    .MyHealth-title {
        font-size:24px
    }
}

.MyHealth-desc {
    margin: 24px 0 32px;
    font-size: 20px;
    line-height: 1.6
}

@media (max-width: 1440px) {
    .MyHealth-desc {
        font-size:18px
    }
}

@media (max-width: 992px) {
    .MyHealth-desc {
        font-size:16px;
        line-height: 1.5;
        margin: 12px 0 20px
    }
}

.index-my-team {
    padding: 40px 60px;
    margin: 0 auto
}

@media (max-width: 992px) {
    .index-my-team {
        padding:24px 20px
    }
}

.index-my-team .index-section-container {
    max-width: 1200px;
    margin: 0 auto
}

.index-my-team .index-section-container h2 {
    text-align: center;
    font-family: Ubuntu,Arial,sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3333333;
    margin: 0;
    padding-bottom: 24px
}

@media (max-width: 1440px) {
    .index-my-team .index-section-container h2 {
        font-size:40px
    }
}

@media (max-width: 992px) {
    .index-my-team .index-section-container h2 {
        font-size:32px
    }
}

.index-my-team-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px
}

.index-my-team .index-my-team-column,.index-my-team a.index-my-team-column,.index-my-team a.index-my-team-column:visited {
    display: flex;
    color: #4a4e4f;
    text-decoration: none;
    align-items: center;
    background: #fff;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.15);
    border: 1px solid #f3f3f3;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 20px 15px;
    width: 100%
}

@media (min-width: 768px) {
    .index-my-team .index-my-team-column,.index-my-team a.index-my-team-column,.index-my-team a.index-my-team-column:visited {
        width:calc(50% - 25px)
    }
}

@media (min-width: 992px) {
    .index-my-team .index-my-team-column,.index-my-team a.index-my-team-column,.index-my-team a.index-my-team-column:visited {
        width:calc(33% - 25px)
    }
}

.index-my-team a.index-my-team-column:hover {
    border: 1px solid #0067B5;
    text-decoration: none
}

.index-my-team a.index-my-team-column:hover:active {
    transform: scale(.98)
}

.index-my-team .index-my-team-column.placeholder {
    background: none;
    box-shadow: none;
    border: 3px dashed #c9c9c9;
    display: none
}

@media (min-width: 768px) {
    .index-my-team .index-my-team-column.placeholder-odd {
        display:flex
    }
}

@media (min-width: 992px) {
    .index-my-team .index-my-team-column.placeholder-even {
        display:flex
    }
}

.index-my-team .index-my-team-column.placeholder .index-my-team-professional-image {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: 50%;
    background: #c9c9c9
}

.index-my-team .index-my-team-column.placeholder .index-my-team-professional-text {
    flex-grow: 1;
    display: flex;
    align-items: center
}

.index-my-team .index-my-team-column.placeholder .index-my-team-professional-text p {
    width: 100%
}

.index-my-team .index-my-team-column.placeholder .index-my-team-professional-full-name {
    display: block;
    flex-grow: 1;
    background: #c9c9c9;
    height: 16px;
    width: 60%;
    margin-bottom: 8px
}

.index-my-team .index-my-team-column.placeholder .index-my-team-professional-profession {
    flex-grow: 1;
    display: block;
    background: #c9c9c9;
    height: 12px;
    width: 45%;
    margin: none
}

.index-my-team-professional-image img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: 50%
}

.index-my-team-professional-text {
    line-height: 22px
}

.index-my-team-professional-full-name {
    font-weight: 500;
    font-size: 16px
}

.index-my-team-professional-profession {
    font-size: 14px;
    margin: none
}

.Nav {
    background: rgba(79,79,79,.7);
    color: #4a4e4f;
    max-width: none;
    width: 100%;
    transition: background-color .15s linear;
    position: fixed;
    z-index: 200;
    inset: 0;
    flex-direction: column;
    display: flex
}

html:not(.hasMobileNav) .Nav {
    max-width: none;
    background: none;
    pointer-events: none
}

html:not(.hasMobileNav) .Nav .Nav-wrapper {
    transform: translateX(-100%)
}

.Nav-wrapper {
    width: 300px;
    background: #fff;
    transition: transform .11s ease-out;
    flex: 1;
    padding: 0 0 21px;
    position: relative
}

.Nav-header {
    justify-content: space-between;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px;
    gap: 10px;
    font-size: 14px;
    height: 61px
}

.Nav-burger,.Nav-header {
    display: flex;
    align-items: center
}

.Nav-burger {
    width: 20px;
    height: 20px;
    font-size: 30px;
    justify-content: center;
    background: url(../../assets/images/icons/burger.svg) no-repeat 50% 50%;
    transition: background-color .11s,transform .11s ease-out
}

.Nav-burger:active {
    transform: scale(.98)
}

.Nav-list {
    list-style-type: none;
    flex-direction: column;
    display: flex;
    padding: 15px 21px;
    margin: 0
}

.Nav-list hr {
    margin: 0 0 10px;
    width: 100%;
    border: none;
    height: 1px;
    color: #e0e0e0;
    background-color: #e0e0e0
}

.Nav-item {
    padding: 0;
    margin: 0;
    margin-bottom: 10px
}

.Nav-link {
    color: #4f4f4f;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500
}

.Nav-link,.Nav-link:link,.Nav-link:visited {
    text-decoration: none
}

.Nav-btn {
    color: #4a4e4f;
    border: 1px solid currentColor;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 7px 19px;
    font-weight: 500;
    line-height: 1;
    transition: transform .11s,background-color .11s,border-color .11s ease-out;
    display: flex;
    text-align: center
}

.Nav-btn,.Nav-btn:link,.Nav-btn:visited {
    text-decoration: none
}

.News {
    display: flex;
    flex-direction: column;
    padding: 60px 0;
    background: #0067B5
}

@media (max-width: 992px) {
    .News {
        padding:40px 0 16px;
        overflow-y: hidden;
        overflow-x: scroll;
        scroll-behavior: smooth;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: relative
    }

    .News::-webkit-scrollbar {
        display: none
    }
}

.News-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    gap: 30px;
    padding: 0 120px;
    display: flex;
    flex-direction: row
}

@media (max-width: 1440px) {
    .News-wrapper {
        padding-left:40px;
        padding-right: 40px
    }
}

@media (min-width: 993px) {
    .News-wrapper {
        min-width:0!important
    }
}

@media (max-width: 992px) {
    .News-wrapper {
        background:none;
        padding: 0;
        gap: 0
    }
}

.News-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: transform .11s ease-out
}

@media (max-width: 992px) {
    .News-item {
        width:100vw;
        padding: 0 20px;
        scroll-snap-align: start
    }
}

.News-inner {
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 8px;
    gap: 20px;
    flex: 1;
    cursor: pointer;
    padding: 16px
}

.News-inner,.News-inner:focus,.News-inner:hover,.News-inner:link,.News-inner:visited {
    text-decoration: none;
    color: currentColor
}

@media (max-width: 992px) {
    .News-inner {
        gap:16px
    }
}

.News-photo {
    flex-shrink: 0;
    width: 101px;
    height: 100%;
    max-height: 164px;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.News-content {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch
}

@media (max-width: 992px) {
    .News-content {
        overflow:visible
    }
}

.News-category {
    color: #bdbdbd;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.News-category,.News-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden
}

.News-title {
    margin: 0;
    margin-bottom: auto;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

@media (max-width: 992px) {
    .News-title {
        min-height:72px
    }
}

.News-button {
    margin-top: 16px
}

.News-indicators {
    display: none;
    gap: 6px;
    margin: 0 auto;
    padding: 0 0 40px;
    background: #0067B5;
    width: 100%;
    align-items: center;
    justify-content: center
}

@media (max-width: 992px) {
    .News-indicators {
        display:flex
    }
}

.News-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    opacity: .5
}

.News-dot.isActive {
    opacity: 1
}

.Page {
    background: #f0f3f2
}

.Search {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    max-width: 944px;
    position: relative
}

@media (max-width: 992px) {
    .Search {
        width:auto;
        max-width: 100%;
        margin: 0 13px
    }
}

.Search:before {
    content: "";
    position: absolute;
    width: 225px;
    height: 170px;
    background: url(../../assets/images/pinguin.svg) no-repeat 0 0;
    top: -76px;
    right: 18px;
    z-index: 0
}

@media (max-width: 992px) {
    .Search:before {
        width:130px;
        height: 110px;
        right: 14px;
        background-size: contain
    }
}

.Search-container {
    position: relative
}

.Search-modify {
    display: none
}

.Search a {
    text-decoration: none
}

.Search-form {
    position: relative;
    z-index: 1;
    flex-direction: column;
    display: flex
}

.Search-tabs {
    display: inline-flex;
    align-self: flex-start
}

@media (max-width: 992px) {
    .Search-tabs {
        width:100%
    }
}

.Search-radio {
    display: none
}

.Search-radio:not(:checked)~.Search-radio:checked+.Search-tab:before {
    bottom: 0;
    left: -10px;
    border-left: 0;
    transform: scaleX(-1);
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 6v4h4c-2.21 0-4-1.79-4-4z' fill='%23fff'/%3E%3Cpath d='M4 9C2.35 9 1 7.65 1 6V0H0v6c0 2.21 1.79 4 4 4h6V9H4z' fill='%2302ae96'/%3E%3C/svg%3E")
}

@media (max-width: 992px) {
    .Search-radio:not(:checked)~.Search-radio:checked+.Search-tab:after {
        right:-1px;
        bottom: -5px;
        background: #fff;
        border-right: 1px solid #0067B5
    }
}

.Search-radio:checked+.Search-tab {
    background: #fff;
    border: 1px solid #0067B5;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    z-index: 2
}

.Search-radio:checked+.Search-tab:after,.Search-radio:checked+.Search-tab:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 10px;
    pointer-events: none
}

.Search-radio:checked+.Search-tab:before {
    left: -1px;
    bottom: -5px;
    background: #fff;
    border-left: 1px solid #0067B5
}

.Search-radio:checked+.Search-tab:after {
    right: -10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 6v4h4c-2.21 0-4-1.79-4-4z' fill='%23fff'/%3E%3Cpath d='M4 9C2.35 9 1 7.65 1 6V0H0v6c0 2.21 1.79 4 4 4h6V9H4z' fill='%2302ae96'/%3E%3C/svg%3E")
}

.Search-radio:checked+.Search-tab~.Search-tab {
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.Search-tab {
    padding: 4px 29px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #e0f2f0;
    height: 51px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-top-left-radius: 4px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 992px) {
    .Search-tab {
        outline:none;
        -webkit-tap-highlight-color: transparent;
        height: 58px;
        width: 50%;
        padding: 0 22px;
        justify-content: flex-start
    }
}

.Search-tab~.Search-tab {
    margin-left: -6px
}

@media (max-width: 992px) {
    .Search-tab~.Search-tab {
        margin-left:0;
        padding-left: 19px
    }
}

.Search-tabIcon {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    margin-left: -4px
}

.Search-fieldset {
    background: #fff;
    display: flex;
    flex: 1;
    border-radius: 4px;
    border: 1px solid #0067B5;
    box-shadow: 2px 2px 12px rgba(39,39,39,.2);
    height: 68px;
    margin-top: -1px;
    position: relative;
    z-index: 1
}

@media (max-width: 992px) {
    .Search-fieldset {
        flex-direction:column;
        height: auto;
        padding-top: 2px;
        min-height: 190px;
        justify-content: flex-end
    }
}

.Search-field {
    display: flex;
    align-items: stretch;
    flex: 1;
    position: relative
}

.Search-field.focus .Search-icon {
    transform: translateY(-50%) rotateY(180deg)
}

.Search-field.focus .Search-icon .st0,.Search-field.focus .Search-icon g {
    fill: #0067B5
}

@media (max-width: 992px) {
    .Search-field {
        flex:initial
    }

    .modal-open-mobile .Search-field.focus {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        padding-left: 40px
    }

    .modal-open-mobile .Search-field.focus .Search-icon {
        left: 50px
    }

    .modal-open-mobile .Search-field.focus:after {
        opacity: 0
    }
}

.Search-field-profession {
    flex: 1.1
}

.Search-field-location {
    flex: 1
}

.Search-field-lang {
    flex: 0.75
}

.Search-field:not(:first-child):before {
    content: "";
    width: 1px;
    height: 30px;
    background: #0067B5;
    -ms-grid-row-align: center;
    align-self: center;
    pointer-events: none
}

@media (max-width: 992px) {
    .Search-field:not(:first-child):before {
        position:absolute;
        top: -1px;
        left: 16px;
        right: 16px;
        width: auto;
        height: 1px
    }
}

.Search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all .3s ease-out
}

.Search-icon .st0,.Search-icon g {
    transition: all .15s ease-out;
    fill: #828282
}

@media (max-width: 992px) {
    .Search-icon {
        left:16px
    }
}

.Search-icon+.Search-input,.Search-icon+.Search-lang {
    padding-left: 56px;
    padding-right: 8px
}

@media (max-width: 992px) {
    .Search-icon+.Search-input,.Search-icon+.Search-lang {
        padding-left:48px
    }
}

.Search-input {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 0;
    background: none;
    border: 0;
    outline: none
}

@media (max-width: 992px) {
    .Search-input {
        margin-right:16px;
        font-size: 16px;
        height: 60px;
        margin-bottom: -1px;
        padding: 0
    }
}

.Search-input::-webkit-search-cancel-button {
    display: none
}

.Search-input::placeholder {
    font-style: italic;
    color: #828282;
    opacity: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.Search-input:placeholder-shown {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width: 992px) {
    .Search-input:not(:placeholder-shown)+.Search-delete {
        display:flex
    }
}

.Search-input:disabled {
    color: rgba(74,78,79,.5)
}

.Search-input:disabled::placeholder {
    color: hsla(0,0%,51%,.5)
}

.Search-delete {
    display: none;
    height: 24px;
    width: 24px;
    background: url(../../assets/images/icons/cross.svg) no-repeat 50% 50%;
    background-size: 15px 15px;
    margin-right: 20px;
    opacity: 1;
    cursor: pointer;
    -ms-grid-row-align: center;
    align-self: center
}

.Search-button {
    width: 200px;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 992px) {
    .Search-button {
        width:auto;
        border-radius: 4px;
        margin: 0 15px 14px;
        padding: 19px 30px
    }
}

.Search-lang {
    margin-right: 20px;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 0;
    background: none;
    border: 0;
    outline: none;
    flex: 1
}

@media (max-width: 992px) {
    .Search-lang {
        font-size:14px;
        height: 60px;
        margin-bottom: -1px
    }
}

.Search-lang,.Search-location {
    width: 100%;
    padding: 0 16px;
    flex-direction: column;
    display: flex
}

.Search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    min-height: 192px;
    max-height: 280px;
    background: #fff;
    box-shadow: 2px 2px 12px rgba(39,39,39,.2);
    border-radius: 4px;
    font-size: 14px;
    display: none;
    z-index: 3;
    padding: 16px 0;
    margin-top: 8px
}

.Search-results.islang {
    min-height: 0
}

.Search-results.hasScroll {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 992px) {
    .Search-results {
        position:fixed;
        z-index: 4;
        top: 59px;
        bottom: 0;
        min-height: auto;
        max-height: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 100px;
        width: auto!important;
        background-color: #fff;
        background-image: url(../../assets/images/pinguin-results.gif);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 20%
    }
}

@media (max-width: 768px) {
    .Search-results {
        background-size:28%
    }

    body:not(.modal-open-mobile) .Search-results {
        display: none
    }

    .Search-results:before {
        content: "";
        display: block;
        height: 12px;
        box-shadow: 2px 2px 12px rgba(39,39,39,.2);
        flex-shrink: 0;
        margin-top: -12px;
        margin-bottom: 20px;
        position: sticky;
        top: -12px
    }
}

.Search-results.active {
    display: flex
}

.Search-content+.Search-content {
    margin-top: 10px
}

.Search-col {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 7px
}

@media (max-width: 992px) {
    .Search-col {
        flex:initial;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 20px;
        overflow: visible
    }

    .Search-col.isLoading {
        flex: 1
    }
}

.Search-col+.Search-col {
    border-left: 1px solid #e0e0e0
}

@media (max-width: 992px) {
    .Search-col+.Search-col {
        border-left:0
    }

    .Search-col+.Search-col.isLoading {
        flex: 1
    }
}

.Search-col.isSuggestions .Search-scroll {
    columns: 2;
    display: block;
    position: relative;
    padding-right: 10px;
    column-gap: 24px
}

@media (max-width: 992px) {
    .Search-col.isSuggestions .Search-scroll {
        columns:auto
    }
}

.Search-col.isSuggestions .Search-scroll:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    margin-left: -6px;
    background: #e0e0e0
}

@media (max-width: 992px) {
    .Search-col.isSuggestions .Search-scroll:before {
        opacity:0
    }
}

.Search-col.isProfessions {
    flex: 1.02;
    padding-left: 16px
}

@media (max-width: 992px) {
    .Search-col.isProfessions {
        flex:initial;
        padding-left: 40px
    }

    .Search-col.isProfessions.isLoading {
        flex: 1
    }
}

.Search-col.isProfessions+.Search-col {
    flex: 0.97
}

@media (max-width: 992px) {
    .Search-col.isProfessions+.Search-col {
        flex:initial
    }

    .Search-col.isProfessions+.Search-col.isLoading {
        flex: 1
    }
}

.Search-col.isProfessions .Search-title {
    padding-bottom: 4px
}

.Search-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 8px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.Search-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    flex: 1;
    flex-direction: column;
    display: flex
}

@media (max-width: 992px) {
    .Search-scroll {
        overflow:visible
    }
}

.Search-item {
    display: flex;
    padding: 8px;
    cursor: pointer;
    transition: color .11s,background-color .11s ease-out;
    -webkit-tap-highlight-color: transparent
}

.Search-item:hover {
    background-color: rgba(224,242,240,.7)
}

.Search-item mark {
    color: #0067B5
}

.Search-item.active {
    background-color: rgba(224,242,240,.7)
}

@media (max-width: 992px) {
    .Search-item.active {
        background:none
    }
}

.Search-photo {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 1px 0 #4a4e4f;
    background: #fff
}

.Search-content {
    flex: 1;
    flex-direction: column;
    display: flex;
    justify-content: center
}

.Search-info {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 4px
}

.Search-info:only-child {
    margin-bottom: 0
}

.Search-desc {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: #828282
}

.Search-placeholder {
    color: #828282;
    padding: 8px;
    font-size: 14px;
    display: inline-block
}

.Search-close {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 10px;
    left: 4px;
    z-index: 1;
    background: url(../../assets/images/icons/back.svg) no-repeat 50% 50%;
    background-size: 20px 20px;
    cursor: pointer
}

@media (max-width: 992px) {
    body.modal-open-mobile .Search-results.active~.Search-close {
        display:block
    }
}

.Search--list {
    position: static
}

@media (max-width: 992px) {
    .Search--list {
        margin:0
    }
}

.Search--list:before {
    display: none
}

@media (max-width: 992px) {
    .Search--list.active .Search-container {
        position:fixed;
        z-index: 6;
        top: 0;
        left: 0;
        right: 0;
        padding: 0 10px 10px;
        background-color: #fff
    }

    .Search--list.active .Search-container .Search-modify {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        padding-left: 32px;
        padding-right: 12px;
        background-color: #fff;
        z-index: 1
    }

    .Search--list.active .Search-container .Search-modify h2 {
        font-size: 16px
    }

    .Search--list.active .Search-container .Search-modify-close-icon {
        font-size: 32px;
        position: absolute;
        left: 0;
        top: calc(50% + 2px);
        transform: translateY(-50%);
        cursor: pointer
    }
}

@media (max-width: 992px) {
    .Search--list.active .Search-modify-backdrop {
        position:fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.55);
        z-index: 2
    }
}

@media (max-width: 992px) {
    .Search--list:not(.active) .Search-close,.Search--list:not(.active) .Search-form,.Search--list:not(.active) .Search-results {
        display:none
    }
}

.Section {
    display: flex;
    flex-direction: column;
    background: #fff
}

.Section-wrapper {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    padding: 0 70px 75px;
    align-items: center
}

@media (max-width: 1440px) {
    .Section-wrapper {
        padding-left:40px;
        padding-right: 40px
    }
}

@media (max-width: 992px) {
    .Section-wrapper {
        padding:0 20px;
        flex-direction: column
    }
}

.Section-wrapper:after,.Section-wrapper:before {
    display: block;
    flex-shrink: 0
}

@media (max-width: 992px) {
    .Section-wrapper:after,.Section-wrapper:before {
        margin:0 auto
    }
}

.Section-content {
    display: block
}

@media (max-width: 992px) {
    .Section-content {
        display:contents
    }
}

.Section-title {
    font-family: Ubuntu,Arial,sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3333333;
    color: #4a4e4f;
    margin: 0;
    padding-top: 21px
}

@media (max-width: 1440px) {
    .Section-title {
        font-size:40px
    }
}

@media (max-width: 992px) {
    .Section-title {
        order:-1;
        font-size: 32px;
        line-height: 1.5;
        padding-top: 0;
        text-align: center
    }
}

.Section-desc {
    margin: 18px 0 32px;
    font-size: 20px;
    line-height: 1.6
}

@media (max-width: 1440px) {
    .Section-desc {
        font-size:18px
    }
}

@media (max-width: 992px) {
    .Section-desc {
        font-size:16px;
        line-height: 1.5;
        margin: 14px 0 16px
    }
}

.Section-list {
    font-size: 20px;
    line-height: 1.6;
    padding: 0;
    margin: 17px 0 36px;
    list-style-type: none;
    counter-reset: a;
    display: flex;
    flex-direction: column;
    font-weight: 500
}

@media (max-width: 1440px) {
    .Section-list {
        font-size:18px
    }
}

@media (max-width: 992px) {
    .Section-list {
        font-size:16px;
        margin: 0 0 21px;
        line-height: 1.5
    }
}

.Section-item {
    display: flex;
    align-items: center;
    margin-bottom: -5px;
    counter-increment: a;
    line-height: 1.4;
    margin-bottom: 10px
}

@media (max-width: 1440px) {
    .Section-item {
        align-items:center
    }
}

@media (max-width: 992px) {
    .Section-item {
        align-items:center
    }
}

.Section-item:before {
    content: counter(a);
    font-family: Ubuntu,Arial,sans-serif;
    font-weight: 700;
    font-size: 36px;
    display: inline-block;
    width: 45px;
    position: relative;
    top: 0;
    flex-shrink: 0
}

@media (max-width: 1440px) {
    .Section-item:before {
        top:0
    }
}

@media (max-width: 992px) {
    .Section-item:before {
        width:45px;
        top: 0
    }
}

@media (max-width: 992px) {
    .Section-button {
        -ms-grid-row-align:center;
        align-self: center;
        text-align: center
    }
}

.Section-link {
    color: #4a4e4f;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 16px;
    display: inline-block
}

@media (max-width: 992px) {
    .Section-link {
        margin-top:-2px;
        font-size: 14px;
        text-align: center
    }
}

.Section-link,.Section-link:link,.Section-link:visited {
    text-decoration: underline
}

.Section-link:hover,.Section-link:link:hover,.Section-link:visited:hover {
    text-decoration: none
}

.Section-qrcode {
    margin-top: 24px
}

@media (max-width: 992px) {
    .Section-qrcode {
        display:none
    }
}

.Section-legend {
    margin: 0;
    font-size: 14px;
    line-height: 2.2;
    margin-top: 8px;
    margin-bottom: 52px
}

@media (max-width: 992px) {
    .Section-legend {
        display:none
    }
}

.Section-badge {
    display: inline-flex;
    margin-right: 13px;
    height: 60px;
    transition: background-color .11s,transform .11s ease-out
}

.Section-badge+.Section-badge {
    margin-right: 0
}

@media (max-width: 1440px) {
    .Section-badge {
        height:50px
    }
}

@media (max-width: 992px) {
    .Section-badge {
        height:45px;
        margin-top: 4px
    }
}

.Section-badge img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 100%;
    display: block
}

.Section-badge:active {
    transform: scale(.98)
}

@media (max-width: 992px) {
    .Section--video {
        padding-top:82px
    }
}

.Section--video .Section-wrapper:before {
    content: "";
    width: 640px;
    background: url(../../assets/images/computer.png),url(../../assets/images/section-video.svg);
    aspect-ratio: 640/590;
    background-repeat: no-repeat,no-repeat;
    background-size: auto 80%,auto;
    background-position: left 50% top 0,left 0 top 0;
    -ms-grid-row-align: center;
    align-self: center
}

@media (max-width: 1440px) {
    .Section--video .Section-wrapper:before {
        max-width:50%;
        margin-right: 30px
    }
}

@media (max-width: 992px) {
    .Section--video .Section-wrapper:before {
        max-width:none;
        margin: 0 auto;
        width: 320px;
        height: 381px;
        background-size: auto 280px,auto;
        background-position: left 50% top 34px,50%
    }
}

.Section--video .Section-content {
    margin-left: 40px
}

@media (max-width: 992px) {
    .Section--video .Section-content {
        margin-left:0
    }
}

.Section--data {
    padding-top: 60px
}

@media (max-width: 992px) {
    .Section--data {
        padding-top:82px
    }
}

.Section--data .Section-wrapper:after {
    content: "";
    width: 690px;
    height: 530px;
    background: url(../../assets/images/data.png) no-repeat 50% 50%,url(../../assets/images/section-data.svg) no-repeat 50% 50%;
    aspect-ratio: 690/530;
    -ms-grid-row-align: center;
    align-self: center;
    background-size: 76% auto,contain;
    background-position: top 50% left 36%,50%
}

@media (max-width: 1440px) {
    .Section--data .Section-wrapper:after {
        max-width:50%;
        background-size: 80% auto,contain
    }
}

@media (max-width: 992px) {
    .Section--data .Section-wrapper:after {
        max-width:none;
        order: -1;
        width: 320px;
        height: 295px;
        background-size: 82%,contain;
        background-position: top 50% left 20px,50%
    }
}

.Section--data .Section-content {
    margin-left: 50px;
    margin-right: 50px
}

@media (max-width: 992px) {
    .Section--weekend-availability {
        padding-top:82px
    }
}

.Section--weekend-availability .Section-wrapper:after {
    content: "";
    width: 690px;
    height: 530px;
    background: url(../../assets/images/section-weekend-availability.svg) no-repeat 50% 50%;
    aspect-ratio: 690/530;
    -ms-grid-row-align: center;
    align-self: center;
    background-size: 76% auto,contain;
    background-position: top 50% left 36%,50%
}

@media (max-width: 1440px) {
    .Section--weekend-availability .Section-wrapper:after {
        max-width:50%;
        background-size: 80% auto,contain
    }
}

@media (max-width: 992px) {
    .Section--weekend-availability .Section-wrapper:after {
        max-width:none;
        order: -1;
        width: 320px;
        height: 295px;
        background-size: 82%,contain;
        background-position: top 50% left 20px,50%
    }
}

.Section--weekend-availability .Section-content {
    margin-left: 50px;
    margin-right: 50px
}

@media (max-width: 992px) {
    .Section--app {
        padding-top:82px
    }
}

.Section--app .Section-wrapper:before {
    content: "";
    width: 630px;
    aspect-ratio: 1/1;
    -ms-grid-row-align: center;
    align-self: center;
    background-repeat: no-repeat,no-repeat;
    background-position: 50% 0,50% 50%;
    background-size: contain
}

@media (max-width: 1440px) {
    .Section--app .Section-wrapper:before {
        max-width:46%
    }
}

@media (max-width: 992px) {
    .Section--app .Section-wrapper:before {
        max-width:none;
        width: 320px;
        height: 330px;
        background-size: auto 100%,270px auto;
        margin-bottom: 12px;
        margin-top: 12px
    }
}

.Section--app .Section-title {
    padding-top: 0
}

.Section--app .Section-content {
    margin-left: 133px;
    margin-right: 10px
}

@media (max-width: 1440px) {
    .Section--app .Section-content {
        margin-left:50px
    }
}

@media (max-width: 992px) {
    .Section--app .Section-content {
        text-align:center
    }
}

.Section--app.Section--app-de .Section-wrapper:before {
    background-image: url(../../assets/images/phone-de.png),url(../../assets/images/section-app.svg)
}

.Section--app.Section--app-fr .Section-wrapper:before {
    background-image: url(../../assets/images/phone-fr.png),url(../../assets/images/section-app.svg)
}

.Section--app.Section--app-it .Section-wrapper:before {
    background-image: url(../../assets/images/phone-it.png),url(../../assets/images/section-app.svg)
}

.Section--app.Section--app-en .Section-wrapper:before {
    background-image: url(../../assets/images/phone-en.png),url(../../assets/images/section-app.svg)
}

.person {
    display: flex
}

.person__image {
    flex-shrink: 0;
    width: 80px;
    margin-right: 20px
}

.person__image img {
    width: 100%;
    display: block;
    border-radius: 50%
}

@media (min-width: 992px) {
    .person__image {
        width:100px
    }
}

.person__image-caption {
    display: block;
    color: #882879;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.person__info {
    position: relative;
    width: 100%
}

.person__info>:last-child {
    margin-bottom: 0
}

.person__name {
    font-size: 100%;
    font-weight: 500;
    display: block;
    color: #4a4e4f;
    line-height: 1.2;
    margin-bottom: 3px
}

.person__name a {
    color: inherit
}

.person__button {
    margin-top: auto
}

.person__specialty,.person__text {
    color: #4a4e4f;
    font-size: 88.9%;
    font-weight: 500;
    margin-bottom: 13px
}

.person__rating {
    margin-bottom: 12px
}

.person_large .person__image {
    width: 100px;
    margin-right: 20px
}

.person_large .person__image img {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50%
}

@media (min-width: 992px) {
    .person_large .person__image {
        width:140px
    }

    .person_large .person__image img {
        width: 130px;
        height: 130px
    }
}

.person_large .person__name {
    font-size: 20px
}

.person_large .person__specialty {
    font-size: 16px
}

.person_large .person__languages {
    position: relative;
    bottom: 0;
    color: #4a4e4f;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px
}

@media (min-width: 992px) {
    .person_large .person__languages {
        position:absolute;
        margin-top: 0
    }
}

.od-book-modal-info,.od-book-modal-warning {
    font-size: 14px;
    justify-content: flex-start;
    align-items: center
}

.od .od-book-modal-info a color $odv-theme-primary,.od .od-book-modal-warning a color $odv-theme-primary {
    color: inherit
}

.od-book-modal-description-title {
    display: none;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: rgba(0,0,0,.87)
}

.od-book-modal-description.od-book-modal-description-with-title {
    margin-top: 20px
}

.od-book-modal-description.od-book-modal-description-with-title .od-book-modal-description-title {
    display: block
}

.radio-group {
    display: flex;
    justify-content: space-between;
    width: auto
}

.radio-group.error {
    border: 1px solid #c00;
    background: rgba(204,0,0,.03)
}

.radio-group__item {
    flex: 1 1 auto;
    width: 100%;
    display: block;
    height: 100%
}

.radio-group__item:not(:first-child) {
    border-left: 1px solid #c2c2c2
}

.radio-group__item input {
    display: none
}

.radio-group__item input+label {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 10px;
    line-height: 20px;
    background-color: #e0e0e0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.radio-group__item input:checked+label {
    color: #fff;
    background-color: #882879
}

.radio-set {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-bottom: 10px
}

.radio-set__item {
    flex: 0 1 auto;
    margin-left: 25px
}

.radio-set__item input {
    display: none
}

.radio-set__item input+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    color: #882879;
    white-space: pre-wrap;
    padding: 10px 0 10px 30px;
    font-weight: 500
}

@media (min-width: 992px) {
    .radio-set__item input+label {
        font-size:18px
    }
}

.radio-set__item input+label:before {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: "";
    width: 21px;
    height: 21px;
    border: 2px solid #882879;
    border-radius: 50%;
    z-index: 1
}

.radio-set__item input:checked+label:after {
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
    border-radius: 50%;
    background-color: #882879
}

.stars {
    height: 23px;
    width: 100%;
    display: flex
}

.stars svg {
    fill: #0067B5;
    display: block;
    width: 24px;
    height: 23px
}

.stars svg:not(:last-child) {
    margin-right: 8px
}

.stars_1 svg:nth-child(n+2),.stars_2 svg:nth-child(n+3),.stars_3 svg:nth-child(n+4),.stars_4 svg:nth-child(n+5) {
    fill: #e0e0e0
}

.od-reset-password {
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: .0178571429em;
    min-height: 240px;
    max-width: 640px;
    margin: 0 auto;
    padding: 15px 0
}

@media (min-width: 992px) {
    .od-reset-password {
        max-width:800px
    }
}

.od-reset-password .cw-verify input {
    text-transform: uppercase
}

.od-reset-password .loading-spinner {
    display: none
}

.od-reset-password.od-reset-password--loading {
    height: 240px
}

@media (min-width: 992px) {
    .od-reset-password.od-reset-password--loading {
        height:400px
    }
}

.od-reset-password.od-reset-password--loading .od-reset-email-content,.od-reset-password.od-reset-password--loading .od-reset-password-content {
    display: none
}

.od-reset-password.od-reset-password--loading .loading-spinner {
    display: flex
}

.search-box {
    display: block;
    height: 50px;
    width: 100%
}

.search-box>* {
    display: block;
    float: left;
    width: calc(50% - 100px);
    height: 50px;
    padding: 15px;
    text-align: left
}

.search-box .custom-select {
    padding: 0
}

.search-box__dropdown {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px
}

@media (max-width: 991px) {
    .search-box__dropdown {
        border-bottom:1px solid silver
    }
}

.search-box__dropdown .dropdown__current {
    color: #bcbdbe;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px;
    text-align: left;
    position: relative
}

.search-box__dropdown .dropdown__current:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: "";
    border: 7px solid transparent;
    display: inline-block;
    border-bottom: none;
    border-top-width: 8px;
    border-top-color: #202425
}

.search-box__input {
    color: #4a4e4f;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-left: 1px solid silver
}

.search-box__input::placeholder {
    color: #a1a7a8;
    opacity: 1
}

.search-box__submit {
    flex: 0 0 auto;
    text-align: center;
    background-color: #fdb130;
    border-color: #fdb130;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    width: 200px
}

.search-box__submit:hover {
    background-color: $orange-hover
}

.search-filters .dropdown__current,.search-filters input[type=text] {
    height: 40px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px;
    color: #4a4e4f;
    border: 1px solid #e0e0e0;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 400
}

.search-filters .dropdown__current::placeholder,.search-filters input[type=text]::placeholder {
    color: #a1a7a8
}

.search-filters {
    display: none
}

@media (min-width: 992px) {
    .search-filters {
        display:block;
        padding-top: 20px;
        background-color: #f4f4f4
    }
}

.search-filters__row {
    height: auto;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    white-space: nowrap
}

.search-filters__row:not(:last-child) {
    margin-bottom: 20px;
    justify-content: space-between
}

.search-filters__row.search__second {
    height: 70px
}

.search-filters__group {
    display: flex;
    justify-content: space-between
}

.search-filters__group,.search-filters__group>* {
    flex: 1 1 auto;
    width: 100%
}

.search-filters__group_name {
    max-width: 190px
}

.search-filters__group_gender {
    max-width: 300px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #4a4e4f;
    width: auto
}

.search-filters__group_date {
    width: 200px;
    flex: 0 1 auto;
    align-items: center
}

.search-filters__group_subject {
    width: auto
}

.search-filters__group_language,.search-filters__group_profession {
    width: auto;
    margin: 0 10px
}

.search-filters__group_date-carousel {
    flex: 0 0 auto;
    width: 375px;
    height: 48px;
    margin-right: 15px;
    margin-left: auto
}

@media (max-width: 1298px) {
    .search-filters__group_date-carousel {
        width:300px
    }
}

.search-filters .dropdown__current {
    padding-right: 30px;
    position: relative
}

.search-filters .radio-group {
    max-width: 100%
}

.sidebar-map {
    position: relative;
    width: 100%;
    background-color: #fafafa;
    height: 200px
}

@media (min-width: 768px) {
    .sidebar-map {
        height:300px
    }
}

@media (min-width: 992px) {
    .sidebar-map {
        height:600px
    }
}

.map-wrapper {
    display: none
}

.back-flip__map .search-by-moving-map,.map-wrapper .search-by-moving-map {
    position: absolute;
    bottom: 25px;
    left: 25px;
    text-align: center;
    width: 240px;
    padding: 10px 0;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.298);
    border-radius: 2px;
    cursor: pointer
}

.back-flip__map .search-by-moving-map input,.map-wrapper .search-by-moving-map input {
    bottom: 1px;
    left: -5px;
    position: relative
}

.back-flip__map .spinner-loader,.map-wrapper .spinner-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: hsla(0,0%,100%,.3);
    left: 0;
    top: 0
}

.back-flip__map .spinner-loader i,.map-wrapper .spinner-loader i {
    position: relative;
    margin: auto calc(50% - 30px);
    display: block;
    color: hsla(0,0%,100%,.5);
    top: 40%
}

@media (min-width: 992px) {
    .back-flip__map,.map-wrapper {
        display:block;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

.fixed-map {
    margin-left: 20px
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    animation: e 2.4s infinite linear both;
    transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
    transform: scale(1.1) rotate(90deg)
}

.sk-folding-cube .sk-cube3 {
    transform: scale(1.1) rotate(180deg)
}

.sk-folding-cube .sk-cube4 {
    transform: scale(1.1) rotate(270deg)
}

.sk-folding-cube .sk-cube2:before {
    animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
    animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
    animation-delay: .9s
}

@keyframes e {
    0%,10% {
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }

    90%,to {
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.content-preloader {
    visibility: hidden;
    position: absolute;
    right: 0;
    height: 100%;
    background-color: hsla(0,0%,100%,.6);
    top: 0;
    left: 0;
    z-index: 1000
}

.sk-folding-cube {
    position: absolute;
    left: calc(50% - 50px);
    margin: 0;
    top: 50px;
    display: block;
    color: #882879!important;
    width: 100px;
    height: 100px;
    transform: rotate(45deg)
}

.sk-folding-cube .sk-cube:before {
    background-color: #882879!important
}

.slick-loading .slick-list {
    background: #fff url(/assets/images/slick/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    src: font-url("slick.eot");
    src: font-url("slick.eot?#iefix") format("embedded-opentype"),font-url("slick.woff") format("woff"),font-url("slick.ttf") format("truetype"),font-url("slick.svg#slick") format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
    background-color: #fff;
    opacity: .3
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active {
    opacity: 1
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.selectize-control {
    padding: 0
}

.selectize-control,.selectize-control .selectize-input {
    width: 100%;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.selectize-control .selectize-input {
    height: 100%
}

.selectize-control .selectize-input:after {
    margin-top: -2px!important;
    margin-right: -5px
}

.selectize-control .selectize-input .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.selectize-control .selectize-input .item,.selectize-control .selectize-input input {
    padding-right: 20px!important;
    height: 100%;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.selectize-control .selectize-input input {
    width: 100%!important
}

.selectize-dropdown {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    z-index: 1030
}

@media (min-width: 992px) {
    .selectize-dropdown .selectize-dropdown-content {
        max-height:340px
    }
}

.selectize-dropdown .optgroup:not(:first-child) .separator {
    width: 100%;
    height: 10px;
    background-color: transparent
}

.selectize-dropdown .result {
    display: flex;
    padding: 5px;
    justify-content: flex-start;
    align-items: center;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: 50px
}

.selectize-dropdown .result.active,.selectize-dropdown .result:hover {
    color: $wt;
    background-color: #882879
}

.selectize-dropdown .result .text {
    flex: 0 0 auto;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.selectize-dropdown .result .text .highlight {
    background: none;
    border: none;
    text-decoration: underline
}

.selectize-dropdown .result .text .title {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    display: block
}

.selectize-dropdown .result .text .description {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    display: block;
    font-size: 12px
}

.selectize-dropdown .result .text .description .highlight {
    text-decoration: none
}

.selectize-dropdown .result .image {
    flex: 0 0 40px;
    display: inline-block;
    margin-right: 7px
}

.selectize-dropdown .result .image img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.selectize-dropdown .result.profession {
    padding-left: 10px
}

@media (max-width: 991px) {
    .selectize-dropdown .result.profession {
        height:40px
    }
}

@media (min-width: 992px) {
    .selectize-dropdown .result.profession {
        height:30px
    }
}

.selectize-dropdown .result.profession .image {
    flex: 0 0 10px
}

.selectize-dropdown .result.entity .image img {
    background-color: #e0e0e0
}

.od-appointments {
    min-height: 240px;
    max-width: 640px;
    margin: 0 auto;
    padding: 12px
}

.od-appointments .loading-spinner {
    display: none
}

@media (min-width: 992px) {
    .od-appointments {
        min-height:480px;
        max-width: 1024px
    }
}

.od-appointments.od-appointments--empty,.od-appointments.od-appointments--error,.od-appointments.od-appointments--loading {
    height: 240px
}

@media (min-width: 992px) {
    .od-appointments.od-appointments--empty,.od-appointments.od-appointments--error,.od-appointments.od-appointments--loading {
        height:480px
    }
}

.od-appointments.od-appointments--loading .loading-spinner {
    display: flex
}

.od-appointments.od-appointments--empty .od-appointments-empty,.od-appointments.od-appointments--error .od-appointments-error {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.od-appointments-wrapper {
    display: none
}

@media (min-width: 992px) {
    .od-appointments-container {
        display:flex
    }
}

.od-appointments-empty,.od-appointments-error {
    display: none;
    height: 100%;
    padding: 24px 12px
}

.od-appointments-empty a,.od-appointments-empty a:active,.od-appointments-empty a:hover,.od-appointments-error a,.od-appointments-error a:active,.od-appointments-error a:hover {
    text-decoration: none
}

.od-appointments-empty i,.od-appointments-error i {
    font-size: 36px;
    display: block
}

.od-appointments-empty-text,.od-appointments-error-text {
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 32px
}

@media (min-width: 480px) {
    .od-appointments-empty i,.od-appointments-error i {
        font-size:48px
    }

    .od-appointments-empty .od-appointments-empty-text,.od-appointments-error .od-appointments-empty-text {
        font-size: 18px;
        font-weight: 500
    }
}

@media (min-width: 992px) {
    .od-appointments-list {
        flex:0 0 320px;
        padding-right: 24px
    }
}

.od-appointments-details {
    display: none;
    margin-top: 35px;
    padding-left: 24px;
    border-left: 1px solid var(--od-theme-border,#e0e0e0);
    flex: 1 1 auto
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .od-appointments-details {
        margin-top: -67px
    }
}

@media (min-width: 992px) {
    .od-appointments-details {
        display:block
    }

    .od-appointments-details .od-appointment {
        position: sticky;
        top: 121px
    }

    .od-appointments-details .od-appointment-header-status {
        display: block
    }
}

.od-appointments-section {
    margin-bottom: 36px
}

.od-appointments-section-title {
    display: flex;
    font-size: 16px;
    height: 50px;
    align-items: center;
    background-color: #fafafa;
    margin-bottom: 4px
}

@media (min-width: 992px) {
    .od-appointments-section-title {
        padding-left:6px;
        margin-left: -6px;
        margin-right: -20px;
        position: sticky;
        top: 55px;
        z-index: 1
    }
}

.od-appointments-section-footer {
    text-align: center
}

.od-appointments-section-footer .mdc-button {
    font-size: 12px
}

.od-appointment {
    position: relative;
    font-size: 14px;
    background-color: var(--od-theme-surface,#fff);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
    margin-bottom: 12px;
    border-radius: 4px
}

.od-appointment:not(.od-appointment--details) {
    transition: all .15s ease-in-out
}

@media (min-width: 992px) {
    .od-appointment:not(.od-appointment--details) {
        cursor:pointer
    }

    .od-appointment:not(.od-appointment--details).active .od-appointment-header,.od-appointment:not(.od-appointment--details):hover .od-appointment-header {
        background-color: var(--od-theme-primary,#0067B5)
    }

    .od-appointment:not(.od-appointment--details):hover {
        box-shadow: 4px 4px 12px 0 rgba(0,0,0,.15)
    }

    .od-appointment:not(.od-appointment--details).active {
        box-shadow: 4px 4px 12px 0 rgba(0,0,0,.25)
    }

    .od-appointment:not(.od-appointment--details).active:after {
        transition: all .15s ease-in-out;
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid var(--od-theme-primary,#0067B5);
        top: 8px;
        right: -9px
    }

    .od-appointment:not(.od-appointment--details).active:before {
        transition: all .15s ease-in-out;
        content: "";
        position: absolute;
        transform: rotate(45deg);
        width: 10px;
        height: 10px;
        top: 13px;
        right: -6px;
        z-index: -1;
        box-shadow: 0 0 6px 0 rgba(0,0,0,.2)
    }
}

@media (min-width: 992px) {
    .od-appointment:not(.od-appointment--details) .od-appointment-info-container {
        display:none
    }
}

.od-appointment.od-appointment--cancelled .od-appointment-header {
    background-color: #c00
}

.od-appointment.od-appointment--cancelled .od-appointment-header-status span {
    color: #c00
}

.od-appointment-header {
    display: flex;
    padding: 8px;
    background-color: #0067B5;
    color: var(--od-theme-on-primary,#fff);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: all .2s ease-in-out;
    justify-content: space-between;
    align-items: center;
    font-size: 13px
}

.od-appointment-header-date-time {
    display: flex
}

.od-appointment-header-date,.od-appointment-header-time {
    display: flex;
    align-items: center
}

.od-appointment-header-date span:first-letter,.od-appointment-header-time span:first-letter {
    text-transform: uppercase
}

.od-appointment-header-date i,.od-appointment-header-time i {
    position: relative;
    top: -1px;
    font-size: 20px;
    height: auto;
    padding-right: 4px
}

.od-appointment-header-time i {
    margin-left: 16px
}

.od-appointment-header-status {
    display: none;
    text-align: right
}

.od-appointment-header-status span {
    padding: 4px 8px;
    font-size: 12px;
    letter-spacing: .75px;
    text-transform: uppercase;
    font-weight: 500;
    color: #0067B5;
    background-color: var(--od-theme-surface,#fff);
    border-radius: 2px
}

.od-appointment-resource {
    display: flex;
    padding: 8px
}

.od-appointment-resource-picture {
    flex: 0 0 48px;
    margin-right: 12px
}

.od-appointment-resource-picture img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.od-appointment-resource-description {
    padding: 4px 0
}

.od-appointment-resource-description-name {
    font-weight: 500
}

.od-appointment-resource-description-specialty {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 500
}

.od-appointment-resource-description-specialty:first-letter {
    text-transform: uppercase
}

.od-appointment-info-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    color: var(--od-theme-primary,#0067B5);
    padding: 0 8px 4px
}

.od-appointment-info-toggle span {
    text-decoration: underline
}

.od-appointment-info {
    display: none;
    padding: 4px 12px
}

.od-appointment-info h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.od-appointment-info-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    margin-top: -8px;
    margin-left: -8px
}

.od-appointment-info-section>* {
    padding-top: 8px;
    padding-left: 8px
}

.od-appointment-info-section>:not(.od-appointment-info-action) {
    flex: 1 1 50%
}

.od-appointment-info-section>.od-appointment-info-action {
    flex: 1 1 auto
}

.od-appointment-info-action {
    text-align: center
}

.od-appointment-info-action .mdc-menu-surface--anchor {
    display: inline-block
}

.od-appointment-info-action .mdc-list {
    font-size: 14px;
    padding: 4px 0
}

.od-appointment-info-action .mdc-list-item {
    height: 36px;
    padding: 0 12px
}

.od-appointment-info-action .mdc-list-item__graphic {
    font-size: 18px;
    margin-right: 8px
}

.od-appointment-info-action .mdc-button {
    font-size: 12px
}

@media (max-width: 639px) {
    .od-appointment-info-action .mdc-button,.od-appointment-info-action .mdc-menu-surface--anchor {
        width:100%
    }
}

.od-appointment-info-cancel .mdc-button--raised:not(:disabled),.od-appointment-info-cancel .mdc-button--unelevated:not(:disabled) {
    background-color: #c00
}

.od-appointment .cw-confirmation .cw-confirmation-practical-info,.od-appointment .cw-confirmation .cw-confirmation-summary {
    width: auto;
    margin: 0
}

.od-appointment .cw-confirmation .cw-confirmation-practical-info-item,.od-appointment .cw-confirmation .cw-confirmation-summary-item {
    padding: 6px 0;
    font-size: 12px;
    font-weight: 500
}

.od-appointment .cw-confirmation .cw-confirmation-practical-info-item a,.od-appointment .cw-confirmation .cw-confirmation-summary-item a {
    color: var(--od-theme-primary,#0067B5);
    text-decoration: underline;
    font-weight: 500
}

.od-appointment .cw-confirmation .cw-confirmation-practical-info-item span:first-letter,.od-appointment .cw-confirmation .cw-confirmation-summary-item span:first-letter {
    text-transform: uppercase
}

.od-appointment .cw-confirmation .cw-confirmation-practical-info-item i.material-icons,.od-appointment .cw-confirmation .cw-confirmation-summary-item i.material-icons {
    font-size: 20px
}

.clinic-header-slider {
    position: relative;
    display: block;
    height: 237px
}

.clinic-header-slider .image-gallery__item {
    background-size: 100%
}

.clinic-header-slider__synced-background-slider {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: transparent
}

.clinic-header-slider__synced-background-slider .clinic-address-info {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    color: #fff;
    line-height: 21px;
    text-shadow: 0 0 6px #000
}

@media (max-width: 991px) {
    .clinic-header-slider__synced-background-slider .clinic-address-info {
        line-height:1em;
        bottom: 40px
    }
}

.clinic-header-slider__synced-background-slider .clinic-address-info__name {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 15px
}

@media (max-width: 991px) {
    .clinic-header-slider__synced-background-slider .clinic-address-info__name {
        font-size:20px
    }
}

.clinic-header-slider__synced-background-slider .clinic-address-info__address {
    font-size: 16px
}

@media (max-width: 991px) {
    .clinic-header-slider__synced-background-slider .clinic-address-info__address {
        font-size:13px
    }
}

.clinic-header-slider__synced-background-slider .bg-image-gallery {
    height: 100%!important
}

@media (max-width: 991px) {
    .clinic-header-slider__synced-background-slider .bg-image-gallery {
        display:none
    }
}

.clinic-header-slider__synced-background-slider .bg-image-gallery:focus {
    outline: 0
}

.clinic-header-slider__synced-background-slider .bg-image-gallery .slick-list,.clinic-header-slider__synced-background-slider .bg-image-gallery .slick-list .slick-track {
    height: 100%!important
}

.clinic-header-slider__synced-background-slider .bg-image-gallery .slick-list .slick-track .slick-slide {
    background-size: initial;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    filter: blur(5px);
    transform: scale(1.9);
    background-position: 50%;
    background-position-x: 40%
}

.clinic-header-slider__main-control-slider {
    display: block;
    position: absolute;
    background-color: transparent;
    box-shadow: 0 11px 33px -2px rgba(0,0,0,.75);
    right: 20px;
    top: 20px;
    bottom: 20px;
    width: 350px
}

@media (max-width: 991px) {
    .clinic-header-slider__main-control-slider {
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: none;
        width: 100%
    }
}

.clinic-header-slider__main-control-slider .image-gallery {
    height: 100%!important
}

.clinic-header-slider__main-control-slider .image-gallery:focus {
    outline: 0
}

.clinic-header-slider__main-control-slider .image-gallery .slick-dots {
    bottom: 10px
}

.clinic-header-slider__main-control-slider .image-gallery .slick-dots li {
    width: 10px!important;
    height: 10px!important;
    padding: 0!important
}

.clinic-header-slider__main-control-slider .image-gallery .slick-list,.clinic-header-slider__main-control-slider .image-gallery .slick-list .slick-track {
    height: 100%!important
}

.clinic-header-slider__main-control-slider .image-gallery .slick-list .slick-track .slick-slide {
    background-size: cover
}

.clinic-heading {
    display: flex;
    align-items: stretch;
    height: 220px
}

@media (min-width: 992px) {
    .clinic-heading {
        height:297px
    }
}

.clinic-heading__info {
    width: 31.15%;
    padding: 15px;
    color: #4a4e4f
}

@media (max-width: 991px) {
    .clinic-heading__info {
        display:none
    }
}

.clinic-heading__info__name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px
}

.clinic-heading__info__address {
    font-size: 16px
}

.clinic-heading__gallery {
    width: 100%
}

@media (min-width: 992px) {
    .clinic-heading__gallery {
        width:37.7%
    }
}

.clinic-heading__map {
    width: 31.15%;
    height: 100%;
    background-color: #f0f0fa
}

@media (max-width: 991px) {
    .clinic-heading__map {
        display:none
    }
}

.clinic-gallery {
    position: relative
}

.clinic-gallery .slick-dots {
    bottom: 10px!important
}

.clinic-gallery__item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: #fafafa;
    background-size: cover;
    background-position: 50%
}

.clinic-info-nav {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 992px) {
    .clinic-info-nav {
        display:none
    }
}

.clinic-info__about {
    display: none
}

.clinic-info__about.is-active {
    display: block
}

@media (min-width: 992px) {
    .clinic-info__about {
        display:block
    }
}

.clinic-info__about .wrapper,.clinic-info__about .wrapper .about-column,.clinic-info__about .wrapper .overview-column {
    display: block
}

.clinic-info__about .wrapper .about-column .clinic-about__map,.clinic-info__about .wrapper .overview-column .clinic-about__map {
    display: none
}

@media (min-width: 992px) {
    .clinic-info__about .wrapper {
        display:flex;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .clinic-info__about .wrapper .about-column {
        flex: 1 1 auto
    }

    .clinic-info__about .wrapper .about-column .readmore {
        padding-bottom: 10px
    }

    .clinic-info__about .wrapper .overview-column {
        flex: 0 0 350px;
        margin-left: 40px
    }

    .clinic-info__about .wrapper .overview-column .clinic-about__map {
        display: block
    }

    .clinic-info__about .wrapper .overview-column .clinic-about__map img {
        width: 100%
    }
}

.clinic-info__book {
    display: none
}

.clinic-info__book.is-active {
    display: block
}

@media (min-width: 992px) {
    .clinic-info__book {
        display:block
    }
}

@media (max-width: 991px) {
    .clinic-info__book .wrapper {
        padding:0!important
    }
}

.clinic-about {
    background-color: #fff;
    color: #4a4e4f;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

@media (min-width: 992px) {
    .clinic-about {
        padding:20px 10px
    }
}

.clinic-about__map-info p {
    color: #4a4e4f;
    margin: 10px 0
}

.clinic-about__map-info p .fa {
    margin-right: 7px
}

@media (max-width: 991px) {
    .clinic-about__map-info {
        padding-top:20px
    }
}

.clinic-about__map {
    height: 300px;
    width: 100%
}

.clinic-about__title {
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px
}

.clinic-about__title.title-left {
    display: block
}

.clinic-about__title.title-right {
    display: block;
    position: absolute;
    top: -25px;
    right: 225px
}

.clinic-about__title:not(:first-child) {
    margin-top: 25px;
    margin-bottom: 10px
}

.clinic-about__text a {
    color: #4a4e4f;
    font-weight: 500
}

.clinic-about__text h2 {
    font-family: Avenir;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    margin: 10px 0
}

.clinic-about__text ol,.clinic-about__text p,.clinic-about__text ul {
    margin: 0
}

.clinic-about__text ol,.clinic-about__text ul {
    padding-left: 40px
}

.clinic-about__text ol li,.clinic-about__text ul li {
    padding-left: 10px
}

.clinic-about__text ul {
    list-style-type: disc
}

.clinic-about__text ol {
    list-style-type: decimal
}

.clinic-about__text strong {
    font-weight: 500
}

.clinic-book {
    background-color: transparent;
    padding-top: 0
}

@media (min-width: 991px) {
    .clinic-book {
        padding:20px 0 0
    }
}

.clinic-book .wrapper {
    background-color: #f4f4f4;
    width: inherit;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .clinic-book .wrapper {
        padding-top:20px;
        padding-bottom: 20px
    }
}

@media (min-width: 992px) {
    .clinic-book .wrapper {
        padding-top:30px;
        padding-bottom: 30px
    }
}

.clinic-book__title {
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    max-width: 970px;
    margin: 0 auto
}

.clinic-book__wrapper {
    max-width: 970px;
    position: relative;
    margin: 0 auto
}

.directory {
    margin: 30px 0;
    background-color: var(--od-theme-surface,#fff);
    border-radius: 4px;
    padding: 10px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
    font-size: 14px
}

.directory a:not(.Button) {
    color: #4a4e4f
}

.directory h1 {
    font-family: Ubuntu,Arial,sans-serif;
    text-align: center;
    font-size: 24px;
    margin: 10px 0 20px
}

.directory ul.directory-filters {
    text-align: center;
    margin-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px
}

.directory ul.directory-filters li {
    display: inline-block;
    line-height: 22px
}

.directory ul.pagination {
    text-align: center;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e0e0e0
}

.directory ul.pagination li {
    display: inline-block
}

.directory .od-breadcrumb {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0
}

.directory .directory-content {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap
}

.directory .directory-content-empty {
    width: 100%;
    padding: 18px;
    text-align: center;
    font-style: italic
}

.directory .directory-content .directory-item {
    flex: 0 1 100%;
    padding: 10px;
    line-height: 18px
}

@media (min-width: 414px) and (max-width:767px) {
    .directory .directory-content .directory-item {
        flex:0 1 50%
    }
}

@media (min-width: 768px) {
    .directory .directory-content .directory-item {
        flex:0 1 25%
    }
}

.directory .directory-content .directory-item-text-italic,.directory .directory-content .directory-item-text-normal {
    font-size: 13px
}

.directory .directory-content .directory-item-text-italic {
    font-style: italic
}

.directory .directory-content .directory-item.directory-item--button a {
    text-decoration: none
}

.directory .directory-content .directory-item.directory-item--button .mdc-button {
    height: 36px;
    font-size: 12px;
    line-height: 14px
}

.directory .directory-content .directory-column {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

@media (max-width: 991px) {
    .directory .directory-content .directory-column {
        width:50%
    }
}

.directory .directory-content .directory-column li {
    padding: 5px 10px
}

.directory .directory-content .directory-column li.directory-column-group-title {
    font-weight: 600
}

.directory .directory-content .directory-column li.directory-column-group-item {
    padding-left: 20px
}

.directory .directory-content ul.top-states {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.directory .directory-content ul.top-states>h2 {
    margin-bottom: 12px
}

.directory .directory-content ul.top-states>li {
    padding: 30px
}

.directory .directory-content ul.top-cities {
    list-style: square;
    list-style-position: inside
}

.directory .directory-content ul.top-cities>li {
    margin: 12px 0;
    padding: 0
}

.directory .directory-content ul.top-cities>li>a {
    position: relative;
    left: -6px
}

.doctor-profile__wrapper {
    padding: 0 10px
}

@media (min-width: 992px) {
    .doctor-profile__wrapper {
        padding:0 20px
    }
}

.doctor-profile__header {
    padding: 10px 0
}

.doctor-profile__header .person__name {
    font-size: 22px
}

.doctor-profile__header .person__specialty {
    font-size: 16px
}

@media (min-width: 992px) {
    .doctor-profile__header .person__name {
        font-size:32px
    }

    .doctor-profile__header .person__specialty {
        font-size: 20px
    }
}

.doctor-profile__map {
    display: none
}

@media (min-width: 992px) {
    .doctor-profile__map {
        margin-bottom:15px;
        display: block;
        text-align: center
    }

    .doctor-profile__map,.doctor-profile__map img {
        width: 100%;
        height: 170px
    }
}

.doctor-profile__dates {
    padding: 10px
}

@media (min-width: 992px) {
    .doctor-profile__dates {
        display:none
    }
}

.doctor-profile__choose-day {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0
}

.doctor-profile__choose-day>* {
    max-width: 100%
}

.doctor-profile__location {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgba(67,95,113,.15);
    padding: 10px 0;
    background-color: $wt
}

.doctor-profile__location:not(:last-child) {
    margin-bottom: 20px
}

.doctor-profile__address {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 10px
}

.doctor-profile__address a {
    color: $orange-hover
}

.doctor-profile__choose-time {
    padding-bottom: 10px
}

.doctor-profile__info-nav {
    background-color: $wt
}

@media (min-width: 992px) {
    .doctor-profile__info-nav {
        display:none
    }
}

.doctor-profile__info {
    padding: 15px 0
}

.doctor-profile__info-section #about-title,.doctor-profile__info-section #reviews-title {
    display: none
}

@media (min-width: 992px) {
    .doctor-profile__info-section #about-title,.doctor-profile__info-section #reviews-title {
        display:block
    }
}

.doctor-profile__info-section_about {
    margin-bottom: 15px
}

.doctor-profile__info-section_about .doctor-info__text {
    max-height: 300px;
    overflow-y: hidden
}

.doctor-profile__info-section_about .readmore {
    padding-top: 0
}

.doctor-profile__info-section_about .doctor-info .right-column {
    margin-top: 20px
}

@media (min-width: 992px) {
    .doctor-profile__info-section_about .doctor-info {
        display:flex
    }

    .doctor-profile__info-section_about .doctor-info .left-column {
        flex: 1 0 70%;
        padding-right: 20px
    }

    .doctor-profile__info-section_about .doctor-info .right-column {
        flex: 1 0 30%;
        margin-top: 0
    }
}

.doctor-profile__info-section_feedbacks {
    margin-bottom: 15px
}

@media (max-width: 991px) {
    .doctor-info.is-active+.doctor-info.is-active,.doctor-info:not(.is-active) {
        display:none
    }
}

@media (max-width: 991px) {
    .doctor-info__subtitle {
        margin-bottom:15px
    }

    .doctor-info__subtitle+.doctor-info__text {
        margin-bottom: 25px
    }
}

.doctor-info__text {
    color: #4a4e4f;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px
}

.doctor-info__text:not(:first-child) {
    margin-top: 5px
}

.doctor-info__text:not(:last-child) {
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .doctor-info__text {
        font-size:16px
    }
}

.doctor-info__text a {
    color: $orange-hover
}

.doctor-info__text h2 {
    font-family: Avenir;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    margin: 10px 0
}

.doctor-info__text ol,.doctor-info__text p,.doctor-info__text ul {
    margin: 0
}

.doctor-info__text ol,.doctor-info__text ul {
    padding-left: 40px
}

.doctor-info__text ol li,.doctor-info__text ul li {
    padding-left: 10px
}

.doctor-info__text ul {
    list-style-type: disc
}

.doctor-info__text ol {
    list-style-type: decimal
}

.doctor-info__text strong {
    font-weight: 500
}

.doctor-feedbacks__item {
    padding-bottom: 20px;
    padding-left: 145px;
    max-width: 650px
}

.doctor-feedbacks__item:after,.doctor-feedbacks__item:before {
    display: table;
    content: " "
}

.doctor-feedbacks__item:after {
    clear: both
}

.doctor-feedbacks__item:not(:last-child) {
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0
}

.doctor-feedbacks__person {
    width: 165px;
    float: left;
    margin-left: -165px;
    padding: 5px 15px 5px 5px;
    text-align: center
}

.doctor-feedbacks__image {
    display: block;
    margin: 0 auto 4px;
    width: 63px;
    height: 63px;
    border-radius: 50%
}

.doctor-feedbacks__name {
    display: block;
    line-height: 25px;
    color: #4a4e4f;
    font-size: 16px;
    font-weight: 500
}

.doctor-feedbacks__text {
    color: #4a4e4f;
    font-size: 16px;
    line-height: 25px;
    vertical-align: middle
}

.doctor-feedbacks__text p {
    margin: 5px 0
}

.doctor-feedbacks__date {
    display: block;
    padding-left: 10px;
    color: #4a4e4f;
    font-size: 14px
}

.doctor-sidebar {
    padding: 35px 20px
}

.doctor-sidebar>:not(:last-child) {
    margin-bottom: 20px
}

.doctor-sidebar__title {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px
}

.doctor-sidebar__choose-subject {
    margin-bottom: 25px
}

.doctor-sidebar__choose-subject .dropdown {
    width: 100%
}

.doctor-sidebar__choose-subject .dropdown__current {
    color: #4a4e4f;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #e0e0e0
}

.doctor-sidebar__choose-dates .choose-date__datepicker {
    width: 100%
}

.doctor-sidebar__choose-address {
    max-width: 370px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 27px
}

.doctor-sidebar__locations:not(:first-child) {
    margin: 50px 0
}

.doctor-sidebar__one-location:hover .daily-hours__item:not(.daily-hours__item_blank) {
    color: #fff;
    background-color: #fdb130
}

.doctor-sidebar__one-location .dropdown {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px
}

.doctor-sidebar__one-location:not(:last-child) {
    padding-bottom: 25px;
    border-bottom: 1px solid silver;
    margin-bottom: 30px
}

.doctor-sidebar__address {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    max-width: 370px;
    margin: 10px auto;
    text-align: center
}

.doctor-sidebar__address a {
    color: $orange-hover
}

.doctor-sidebar__choose-day {
    padding-bottom: 6px;
    margin-bottom: 10px
}

.doctor-sidebar__choose-day>* {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 0 5px
}

.doctor-sidebar__choose-day .days-carousel__dates {
    max-width: 300px
}

.doctor-sidebar__choose-time {
    width: 100%;
    margin-bottom: 17px
}

.doctor-sidebar__choose-time .daily-hours {
    justify-content: center
}

.doctor-sidebar__choose-time>* {
    margin: 0 auto
}

.readmore {
    color: $orange-hover;
    cursor: pointer;
    font-weight: lighter
}

.readmore .fa {
    margin-right: 7px
}

.error-page-content {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px 10px
}

.error-page-content .error-page-container {
    max-width: 800px;
    text-align: center
}

.error-page-content .error-page-container-code {
    max-height: 300px
}

.error-page-content .error-page-container-message {
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 1.5rem;
    margin-top: 20px
}

.error-page-content .error-page-container-description {
    font-size: 1rem;
    margin-top: 20px
}

.error-page-content .error-page-container-button {
    margin-top: 30px
}

.funnel {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 10px;
    overflow: hidden
}

@media (min-width: 992px) {
    .funnel {
        padding:30px 10px 100px
    }
}

.funnel_appointment .form:not(:last-child) {
    margin-bottom: 35px
}

.funnel__title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 15px
}

.funnel__title_primary {
    color: #0067B5;
    text-align: center;
    margin-bottom: 22px
}

.funnel__heading {
    margin-bottom: 27px
}

@media (min-width: 992px) {
    .funnel__heading {
        margin-bottom:70px
    }
}

.funnel-steps {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.funnel-steps__item {
    height: 65px;
    padding-bottom: 6px;
    display: flex;
    justify-content: flex-start;
    color: silver;
    position: relative
}

@media (max-width: 991px) {
    .funnel-steps__item:not(.is-active) {
        flex:1 1 auto;
        width: auto;
        padding-left: 10px;
        padding-right: 10px
    }

    .funnel-steps__item.is-active {
        flex: 1 1 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .funnel-steps__item {
        flex:1 1 auto;
        width: 100%
    }

    .funnel-steps__item:not(:first-child):not(:last-child) {
        padding-left: 18px;
        padding-right: 18px
    }
}

.funnel-steps__item:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor
}

.funnel-steps__item.is-active,.funnel-steps__item.is-checked {
    color: #0067B5
}

@media (max-width: 991px) {
    .funnel-steps__item.is-active,.funnel-steps__item.is-checked {
        padding-left:7px;
        padding-right: 7px
    }
}

.funnel-steps__item.is-active:after,.funnel-steps__item.is-checked:after {
    height: 4px
}

.funnel-steps__number {
    flex: 0 0 auto;
    width: 35px;
    text-align: center;
    height: 60px;
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
    margin-right: 10px
}

@media (min-width: 992px) {
    .funnel-steps__number {
        margin-right:18px
    }
}

@media (max-width: 991px) {
    .funnel-steps__item.is-checked .funnel-steps__number,.funnel-steps__item:not(.is-active) .funnel-steps__number {
        margin-right:0
    }
}

.funnel-steps__text {
    flex: 1 1 auto;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 60px
}

.funnel-steps__text>* {
    display: inline-block;
    vertical-align: middle;
    line-height: 27px
}

@media (max-width: 991px) {
    .funnel-steps__item:not(.is-active) .funnel-steps__text {
        display:none
    }
}

@media (min-width: 992px) {
    .funnel-steps__text {
        display:block;
        padding-right: 10px
    }
}

.funnel__interactions {
    max-width: 600px;
    width: auto
}

.funnel__interactions,.funnel__interactions_summary {
    margin-left: auto;
    margin-right: auto
}

.funnel__interactions_summary .funnel-stats {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0
}

.funnel-stats {
    padding: 50px 30px;
    margin-bottom: 20px;
    background: #fff
}

.funnel-stats__title {
    color: #4a4e4f;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 60px
}

.funnel-stats__section:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.funnel-stats__section-title {
    color: #4a4e4f;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px
}

.funnel-stats__section-text {
    color: #4a4e4f;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px
}

.funnel-stats__section-body {
    color: #4a4e4f;
    display: flex;
    justify-content: space-between
}

.funnel-stats__section-body .person {
    width: 100%
}

.funnel-stats__section-body .person__image {
    width: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center
}

.funnel-stats__section-body .person__image img {
    width: 75px;
    height: 75px
}

.funnel-stats__section-icon {
    flex: 0 0 auto;
    margin-right: 20px;
    color: #0067B5;
    font-size: 60px;
    width: 100px;
    display: flex;
    text-align: center;
    justify-content: center
}

.funnel-stats__section-content {
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.funnel-stats__section-content .funnel-stats__section-title:not(:last-child) {
    margin-bottom: 8px
}

.funnel-stats__section-content .funnel-stats__section-title::last-child {
    margin-bottom: 0
}

.funnel-stats__section-content>a {
    display: block;
    color: #fdb130;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none
}

.funnel-stats__section-content>a:hover {
    text-decoration: underline
}

.funnel-stats__section-content .dropdown {
    height: 40px;
    width: 100%
}

.funnel-stats__section-content .dropdown__current {
    border: 1px solid #e0e0e0;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 30px;
    color: #4a4e4f;
    font-size: 14px;
    font-weight: 400
}

.funnel-stats__action button {
    padding: 10px;
    color: #fff;
    background-color: #fdb130;
    width: 100%;
    height: 50px;
    line-height: 30px
}

.funnel-stats__action button:hover {
    background-color: $orange-hover
}

.funnel-stats__calendar-actions {
    margin-bottom: 50px;
    padding-top: 20px
}

.funnel-stats__title {
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .funnel-stats__calendar-actions {
        display:none
    }
}

.funnel-summary__map {
    height: 300px;
    width: 100%;
    background-color: #fafaf0
}

.funnel-summary__map img {
    width: 100%
}

.funnel-summary__info {
    padding: 22px 40px;
    width: 100%
}

.funnel-summary__section:not(:last-child) {
    margin-bottom: 40px
}

.funnel-summary__title {
    color: #4a4e4f;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px
}

.funnel-summary__text {
    color: #4a4e4f;
    font-size: 14px;
    font-weight: 500
}

.funnel-summary__text p:not(:last-child) {
    margin: 0 0 11px
}

.funnel-summary__actions:not(:first-child) {
    margin-top: 20px
}

.form__submit {
    margin-top: 50px
}

#change-date-time {
    cursor: pointer;
    color: #fdb130;
    text-decoration: underline
}

#add-to-calendar {
    color: #4a4e4f;
    background-color: transparent;
    font-family: Avenir;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    height: 50px;
    border: 1px solid #e0e0e0
}

#add-to-calendar:hover {
    border: 1px solid #4a4e4f
}

#add-to-calendar.open {
    color: #4a4e4f;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.15)
}

#add-to-calendar button {
    width: 100%;
    height: 100%;
    padding: 0 20px
}

#add-to-calendar button .caret {
    margin-left: 5px
}

#add-to-calendar .dropdown-menu {
    width: 100%;
    padding: 0;
    margin: 0
}

#add-to-calendar .dropdown-menu li {
    margin: 0;
    padding: 0
}

#add-to-calendar .dropdown-menu li a {
    color: #4a4e4f;
    margin: 0;
    padding: 10px
}

#add-to-calendar .dropdown-menu li a:hover {
    background-color: #e0e0e0
}

.sign-up-form-info {
    margin-bottom: 20px;
    font-style: italic
}

#book-appointment-info .availabilities-widget {
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(67,95,113,.15);
    padding: 10px 0
}

.oi {
    font-family: Avenir;
    font-weight: 500;
    color: #4a4e4f
}

.oi ul,.oi ul li {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none
}

.oi .mdc-drawer .mdc-list-item {
    margin: 4px 8px
}

.oi .mdc-drawer .mdc-list-group__subheader {
    font-family: Avenir;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.oi .mdc-drawer img.mdc-list-item__graphic {
    margin-right: 12px;
    width: auto;
    height: 20px
}

.oi .select-subject-wrapper .mdc-select__icon {
    opacity: 1;
    color: rgba(0,0,0,.54)
}

.oi .select-subject-wrapper .mdc-select__selected-text {
    display: block;
    padding-top: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.oi #select-subject-id.mdc-select__menu {
    max-height: 100%!important
}

.oi #select-subject-id.mdc-select__menu .mdc-list-item {
    height: auto;
    min-height: 48px;
    padding: 10px
}

.oi #select-subject-id.mdc-select__menu .mdc-list-item:after,.oi #select-subject-id.mdc-select__menu .mdc-list-item:before {
    background-color: var(--od-theme-secondary,#fdb130)
}

.oi-header {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 54px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.4)
}

@media (min-width: 1024px) {
    .oi-header {
        position:fixed
    }
}

.oi-header-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4px
}

@media (min-width: 1024px) {
    .oi-header-wrapper {
        justify-content:space-between;
        padding: 0 20px
    }
}

@media (min-width: 1024px) {
    .oi-header-mobile-nav {
        display:none
    }
}

.oi-header-mobile-nav .mdc-icon-button:after,.oi-header-mobile-nav .mdc-icon-button:before {
    background-color: #fdb130
}

.oi-header-logo {
    display: flex;
    align-items: center;
    height: 25px
}

@media (max-width: 1023px) {
    .oi-header-logo {
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%)
    }
}

.oi-header-logo a {
    height: 100%
}

.oi-header-logo img {
    width: auto;
    height: 100%
}

.oi-header-nav {
    display: flex;
    height: 100%
}

@media (max-width: 1023px) {
    .oi-header-nav {
        position:absolute;
        top: 0;
        right: 0
    }
}

.oi-header-nav-container {
    display: none;
    height: 100%
}

@media (min-width: 1024px) {
    .oi-header-nav-container {
        display:flex
    }
}

.oi-header-nav-item {
    display: flex;
    align-items: center;
    height: 100%;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 0 12px;
    transition: all .15s ease-in-out
}

.oi-header-nav-item.oi-header-nav-item--active,.oi-header-nav-item:hover {
    color: #fdb130;
    background: rgba(253,177,48,.1)
}

.oi-header-nav-item-dropdown {
    position: relative
}

.oi-header-nav-item-dropdown .mdc-list {
    font-size: 14px;
    padding: 4px 0
}

.oi-header-nav-item-dropdown .mdc-list-item {
    height: 36px;
    padding: 0 12px
}

.oi-header-nav-item-dropdown .mdc-list-item__graphic {
    font-size: 18px;
    margin-right: 12px;
    width: auto;
    height: 20px
}

.oi-header-nav-item-dropdown .oi-header-nav-item i.material-icons {
    transition: transform .1s ease-in-out;
    padding-left: 2px
}

.oi-header-nav-item-dropdown .oi-header-nav-item.oi-header-nav-item--active i.material-icons {
    transform: rotate(180deg);
    padding-left: 0;
    padding-right: 2px
}

.oi-header-nav-item-lang .oi-header-nav-item span {
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .oi-header-nav-item-lang .oi-header-nav-item {
        border-left:1px solid #e0e0e0
    }
}

@media (min-width: 1024px) {
    .oi-content {
        padding-top:54px
    }
}

.oi-section-container {
    margin: 0 auto;
    max-width: 1200px
}

.oi-section-container h2 {
    font-size: 22px;
    font-weight: 500;
    margin: 12px 0 24px
}

.oi-section-container a {
    color: #fdb130;
    text-decoration: underline
}

.oi-section-separator {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1160px;
    margin: 20px auto;
    height: 1px
}

@media (min-width: 768px) {
    .oi-section-separator {
        width:60%
    }
}

.oi-section-separator:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e0e0e0;
    margin: 0 40px
}

.oi-section-head {
    color: #fff;
    background-color: #0067B5;
    background: linear-gradient(180deg,#0067B5,#029984)
}

.oi-section-head .oi-section-container {
    padding: 20px 20px 40px
}

@media (min-width: 768px) {
    .oi-section-head .oi-section-container {
        padding-bottom:80px;
        display: flex
    }
}

@media (min-width: 992px) {
    .oi-section-head .oi-section-container {
        padding-top:40px
    }
}

.oi-section-head-description {
    margin-bottom: 40px;
    text-align: center
}

.oi-section-head-description h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    margin: 12px 0 0
}

@media (min-width: 768px) {
    .oi-section-head-description h1 {
        font-size:36px
    }
}

.oi-section-head-description-image {
    display: flex;
    justify-content: center;
    margin-top: 36px
}

@media (min-width: 768px) {
    .oi-section-head-description-image {
        margin-top:72px
    }
}

.oi-section-head-description-image img {
    width: 100%;
    max-width: 560px;
    height: 100%
}

.oi-section-head-description-video-container {
    width: 100%;
    max-width: 560px
}

.oi-section-head-description-video-container iframe {
    width: 100%;
    height: 396;
    border: none;
    outline: none;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.25)
}

@media (min-width: 768px) {
    .oi-section-head-description {
        width:100%;
        flex: 1 1 auto;
        text-align: left;
        margin-right: 40px
    }
}

@media (min-width: 768px) {
    .oi-section-head-form {
        flex:0 0 auto;
        width: 340px
    }
}

@media (min-width: 992px) {
    .oi-section-head-form {
        width:420px
    }
}

.oi-section-features {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .oi-section-features {
        margin-top:-40px;
        padding: 0 40px
    }

    .oi-section-features.oi-section-activities {
        margin-top: -60px
    }
}

@media (min-width: 992px) {
    .oi-section-features {
        padding:0 60px
    }
}

.oi-section-features h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    padding-top: 12px
}

.oi-section-features-container {
    width: 100%;
    height: 100%;
    color: #4a4e4f;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.3)
}

@media (max-width: 767px) {
    .oi-section-features-container {
        overflow-x:auto
    }
}

@media (min-width: 768px) {
    .oi-section-features-container {
        border-radius:4px
    }
}

.oi-section-features ul.oi-section-features-columns {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

@media (min-width: 768px) {
    .oi-section-features ul.oi-section-features-columns {
        justify-content:space-around
    }
}

.oi-section-features li.oi-section-feature {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    min-width: 120px
}

.oi-section-features li.oi-section-feature:not(:last-item) {
    margin-right: 8px
}

.oi-section-features li.oi-section-feature img {
    width: auto;
    height: 50px
}

.oi-section-features li.oi-section-feature span {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 100%
}

.oi-section-features ul.oi-section-activities-columns {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 10px 10px
}

.oi-section-features ul.oi-section-activities-columns>a {
    display: block;
    width: 100%;
    padding: 10px;
    color: #4a4e4f;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all .15s ease-in-out
}

@media (min-width: 480px) {
    .oi-section-features ul.oi-section-activities-columns>a {
        width:50%
    }
}

@media (min-width: 992px) {
    .oi-section-features ul.oi-section-activities-columns>a {
        width:25%
    }
}

.oi-section-features ul.oi-section-activities-columns>a:not(:last-item) {
    margin-right: 8px
}

.oi-section-features ul.oi-section-activities-columns>a:active,.oi-section-features ul.oi-section-activities-columns>a:hover {
    border-color: #fdb130;
    background-color: #fffaf3
}

.oi-section-features li.oi-section-activity {
    display: flex;
    align-items: center
}

.oi-section-features li.oi-section-activity img,.oi-section-features li.oi-section-activity object {
    width: auto;
    height: 24px
}

.oi-section-features li.oi-section-activity span {
    margin-left: 12px;
    font-size: 15px;
    font-weight: 500;
    width: 100%
}

.oi-section-arguments .oi-section-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px 20px 0
}

.oi-section-arguments .oi-section-container>div {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    display: flex;
    min-width: 280px;
    justify-content: center;
    margin-left: 20px;
    margin-top: 20px
}

@media (min-width: 480px) {
    .oi-section-arguments .oi-section-container>div {
        min-width:340px
    }
}

.oi-section-arguments.oi-section-arguments--alternate .oi-section-container {
    flex-wrap: wrap-reverse
}

.oi-section-arguments-image img {
    width: 100%;
    height: 100%;
    max-width: 460px
}

.oi-section-arguments-description-box {
    width: 100%;
    padding: 20px;
    background-color: #f0f3f2;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.25);
    border-radius: 4px
}

@media (min-width: 768px) {
    .oi-section-arguments-description-box {
        align-self:flex-start
    }
}

.oi-section-arguments-description-box h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin: 12px 0 24px
}

.oi-section-arguments-description-box ul {
    margin-bottom: 24px
}

.oi-section-arguments-description-box ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

.oi-section-arguments-description-box ul li i {
    color: #0067B5;
    margin-right: 8px
}

.oi-section-arguments-description-box ul li span {
    display: block;
    font-size: 16px;
    line-height: 150%;
    font-weight: 500
}

.oi-section-arguments-description-box-action {
    text-align: center
}

.oi-section-functions {
    position: relative;
    z-index: 1;
    background-color: #f0f3f2
}

.oi-section-functions .oi-section-container {
    padding: 20px
}

.oi-section-functions-head {
    text-align: center;
    margin-bottom: 24px
}

.oi-section-functions-head img {
    width: 100%;
    height: auto;
    max-width: 540px;
    margin-top: 20px
}

.oi-section-functions-box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1)
}

.oi-section-functions ul.oi-section-functions-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.oi-section-functions li.oi-section-functions-column {
    flex: none;
    width: 100%
}

@media (min-width: 768px) {
    .oi-section-functions li.oi-section-functions-column {
        width:50%
    }
}

.oi-section-functions li.oi-section-functions-column.oi-section-function {
    padding: 20px
}

@media (min-width: 480px) {
    .oi-section-functions li.oi-section-functions-column.oi-section-function {
        width:50%
    }
}

.oi-section-functions li.oi-section-function {
    display: flex;
    flex-direction: column;
    align-items: center
}

.oi-section-functions li.oi-section-function img {
    width: auto;
    height: 50px
}

.oi-section-functions li.oi-section-function span {
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    width: 100%
}

.oi-section-functions-action {
    text-align: center;
    padding: 0 20px 20px
}

.oi-section-testimonials {
    position: relative;
    padding-bottom: 60px
}

.oi-section-testimonials .oi-section-container {
    text-align: center;
    padding: 20px
}

.oi-section-testimonials-swiper {
    padding: 20px;
    background-color: #f0f3f2;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.4)
}

.oi-section-testimonials-swiper .swiper-slide {
    display: flex;
    align-items: center;
    width: auto;
    height: 70px
}

.oi-section-testimonials-swiper .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 170px;
    max-height: 70px
}

.oi-form {
    padding: 20px;
    color: #4a4e4f;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.25)
}

.oi-form h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin: 12px 0 24px
}

.oi-form-error,.oi-form-success {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 8px
}

.oi-form-error:before,.oi-form-success:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: .1
}

.oi-form-error i,.oi-form-success i {
    margin-right: 8px
}

.oi-form-error span,.oi-form-success span {
    font-size: 14px;
    font-style: italic;
    font-weight: 500
}

.oi-form-success {
    color: #43a047;
    border: 1px solid #43a047
}

.oi-form-success:before {
    background-color: #43a047
}

.oi-form-error {
    color: var(--mdc-theme-error,#b00020);
    border: 1px solid var(--mdc-theme-error,#b00020);
    margin-bottom: 18px
}

.oi-form-error:before {
    background-color: var(--mdc-theme-error,#b00020)
}

.oi-form-row {
    margin-top: 8px
}

.oi-form-row>*,.oi-form-row>.mdc-text-field--textarea {
    width: 100%
}

.oi-form-row>.mdc-button {
    margin-top: 12px;
    height: 50px
}

.oi-form-row>a {
    text-decoration: none
}

.oi-form-row>a>.mdc-button {
    width: 100%;
    height: 50px
}

.oi-form-row>.mdc-select {
    width: 100%
}

@media (min-width: 768px) {
    .oi-form-row>.mdc-select {
        max-width:340px
    }
}

@media (min-width: 992px) {
    .oi-form-row>.mdc-select {
        max-width:420px
    }
}

.oi-form-row .radio-set {
    padding-bottom: 4px
}

.oi-form-row-asca {
    font-size: 14px;
    text-align: center
}

.oi-form-row-asca p {
    line-height: 140%
}

.oi-form-row-asca a,.oi-form-row-asca a:visited {
    color: #fdb130
}

.oi-form-row-asca img {
    width: auto;
    height: 80px;
    margin: -20px 0
}

.oi-form-row-asca-separator {
    display: flex;
    align-items: center
}

.oi-form-row-asca-separator p {
    flex: 0 0 auto;
    text-transform: uppercase;
    margin: 0;
    padding: 0 8px
}

.oi-form-row-asca-separator-line {
    flex: 1 1 auto;
    height: 1px;
    background-color: #e0e0e0
}

.oi-form-captcha {
    display: none;
    text-align: center;
    margin-top: 20px
}

.oi-form-captcha.oi-form-captcha--active {
    display: flex;
    justify-content: center
}

.oi-form-captcha>div {
    display: inline-block
}

@media (max-width: 479px) {
    .oi-form-captcha>div {
        transform:scale(.77)
    }
}

.oi-footer {
    color: #fff;
    background-color: #882879
}

.oi-footer-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .oi-footer-wrapper {
        flex-wrap:wrap
    }
}

.oi-footer-section {
    padding: 20px;
    width: calc(50% - 40px)
}

@media (max-width: 767px) {
    .oi-footer-section {
        flex:1 1 auto
    }
}

.oi-footer-section h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 14px
}

@media (min-width: 768px) {
    .oi-footer-section h3 {
        margin-bottom:12px
    }
}

.oi-footer-section ul li {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .oi-footer-section ul li {
        margin-bottom:10px
    }
}

.oi-footer-section ul li a {
    color: #fdb130;
    text-decoration: none
}

.oi-footer-section ul li a:hover {
    text-decoration: underline
}

.oi-footer-copyright,.oi-footer-labels {
    width: 100%;
    text-align: center
}

.oi-footer-labels {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767px) {
    .oi-footer-labels {
        justify-content:center;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .oi-footer-labels>div.swiss-made-software {
        flex:1 1 100%
    }
}

.oi-footer-labels>div.swiss-made-software img {
    width: 200px
}

@media (max-width: 767px) {
    .oi-footer-labels>div.certifications {
        flex:1 1 100%
    }
}

.oi-footer-labels>div.certifications img {
    height: 140px
}

.oi-footer-copyright {
    font-size: 12px;
    padding-bottom: 20px
}

.oi .cookie-consent {
    position: relative;
    width: 100%;
    padding: 15px 40px 15px 15px;
    text-align: left;
    background-color: #4a4e4f;
    color: #fff;
    z-index: 3000;
    opacity: .9;
    font-weight: 500
}

@media (min-width: 992px) {
    .oi .cookie-consent {
        position:fixed;
        width: 360px;
        bottom: 60px;
        right: 20px;
        border-radius: 6px
    }
}

.oi .cookie-consent>span {
    font-size: 13px;
    text-transform: uppercase
}

.oi .cookie-consent>i {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 18px
}

.oi .cookie-consent>p {
    margin-top: 7px;
    font-size: 13px;
    line-height: 135%
}

.oi .cookie-consent>p a {
    color: #fff;
    text-decoration: underline
}

.odpb-content {
    padding: 0 15px
}

.odpb-content .g-recaptcha {
    text-align: center
}

.odpb-content .g-recaptcha>div {
    display: inline-block
}

.odpb-box-container {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0
}

@media (min-width: 992px) {
    .odpb-box-container {
        padding:100px 0 150px;
        overflow: hidden
    }
}

.odpb-form-box {
    color: #4a4e4f;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1)
}

.odpb-form-box h1 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin: 12px 0 24px
}

@media (min-width: 480px) {
    .odpb-form-box h1 {
        font-size:20px
    }
}

.odpb-form-box-flex {
    display: flex
}

.odpb-form-box-flex-spacer {
    flex: 1 1 auto
}

.odpb-form-box-flex-icon {
    height: 30px;
    width: 30px;
    font-size: 30px;
    color: #0067B5
}

.odpb-form-box-flex-label-primary {
    font-weight: 500;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.odpb-form-box-flex-label-secondary {
    font-size: 12px;
    opacity: .8;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.odpb-form-steps {
    margin-bottom: 25px
}

.odpb-form-steps .step {
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.odpb-form-steps .step-number {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 50%;
    background-color: #0067B5;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    height: 28px;
    width: 28px;
    text-align: center
}

.odpb-form-steps .step-text {
    padding-left: 15px
}

.odpb-form-error,.odpb-form-info,.odpb-form-success {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 18px
}

.odpb-form-error:before,.odpb-form-info:before,.odpb-form-success:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: .1
}

.odpb-form-error i,.odpb-form-info i,.odpb-form-success i {
    margin-right: 8px
}

.odpb-form-error span,.odpb-form-info span,.odpb-form-success span {
    font-size: 14px;
    font-style: italic;
    font-weight: 500
}

.odpb-form-success {
    color: #43a047;
    border: 1px solid #43a047
}

.odpb-form-success:before {
    background-color: #43a047
}

.odpb-form-success-text {
    z-index: 2;
    padding: 12px 4px
}

.odpb-form-error {
    color: #b00020;
    border: 1px solid #b00020
}

.odpb-form-error:before {
    background-color: #b00020
}

.odpb-form-info {
    color: #53a4cc;
    border: 1px solid #53a4cc
}

.odpb-form-info:before {
    background-color: #53a4cc
}

.odpb-form-info-text {
    z-index: 2;
    padding: 12px 4px
}

.odpb-form-info-text .mdc-button.mdc-button--raised.mdc-ripple-upgraded {
    background-color: #53a4cc
}

.odpb-form-info-text .mdc-button.mdc-button--raised.mdc-ripple-upgraded .mdc-button__label {
    font-style: normal
}

.odpb-form-info-text a {
    text-decoration: none
}

.odpb-form-row {
    margin-top: 12px
}

.odpb-form-row>*,.odpb-form-row>.mdc-text-field--textarea {
    width: 100%
}

.odpb-form-row>.mdc-button {
    height: 50px
}

.odpb-form-row>a {
    text-decoration: none
}

.odpb-form-row>a>.mdc-button {
    width: 100%;
    height: 50px
}

.odpb-form-row .radio-set {
    padding-bottom: 4px
}

.odpb-form-row.g-recaptcha {
    text-align: center
}

.odpb-form-row.g-recaptcha>div {
    display: inline-block
}

.odpb-forgot-password,.odpb-mfa-locked-out {
    width: 100%;
    text-align: right;
    padding: 4px 0 6px
}

.odpb-forgot-password-edit-email,.odpb-mfa-locked-out-edit-email {
    position: fixed;
    top: 0;
    right: 0;
    height: 36px;
    width: 36px;
    font-size: 18px;
    line-height: 18px;
    padding: 9.5px;
    border-radius: 50%
}

.pro .header {
    background-color: #882879
}

@media (max-width: 991px) {
    .pro .header__buttons {
        display:none
    }
}

.pro .header__buttons>a {
    margin-left: 20px
}

.pro .header .button {
    text-decoration: none;
    background-color: $wt;
    color: #882879;
    border: 1px solid transparent
}

.pro .header .button.reverse {
    background-color: transparent;
    color: $wt;
    border: 1px solid $wt
}

.pro .header .button.reverse:hover {
    background-color: $wt;
    color: #882879
}

.pro .mobile-panel {
    background-color: #882879
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button:focus,.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    background: url(default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (min-resolution: 1.1dppx),(min-resolution:105dpi) {
    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before {
        background-image:url(default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0,0,0,.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: f .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: g 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position:relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@keyframes f {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes g {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,.pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.od-profile-header {
    position: relative;
    height: 120px;
    color: #4a4e4f;
    background-color: #fff
}

.od-profile-header-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    display: flex
}

.od-profile-header-picture {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    margin: 20px 10px 20px 20px;
    width: 140px;
    height: 140px
}

.od-profile-header-picture img {
    background-color: #e0e0e0
}

.od-profile-header-picture-background,.od-profile-header-picture img {
    z-index: 1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1)
}

.od-profile-header-picture-background {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 140px
}

.od-profile-header-picture-overlay {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #4a4e4f;
    font-weight: 600;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .2s ease-in-out
}

.od-profile-header-picture-overlay .material-icons {
    margin-bottom: 6px
}

.od-profile-header-picture-overlay span {
    font-size: 14px
}

.od-profile-header-picture-overlay:not(.od-profile-header-picture-overlay--disabled):hover {
    opacity: .8
}

.od-profile-header-description {
    flex: 1 1 auto;
    margin-top: 20px;
    padding: 10px
}

.od-profile-header-description h1 {
    font-size: 28px;
    font-family: Ubuntu,Arial,sans-serif;
    letter-spacing: 1px;
    margin: 0
}

.od-profile-header-description h2 {
    font-size: 18px;
    margin-top: 8px;
    letter-spacing: .8px;
    font-weight: 500
}

.od-profile-header-description-checkmark {
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .1em
}

@media (max-width: 639px) {
    .od-profile-header-description-checkmark {
        margin-bottom:.1em;
        height: 16px
    }
}

@media (max-width: 639px) {
    .od-profile-header {
        height:90px
    }

    .od-profile-header-picture {
        margin: 10px 0 10px 10px;
        width: 110px;
        height: 110px
    }

    .od-profile-header-picture-background {
        background-size: auto 110px
    }

    .od-profile-header-description {
        margin-top: 10px
    }

    .od-profile-header-description h1 {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 1px;
        max-height: 44px;
        overflow: hidden
    }

    .od-profile-header-description h2 {
        font-size: 14px
    }
}

@media (max-width: 511px) {
    .od-profile-header-description {
        margin-top:2px
    }
}

.od-profile-nav {
    z-index: 1;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 8px 8px -8px rgba(0,0,0,.1);
    position: relative;
    position: sticky;
    top: 0
}

.od-profile-nav-wrapper {
    height: 100%;
    max-width: 1280px;
    margin: 0 auto
}

.od-profile-nav-items {
    height: 100%;
    margin-left: 170px;
    display: flex
}

.od-profile-nav-item {
    height: 100%;
    flex: 0 0 auto;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .75px
}

.od-profile-nav-item.active {
    border-color: #0067B5
}

@media (max-width: 639px) {
    .od-profile-nav {
        display:none
    }
}

.od-profile-content {
    position: relative;
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px 16px
}

.od-profile-content-body {
    flex: 1 1 66%;
    min-width: 0
}

.od-profile-content-book {
    z-index: 3;
    margin-top: -90px;
    margin-left: 30px;
    flex: 1 1 33%;
    min-width: 260px
}

.od-profile-content-book-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    transition: background-color .2s ease-in-out
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .od-profile-content-book-backdrop {
        z-index: 2
    }
}

@media (max-width: 767px) {
    .od-profile-content-book-backdrop {
        display:none
    }
}

.od-profile-content-book-sticky {
    position: relative
}

.od-profile-content-book-sticky:not(.od-profile-content-book-sticky--disabled) {
    position: sticky;
    top: 16px
}

.od-profile-content-book-header {
    color: #fff;
    background-color: #0067B5;
    padding: 10px;
    border: 1px solid #0067B5;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1)
}

.od-profile-content-book-header p {
    font-size: 14px;
    font-weight: 500
}

.od-profile-content-book-title {
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3
}

.od-profile-content-book-body {
    color: #4a4e4f;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);
    min-height: 120px;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-radius: 0 0 12px 12px
}

.od-profile-content-book-body .aw-days-overlay-error a {
    color: #0067B5
}

.od-profile-content-book-body .cw-select {
    padding: 0
}

.od-profile-content-book-body .flow-loader {
    left: 14px
}

.od-profile-content-book-body .flow-step {
    margin-left: -22px;
    background-color: transparent;
    border: none;
    box-shadow: none
}

.od-profile-content-book-body .flow-step-line.flow-step-line--checked {
    height: calc(100% + 8px)
}

.od-profile-content-book-body .flow-step-body .mdc-select__native-control {
    font-size: inherit
}

.od-profile-content-book-body .flow-step-body .radio-set {
    font-size: inherit;
    padding-bottom: 0;
    margin: 0 0 0 -8px
}

.od-profile-content-book-body .flow-step-body .radio-set.radio-set--outlined {
    margin: 0
}

.od-profile-content-book-body .flow-step-body .radio-set.radio-set--outlined .radio-set-item {
    margin-top: 10px;
    width: 100%;
    max-width: 100%
}

.od-profile-content-book-body .flow-step-body .radio-set-item .mdc-form-field>label {
    padding-top: 4px;
    padding-bottom: 4px
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .od-profile-content-book-body .flow-step-body .radio-set:not(.radio-set--outlined) .radio-set-item {
        flex: 0 1 100%
    }
}

@media (min-width: 768px) {
    .od-profile-content-book-body .flow-step-body .mdc-select {
        width:100%
    }
}

.od-profile-content-book-body .flow-step-line {
    top: 8px
}

.od-profile-content-book-body .flow-step-divider {
    margin: 4px 0;
    height: 1px;
    background-color: var(--od-theme-border,#e0e0e0)
}

.od-profile-content-book-body .flow-step:not(.flow-step--info):not(.flow-step--error) .flow-step-body.flow-step-body-full-width {
    margin-left: -16px
}

.od-profile-content-book-body .flow-step--error,.od-profile-content-book-body .flow-step--info {
    border: none
}

.od-profile-content-book-body.od-profile-content-book-body-unbookable {
    min-height: auto;
    font-size: 14px;
    text-align: center;
    padding: 12px
}

.od-profile-content-book-body.od-profile-content-book-body-unbookable h4 {
    font-weight: 500;
    letter-spacing: .5px
}

.od-profile-content-book-body.od-profile-content-book-body-unbookable p {
    font-weight: 500;
    margin: 12px 0
}

.od-profile-content-book.od-profile-content-book--focused .od-profile-content-book-backdrop {
    background-color: rgba(0,0,0,.55)
}

.od-profile-content-inactive {
    flex: 4;
    margin-top: -90px;
    margin-left: 36px;
    min-width: 240px;
    z-index: 3
}

.od-profile-content-inactive h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px
}

.od-profile-content-inactive p {
    font-size: 14px;
    font-weight: 500
}

.od-profile-content-inactive-sticky {
    position: relative
}

.od-profile-content-inactive-sticky:not(.od-profile-content-inactive-sticky--disabled) {
    position: sticky;
    top: 16px
}

.od-profile-content-inactive-header {
    padding: 12px;
    color: #fff;
    background-color: #0067B5;
    border-radius: 12px 12px 0 0
}

.od-profile-content-inactive-header h3 {
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3
}

.od-profile-content-inactive-body {
    padding: 12px;
    color: #4a4e4f;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);
    border-radius: 0 0 4px 4px
}

.od-profile-content-inactive-body p {
    margin: 0
}

.od-profile-content-inactive-feature {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px
}

.od-profile-content-inactive-feature span {
    margin-left: 8px
}

.od-profile-content-inactive-action {
    margin-top: 16px
}

.od-profile-content-inactive-action .Button {
    width: 100%
}

@media (max-width: 639px) {
    .od-profile-content {
        margin-top:30px
    }
}

@media (max-width: 767px) {
    .od-profile-content {
        flex-direction:column-reverse
    }

    .od-profile-content-body {
        flex: 1 1 auto
    }

    .od-profile-content-book {
        z-index: 0;
        margin-top: 20px;
        margin-left: 6px;
        flex: 1 1 auto
    }

    .od-profile-content-book-sticky {
        position: relative;
        top: 0
    }

    .od-profile-content-inactive {
        flex: 1 1 auto;
        margin-top: 20px;
        margin-left: 0
    }

    .od-profile-content-inactive-sticky {
        position: relative;
        top: 0
    }
}

.od-profile-content .od-breadcrumb {
    padding: 0 2px;
    margin-top: 20px
}

@media (max-width: 767px) {
    .od-profile.od-profile--inactive .od-profile-content {
        flex-direction:column
    }
}

.od-profile-anchor {
    position: relative;
    top: -60px
}

@media (max-width: 639px) {
    .od-profile-anchor {
        top:0
    }
}

.od-profile-banner {
    margin-top: 16px;
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 500;
    background-color: #fffaf1;
    color: #d18402;
    border: 1px solid #ee9702;
    border-radius: 4px;
    line-height: 150%
}

.od-profile-banner a {
    font-weight: 500;
    color: inherit;
    text-decoration: underline;
    margin-left: 6px
}

.od-profile-card {
    margin-top: 16px;
    background-color: #fff;
    border-radius: 4px;
    padding: 12px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.05)
}

.od-profile-card-section-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.od-profile-card-section-icon {
    flex: 0 0 20px;
    color: #4a4e4f;
    width: 20px;
    margin-right: 12px
}

.od-profile-card-section-title {
    margin: 0;
    flex: 1 1 auto;
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 18px
}

@media (max-width: 992px) {
    .od-profile-card-section-title {
        font-size:16px
    }
}

.od-profile-card-section-body {
    font-weight: 500;
    color: #4a4e4f;
    margin-left: 32px
}

.od-profile-card-section-body a h4 {
    display: inline-block;
    width: auto;
    text-decoration: inherit
}

.od-profile-card-section-body h4 {
    font-weight: 600;
    margin-bottom: 8px
}

.od-profile-card-section-body p {
    margin: 0;
    line-height: 1.4
}

.od-profile-card-section-body ol li,.od-profile-card-section-body ul li {
    line-height: 1.4
}

.od-profile-card-section-body.cw-rich-text a {
    color: inherit
}

.od-profile-card-section-body.cw-rich-text h2 {
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}

.od-profile-card-section-body.cw-rich-text span,.od-profile-card-section-body.cw-rich-text strong {
    color: inherit!important
}

.od-profile-card-section-body .mdc-chip-set--choice a {
    text-decoration: none
}

.od-profile-card-section-body .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
    cursor: default;
    color: #fff;
    background-color: #fdb130
}

.od-profile-card-section-body .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:after,.od-profile-card-section-body .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:before {
    display: none
}

.od-profile-card-section-body .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
    color: #fff
}

.od-profile-card-section-separator {
    height: 1px;
    border: none;
    background-color: #e0e0e0;
    margin: 16px 0 16px 36px
}

.od-profile-card-section-blank-separator {
    margin: 28px 0
}

.od-profile-card-section.od-profile-card-section-map {
    display: flex
}

.od-profile-card-section-map-content {
    flex: 7
}

.od-profile-card-section-map-image {
    background-image: url(/assets/images/maps/map-1280x960.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
    flex: 5;
    margin: -12px -12px -12px 12px;
    overflow: hidden;
    height: 200px
}

.od-profile-card-section-map-image .od-google-maps-consent {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
    padding-right: 10px;
    margin: auto
}

.od-profile-card-section-map-image .od-google-maps-consent p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.od-profile-card-section-map-image .od-google-maps-consent button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 38px;
    margin: auto
}

.od-profile-card-section-map-image img {
    position: absolute;
    top: -50%;
    bottom: -50%;
    right: calc((640px - 100%) / 2 * -1);
    left: calc((640px - 100%) / 2 * -1);
    width: 640px;
    height: auto;
    margin: auto
}

@media (min-width: 640px) {
    .od-profile-card-section-map-image {
        height:auto;
        min-height: 240px
    }
}

.od-profile-card-section.od-profile-card-section-description-items .od-profile-card-section-body {
    display: flex;
    flex-wrap: wrap;
    margin-top: -16px
}

.od-profile-card-section-description-item {
    padding: 16px 24px 0 0
}

@media (max-width: 639px) {
    .od-profile-card-section.od-profile-card-section-map {
        flex-direction:column
    }

    .od-profile-card-section-map-content {
        flex: 1 1 auto
    }

    .od-profile-card-section-map-image {
        flex: 1 1 auto;
        margin: 12px 0 0
    }
}

@media (max-width: 511px) {
    .od-profile-card-section-body {
        margin-left:4px
    }

    .od-profile-card-section-separator {
        margin-left: 0
    }
}

.od-profile-card-faq .od-profile-card-section-body {
    display: none;
    margin-left: 0
}

.od-profile-card-faq .od-profile-card-section-body ul {
    padding-left: 16px;
    list-style-type: revert
}

.od-profile-card-faq .od-profile-card-section-body ul li {
    padding: 10px 0 0
}

.od-profile-card-faq .od-profile-card-section-expand-icon--opened {
    transform: rotate(180deg)
}

.od-profile-card-faq .od-profile-card-section-separator {
    margin: 10px 0 10px 10px
}

.od-profile-card-faq .od-profile-card-section-header {
    cursor: pointer;
    margin-bottom: 0
}

.od-profile-card-faq .od-accordion-title {
    cursor: pointer;
    padding: 6px 0 10px
}

.od-profile-card-faq .od-accordion-title-text {
    font-size: 14px
}

.od-profile-card-faq .od-accordion-content {
    margin-left: 16px;
    font-size: 14px
}

.od-profile-card-faq .od-accordion-content h4 {
    font-size: 14px
}

.od-profile-card-faq--opened .od-profile-card-section-body {
    display: block;
    margin-top: 10px
}

@media (max-width: 511px) {
    .od-profile-card.od-profile-card-team .od-profile-card-section-body {
        margin-left:0
    }
}

.od-profile-expandable-text,.od-profile-expertise-expandable-text,.od-profile-profession-expandable-text {
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 17em;
    margin-bottom: 8px
}

.od-profile-expandable .od-profile-chip-set,.od-profile-expertise-expandable .od-profile-chip-set,.od-profile-profession-expandable .od-profile-chip-set {
    margin-bottom: 8px;
    max-height: 44px;
    overflow: hidden
}

.od-profile-expandable-expand,.od-profile-expertise-expandable-expand,.od-profile-profession-expandable-expand {
    display: none;
    margin-left: -6px;
    text-decoration: none;
    text-underline-offset: 3px
}

.od-profile-expandable-expand i,.od-profile-expandable-expand span,.od-profile-expertise-expandable-expand i,.od-profile-expertise-expandable-expand span,.od-profile-profession-expandable-expand i,.od-profile-profession-expandable-expand span {
    vertical-align: middle
}

.od-profile-expandable.od-profile-expandable--collapsed .od-profile-expandable-expand,.od-profile-expandable.od-profile-expandable--collapsed .od-profile-expertise-expandable-expand,.od-profile-expandable.od-profile-expertise-expandable--collapsed .od-profile-expandable-expand,.od-profile-expandable.od-profile-expertise-expandable--collapsed .od-profile-expertise-expandable-expand,.od-profile-expertise-expandable.od-profile-expandable--collapsed .od-profile-expandable-expand,.od-profile-expertise-expandable.od-profile-expandable--collapsed .od-profile-expertise-expandable-expand,.od-profile-expertise-expandable.od-profile-expertise-expandable--collapsed .od-profile-expandable-expand,.od-profile-expertise-expandable.od-profile-expertise-expandable--collapsed .od-profile-expertise-expandable-expand,.od-profile-profession-expandable.od-profile-expandable--collapsed .od-profile-expandable-expand,.od-profile-profession-expandable.od-profile-expandable--collapsed .od-profile-expertise-expandable-expand,.od-profile-profession-expandable.od-profile-expertise-expandable--collapsed .od-profile-expandable-expand,.od-profile-profession-expandable.od-profile-expertise-expandable--collapsed .od-profile-expertise-expandable-expand {
    display: inline-block
}

.od-profile-expandable.od-profile-expandable--expanded .od-profile-chip-set,.od-profile-expandable.od-profile-expandable--expanded .od-profile-expandable-text,.od-profile-expandable.od-profile-expertise-expandable--expanded .od-profile-chip-set,.od-profile-expandable.od-profile-expertise-expandable--expanded .od-profile-expandable-text,.od-profile-expertise-expandable.od-profile-expandable--expanded .od-profile-chip-set,.od-profile-expertise-expandable.od-profile-expandable--expanded .od-profile-expandable-text,.od-profile-expertise-expandable.od-profile-expertise-expandable--expanded .od-profile-chip-set,.od-profile-expertise-expandable.od-profile-expertise-expandable--expanded .od-profile-expandable-text,.od-profile-profession-expandable.od-profile-expandable--expanded .od-profile-chip-set,.od-profile-profession-expandable.od-profile-expandable--expanded .od-profile-expandable-text,.od-profile-profession-expandable.od-profile-expertise-expandable--expanded .od-profile-chip-set,.od-profile-profession-expandable.od-profile-expertise-expandable--expanded .od-profile-expandable-text {
    overflow: inherit;
    max-height: inherit;
    margin-bottom: 0
}

.od-profile-expandable.od-profile-expandable--collapsed .od-profile-expandable-expand,.od-profile-expandable.od-profile-expandable--collapsed .od-profile-profession-expandable-expand,.od-profile-expandable.od-profile-profession-expandable--collapsed .od-profile-expandable-expand,.od-profile-expandable.od-profile-profession-expandable--collapsed .od-profile-profession-expandable-expand,.od-profile-expertise-expandable.od-profile-expandable--collapsed .od-profile-expandable-expand,.od-profile-expertise-expandable.od-profile-expandable--collapsed .od-profile-profession-expandable-expand,.od-profile-expertise-expandable.od-profile-profession-expandable--collapsed .od-profile-expandable-expand,.od-profile-expertise-expandable.od-profile-profession-expandable--collapsed .od-profile-profession-expandable-expand,.od-profile-profession-expandable.od-profile-expandable--collapsed .od-profile-expandable-expand,.od-profile-profession-expandable.od-profile-expandable--collapsed .od-profile-profession-expandable-expand,.od-profile-profession-expandable.od-profile-profession-expandable--collapsed .od-profile-expandable-expand,.od-profile-profession-expandable.od-profile-profession-expandable--collapsed .od-profile-profession-expandable-expand {
    display: inline-block
}

.od-profile-expandable.od-profile-expandable--expanded .od-profile-chip-set,.od-profile-expandable.od-profile-expandable--expanded .od-profile-expandable-text,.od-profile-expandable.od-profile-profession-expandable--expanded .od-profile-chip-set,.od-profile-expandable.od-profile-profession-expandable--expanded .od-profile-expandable-text,.od-profile-expertise-expandable.od-profile-expandable--expanded .od-profile-chip-set,.od-profile-expertise-expandable.od-profile-expandable--expanded .od-profile-expandable-text,.od-profile-expertise-expandable.od-profile-profession-expandable--expanded .od-profile-chip-set,.od-profile-expertise-expandable.od-profile-profession-expandable--expanded .od-profile-expandable-text,.od-profile-profession-expandable.od-profile-expandable--expanded .od-profile-chip-set,.od-profile-profession-expandable.od-profile-expandable--expanded .od-profile-expandable-text,.od-profile-profession-expandable.od-profile-profession-expandable--expanded .od-profile-chip-set,.od-profile-profession-expandable.od-profile-profession-expandable--expanded .od-profile-expandable-text {
    overflow: inherit;
    max-height: inherit;
    margin-bottom: 0
}

.od-profile-opening-day {
    display: flex;
    margin-top: 4px
}

.od-profile-opening-day-label {
    flex: 0 0 90px
}

.od-profile-opening-day-label :not(.od-profile-opening-day-label-faq) {
    text-transform: capitalize
}

.od-profile-opening-day-times {
    flex: 1 1 auto
}

.od-profile-chip-set {
    margin: -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.od-profile-chip-set a {
    text-decoration: none
}

.od-profile-chip-set a .od-profile-chip:hover:before {
    opacity: .08
}

.od-profile-chip-set>* {
    min-width: 0
}

.od-profile-chip-set-grow>* {
    flex: 1 1 auto
}

.od-profile-chip {
    position: relative;
    padding: 8px 12px;
    margin: 5px;
    color: #4a4e4f;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    font-weight: 500
}

.od-profile-chip:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #4a4e4f;
    opacity: 0;
    border-radius: 20px
}

.od-profile-chip-button {
    color: #0067B5;
    background-color: transparent;
    border-color: #0067B5
}

.od-profile-chip-button:before {
    background-color: #0067B5
}

.od-profile-chip-button:not(.od-profile-chip--selected):active {
    transform: scale(.98)
}

.od-profile-chip-button.od-profile-chip--selected {
    color: #fff;
    background-color: #0067B5
}

.od-profile-chip-button-image {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 12px 0 0;
    height: 42px
}

.od-profile-chip-button-image-icon {
    flex: 0 0 42px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%,50%;
    background-size: cover;
    height: 100%;
    border-radius: 19px
}

.od-profile-chip-button-image-text {
    flex: 1 1 auto;
    margin-left: 8px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.od-profile-pictures {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    align-items: center;
    margin-top: 16px;
    max-height: 148px;
    overflow-y: scroll
}

.od-profile-picture {
    width: auto;
    margin: 5px;
    text-decoration: none
}

.od-profile-picture img {
    width: auto;
    height: 60px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.od-profile-team-profession {
    font-weight: 600;
    margin: 20px 0 16px
}

.od-profile-team-professionals {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -6px
}

.od-profile-team-professionals a,.od-profile-team-professionals a:link,.od-profile-team-professionals a:visited {
    text-decoration: none
}

.od-profile-team-professional {
    position: relative;
    display: flex;
    align-items: center;
    margin: 6px;
    width: calc(50% - 12px);
    color: #0067B5
}

@media (min-width: 512px) {
    .od-profile-team-professional {
        background-color:transparent;
        border-color: #0067B5;
        border-radius: 33px;
        border: 1px solid transparent;
        height: 66px
    }

    .od-profile-team-professional:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #0067B5;
        opacity: 0;
        border-radius: 33px
    }

    .od-profile-team-professional:hover {
        border-color: #0067B5
    }

    .od-profile-team-professional:hover:before {
        opacity: .08
    }
}

.od-profile-team-professional:active {
    transform: scale(.98)
}

.od-profile-team-professional-picture {
    flex-shrink: 0
}

.od-profile-team-professional-picture img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: 1px solid #e0e0e0
}

@media (min-width: 512px) {
    .od-profile-team-professional-picture {
        height:100%
    }

    .od-profile-team-professional-picture img {
        width: auto;
        height: 100%
    }
}

.od-profile-team-professional-info {
    margin-left: 16px;
    font-weight: 500
}

@media (max-width: 511px) {
    .od-profile-team-profession {
        text-align:center
    }

    .od-profile-team-professional {
        flex-direction: column
    }

    .od-profile-team-professional-info {
        text-align: center;
        margin-top: 8px;
        margin-left: 0
    }
}

.od-profile-entities-location {
    font-weight: 600;
    margin: 20px 0 16px
}

.od-profile-entities-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -6px
}

.od-profile-entities-list a,.od-profile-entities-list a:link,.od-profile-entities-list a:visited {
    text-decoration: none
}

.od-profile-entities-entity {
    display: flex;
    width: calc(50% - 12px);
    align-items: center;
    margin: 6px;
    color: #0067B5;
    text-decoration: none
}

@media (min-width: 512px) {
    .od-profile-entities-entity {
        border-color:#0067B5;
        border-radius: 33px;
        border: 1px solid transparent;
        height: 66px
    }

    .od-profile-entities-entity:hover {
        border-color: #0067B5;
        background: rgba(2,174,150,.08)
    }
}

.od-profile-entities-entity:active {
    transform: scale(.98)
}

.od-profile-entities-entity-picture {
    width: 66px;
    height: 66px;
    flex-shrink: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 66px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: 1px solid #e0e0e0
}

@media (min-width: 512px) {
    .od-profile-entities-entity-picture {
        width:66px;
        height: 100%
    }
}

.od-profile-entities-entity-info {
    display: flex;
    flex-direction: column;
    margin: 0 6px 0 16px;
    min-width: 0
}

.od-profile-entities-entity-info h4 {
    font-weight: 600;
    margin-bottom: 4px
}

.od-profile-entities-entity-info h4,.od-profile-entities-entity-info p {
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.od-profile-entities-entity-info p {
    color: #4a4e4f;
    line-height: 120%
}

@media (max-width: 511px) {
    .od-profile-entities-location {
        text-align:center
    }

    .od-profile-entities-entity {
        flex-direction: column
    }

    .od-profile-entities-entity-info {
        text-align: center;
        margin-top: 8px
    }

    .od-profile-entities-entity-info h4 {
        white-space: normal
    }
}

.od-profile-modify {
    margin-top: 16px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.05)
}

.od-profile-modify a {
    text-decoration: none
}

.od-profile-modify button {
    height: 42px;
    width: 100%
}

.od-profile .mdc-form-field {
    font-size: 14px
}

.od-profile .pswp__button--arrow--left:before,.od-profile .pswp__button--arrow--right:before,.od-profile .pswp__button:not(.pswp__button--arrow--left):not(.pswp__button--arrow--right) {
    background-image: url(/assets/images/pswp/default-skin.png)
}

@media (min-resolution: 1.1dppx),(min-resolution:105dpi) {
    .od-profile .pswp--svg .pswp__button--arrow--left:before,.od-profile .pswp--svg .pswp__button--arrow--right:before,.od-profile .pswp--svg .pswp__button:not(.pswp__button--arrow--left):not(.pswp__button--arrow--right) {
        background-image:url(/assets/images/pswp/default-skin.svg)
    }
}

.od-profile .pswp__preloader--active .pswp__preloader__icn {
    background-image: url(/assets/images/pswp/preloader.gif)
}

.od-profile .tooltip {
    transition: opacity .3s ease-out
}

.od-profile .tooltip .tooltip-inner {
    max-width: none;
    background-color: #4f4f4f
}

.od-profile .tooltip .tooltip-arrow {
    border-top-color: #4f4f4f!important
}

.od-profile .tooltip a {
    color: #fff
}

.od-search-summary {
    display: none
}

@media (max-width: 992px) {
    .od-search-summary {
        display:flex;
        align-items: center;
        position: sticky;
        top: 0;
        z-index: 2;
        height: 60px;
        background-color: #e0f2f0;
        color: #4a4e4f;
        font-size: 14px;
        padding: 10px
    }
}

.od-search-summary-wrapper {
    display: flex;
    align-items: center;
    flex: 1
}

.od-search-summary-modify-icon {
    font-size: 24px;
    color: #4a4e4f;
    margin-right: auto;
    padding-right: 10px;
    cursor: pointer
}

.od-search-summary-filter-icon {
    font-size: 24px;
    color: #4a4e4f;
    margin-left: auto;
    padding-left: 10px;
    cursor: pointer
}

.od-search-summary--filters-opened .od-search-summary-filter-icon {
    color: #0067B5
}

.od-search-filters {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.1);
    height: 50px;
    z-index: 2
}

@media (max-width: 992px) {
    .od-search-filters {
        display:none;
        position: static
    }

    .od-search-filters.active {
        display: block;
        position: sticky;
        top: 59px
    }
}

.od-search-filters-container {
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex
}

@media (max-width: 991px) {
    .od-search-filters-container {
        overflow-x:scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .od-search-filters-container::-webkit-scrollbar {
        display: none
    }
}

.od-search-filters-scroller {
    display: flex;
    flex: 1 0 auto
}

.od-search-filters-item {
    border-right: 1px solid #f0f3f2;
    height: 100%
}

@media (max-width: 991px) {
    .od-search-filters-item {
        flex:1 0 auto
    }
}

.od-search-filters-item-title {
    display: none
}

@media (min-width: 768px) {
    .od-search-filters-item-title {
        display:flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        text-transform: uppercase;
        font-size: 14px
    }
}

.od-search-filters-item .mdc-button {
    height: 100%;
    padding: 0 12px
}

@media (max-width: 991px) {
    .od-search-filters-item .mdc-button {
        width:100%
    }
}

.od-search-filters-item .mdc-button .mdc-button__label {
    letter-spacing: normal;
    text-transform: none;
    text-align: left
}

.od-search-filters-item .mdc-button .mdc-button__label .od-search-filters-item-text {
    display: block;
    font-size: 12px;
    line-height: 14px
}

.od-search-filters-item .mdc-button .mdc-button__label .od-search-filters-item-value {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #4a4e4f
}

.od-search-filters-item .mdc-button .mdc-button__icon {
    font-weight: 600
}

.od-search-filters-item .mdc-menu-container {
    position: relative;
    left: 0
}

@media (max-width: 991px) {
    .od-search-filters-item .mdc-menu-container {
        position:absolute;
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .od-search-filters-item .mdc-menu-container .mdc-menu {
        position: relative;
        width: 100%
    }

    .od-search-filters-item .mdc-menu-container .mdc-menu .mdc-list-item {
        display: flex
    }

    .od-search-filters-item .mdc-menu-container .mdc-menu .mdc-list-item .mdc-list-item__text {
        flex: 1 0 auto
    }

    .od-search-filters-item .mdc-menu-container .mdc-menu .mdc-list-item .mdc-list-item__meta {
        flex: 0 0 auto
    }
}

@media (max-width: 991px) and (min-width:480px) {
    .od-search-filters-item .mdc-menu-container {
        width:65%
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .od-search-filters-item .mdc-menu-container {
        width:50%
    }
}

.od-search-filters-item .mdc-list-item .mdc-list-item__meta {
    margin-left: 16px;
    color: #0067B5
}

.od-search-filters-item .mdc-list-item:not(.mdc-list-item--selected) .mdc-list-item__meta {
    display: none
}

.od-search-filters-item :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled):not(.mdc-list-item--selected).mdc-list-item.mdc-ripple-upgraded--background-focused:before,.od-search-filters-item :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled):not(.mdc-list-item--selected).mdc-list-item:hover:before,.od-search-filters-item :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled):not(.mdc-list-item--selected).mdc-list-item:not(.mdc-ripple-upgraded):focus:before {
    opacity: 0
}

.od-search-empty-results {
    margin: 0 auto
}

.od-search-results {
    padding: 0 10px;
    margin: 0 auto
}

.od-search-empty-results .od-search-results-list-your-practice,.od-search-empty-results .od-search-results-no-active-professionals {
    margin: 0;
    text-align: center;
    padding: 32px 20px
}

.od-search-empty-results .od-search-results-list-your-practice h4,.od-search-empty-results .od-search-results-list-your-practice p,.od-search-empty-results .od-search-results-no-active-professionals h4,.od-search-empty-results .od-search-results-no-active-professionals p {
    font-size: 16px;
    line-height: 22px
}

@media (max-width: 992px) {
    .od-search-empty-results .od-search-results-list-your-practice h4,.od-search-empty-results .od-search-results-list-your-practice p,.od-search-empty-results .od-search-results-no-active-professionals h4,.od-search-empty-results .od-search-results-no-active-professionals p {
        font-size:14px;
        line-height: 18px
    }
}

.od-search-empty-results .od-search-results-list-your-practice {
    display: block;
    margin-bottom: -50px
}

@media (max-width: 992px) {
    .od-search-empty-results .od-search-results-list-your-practice {
        margin-bottom:-30px
    }
}

.od-search-empty-results .od-search-results-list-your-practice-content {
    display: block
}

.od-search-empty-results .od-search-results-list-your-practice-action {
    margin-top: 28px;
    display: block
}

.od-search-results {
    max-width: 1280px;
    z-index: 1
}

@media (min-width: 992px) {
    .od-search-results {
        display:flex
    }
}

.od-search-results-list {
    padding-bottom: 10px
}

@media (min-width: 992px) {
    .od-search-results-list {
        flex:1 1 auto
    }
}

.od-search-results-list h1,.od-search-results-list h2 {
    margin: 0;
    text-align: center;
    font-weight: 600;
    padding: 20px 0;
    font-size: 14px;
    line-height: 22px
}

.od-search-results-list h1 strong,.od-search-results-list h2 strong {
    color: #0067B5;
    text-decoration: underline;
    cursor: pointer
}

.od-search-results-list-your-practice,.od-search-results-no-active-professionals {
    padding: 10px;
    margin: 20px 0;
    border-radius: 4px
}

.od-search-results-list-your-practice h4,.od-search-results-no-active-professionals h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 18px
}

.od-search-results-list-your-practice p,.od-search-results-no-active-professionals p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px
}

.od-search-results-no-active-professionals {
    background-color: #fee0ac
}

.od-search-results-list-your-practice {
    background-color: #fff
}

.od-search-results-list-your-practice-content {
    margin-bottom: 12px
}

.od-search-results-list-your-practice-action {
    text-align: center
}

@media (min-width: 640px) {
    .od-search-results-list-your-practice {
        display:flex;
        align-items: center
    }

    .od-search-results-list-your-practice-content {
        flex: 1 1 auto;
        margin-bottom: 0;
        margin-right: 12px
    }

    .od-search-results-list-your-practice-action {
        flex: 0 0 auto;
        display: flex;
        align-items: center
    }
}

.od-search-results-map {
    display: none;
    margin: 10px 0 10px 20px;
    position: sticky;
    top: 60px;
    align-self: flex-start
}

.od-search-results-map #od-search-results-map {
    min-height: 250px;
    height: calc(100vh - 70px);
    max-height: 640px;
    background-image: url(/assets/images/maps/map-380x640.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    backface-visibility: hidden;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1)
}

.od-search-results-map #od-search-results-map .od-google-maps-consent {
    position: absolute;
    top: -50%;
    bottom: -50%;
    max-height: 640px;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto
}

.od-search-results-map #od-search-results-map .od-google-maps-consent p {
    font-size: 14px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.od-search-results-map #od-search-results-map .od-google-maps-consent button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 42px;
    margin: auto
}

@media (min-width: 992px) {
    .od-search-results-map {
        display:block;
        flex: 1 0 auto;
        min-width: 240px;
        max-width: 252px
    }
}

@media (min-width: 1280px) {
    .od-search-results-map {
        max-width:252px
    }
}

.od-search-result {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.05);
    margin-bottom: 12px;
    transition: border .2s ease-out,box-shadow .2s ease-out
}

.od-search-result:not(.od-search-result-inactive) {
    min-height: 240px;
    flex-direction: column
}

@media (min-width: 640px) {
    .od-search-result:not(.od-search-result-inactive) {
        flex-direction:row
    }
}

.od-search-result.active {
    border-color: #0067B5;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1)
}

.od-search-result-info {
    flex: 0 0 auto
}

.od-search-result-info-container {
    width: 100%;
    font-size: 14px;
    display: flex
}

.od-search-result-info-picture {
    margin-right: 16px;
    flex: 0 0 auto
}

.od-search-result-info-picture img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.1)
}

.od-search-result-info-content {
    flex: 1 1 auto;
    padding-top: 8px
}

.od-search-result-info-content-name>a {
    color: #0067B5;
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 20px;
    letter-spacing: .6px;
    font-weight: 600;
    text-decoration: none
}

@media (max-width: 992px) {
    .od-search-result-info-content-name>a {
        font-size:18px
    }
}

.od-search-result-info-content-specialty {
    font-size: 14px;
    font-weight: 600
}

.od-search-result-info-content-specialty a {
    font-weight: inherit;
    text-decoration: none
}

.od-search-result-info-content-specialty a:hover {
    text-decoration: underline
}

.od-search-result-info-content-description {
    margin-top: 20px
}

.od-search-result-info-content-description>p:not(.od-search-result-info-content-description-no-new-patients) {
    line-height: 22px
}

.od-search-result-info-content-description-item {
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 13px;
    font-weight: 500;
    color: #4a4e4f
}

.od-search-result-info-content-description-item-icon {
    width: 22px;
    height: auto;
    margin-right: 8px
}

.od-search-result-info-content-action {
    display: none;
    margin-top: 16px
}

@media (min-width: 640px) {
    .od-search-result-info-content-action {
        display:block
    }
}

.od-search-result-info-content-checkmark {
    height: 18px;
    display: inline-block;
    margin-bottom: -.08em
}

@media (max-width: 992px) {
    .od-search-result-info-content-checkmark {
        height:16px;
        margin-bottom: -.08em
    }
}

@media (min-width: 640px) {
    .od-search-result-info {
        width:320px
    }
}

@media (min-width: 688px) {
    .od-search-result-info {
        width:380px
    }
}

.od-search-result-inactive {
    min-height: 120px
}

.od-search-result-inactive-info {
    flex: 1 1 auto;
    font-size: 14px
}

.od-search-result-inactive-info .od-search-result-info-content {
    padding-top: 0
}

@media (min-width: 640px) {
    .od-search-result-inactive-info .od-search-result-info-content {
        display:flex
    }

    .od-search-result-inactive-info .od-search-result-info-content .od-search-result-info-content-header {
        flex: 1 1 50%
    }

    .od-search-result-inactive-info .od-search-result-info-content .od-search-result-info-content-description {
        flex: 1 1 50%;
        margin-top: 0
    }
}

.od-search-result-inactive-action {
    flex: 0 0 auto
}

.od-search-result-avails {
    width: 100%;
    margin-top: 16px
}

@media (min-width: 640px) {
    .od-search-result-avails {
        flex:1 1 auto;
        margin-top: 0;
        margin-left: 8px;
        max-width: 460px
    }

    .od-search-result-avails .aw-day-slot {
        color: #4a4e4f;
        background-color: #e0e0e0
    }

    .od-search-result-avails .aw-day-slot:hover {
        color: #fff;
        background-color: #0067B5
    }

    .od-search-result-avails .aw-days-overlay {
        background-color: #b5b9ba
    }

    .od-search-result-avails .aw-days-more-slots-link {
        color: #4a4e4f;
        font-weight: 500
    }
}

.od-search-pagination {
    display: flex;
    margin-bottom: 20px
}

.od-search-pagination a {
    text-decoration: none
}

.od-search-pagination-next,.od-search-pagination-previous {
    flex: 1 1 50%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.05)
}

.od-search-pagination-next>a,.od-search-pagination-previous>a {
    width: 100%;
    height: 100%
}

.od-search-pagination-next>a>button.mdc-button,.od-search-pagination-previous>a>button.mdc-button {
    width: 100%
}

.od-search-pagination-next>a>button.mdc-button .mdc-button__icon,.od-search-pagination-previous>a>button.mdc-button .mdc-button__icon {
    font-size: 24px;
    font-weight: 600;
    width: 24px;
    height: 24px
}

.od-search-pagination-previous {
    margin-right: 20px
}

.od-search-pagination-previous>a>button.mdc-button {
    justify-content: flex-start
}

.od-search-pagination-next {
    margin-left: 20px
}

.od-search-pagination-next>a>button.mdc-button {
    justify-content: flex-end
}

.od-search-pagination-pages {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.od-search-pagination-pages button.mdc-button,.od-search-pagination-pages button.mdc-button[disabled] {
    border-radius: 4px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.05);
    min-width: 36px
}

.od-search-pagination-pages button.mdc-button {
    background-color: #fff
}

.od-search-pagination-pages button.mdc-button[disabled] {
    color: #fff!important;
    background-color: #0067B5!important
}

.od-search-footer {
    font-size: 13px;
    font-style: italic
}

.od-search .tooltip {
    transition: opacity .3s ease-out
}

.od-search .tooltip .tooltip-inner {
    max-width: none;
    background-color: #4f4f4f
}

.od-search .tooltip .tooltip-arrow {
    border-top-color: #4f4f4f!important
}

.od-search .tooltip a {
    color: #fff
}

.static.wrapper {
    padding: 30px 15px
}

.static h1,.static h2,.static h3 {
    font-family: Avenir;
    font-weight: 600
}

.static h1 {
    border-bottom: 1px solid #e0e0e0
}

.static a {
    color: $orange-hover
}

.static ul {
    margin-left: 30px;
    list-style: disc
}

.static ul li {
    padding: 0
}

.user-profile {
    margin: 0 auto;
    margin-top: 30px;
    padding-bottom: 50px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .user-profile {
        margin-left:30px;
        margin-right: 0
    }
}

.user-profile__section {
    flex: 0 1 480px
}

.user-profile__section:not(:last-child) {
    margin-bottom: 30px
}

.user-profile__title {
    color: #4a4e4f;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px
}

.user-profile__submit {
    width: 100%;
    height: 60px
}

@media (min-width: 992px) {
    .user-profile__submit {
        height:50px
    }
}

.user-profile__submit button {
    display: block;
    width: 460px;
    height: 100%;
    margin: auto;
    padding: 10px 25px;
    text-align: center;
    background-color: #fdb130;
    color: #fff
}

.user-profile__submit button:hover {
    background-color: $orange-hover
}

@media (max-width: 480px) {
    .user-profile__submit button {
        width:100%
    }
}

.recommend {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 30px 0
}

@media (min-width: 992px) {
    .recommend {
        padding-top:80px;
        padding-bottom: 80px
    }
}

.recommend__title {
    color: #4a4e4f;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.recommend__description {
    color: #4a4e4f;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px
}

body .Main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,body .Main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,body .Main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,body.od .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,body.od .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,body.od .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #fdb130
}

body .Main .mdc-text-field .mdc-text-field__input,body.od .mdc-text-field .mdc-text-field__input {
    caret-color: #fdb130
}

body .Main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,body .Main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,body .Main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing,body .Main .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,body .Main .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,body .Main .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,body.od .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,body.od .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,body.od .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing,body.od .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,body.od .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,body.od .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #fdb130
}

body .Main .mdc-checkbox:after,body .Main .mdc-checkbox:before,body .Main .mdc-checkbox__background:before,body.od .mdc-checkbox:after,body.od .mdc-checkbox:before,body.od .mdc-checkbox__background:before {
    background-color: #fdb130
}

body .Main .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,body .Main .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,body.od .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,body.od .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    background-color: #fdb130;
    border-color: #fdb130
}

body .Main .mdc-checkbox.mdc-checkbox--selected:after,body .Main .mdc-checkbox.mdc-checkbox--selected:before,body .Main .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,body .Main .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before,body.od .mdc-checkbox.mdc-checkbox--selected:after,body.od .mdc-checkbox.mdc-checkbox--selected:before,body.od .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,body.od .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before {
    background-color: #fdb130
}

body .Main .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,body .Main .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,body.od .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,body.od .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    animation-name: h
}

body .Main .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,body .Main .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,body.od .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,body.od .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    animation-name: i
}

body .Main .radio-set-item:before,body.od .radio-set-item:before {
    background-color: #fdb130
}

body .Main .radio-set-item.radio-set-item--checked,body.od .radio-set-item.radio-set-item--checked {
    border-color: #fdb130
}

body .Main .radio-set-item.radio-set-item--checked:hover,body.od .radio-set-item.radio-set-item--checked:hover {
    border-color: var(--od-theme-orange,#fdb130)
}

body .Main .radio-set-item.radio-set-item--checked .mdc-form-field.mdc-form-field--with-label-icon label i,body.od .radio-set-item.radio-set-item--checked .mdc-form-field.mdc-form-field--with-label-icon label i {
    color: #fdb130
}

body .Main .radio-set-item .mdc-radio:before,body.od .radio-set-item .mdc-radio:before {
    background-color: #fdb130
}

body .Main .radio-set-item .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__inner-circle,body .Main .radio-set-item .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,body.od .radio-set-item .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__inner-circle,body.od .radio-set-item .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #fdb130
}

body .Main .mdc-dialog .od-alert .st1,body.od .mdc-dialog .od-alert .st1 {
    fill: var(--od-theme-primary,#0067B5)
}

body .Main .mdc-dialog .od-alert .st2,body.od .mdc-dialog .od-alert .st2 {
    fill: var(--od-theme-orange,#fdb130)
}

@keyframes h {
    0% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }

    50% {
        border-color: #fdb130;
        background-color: #fdb130
    }
}

@keyframes i {
    0%,80% {
        border-color: #fdb130;
        background-color: #fdb130
    }

    to {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }
}

:root {
    --mdc-theme-primary: #6200ee;
    --mdc-theme-secondary: #018786;
    --mdc-theme-background: #fff;
    --mdc-theme-surface: #fff;
    --mdc-theme-error: #b00020;
    --mdc-theme-on-primary: #fff;
    --mdc-theme-on-secondary: #fff;
    --mdc-theme-on-surface: #000;
    --mdc-theme-on-error: #fff;
    --mdc-theme-text-primary-on-background: rgba(0,0,0,.87);
    --mdc-theme-text-secondary-on-background: rgba(0,0,0,.54);
    --mdc-theme-text-hint-on-background: rgba(0,0,0,.38);
    --mdc-theme-text-disabled-on-background: rgba(0,0,0,.38);
    --mdc-theme-text-icon-on-background: rgba(0,0,0,.38);
    --mdc-theme-text-primary-on-light: rgba(0,0,0,.87);
    --mdc-theme-text-secondary-on-light: rgba(0,0,0,.54);
    --mdc-theme-text-hint-on-light: rgba(0,0,0,.38);
    --mdc-theme-text-disabled-on-light: rgba(0,0,0,.38);
    --mdc-theme-text-icon-on-light: rgba(0,0,0,.38);
    --mdc-theme-text-primary-on-dark: #fff;
    --mdc-theme-text-secondary-on-dark: hsla(0,0%,100%,.7);
    --mdc-theme-text-hint-on-dark: hsla(0,0%,100%,.5);
    --mdc-theme-text-disabled-on-dark: hsla(0,0%,100%,.5);
    --mdc-theme-text-icon-on-dark: hsla(0,0%,100%,.5)
}

.mdc-theme--primary {
    color: #6200ee!important;
    color: var(--mdc-theme-primary,#6200ee)!important
}

.mdc-theme--secondary {
    color: #018786!important;
    color: var(--mdc-theme-secondary,#018786)!important
}

.mdc-theme--background {
    background-color: #fff;
    background-color: var(--mdc-theme-background,#fff)
}

.mdc-theme--surface {
    background-color: #fff;
    background-color: var(--mdc-theme-surface,#fff)
}

.mdc-theme--error {
    color: #b00020!important;
    color: var(--mdc-theme-error,#b00020)!important
}

.mdc-theme--on-primary {
    color: #fff!important;
    color: var(--mdc-theme-on-primary,#fff)!important
}

.mdc-theme--on-secondary {
    color: #fff!important;
    color: var(--mdc-theme-on-secondary,#fff)!important
}

.mdc-theme--on-surface {
    color: #000!important;
    color: var(--mdc-theme-on-surface,#000)!important
}

.mdc-theme--on-error {
    color: #fff!important;
    color: var(--mdc-theme-on-error,#fff)!important
}

.mdc-theme--text-primary-on-background {
    color: rgba(0,0,0,.87)!important;
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))!important
}

.mdc-theme--text-secondary-on-background {
    color: rgba(0,0,0,.54)!important;
    color: var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))!important
}

.mdc-theme--text-hint-on-background {
    color: rgba(0,0,0,.38)!important;
    color: var(--mdc-theme-text-hint-on-background,rgba(0,0,0,.38))!important
}

.mdc-theme--text-disabled-on-background {
    color: rgba(0,0,0,.38)!important;
    color: var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.38))!important
}

.mdc-theme--text-icon-on-background {
    color: rgba(0,0,0,.38)!important;
    color: var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))!important
}

.mdc-theme--text-primary-on-light {
    color: rgba(0,0,0,.87)!important;
    color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87))!important
}

.mdc-theme--text-secondary-on-light {
    color: rgba(0,0,0,.54)!important;
    color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))!important
}

.mdc-theme--text-hint-on-light {
    color: rgba(0,0,0,.38)!important;
    color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38))!important
}

.mdc-theme--text-disabled-on-light {
    color: rgba(0,0,0,.38)!important;
    color: var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))!important
}

.mdc-theme--text-icon-on-light {
    color: rgba(0,0,0,.38)!important;
    color: var(--mdc-theme-text-icon-on-light,rgba(0,0,0,.38))!important
}

.mdc-theme--text-primary-on-dark {
    color: #fff!important;
    color: var(--mdc-theme-text-primary-on-dark,#fff)!important
}

.mdc-theme--text-secondary-on-dark {
    color: hsla(0,0%,100%,.7)!important;
    color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))!important
}

.mdc-theme--text-hint-on-dark {
    color: hsla(0,0%,100%,.5)!important;
    color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))!important
}

.mdc-theme--text-disabled-on-dark {
    color: hsla(0,0%,100%,.5)!important;
    color: var(--mdc-theme-text-disabled-on-dark,hsla(0,0%,100%,.5))!important
}

.mdc-theme--text-icon-on-dark {
    color: hsla(0,0%,100%,.5)!important;
    color: var(--mdc-theme-text-icon-on-dark,hsla(0,0%,100%,.5))!important
}

.mdc-theme--primary-bg {
    background-color: #6200ee!important;
    background-color: var(--mdc-theme-primary,#6200ee)!important
}

.mdc-theme--secondary-bg {
    background-color: #018786!important;
    background-color: var(--mdc-theme-secondary,#018786)!important
}

.mdc-elevation--z0 {
    box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)
}

.mdc-elevation--z1 {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)
}

.mdc-elevation--z2 {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.mdc-elevation--z3 {
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)
}

.mdc-elevation--z4 {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
}

.mdc-elevation--z5 {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)
}

.mdc-elevation--z6 {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)
}

.mdc-elevation--z7 {
    box-shadow: 0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)
}

.mdc-elevation--z8 {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.mdc-elevation--z9 {
    box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)
}

.mdc-elevation--z10 {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)
}

.mdc-elevation--z11 {
    box-shadow: 0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)
}

.mdc-elevation--z12 {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)
}

.mdc-elevation--z13 {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)
}

.mdc-elevation--z14 {
    box-shadow: 0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)
}

.mdc-elevation--z15 {
    box-shadow: 0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)
}

.mdc-elevation--z16 {
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)
}

.mdc-elevation--z17 {
    box-shadow: 0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)
}

.mdc-elevation--z18 {
    box-shadow: 0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)
}

.mdc-elevation--z19 {
    box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)
}

.mdc-elevation--z20 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)
}

.mdc-elevation--z21 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)
}

.mdc-elevation--z22 {
    box-shadow: 0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)
}

.mdc-elevation--z23 {
    box-shadow: 0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)
}

.mdc-elevation--z24 {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)
}

.mdc-elevation-transition {
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow
}

.mdc-button {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    background-color: transparent;
    color: rgba(0,0,0,.37);
    cursor: default;
    pointer-events: none
}

.mdc-button.mdc-button--dense {
    border-radius: 4px
}

.mdc-button:not(:disabled) {
    background-color: transparent
}

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: top
}

.mdc-button .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button .mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button:not(:disabled) {
    color: #6200ee;
    color: var(--mdc-theme-primary,#6200ee)
}

.mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button__label+.mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button__label+.mdc-button__icon {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px
}

.mdc-button--outlined .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon {
    margin-left: 8px;
    margin-right: -4px
}

.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px
}

.mdc-button--raised,.mdc-button--unelevated {
    padding: 0 16px
}

.mdc-button--raised:disabled,.mdc-button--unelevated:disabled {
    background-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,.37)
}

.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled) {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    .mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled) {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled) {
    color: #fff;
    color: var(--mdc-theme-on-primary,#fff)
}

.mdc-button--raised {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1)
}

.mdc-button--raised:focus,.mdc-button--raised:hover {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)
}

.mdc-button--raised:active {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.mdc-button--raised:disabled {
    box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)
}

.mdc-button--outlined {
    border-style: solid;
    padding: 0 15px;
    border-width: 1px
}

.mdc-button--outlined:disabled {
    border-color: rgba(0,0,0,.37)
}

.mdc-button--outlined:not(:disabled) {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-button--dense {
    height: 32px;
    font-size: .8125rem
}

.mdc-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mdc-button:after,.mdc-button:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-button:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-button.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-button.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-button.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-button.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-button.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-button:after,.mdc-button:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-button.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-button:after,.mdc-button:before {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    .mdc-button:after,.mdc-button:before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

.mdc-button:hover:before {
    opacity: .04
}

.mdc-button.mdc-ripple-upgraded--background-focused:before,.mdc-button:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-button:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-button:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-button--raised:after,.mdc-button--raised:before,.mdc-button--unelevated:after,.mdc-button--unelevated:before {
    background-color: #fff
}

@supports not (-ms-ime-align:auto) {
    .mdc-button--raised:after,.mdc-button--raised:before,.mdc-button--unelevated:after,.mdc-button--unelevated:before {
        background-color: var(--mdc-theme-on-primary,#fff)
    }
}

.mdc-button--raised:hover:before,.mdc-button--unelevated:hover:before {
    opacity: .08
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused:before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus:before,.mdc-button--unelevated.mdc-ripple-upgraded--background-focused:before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised:not(.mdc-ripple-upgraded):after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active:after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised.mdc-ripple-upgraded,.mdc-button--unelevated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-icon-button {
    width: 48px;
    height: 48px;
    padding: 12px;
    font-size: 24px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-icon-button img,.mdc-icon-button svg {
    width: 24px;
    height: 24px
}

.mdc-icon-button:disabled {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));
    cursor: default;
    pointer-events: none
}

.mdc-icon-button__icon {
    display: inline-block
}

.mdc-icon-button--on .mdc-icon-button__icon,.mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: inline-block
}

.mdc-icon-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mdc-icon-button:after,.mdc-icon-button:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-icon-button:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-icon-button.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-icon-button.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-icon-button.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-icon-button:after,.mdc-icon-button:before {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}

.mdc-icon-button.mdc-ripple-upgraded:after,.mdc-icon-button.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top,0%);
    left: var(--mdc-ripple-left,0%);
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-icon-button.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-icon-button:after,.mdc-icon-button:before {
    background-color: #000
}

.mdc-icon-button:hover:before {
    opacity: .04
}

.mdc-icon-button.mdc-ripple-upgraded--background-focused:before,.mdc-icon-button:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-icon-button:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-icon-button:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-icon-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-form-field {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.mdc-form-field>label {
    order: 0;
    margin-right: auto;
    padding-left: 4px
}

.mdc-form-field--align-end>label,.mdc-form-field[dir=rtl]>label,[dir=rtl] .mdc-form-field>label {
    margin-left: auto;
    padding-right: 4px
}

.mdc-form-field--align-end>label {
    order: -1
}

.mdc-form-field--align-end[dir=rtl]>label,[dir=rtl] .mdc-form-field--align-end>label {
    margin-right: auto;
    padding-left: 4px
}

.mdc-text-field-helper-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin: 0;
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    will-change: opacity
}

.mdc-text-field-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-helper-text--persistent {
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-text-field-character-counter {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 0;
    white-space: nowrap
}

.mdc-text-field-character-counter:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-character-counter[dir=rtl],[dir=rtl] .mdc-text-field-character-counter {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    position: absolute;
    bottom: 16px;
    cursor: pointer
}

.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-text-field {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-radius: 4px 4px 0 0;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity,transform,color
}

.mdc-text-field:after,.mdc-text-field:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-text-field:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-text-field.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-text-field.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-text-field.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-text-field.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-text-field:after,.mdc-text-field:before {
    background-color: rgba(0,0,0,.87)
}

.mdc-text-field:hover:before {
    opacity: .04
}

.mdc-text-field.mdc-ripple-upgraded--background-focused:before,.mdc-text-field:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-text-field:after,.mdc-text-field:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-text-field.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0,0,0,.6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(0,0,0,.87)
}

.mdc-text-field .mdc-text-field__input {
    caret-color: #6200ee;
    caret-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: rgba(0,0,0,.42)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: rgba(0,0,0,.87)
}

.mdc-text-field .mdc-line-ripple {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0,0,0,.12)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter {
    color: rgba(0,0,0,.6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: rgba(0,0,0,.54)
}

.mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field .mdc-floating-label {
    left: 16px;
    right: auto;
    top: 18px;
    pointer-events: none
}

.mdc-text-field .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-text-field--textarea .mdc-floating-label {
    left: 4px;
    right: auto
}

.mdc-text-field--textarea .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--textarea .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: auto;
    top: 17px
}

.mdc-text-field--outlined .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: 40px;
    right: auto
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: auto;
    right: 40px
}

.mdc-text-field__input {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 16px 6px;
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background: none;
    appearance: none
}

.mdc-text-field__input::-webkit-input-placeholder {
    transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    color: rgba(0,0,0,.54)
}

.mdc-text-field__input:-ms-input-placeholder,.mdc-text-field__input::-ms-input-placeholder {
    transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    color: rgba(0,0,0,.54)
}

.mdc-text-field__input::placeholder {
    transition: opacity 67ms cubic-bezier(.4,0,.2,1);
    opacity: 0;
    color: rgba(0,0,0,.54)
}

.mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)!important
}

.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder {
    transition-delay: 40ms;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::placeholder,.mdc-text-field--fullwidth .mdc-text-field__input::placeholder,.mdc-text-field--no-label .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field__input:focus {
    outline: none
}

.mdc-text-field__input:invalid {
    box-shadow: none
}

.mdc-text-field__input:-webkit-autofill {
    z-index: auto!important
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding-top: 16px;
    padding-bottom: 16px
}

.mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
    transform: translateY(-50%) scale(.75);
    cursor: auto
}

.mdc-text-field--outlined {
    border: none;
    overflow: visible
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.38)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.87)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: k .25s 1
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--outlined:after,.mdc-text-field--outlined:before {
    content: none
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: flex;
    padding: 12px 16px 14px;
    border: none!important;
    background-color: transparent;
    z-index: 1
}

.mdc-text-field--outlined .mdc-text-field__icon {
    z-index: 2
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--outlined.mdc-text-field--disabled {
    background-color: transparent
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.06)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

.mdc-text-field--outlined.mdc-text-field--dense {
    height: 48px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-134%) scale(1);
    font-size: .8rem
}

.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-120%) scale(.8);
    font-size: 1rem
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    animation: l .25s 1
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 7px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    top: 14px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
    top: 12px
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: auto
}

.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) translateX(-32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: n .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-134%) translateX(-21px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-134%) translateX(21px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .8rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-120%) translateX(-21px) scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-120%) translateX(21px) scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    animation: m .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    animation: o .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: 32px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: auto;
    right: 32px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon {
    right: 12px;
    left: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon {
    right: auto;
    left: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    bottom: 16px;
    transform: scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: 44px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: auto;
    right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon {
    right: auto;
    left: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 44px
}

.mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-70%) scale(.8)
}

.mdc-text-field--dense .mdc-floating-label--shake {
    animation: j .25s 1
}

.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 0
}

.mdc-text-field--dense .mdc-floating-label,.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .813rem
}

.mdc-text-field__input:required~.mdc-floating-label:after,.mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    margin-left: 1px;
    content: "*"
}

.mdc-text-field--textarea {
    display: inline-flex;
    width: auto;
    height: auto;
    transition: none;
    overflow: visible
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.38)
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.87)
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-text-field--textarea .mdc-floating-label--shake {
    animation: k .25s 1
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing,[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea:after,.mdc-text-field--textarea:before {
    content: none
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--textarea .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--textarea .mdc-text-field-character-counter {
    left: auto;
    right: 16px;
    position: absolute;
    bottom: 13px
}

.mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl],[dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter {
    left: 16px;
    right: auto
}

.mdc-text-field--textarea .mdc-text-field__input {
    -ms-grid-row-align: auto;
    align-self: auto;
    box-sizing: border-box;
    height: auto;
    margin: 8px 1px 1px 0;
    padding: 0 16px 16px;
    border: none
}

.mdc-text-field--textarea .mdc-text-field-character-counter+.mdc-text-field__input {
    margin-bottom: 28px;
    padding-bottom: 0
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 17px;
    bottom: auto;
    width: auto;
    pointer-events: none
}

.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--fullwidth {
    width: 100%
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: block
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):after,.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):before {
    content: none
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding: 0
}

.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
    resize: vertical
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field-helper-line {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.mdc-text-field--dense+.mdc-text-field-helper-line {
    margin-bottom: 4px
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-form-field>.mdc-text-field+label {
    align-self: flex-start
}

.mdc-text-field--focused .mdc-text-field__input:required~.mdc-floating-label:after,.mdc-text-field--focused .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after,.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(98,0,238,.87)
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #b00020;
    caret-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon~.mdc-text-field__icon,.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required~.mdc-floating-label:after,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-text-field--disabled {
    background-color: #fafafa;
    border-bottom: none;
    pointer-events: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(0,0,0,.06);
    color: rgba(0,0,0,.37)
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,.mdc-text-field--disabled .mdc-floating-label,.mdc-text-field--disabled .mdc-text-field-character-counter {
    color: rgba(0,0,0,.37)
}

.mdc-text-field--disabled .mdc-text-field__icon {
    color: rgba(0,0,0,.3)
}

.mdc-text-field--disabled:not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0,0,0,.12)
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.mdc-text-field--textarea.mdc-text-field--disabled {
    background-color: transparent;
    background-color: #f9f9f9
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.06)
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

@keyframes j {
    0% {
        transform: translateX(0%) translateY(-70%) scale(.8)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(4%) translateY(-70%) scale(.8)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(-4%) translateY(-70%) scale(.8)
    }

    to {
        transform: translateX(0%) translateY(-70%) scale(.8)
    }
}

@keyframes k {
    0% {
        transform: translateX(0%) translateY(-130%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        transform: translateX(0%) translateY(-130%) scale(.75)
    }
}

@keyframes l {
    0% {
        transform: translateX(0%) translateY(-120%) scale(.8)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(4%) translateY(-120%) scale(.8)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(-4%) translateY(-120%) scale(.8)
    }

    to {
        transform: translateX(0%) translateY(-120%) scale(.8)
    }
}

@keyframes m {
    0% {
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }

    to {
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }
}

@keyframes n {
    0% {
        transform: translateX(0) translateY(-130%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }

    to {
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes o {
    0% {
        transform: translateX(21px) translateY(-120%) scale(.8)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
    }

    to {
        transform: translateX(21px) translateY(-120%) scale(.8)
    }
}

@keyframes p {
    0%,50% {
        stroke-dashoffset: 29.7833385
    }

    50% {
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes q {
    0%,68.2% {
        transform: scaleX(0)
    }

    68.2% {
        animation-timing-function: cubic-bezier(0,0,0,1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes r {
    0% {
        animation-timing-function: cubic-bezier(.4,0,1,1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.7833385
    }
}

@keyframes s {
    0% {
        animation-timing-function: cubic-bezier(0,0,.2,1);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes t {
    0% {
        animation-timing-function: cubic-bezier(.14,0,0,1);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: rotate(1turn);
        opacity: 1
    }
}

@keyframes u {
    0% {
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: rotate(0deg);
        opacity: 1
    }
}

@keyframes v {
    0% {
        animation-timing-function: cubic-bezier(.14,0,0,1);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        transform: rotate(315deg);
        opacity: 0
    }
}

@keyframes w {
    0% {
        animation-timing-function: linear;
        transform: scaleX(1);
        opacity: 1
    }

    32.8%,to {
        transform: scaleX(0);
        opacity: 0
    }
}

.mdc-checkbox {
    display: inline-block;
    position: relative;
    flex: 0 0 18px;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom
}

.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-checkbox.mdc-checkbox--selected:after,.mdc-checkbox.mdc-checkbox--selected:before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox.mdc-checkbox--selected:after,.mdc-checkbox.mdc-checkbox--selected:before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-checkbox.mdc-checkbox--selected:hover:before {
    opacity: .04
}

.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused:before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: rgba(0,0,0,.54);
    background-color: transparent
}

.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary,#018786);
    background-color: #018786;
    background-color: var(--mdc-theme-secondary,#018786)
}

@keyframes x {
    0% {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }

    50% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

@keyframes y {
    0%,80% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary,#018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary,#018786)
    }

    to {
        border-color: rgba(0,0,0,.54);
        background-color: transparent
    }
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    animation-name: x
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    animation-name: y
}

.mdc-checkbox__checkmark {
    color: #fff
}

.mdc-checkbox__mixedmark {
    border-color: #fff
}

.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: rgba(0,0,0,.26)
}

.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
    border-color: transparent;
    background-color: rgba(0,0,0,.26)
}

@media screen and (-ms-high-contrast:active) {
    .mdc-checkbox__mixedmark {
        margin: 0 1px
    }
}

.mdc-checkbox--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-checkbox__background {
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-radius: 2px;
    background-color: transparent;
    pointer-events: none;
    will-change: background-color,border-color;
    transition: background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox__background .mdc-checkbox__background:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox__background .mdc-checkbox__background:before {
        background-color: var(--mdc-theme-on-surface,#000)
    }
}

.mdc-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity .18s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
    opacity: 1
}

.mdc-checkbox__checkmark-path {
    transition: stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.7833385;
    stroke-dasharray: 29.7833385
}

.mdc-checkbox__mixedmark {
    width: 100%;
    height: 0;
    transform: scaleX(0) rotate(0deg);
    border-width: 1px;
    border-style: solid;
    opacity: 0;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
    transition: none!important
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
    animation-duration: .18s;
    animation-timing-function: linear
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
    animation: p .18s linear 0s;
    transition: none
}

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
    animation: q 90ms linear 0s;
    transition: none
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
    animation: r 90ms linear 0s;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
    animation: s 90ms linear 0s;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
    animation: u 90ms linear 0s;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
    animation: t .5s linear 0s;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
    animation: v .5s linear 0s;
    transition: none
}

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
    animation: w .3s linear 0s;
    transition: none
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
    transition: border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke-dashoffset: 0
}

.mdc-checkbox__background:before {
    position: absolute;
    transform: scale(0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    will-change: opacity,transform;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox__native-control:focus~.mdc-checkbox__background:before {
    transform: scale(1);
    opacity: .12;
    transition: opacity 80ms cubic-bezier(0,0,.2,1) 0ms,transform 80ms cubic-bezier(0,0,.2,1) 0ms
}

.mdc-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit
}

.mdc-checkbox__native-control:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
    transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms,transform .18s cubic-bezier(0,0,.2,1) 0ms;
    opacity: 1
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    transform: scaleX(1) rotate(-45deg)
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark {
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 90ms cubic-bezier(.4,0,.6,1) 0ms,transform 90ms cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    transform: scaleX(1) rotate(0deg);
    opacity: 1
}

.mdc-checkbox {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 11px
}

.mdc-checkbox:after,.mdc-checkbox:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-checkbox:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-checkbox.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-checkbox.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-checkbox:after,.mdc-checkbox:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox:after,.mdc-checkbox:before {
        background-color: var(--mdc-theme-on-surface,#000)
    }
}

.mdc-checkbox:hover:before {
    opacity: .04
}

.mdc-checkbox.mdc-ripple-upgraded--background-focused:before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-checkbox:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-checkbox:after,.mdc-checkbox:before {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}

.mdc-checkbox.mdc-ripple-upgraded:after,.mdc-checkbox.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top,0%);
    left: var(--mdc-ripple-left,0%);
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-checkbox.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-checkbox .mdc-checkbox__background {
    left: 11px;
    right: auto;
    top: 11px
}

.mdc-checkbox[dir=rtl] .mdc-checkbox .mdc-checkbox__background,[dir=rtl] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
    left: auto;
    right: 11px
}

.mdc-checkbox .mdc-checkbox__background:before {
    top: -13px;
    left: -13px;
    width: 40px;
    height: 40px
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background:before {
    content: none
}

.mdc-radio {
    display: inline-block;
    position: relative;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer;
    will-change: opacity,transform,border-color,color
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0,0,0,.54)
}

.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary,#018786)
}

.mdc-radio .mdc-radio__background:before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio .mdc-radio__background:before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-radio__background {
    display: inline-block;
    position: absolute;
    left: 10px;
    box-sizing: border-box;
    width: 50%;
    height: 50%
}

.mdc-radio__background:before {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    content: "";
    transition: opacity .12s cubic-bezier(.4,0,.6,1) 0ms,transform .12s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-radio__background:before,.mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.mdc-radio__outer-circle {
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    transition: border-color .12s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-radio__inner-circle {
    box-sizing: border-box;
    transform: scale(0);
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
    transition: transform .12s cubic-bezier(.4,0,.6,1) 0ms,border-color .12s cubic-bezier(.4,0,.6,1) 0ms
}

.mdc-radio__inner-circle,.mdc-radio__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-radio__native-control {
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    z-index: 1
}

.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background {
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
    transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,border-color .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
    transform: scale(.5);
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,border-color .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background {
    cursor: default
}

.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0,0,0,.26)
}

.mdc-radio__native-control:focus+.mdc-radio__background:before {
    transform: scale(2);
    opacity: .12;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mdc-radio:after,.mdc-radio:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-radio:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-radio.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-radio.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-radio.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-radio.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-radio:after,.mdc-radio:before {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}

.mdc-radio.mdc-ripple-upgraded:after,.mdc-radio.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top,0%);
    left: var(--mdc-ripple-left,0%);
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-radio.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-radio:after,.mdc-radio:before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio:after,.mdc-radio:before {
        background-color: var(--mdc-theme-secondary,#018786)
    }
}

.mdc-radio:hover:before {
    opacity: .04
}

.mdc-radio.mdc-ripple-upgraded--background-focused:before,.mdc-radio:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-radio:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-radio:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-radio.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background:before {
    content: none
}

.mdc-line-ripple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    transition: transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    z-index: 2
}

.mdc-line-ripple--active {
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating {
    opacity: 0
}

.mdc-notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.mdc-notched-outline[dir=rtl],[dir=rtl] .mdc-notched-outline {
    text-align: right
}

.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    transition: border .15s cubic-bezier(.4,0,.2,1);
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

.mdc-notched-outline__leading[dir=rtl],.mdc-notched-outline__trailing,[dir=rtl] .mdc-notched-outline__leading {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    flex-grow: 1
}

.mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-notched-outline__trailing {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 12px * 2)
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    top: 17px;
    bottom: auto;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.33333%
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl],[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    padding: 0
}

.mdc-floating-label {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    position: absolute;
    left: 0;
    transform-origin: left top;
    transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

.mdc-floating-label[dir=rtl],[dir=rtl] .mdc-floating-label {
    right: 0;
    left: auto;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto;
    transform: translateY(-50%) scale(.75)
}

.mdc-floating-label--shake {
    animation: z .25s 1
}

@keyframes z {
    0% {
        transform: translateX(0%) translateY(-50%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(4%) translateY(-50%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(-4%) translateY(-50%) scale(.75)
    }

    to {
        transform: translateX(0%) translateY(-50%) scale(.75)
    }
}

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
    color: #000;
    color: var(--mdc-theme-on-surface,#000)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    display: inline-block;
    position: absolute;
    bottom: 16px;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    fill: currentColor;
    opacity: .54;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-select__icon:not([tabindex]),.mdc-select__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-select-helper-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin: 0;
    transition: opacity .18s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    will-change: opacity
}

.mdc-select-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-select-helper-text--persistent {
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-select {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity,transform,color
}

.mdc-select:not(.mdc-select--disabled) {
    background-color: #f5f5f5
}

.mdc-select:after,.mdc-select:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-select:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-select.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-select.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-select.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-select.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-select.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-select:after,.mdc-select:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-select.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-select:after,.mdc-select:before {
    background-color: rgba(0,0,0,.87)
}

.mdc-select:hover:before {
    opacity: .04
}

.mdc-select.mdc-ripple-upgraded--background-focused:before,.mdc-select:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: rgba(0,0,0,.87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(0,0,0,.6)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: rgba(0,0,0,.42)
}

.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text {
    color: rgba(0,0,0,.6)
}

.mdc-select,.mdc-select__native-control {
    border-radius: 4px 4px 0 0
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: rgba(98,0,238,.87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: rgba(0,0,0,.87)
}

.mdc-select .mdc-floating-label--float-above {
    transform: translateY(-70%) scale(.75)
}

.mdc-select .mdc-floating-label {
    left: 16px;
    right: auto;
    top: 21px;
    pointer-events: none
}

.mdc-select .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: auto
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-select.mdc-select--outlined .mdc-floating-label {
    left: 4px;
    right: auto;
    top: 17px
}

.mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: 36px;
    right: auto
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: auto;
    right: 36px
}

.mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%;
    left: auto;
    right: 8px;
    position: absolute;
    bottom: 16px;
    width: 24px;
    height: 24px;
    transition: transform .15s cubic-bezier(.4,0,.2,1);
    pointer-events: none
}

.mdc-select__dropdown-icon[dir=rtl],[dir=rtl] .mdc-select__dropdown-icon {
    left: 8px;
    right: auto
}

.mdc-select--focused .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236200ee' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--activated .mdc-select__dropdown-icon {
    transform: rotate(180deg) translateY(-5px);
    transition: transform .15s cubic-bezier(.4,0,.2,1)
}

.mdc-select__native-control {
    padding-top: 20px
}

.mdc-select.mdc-select--focused .mdc-line-ripple:after {
    transform: scaleY(2);
    opacity: 1
}

.mdc-select+.mdc-select-helper-text {
    margin-right: 12px;
    margin-left: 12px
}

.mdc-select--outlined+.mdc-select-helper-text {
    margin-right: 16px;
    margin-left: 16px
}

.mdc-select--focused+.mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
    opacity: 1
}

.mdc-select__selected-text {
    min-width: 200px;
    padding-top: 22px
}

.mdc-select__native-control,.mdc-select__selected-text {
    padding: 20px 52px 4px 16px;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    border: none;
    border-bottom: 1px solid;
    outline: none;
    background-color: transparent;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    appearance: none
}

.mdc-select__native-control[dir=rtl],.mdc-select__selected-text[dir=rtl],[dir=rtl] .mdc-select__native-control,[dir=rtl] .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select__native-control::-ms-expand,.mdc-select__selected-text::-ms-expand {
    display: none
}

.mdc-select__native-control::-ms-value,.mdc-select__selected-text::-ms-value {
    background-color: transparent;
    color: inherit
}

@-moz-document url-prefix("") {
    .mdc-select__native-control,.mdc-select__selected-text {
        text-indent: -2px
    }
}

.mdc-select--outlined {
    border: none;
    overflow: visible
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.38)
}

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.87)
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-select--outlined .mdc-floating-label--shake {
    animation: k .25s 1
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-select__native-control {
    border-radius: 4px
}

.mdc-select--outlined:after,.mdc-select--outlined:before {
    content: none
}

.mdc-select--outlined:not(.mdc-select--disabled) {
    background-color: transparent
}

.mdc-select--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-select--outlined .mdc-select__native-control,.mdc-select--outlined .mdc-select__selected-text {
    padding: 12px 52px 12px 16px;
    display: flex;
    border: none;
    background-color: transparent;
    z-index: 1
}

.mdc-select--outlined .mdc-select__native-control[dir=rtl],.mdc-select--outlined .mdc-select__selected-text[dir=rtl],[dir=rtl] .mdc-select--outlined .mdc-select__native-control,[dir=rtl] .mdc-select--outlined .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select--outlined .mdc-select__selected-text {
    padding-top: 14px
}

.mdc-select--outlined .mdc-select__icon {
    z-index: 2
}

.mdc-select--outlined .mdc-floating-label {
    line-height: 1.15rem;
    pointer-events: auto
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: #b00020
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #b00020;
    border-color: var(--mdc-theme-error,#b00020)
}

.mdc-select--invalid .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23b00020' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    opacity: 1
}

.mdc-select--required .mdc-floating-label:after {
    content: "*"
}

.mdc-select--disabled {
    background-color: #fafafa;
    cursor: default;
    pointer-events: none
}

.mdc-select--disabled .mdc-floating-label {
    color: rgba(0,0,0,.37)
}

.mdc-select--disabled .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.37' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--disabled .mdc-line-ripple {
    display: none
}

.mdc-select--disabled .mdc-select__icon {
    color: rgba(0,0,0,.37)
}

.mdc-select--disabled .mdc-select__native-control,.mdc-select--disabled .mdc-select__selected-text {
    color: rgba(0,0,0,.37);
    border-bottom-style: dotted
}

.mdc-select--disabled .mdc-select__selected-text {
    pointer-events: none
}

.mdc-select--disabled.mdc-select--outlined {
    background-color: transparent
}

.mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,.mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
    border-bottom-style: none
}

.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,.16)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    left: 16px;
    right: auto
}

.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon {
    left: auto;
    right: 16px
}

.mdc-select--with-leading-icon .mdc-select__native-control,.mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 48px;
    padding-right: 32px
}

.mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control,[dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 32px;
    padding-right: 48px
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) translateX(-32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    animation: A .25s 1
}

.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake,[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    animation: B .25s 1
}

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text,.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
    padding-left: 32px;
    padding-right: 32px
}

.mdc-select__menu .mdc-list .mdc-list-item--selected {
    color: #000;
    color: var(--mdc-theme-on-surface,#000)
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:after,.mdc-select__menu .mdc-list .mdc-list-item--selected:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-select__menu .mdc-list .mdc-list-item--selected:after,.mdc-select__menu .mdc-list .mdc-list-item--selected:before {
        background-color: var(--mdc-theme-on-surface,#000)
    }
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:hover:before {
    opacity: .04
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before,.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

@keyframes A {
    0% {
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }

    to {
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }
}

@keyframes B {
    0% {
        transform: translateX(32px) translateY(-130%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5,0,.701732,.495819);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435,.381352,.55,.956352);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }

    to {
        transform: translateX(32px) translateY(-130%) scale(.75)
    }
}

.mdc-card {
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--mdc-theme-surface,#fff);
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.mdc-card--outlined {
    box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);
    border: 1px solid #e0e0e0
}

.mdc-card__media {
    position: relative;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.mdc-card__media:before {
    display: block;
    content: ""
}

.mdc-card__media:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.mdc-card__media:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.mdc-card__media--square:before {
    margin-top: 100%
}

.mdc-card__media--16-9:before {
    margin-top: 56.25%
}

.mdc-card__media-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box
}

.mdc-card__primary-action {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    outline: none;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden
}

.mdc-card__primary-action:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.mdc-card__primary-action:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.mdc-card__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    min-height: 52px;
    padding: 8px
}

.mdc-card__actions--full-bleed {
    padding: 0
}

.mdc-card__action-buttons,.mdc-card__action-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box
}

.mdc-card__action-icons {
    color: rgba(0,0,0,.6);
    flex-grow: 1;
    justify-content: flex-end
}

.mdc-card__action-buttons+.mdc-card__action-icons {
    margin-left: 16px;
    margin-right: 0
}

.mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl],[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons {
    margin-left: 0;
    margin-right: 16px
}

.mdc-card__action {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-card__action:focus {
    outline: none
}

.mdc-card__action--button {
    margin-left: 0;
    margin-right: 8px;
    padding: 0 8px
}

.mdc-card__action--button[dir=rtl],[dir=rtl] .mdc-card__action--button {
    margin-left: 8px;
    margin-right: 0
}

.mdc-card__action--button:last-child,.mdc-card__action--button:last-child[dir=rtl],[dir=rtl] .mdc-card__action--button:last-child {
    margin-left: 0;
    margin-right: 0
}

.mdc-card__actions--full-bleed .mdc-card__action--button {
    justify-content: space-between;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 8px 16px;
    text-align: left
}

.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl],[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button {
    text-align: right
}

.mdc-card__action--icon {
    margin: -6px 0;
    padding: 12px
}

.mdc-card__action--icon:not(:disabled) {
    color: rgba(0,0,0,.6)
}

.mdc-card__primary-action {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mdc-card__primary-action:after,.mdc-card__primary-action:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-card__primary-action:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-card__primary-action.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-card__primary-action.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-card__primary-action.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-card__primary-action:after,.mdc-card__primary-action:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-card__primary-action.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-card__primary-action:after,.mdc-card__primary-action:before {
    background-color: #000
}

.mdc-card__primary-action:hover:before {
    opacity: .04
}

.mdc-card__primary-action.mdc-ripple-upgraded--background-focused:before,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-card__primary-action:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-card__primary-action:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-card__primary-action.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-dialog,.mdc-dialog__scrim {
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.mdc-dialog {
    display: none;
    z-index: 7
}

.mdc-dialog .mdc-dialog__surface {
    background-color: #fff;
    background-color: var(--mdc-theme-surface,#fff)
}

.mdc-dialog .mdc-dialog__scrim {
    background-color: rgba(0,0,0,.32)
}

.mdc-dialog .mdc-dialog__title {
    color: rgba(0,0,0,.87)
}

.mdc-dialog .mdc-dialog__content {
    color: rgba(0,0,0,.6)
}

.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions,.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
    border-color: rgba(0,0,0,.12)
}

.mdc-dialog .mdc-dialog__surface {
    min-width: 280px
}

@media (max-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width:calc(100vw - 32px)
    }
}

@media (min-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width:560px
    }
}

.mdc-dialog .mdc-dialog__surface {
    max-height: calc(100% - 32px)
}

.mdc-dialog .mdc-dialog__surface {
    border-radius: 4px
}

.mdc-dialog__scrim {
    opacity: 0;
    z-index: -1
}

.mdc-dialog__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    height: 100%;
    transform: scale(.8);
    opacity: 0;
    pointer-events: none
}

.mdc-dialog__surface {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
    pointer-events: auto;
    overflow-y: auto
}

.mdc-dialog[dir=rtl] .mdc-dialog__surface,[dir=rtl] .mdc-dialog .mdc-dialog__surface {
    text-align: right
}

.mdc-dialog__title {
    margin-top: 0;
    line-height: normal;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0 24px 9px;
    border-bottom: 1px solid transparent
}

.mdc-dialog__title:before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

.mdc-dialog[dir=rtl] .mdc-dialog__title,[dir=rtl] .mdc-dialog .mdc-dialog__title {
    text-align: right
}

.mdc-dialog--scrollable .mdc-dialog__title {
    padding-bottom: 15px
}

.mdc-dialog__content {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .03125em;
    text-decoration: inherit;
    text-transform: inherit;
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 24px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mdc-dialog__content>:first-child {
    margin-top: 0
}

.mdc-dialog__content>:last-child {
    margin-bottom: 0
}

.mdc-dialog__title+.mdc-dialog__content {
    padding-top: 0
}

.mdc-dialog--scrollable .mdc-dialog__content {
    padding-top: 8px;
    padding-bottom: 8px
}

.mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 6px 0 0
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 0
}

.mdc-dialog__actions {
    display: flex;
    position: relative;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid transparent
}

.mdc-dialog--stacked .mdc-dialog__actions {
    flex-direction: column;
    align-items: flex-end
}

.mdc-dialog__button {
    margin-left: 8px;
    margin-right: 0;
    max-width: 100%;
    text-align: right
}

.mdc-dialog__button[dir=rtl],[dir=rtl] .mdc-dialog__button {
    margin-left: 0;
    margin-right: 8px
}

.mdc-dialog__button:first-child,.mdc-dialog__button:first-child[dir=rtl],[dir=rtl] .mdc-dialog__button:first-child {
    margin-left: 0;
    margin-right: 0
}

.mdc-dialog[dir=rtl] .mdc-dialog__button,[dir=rtl] .mdc-dialog .mdc-dialog__button {
    text-align: left
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px
}

.mdc-dialog--closing,.mdc-dialog--open,.mdc-dialog--opening {
    display: flex
}

.mdc-dialog--opening .mdc-dialog__scrim {
    transition: opacity .15s linear
}

.mdc-dialog--opening .mdc-dialog__container {
    transition: opacity 75ms linear,transform .15s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-dialog--closing .mdc-dialog__container,.mdc-dialog--closing .mdc-dialog__scrim {
    transition: opacity 75ms linear
}

.mdc-dialog--closing .mdc-dialog__container {
    transform: scale(1)
}

.mdc-dialog--open .mdc-dialog__scrim {
    opacity: 1
}

.mdc-dialog--open .mdc-dialog__container {
    transform: scale(1);
    opacity: 1
}

.mdc-dialog-scroll-lock {
    overflow: hidden
}

.mdc-list {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    line-height: 1.5rem;
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
}

.mdc-list:focus {
    outline: none
}

.mdc-list-item__secondary-text {
    color: rgba(0,0,0,.54);
    color: var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))
}

.mdc-list-item__graphic {
    background-color: transparent;
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))
}

.mdc-list-item__meta {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-hint-on-background,rgba(0,0,0,.38))
}

.mdc-list-group__subheader {
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
}

.mdc-list--dense {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .812rem
}

.mdc-list-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    height: 48px;
    padding: 0 16px;
    overflow: hidden
}

.mdc-list-item:focus {
    outline: none
}

.mdc-list-item--activated,.mdc-list-item--activated .mdc-list-item__graphic,.mdc-list-item--selected,.mdc-list-item--selected .mdc-list-item__graphic {
    color: #6200ee;
    color: var(--mdc-theme-primary,#6200ee)
}

.mdc-list-item--disabled {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.38))
}

.mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    fill: currentColor
}

.mdc-list-item[dir=rtl] .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list .mdc-list-item__graphic {
    display: inline-flex
}

.mdc-list-item__meta {
    margin-left: auto;
    margin-right: 0
}

.mdc-list-item__meta:not(.material-icons) {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta,[dir=rtl] .mdc-list-item .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

.mdc-list-item__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item__text[for] {
    pointer-events: none
}

.mdc-list-item__primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px;
    display: block
}

.mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--dense .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item__secondary-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    line-height: normal;
    display: block
}

.mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__secondary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    font-size: inherit
}

.mdc-list--dense .mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item {
    height: 40px
}

.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 36px;
    width: 20px;
    height: 20px
}

.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
    margin-left: 36px;
    margin-right: 0
}

.mdc-list--avatar-list .mdc-list-item {
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--two-line .mdc-list-item__text {
    align-self: flex-start
}

.mdc-list--two-line .mdc-list-item {
    height: 72px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item,.mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 20px;
    width: 36px;
    height: 36px
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,[dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 20px;
    margin-right: 0
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    cursor: pointer
}

a.mdc-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-list-divider {
    height: 0;
    margin: 0;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,.12)
}

.mdc-list-divider--padded {
    margin: 0 16px
}

.mdc-list-divider--inset {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list-group[dir=rtl] .mdc-list-divider--inset,[dir=rtl] .mdc-list-group .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list-divider--inset.mdc-list-divider--padded {
    width: calc(100% - 72px - 16px)
}

.mdc-list-group .mdc-list {
    padding: 0
}

.mdc-list-group__subheader {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    margin: .75rem 16px
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    background-color: #000
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover:before {
    opacity: .04
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:hover:before {
    opacity: .16
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    opacity: .08
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:hover:before {
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.2
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    background-color: #000
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused:before,:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-menu {
    min-width: 112px
}

.mdc-menu .mdc-list,.mdc-menu .mdc-list-item__graphic,.mdc-menu .mdc-list-item__meta {
    color: rgba(0,0,0,.87)
}

.mdc-menu .mdc-list-divider {
    margin: 8px 0
}

.mdc-menu .mdc-list-item {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-menu .mdc-list-item--disabled {
    cursor: auto
}

@media screen and (-ms-high-contrast:active) {
    .mdc-menu .mdc-list-item--disabled {
        opacity: .38
    }
}

.mdc-menu a.mdc-list-item .mdc-list-item__graphic,.mdc-menu a.mdc-list-item .mdc-list-item__text {
    pointer-events: none
}

.mdc-menu__selection-group {
    padding: 0;
    fill: currentColor
}

.mdc-menu__selection-group .mdc-list-item {
    padding-left: 56px;
    padding-right: 16px
}

.mdc-menu__selection-group .mdc-list-item[dir=rtl],[dir=rtl] .mdc-menu__selection-group .mdc-list-item {
    padding-left: 16px;
    padding-right: 56px
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: 16px;
    right: auto;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl],[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: auto;
    right: 16px
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
    display: inline
}

.mdc-menu-surface {
    display: none;
    position: absolute;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    transform: scale(1);
    transform-origin: top left;
    opacity: 0;
    overflow: auto;
    will-change: transform,opacity;
    z-index: 8;
    transition: opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    background-color: #fff;
    background-color: var(--mdc-theme-surface,#fff);
    color: #000;
    color: var(--mdc-theme-on-surface,#000);
    border-radius: 4px;
    transform-origin-left: top left;
    transform-origin-right: top right
}

.mdc-menu-surface:focus {
    outline: none
}

.mdc-menu-surface--open {
    display: inline-block;
    transform: scale(1);
    opacity: 1
}

.mdc-menu-surface--animating-open {
    display: inline-block;
    transform: scale(.8);
    opacity: 0
}

.mdc-menu-surface--animating-closed {
    display: inline-block;
    opacity: 0;
    transition: opacity 75ms linear
}

.mdc-menu-surface[dir=rtl],[dir=rtl] .mdc-menu-surface {
    transform-origin-left: top right;
    transform-origin-right: top left
}

.mdc-menu-surface--anchor {
    position: relative;
    overflow: visible
}

.mdc-menu-surface--fixed {
    position: fixed
}

.mdc-tab-bar {
    width: 100%
}

.mdc-tab {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 24px;
    position: relative;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    box-sizing: border-box;
    height: 48px;
    margin: 0;
    border: none;
    outline: none;
    background: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    z-index: 1
}

.mdc-tab .mdc-tab__text-label {
    color: rgba(0,0,0,.6)
}

.mdc-tab .mdc-tab__icon {
    color: rgba(0,0,0,.54);
    fill: currentColor
}

.mdc-tab::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-tab--min-width {
    flex: 0 1 auto
}

.mdc-tab__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    pointer-events: none
}

.mdc-tab__icon,.mdc-tab__text-label {
    transition: color .15s linear;
    display: inline-block;
    line-height: 1;
    z-index: 2
}

.mdc-tab--stacked {
    height: 72px
}

.mdc-tab--stacked .mdc-tab__content {
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.mdc-tab--stacked .mdc-tab__icon {
    padding-top: 12px
}

.mdc-tab--stacked .mdc-tab__text-label {
    padding-bottom: 16px
}

.mdc-tab--active .mdc-tab__icon,.mdc-tab--active .mdc-tab__text-label {
    color: #6200ee;
    color: var(--mdc-theme-primary,#6200ee)
}

.mdc-tab--active .mdc-tab__icon {
    fill: currentColor
}

.mdc-tab--active .mdc-tab__icon,.mdc-tab--active .mdc-tab__text-label {
    transition-delay: .1s
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
    padding-left: 8px;
    padding-right: 0
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl],[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
    padding-left: 0;
    padding-right: 8px
}

.mdc-tab__ripple {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mdc-tab__ripple:after,.mdc-tab__ripple:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-tab__ripple:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-tab__ripple.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-tab__ripple.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-tab__ripple.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-tab__ripple:after,.mdc-tab__ripple:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-tab__ripple.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-tab__ripple:after,.mdc-tab__ripple:before {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    .mdc-tab__ripple:after,.mdc-tab__ripple:before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

.mdc-tab__ripple:hover:before {
    opacity: .04
}

.mdc-tab__ripple.mdc-ripple-upgraded--background-focused:before,.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-tab__ripple.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-tab-indicator {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.mdc-tab-indicator .mdc-tab-indicator__content--underline {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-tab-indicator .mdc-tab-indicator__content--icon {
    color: #018786;
    color: var(--mdc-theme-secondary,#018786)
}

.mdc-tab-indicator .mdc-tab-indicator__content--underline {
    border-top-width: 2px
}

.mdc-tab-indicator .mdc-tab-indicator__content--icon {
    height: 34px;
    font-size: 34px
}

.mdc-tab-indicator__content {
    transform-origin: left;
    opacity: 0
}

.mdc-tab-indicator__content--underline {
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%;
    border-top-style: solid
}

.mdc-tab-indicator__content--icon {
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 auto
}

.mdc-tab-indicator--active .mdc-tab-indicator__content {
    opacity: 1
}

.mdc-tab-indicator .mdc-tab-indicator__content {
    transition: transform .25s cubic-bezier(.4,0,.2,1)
}

.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
    transition: none
}

.mdc-tab-indicator--fade .mdc-tab-indicator__content {
    transition: opacity .15s linear
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
    transition-delay: .1s
}

.mdc-tab-scroller {
    overflow-y: hidden
}

.mdc-tab-scroller__test {
    position: absolute;
    top: -9999px;
    width: 100px;
    height: 100px;
    overflow-x: scroll
}

.mdc-tab-scroller__scroll-area {
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-x: hidden
}

.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar {
    display: none
}

.mdc-tab-scroller__scroll-area--scroll {
    overflow-x: scroll
}

.mdc-tab-scroller__scroll-content {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    transform: none;
    will-change: transform
}

.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
    justify-content: flex-start
}

.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
    justify-content: flex-end
}

.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
    justify-content: center
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
    -webkit-overflow-scrolling: auto
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
    transition: transform .25s cubic-bezier(.4,0,.2,1)
}

.mdc-drawer {
    border-color: rgba(0,0,0,.12);
    background-color: #fff;
    border-radius: 0 0 0 0;
    z-index: 6;
    width: 256px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 100%;
    border-right-width: 1px;
    border-right-style: solid;
    overflow: hidden;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.mdc-drawer .mdc-drawer__title {
    color: rgba(0,0,0,.87)
}

.mdc-drawer .mdc-drawer__subtitle,.mdc-drawer .mdc-list-group__subheader,.mdc-drawer .mdc-list-item__graphic {
    color: rgba(0,0,0,.6)
}

.mdc-drawer .mdc-list-item {
    color: rgba(0,0,0,.87)
}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
    color: #6200ee
}

.mdc-drawer .mdc-list-item--activated {
    color: rgba(98,0,238,.87)
}

.mdc-drawer[dir=rtl],[dir=rtl] .mdc-drawer {
    border-radius: 0 0 0 0
}

.mdc-drawer .mdc-list-item {
    border-radius: 4px
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
    margin-left: 256px;
    margin-right: 0
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl],[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
    margin-left: 0;
    margin-right: 256px
}

.mdc-drawer[dir=rtl],[dir=rtl] .mdc-drawer {
    border-right-width: 0;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: solid
}

.mdc-drawer .mdc-list-item {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .0071428571em;
    text-decoration: inherit;
    text-transform: inherit;
    height: 40px;
    margin: 8px;
    padding: 0 8px
}

.mdc-drawer .mdc-list-item:first-child {
    margin-top: 2px
}

.mdc-drawer .mdc-list-item:last-child {
    margin-bottom: 0
}

.mdc-drawer .mdc-list-group__subheader {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin: 0;
    padding: 0 16px
}

.mdc-drawer .mdc-list-group__subheader:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-drawer .mdc-list-divider {
    margin: 3px 0 4px
}

.mdc-drawer .mdc-list-item__graphic,.mdc-drawer .mdc-list-item__text {
    pointer-events: none
}

.mdc-drawer--animate {
    transform: translateX(-100%)
}

.mdc-drawer--animate[dir=rtl],[dir=rtl] .mdc-drawer--animate {
    transform: translateX(100%)
}

.mdc-drawer--opening {
    transition-duration: .25s
}

.mdc-drawer--opening,.mdc-drawer--opening[dir=rtl],[dir=rtl] .mdc-drawer--opening {
    transform: translateX(0)
}

.mdc-drawer--closing {
    transform: translateX(-100%);
    transition-duration: .2s
}

.mdc-drawer--closing[dir=rtl],[dir=rtl] .mdc-drawer--closing {
    transform: translateX(100%)
}

.mdc-drawer__header {
    flex-shrink: 0;
    box-sizing: border-box;
    min-height: 64px;
    padding: 0 16px 4px
}

.mdc-drawer__title {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-drawer__title:before {
    display: inline-block;
    width: 0;
    height: 36px;
    content: "";
    vertical-align: 0
}

.mdc-drawer__title:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-drawer__subtitle {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: 0
}

.mdc-drawer__subtitle:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-drawer__content {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mdc-drawer--dismissible {
    left: 0;
    right: auto;
    display: none;
    position: absolute
}

.mdc-drawer--dismissible[dir=rtl],[dir=rtl] .mdc-drawer--dismissible {
    left: auto;
    right: 0
}

.mdc-drawer--dismissible.mdc-drawer--open {
    display: flex
}

.mdc-drawer-app-content {
    position: relative
}

.mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl],[dir=rtl] .mdc-drawer-app-content {
    margin-left: 0;
    margin-right: 0
}

.mdc-drawer--modal {
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
    left: 0;
    right: auto;
    display: none;
    position: fixed
}

.mdc-drawer--modal+.mdc-drawer-scrim {
    background-color: rgba(0,0,0,.32)
}

.mdc-drawer--modal[dir=rtl],[dir=rtl] .mdc-drawer--modal {
    left: auto;
    right: 0
}

.mdc-drawer--modal.mdc-drawer--open {
    display: flex
}

.mdc-drawer-scrim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.mdc-drawer--open+.mdc-drawer-scrim {
    display: block
}

.mdc-drawer--animate+.mdc-drawer-scrim {
    opacity: 0
}

.mdc-drawer--opening+.mdc-drawer-scrim {
    transition-duration: .25s;
    opacity: 1
}

.mdc-drawer--closing+.mdc-drawer-scrim {
    transition-duration: .2s;
    opacity: 0
}

.mdc-top-app-bar {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary,#6200ee);
    color: #fff;
    display: flex;
    position: fixed;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    z-index: 4
}

.mdc-top-app-bar .mdc-top-app-bar__action-item,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
    color: #fff;
    color: var(--mdc-theme-on-primary,#fff)
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:after,.mdc-top-app-bar .mdc-top-app-bar__action-item:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before {
    background-color: #fff
}

@supports not (-ms-ime-align:auto) {
    .mdc-top-app-bar .mdc-top-app-bar__action-item:after,.mdc-top-app-bar .mdc-top-app-bar__action-item:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before {
        background-color: var(--mdc-theme-on-primary,#fff)
    }
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:hover:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover:before {
    opacity: .08
}

.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused:before,.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-top-app-bar__row {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 64px
}

.mdc-top-app-bar__section {
    display: inline-flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    padding: 8px 12px;
    z-index: 1
}

.mdc-top-app-bar__section--align-start {
    justify-content: flex-start;
    order: -1
}

.mdc-top-app-bar__section--align-end {
    justify-content: flex-end;
    order: 1
}

.mdc-top-app-bar__title {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    padding-left: 20px;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1
}

.mdc-top-app-bar__title[dir=rtl],[dir=rtl] .mdc-top-app-bar__title {
    padding-left: 0;
    padding-right: 20px
}

.mdc-top-app-bar--short-collapsed {
    border-radius: 0 0 24px 0
}

.mdc-top-app-bar--short-collapsed[dir=rtl],[dir=rtl] .mdc-top-app-bar--short-collapsed {
    border-radius: 0 0 0 24px
}

.mdc-top-app-bar--short {
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    transition: width .25s cubic-bezier(.4,0,.2,1)
}

.mdc-top-app-bar--short[dir=rtl],[dir=rtl] .mdc-top-app-bar--short {
    right: 0;
    left: auto
}

.mdc-top-app-bar--short .mdc-top-app-bar__row {
    height: 56px
}

.mdc-top-app-bar--short .mdc-top-app-bar__section {
    padding: 4px
}

.mdc-top-app-bar--short .mdc-top-app-bar__title {
    transition: opacity .2s cubic-bezier(.4,0,.2,1);
    opacity: 1
}

.mdc-top-app-bar--short-collapsed {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
    width: 56px;
    transition: width .3s cubic-bezier(.4,0,.2,1)
}

.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
    display: none
}

.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
    transition: padding .15s cubic-bezier(.4,0,.2,1)
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
    width: 112px
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
    padding-left: 0;
    padding-right: 12px
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl],[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
    padding-left: 12px;
    padding-right: 0
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
    height: 48px
}

.mdc-top-app-bar--dense .mdc-top-app-bar__section {
    padding: 0 4px
}

.mdc-top-app-bar--dense .mdc-top-app-bar__title {
    padding-left: 12px;
    padding-right: 0
}

.mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl],[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title {
    padding-left: 0;
    padding-right: 12px
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
    height: 128px
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    align-self: flex-end;
    padding-bottom: 2px
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
    align-self: flex-start
}

.mdc-top-app-bar--fixed {
    transition: box-shadow .2s linear
}

.mdc-top-app-bar--fixed-scrolled {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
    transition: box-shadow .2s linear
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
    height: 96px
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
    padding: 0 12px
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 9px
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl],[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-left: 0;
    padding-right: 20px
}

.mdc-top-app-bar--fixed-adjust {
    padding-top: 64px
}

.mdc-top-app-bar--dense-fixed-adjust {
    padding-top: 48px
}

.mdc-top-app-bar--short-fixed-adjust {
    padding-top: 56px
}

.mdc-top-app-bar--prominent-fixed-adjust {
    padding-top: 128px
}

.mdc-top-app-bar--dense-prominent-fixed-adjust {
    padding-top: 96px
}

@media (max-width: 599px) {
    .mdc-top-app-bar__row {
        height:56px
    }

    .mdc-top-app-bar__section {
        padding: 4px
    }

    .mdc-top-app-bar--short {
        transition: width .2s cubic-bezier(.4,0,.2,1)
    }

    .mdc-top-app-bar--short-collapsed {
        transition: width .25s cubic-bezier(.4,0,.2,1)
    }

    .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
        padding-left: 0;
        padding-right: 12px
    }

    .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl],[dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
        padding-left: 12px;
        padding-right: 0
    }

    .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
        padding-bottom: 6px
    }

    .mdc-top-app-bar--fixed-adjust {
        padding-top: 56px
    }
}

.mdc-chip__icon--leading,.mdc-chip__icon--trailing {
    color: rgba(0,0,0,.54)
}

.mdc-chip__icon--trailing:hover {
    color: rgba(0,0,0,.62)
}

.mdc-chip__icon--trailing:focus {
    color: rgba(0,0,0,.87)
}

.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
    width: 20px;
    height: 20px;
    font-size: 20px
}

.mdc-chip__icon.mdc-chip__icon--trailing {
    width: 18px;
    height: 18px;
    font-size: 18px
}

.mdc-chip__icon--trailing {
    margin-right: -4px;
    margin-left: 4px
}

.mdc-chip {
    border-radius: 16px;
    background-color: #e0e0e0;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    height: 32px;
    display: inline-flex;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    padding: 0 12px;
    border-width: 0;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    overflow: hidden
}

.mdc-chip,.mdc-chip:hover {
    color: rgba(0,0,0,.87)
}

.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
    margin-left: -4px;
    margin-right: 4px
}

.mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl],[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
    margin-left: 4px;
    margin-right: -4px
}

.mdc-chip::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-chip:hover {
    color: #000;
    color: var(--mdc-theme-on-surface,#000)
}

.mdc-chip--exit {
    transition: opacity 75ms cubic-bezier(.4,0,.2,1),width .15s cubic-bezier(0,0,.2,1),padding .1s linear,margin .1s linear;
    opacity: 0
}

.mdc-chip__text {
    white-space: nowrap
}

.mdc-chip__icon {
    border-radius: 50%;
    outline: none;
    vertical-align: middle
}

.mdc-chip__checkmark {
    height: 20px
}

.mdc-chip__checkmark-path {
    transition: stroke-dashoffset .15s cubic-bezier(.4,0,.6,1) 50ms;
    stroke-width: 2px;
    stroke-dashoffset: 29.7833385;
    stroke-dasharray: 29.7833385
}

.mdc-chip--selected .mdc-chip__checkmark-path {
    stroke-dashoffset: 0
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
    color: #6200ee;
    color: var(--mdc-theme-primary,#6200ee)
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
    color: rgba(98,0,238,.54)
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
    color: #6200ee;
    color: var(--mdc-theme-primary,#6200ee)
}

.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
    stroke: #6200ee;
    stroke: var(--mdc-theme-primary,#6200ee)
}

.mdc-chip-set--choice .mdc-chip--selected {
    background-color: #fff;
    background-color: var(--mdc-theme-surface,#fff)
}

.mdc-chip__checkmark-svg {
    width: 0;
    height: 20px;
    transition: width .15s cubic-bezier(.4,0,.2,1)
}

.mdc-chip--selected .mdc-chip__checkmark-svg {
    width: 20px
}

.mdc-chip-set--filter .mdc-chip__icon--leading {
    transition: opacity 75ms linear;
    transition-delay: -50ms;
    opacity: 1
}

.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark {
    transition: opacity 75ms linear;
    transition-delay: 80ms;
    opacity: 0
}

.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark .mdc-chip__checkmark-svg {
    transition: width 0ms
}

.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
    opacity: 0
}

.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading+.mdc-chip__checkmark {
    width: 0;
    opacity: 1
}

.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
    width: 0;
    opacity: 0
}

.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading+.mdc-chip__checkmark {
    width: 20px
}

@keyframes C {
    0% {
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@keyframes D {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@keyframes E {
    0% {
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

.mdc-ripple-surface--test-edge-var-bug {
    --mdc-ripple-surface-test-edge-var: 1px solid #000;
    visibility: hidden
}

.mdc-ripple-surface--test-edge-var-bug:before {
    border: var(--mdc-ripple-surface-test-edge-var)
}

.mdc-chip {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mdc-chip:after,.mdc-chip:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-chip:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1
}

.mdc-chip.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-chip.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-chip.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-chip.mdc-ripple-upgraded--foreground-activation:after {
    animation: C 225ms forwards,D 75ms forwards
}

.mdc-chip.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: E .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-chip:after,.mdc-chip:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-chip.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-chip:after,.mdc-chip:before {
    background-color: rgba(0,0,0,.87)
}

.mdc-chip:hover:before {
    opacity: .04
}

.mdc-chip.mdc-ripple-upgraded--background-focused:before,.mdc-chip:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-chip:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-chip:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-chip.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:before {
    opacity: .08
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:after,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:before {
    background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {
    .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:after,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:before {
        background-color: var(--mdc-theme-primary,#6200ee)
    }
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover:before {
    opacity: .12
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused:before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .2
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .2
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.2
}

@keyframes F {
    0% {
        transform: scale(.8);
        opacity: .4
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.mdc-chip-set {
    padding: 4px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box
}

.mdc-chip-set .mdc-chip {
    margin: 4px
}

.mdc-chip-set--input .mdc-chip {
    animation: F .1s cubic-bezier(0,0,.2,1)
}

input:-webkit-autofill {
    animation-name: G;
    animation-fill-mode: both
}

.mdc-text-field--outlined.mdc-text-field--intl-tel-input {
    z-index: 1
}

.mdc-text-field--outlined.mdc-text-field--intl-tel-input .intl-tel-input {
    width: 100%;
    display: flex;
    padding: 0 16px;
    border: none!important;
    background-color: transparent;
    z-index: 0
}

.mdc-text-field--outlined.mdc-text-field--intl-tel-input .mdc-notched-outline:not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    padding-left: 42px
}

.mdc-text-field--required .mdc-floating-label:after,.mdc-text-field--required .mdc-notched-outline .mdc-floating-label:after {
    margin-left: 1px;
    content: "*"
}

.mdc-text-field--required.mdc-text-field--focused .mdc-floating-label:after,.mdc-text-field--required.mdc-text-field--focused .mdc-notched-outline .mdc-floating-label:after {
    color: var(--mdc-theme-error,#b00020)
}

body .mdc-floating-label {
    overflow: visible
}

body .mdc-button,body .mdc-dialog__content,body .mdc-dialog__title,body .mdc-drawer .mdc-list-item,body .mdc-drawer__subtitle,body .mdc-drawer__title,body .mdc-floating-label,body .mdc-form-field,body .mdc-list,body .mdc-list-item__secondary-text,body .mdc-select__native-control,body .mdc-select__selected-text,body .mdc-tab,body .mdc-text-field-helper-text,body .mdc-text-field__input,body .mdc-top-app-bar__title {
    font-family: Avenir;
    font-weight: 500
}

body .mdc-dialog .mdc-dialog__content {
    color: var(--od-theme-on-surface,#4a4e4f)
}

body .mdc-dialog.mdc-dialog--post-title-image .mdc-dialog__title,body .mdc-dialog.mdc-dialog--pre-title-image .mdc-dialog__title {
    text-align: center
}

body .mdc-dialog .mdc-dialog__post-title-image,body .mdc-dialog .mdc-dialog__pre-title-image {
    height: 20vh;
    min-height: 120px;
    max-height: 180px;
    width: auto;
    margin: 0 auto;
    padding: 12px
}

body .mdc-dialog .od-alert .st0 {
    fill: #f4f4f4
}

body .mdc-dialog .od-alert .st1 {
    fill: var(--od-theme-primary,#0067B5)
}

body .mdc-dialog .od-alert .st2 {
    fill: var(--od-theme-on-primary,#fff)
}

body .mdc-button,body .mdc-tab {
    font-weight: 600;
    letter-spacing: 1px
}

body .mdc-select-helper-text:before {
    content: none
}

body .mdc-select-helper-text:not(.mdc-select-helper-text--persistent):not(.mdc-select-helper-text--validation-msg) {
    display: none
}

body .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,body .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,body .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary)
}

body .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-on-surface)
}

body .mdc-text-field .mdc-text-field__input {
    caret-color: var(--mdc-theme-secondary)
}

body .mdc-text-field--focused .mdc-text-field__input:required~.mdc-floating-label:after,body .mdc-text-field--focused .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    color: var(--mdc-theme-on-surface)
}

body .mdc-text-field--disabled .mdc-text-field__input {
    color: #888;
    -webkit-text-fill-color: #888;
    opacity: 1
}

body .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,body .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,body .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: #d4d4d4;
    background-color: #f8f8f8
}

body .mdc-text-field-helper-line .mdc-text-field-helper-text {
    white-space: pre-wrap
}

body .mdc-text-field-helper-line .mdc-text-field-helper-text:before {
    content: none
}

body .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--persistent):not(.mdc-text-field-helper-text--validation-msg) {
    display: none
}

body .mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg),body .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text.mdc-text-field-helper-text--validation-msg {
    display: block
}

body .mdc-text-field--outlined .mdc-text-field__input:-webkit-autofill+.mdc-notched-outline .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

body .mdc-text-field--outlined .mdc-text-field__input:-webkit-autofill+.mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label {
    transform: translateY(-130%) scale(.75);
    cursor: auto
}

body .mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-text-field__input:-webkit-autofill+.mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label {
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

body .mdc-text-field--textarea .mdc-text-field__input {
    padding: 8px 16px
}

body .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,body .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,body .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary)
}

body .mdc-select .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: calc(100% - 24px * 2)
}

body .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,body .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,body .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary)
}

body .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: var(--mdc-theme-on-surface)
}

body .mdc-select--focused .mdc-select__dropdown-icon {
    background: var(--mdc-theme-select-dropdown-icon-focus)
}

body .mdc-select--disabled .mdc-select__native-control,body .mdc-select--disabled .mdc-select__selected-text {
    color: #888;
    -webkit-text-fill-color: #888;
    opacity: 1
}

body .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,body .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,body .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
    border-color: #d4d4d4;
    background-color: #f8f8f8
}

body :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,body :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    background-color: var(--mdc-theme-primary)
}

body :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover:before {
    opacity: .08
}

body :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:hover:before {
    opacity: .16
}

body .mdc-drawer {
    background-color: var(--mdc-theme-surface)
}

body .mdc-drawer .mdc-list-item--activated,body .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
    color: var(--mdc-theme-primary)
}

body .mdc-drawer__title {
    font-size: 1.15rem
}

body .mdc-form-field.mdc-form-field--with-label-icon label {
    display: flex;
    align-items: center
}

body .mdc-form-field.mdc-form-field--with-label-icon label i {
    margin: 0 10px
}

body .mdc-notched-outline {
    overflow: hidden;
    padding-top: 5px
}

body .mdc-text-field.mdc-text-field--outlined {
    height: 61px
}

body .mdc-text-field--outlined .mdc-text-field__input {
    padding-top: 17px
}

body .mdc-text-field--outlined.mdc-text-field--intl-tel-input .intl-tel-input .flag-container {
    padding-top: 6px
}

body .mdc-select.mdc-select--outlined {
    height: 61px
}

body .mdc-select--outlined .mdc-select__native-control {
    height: 100%;
    padding-top: 17px
}

:not(.radio-set-item)>.mdc-form-field>label {
    flex-basis: 100%
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:after,.mdc-top-app-bar .mdc-top-app-bar__action-item:before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before {
    background-color: var(--mdc-theme-on-primary,#fff)
}

.mdc-tab__ripple:after,.mdc-tab__ripple:before {
    background-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-switch__thumb-underlay:after,.mdc-switch__thumb-underlay:before {
    background-color: var(--mdc-theme-secondary,#018786)
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:after,.mdc-select__menu .mdc-list .mdc-list-item--selected:before {
    background-color: var(--mdc-theme-on-surface,#000)
}

.mdc-ripple-surface--primary:after,.mdc-ripple-surface--primary:before {
    background-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-radio .mdc-radio__background:before,.mdc-radio:after,.mdc-radio:before,.mdc-ripple-surface--accent:after,.mdc-ripple-surface--accent:before {
    background-color: var(--mdc-theme-secondary,#018786)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after,:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    background-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-fab {
    background-color: var(--mdc-theme-secondary,#018786)
}

.mdc-fab:after,.mdc-fab:before {
    background-color: var(--mdc-theme-on-secondary,#fff)
}

.mdc-checkbox:after,.mdc-checkbox:before,.mdc-checkbox__background:before {
    background-color: var(--mdc-theme-secondary,#018786)
}

.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled),.mdc-button:after,.mdc-button:before {
    background-color: var(--mdc-theme-primary,#6200ee)
}

.mdc-button--raised:after,.mdc-button--raised:before,.mdc-button--unelevated:after,.mdc-button--unelevated:before {
    background-color: var(--mdc-theme-on-primary,#fff)
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:after,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:before {
    background-color: var(--mdc-theme-primary,#6200ee)
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-24 {
    font-size: 24px
}

.material-icons.md-36 {
    font-size: 36px
}

.material-icons.md-48 {
    font-size: 48px
}

body .material-icons {
    font-feature-settings: "liga"
}

@keyframes G {
    to {
        color: var(--od-theme-on-surface,#4a4e4f);
        color: initial;
        background: transparent
    }
}