html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], 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 } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [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-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } html { box-sizing: border-box; -ms-overflow-style: scrollbar } *, ::after, ::before { box-sizing: inherit } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .d-none { display: none!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: -ms-flexbox!important; display: flex!important } .d-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } @media (min-width:576px) { .d-sm-none { display: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: -ms-flexbox!important; display: flex!important } .d-sm-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:768px) { .d-md-none { display: none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: -ms-flexbox!important; display: flex!important } .d-md-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:992px) { .d-lg-none { display: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: -ms-flexbox!important; display: flex!important } .d-lg-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:1200px) { .d-xl-none { display: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: -ms-flexbox!important; display: flex!important } .d-xl-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media print { .d-print-none { display: none!important } .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-table { display: table!important } .d-print-table-row { display: table-row!important } .d-print-table-cell { display: table-cell!important } .d-print-flex { display: -ms-flexbox!important; display: flex!important } .d-print-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } .flex-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-center { -ms-flex-align: center!important; align-items: center!important } .align-items-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-sm-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-sm-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-sm-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-sm-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-sm-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-sm-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-sm-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-sm-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-sm-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-sm-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-sm-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-sm-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-sm-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-sm-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-sm-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-sm-center { -ms-flex-align: center!important; align-items: center!important } .align-items-sm-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-sm-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-sm-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-sm-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-sm-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-sm-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-sm-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-sm-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-sm-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-sm-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-sm-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-sm-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-sm-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-sm-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-md-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-md-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-md-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-md-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-md-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-md-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-md-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-md-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-md-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-md-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-md-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-md-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-md-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-md-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-md-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-md-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-md-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-md-center { -ms-flex-align: center!important; align-items: center!important } .align-items-md-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-md-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-md-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-md-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-md-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-md-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-md-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-md-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-md-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-md-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-md-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-md-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-md-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-md-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-lg-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-lg-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-lg-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-lg-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-lg-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-lg-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-lg-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-lg-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-lg-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-lg-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-lg-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-lg-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-lg-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-lg-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-lg-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-lg-center { -ms-flex-align: center!important; align-items: center!important } .align-items-lg-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-lg-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-lg-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-lg-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-lg-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-lg-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-lg-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-lg-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-lg-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-lg-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-lg-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-lg-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-lg-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-lg-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-xl-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-xl-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-xl-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-xl-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-xl-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-xl-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-xl-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-xl-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-xl-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-xl-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-xl-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-xl-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-xl-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-xl-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-xl-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-xl-center { -ms-flex-align: center!important; align-items: center!important } .align-items-xl-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-xl-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-xl-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-xl-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-xl-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-xl-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-xl-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-xl-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-xl-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-xl-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-xl-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-xl-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-xl-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-xl-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } } .m-0 { margin: 0!important } .mt-0, .my-0 { margin-top: 0!important } .mr-0, .mx-0 { margin-right: 0!important } .mb-0, .my-0 { margin-bottom: 0!important } .ml-0, .mx-0 { margin-left: 0!important } .m-1 { margin: .25rem!important } .mt-1, .my-1 { margin-top: .25rem!important } .mr-1, .mx-1 { margin-right: .25rem!important } .mb-1, .my-1 { margin-bottom: .25rem!important } .ml-1, .mx-1 { margin-left: .25rem!important } .m-2 { margin: .5rem!important } .mt-2, .my-2 { margin-top: .5rem!important } .mr-2, .mx-2 { margin-right: .5rem!important } .mb-2, .my-2 { margin-bottom: .5rem!important } .ml-2, .mx-2 { margin-left: .5rem!important } .m-3 { margin: 1rem!important } .mt-3, .my-3 { margin-top: 1rem!important } .mr-3, .mx-3 { margin-right: 1rem!important } .mb-3, .my-3 { margin-bottom: 1rem!important } .ml-3, .mx-3 { margin-left: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4, .my-4 { margin-top: 1.5rem!important } .mr-4, .mx-4 { margin-right: 1.5rem!important } .mb-4, .my-4 { margin-bottom: 1.5rem!important } .ml-4, .mx-4 { margin-left: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5, .my-5 { margin-top: 3rem!important } .mr-5, .mx-5 { margin-right: 3rem!important } .mb-5, .my-5 { margin-bottom: 3rem!important } .ml-5, .mx-5 { margin-left: 3rem!important } .p-0 { padding: 0!important } .pt-0, .py-0 { padding-top: 0!important } .pr-0, .px-0 { padding-right: 0!important } .pb-0, .py-0 { padding-bottom: 0!important } .pl-0, .px-0 { padding-left: 0!important } .p-1 { padding: .25rem!important } .pt-1, .py-1 { padding-top: .25rem!important } .pr-1, .px-1 { padding-right: .25rem!important } .pb-1, .py-1 { padding-bottom: .25rem!important } .pl-1, .px-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2, .py-2 { padding-top: .5rem!important } .pr-2, .px-2 { padding-right: .5rem!important } .pb-2, .py-2 { padding-bottom: .5rem!important } .pl-2, .px-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3, .py-3 { padding-top: 1rem!important } .pr-3, .px-3 { padding-right: 1rem!important } .pb-3, .py-3 { padding-bottom: 1rem!important } .pl-3, .px-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4, .py-4 { padding-top: 1.5rem!important } .pr-4, .px-4 { padding-right: 1.5rem!important } .pb-4, .py-4 { padding-bottom: 1.5rem!important } .pl-4, .px-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5, .py-5 { padding-top: 3rem!important } .pr-5, .px-5 { padding-right: 3rem!important } .pb-5, .py-5 { padding-bottom: 3rem!important } .pl-5, .px-5 { padding-left: 3rem!important } .m-n1 { margin: -.25rem!important } .mt-n1, .my-n1 { margin-top: -.25rem!important } .mr-n1, .mx-n1 { margin-right: -.25rem!important } .mb-n1, .my-n1 { margin-bottom: -.25rem!important } .ml-n1, .mx-n1 { margin-left: -.25rem!important } .m-n2 { margin: -.5rem!important } .mt-n2, .my-n2 { margin-top: -.5rem!important } .mr-n2, .mx-n2 { margin-right: -.5rem!important } .mb-n2, .my-n2 { margin-bottom: -.5rem!important } .ml-n2, .mx-n2 { margin-left: -.5rem!important } .m-n3 { margin: -1rem!important } .mt-n3, .my-n3 { margin-top: -1rem!important } .mr-n3, .mx-n3 { margin-right: -1rem!important } .mb-n3, .my-n3 { margin-bottom: -1rem!important } .ml-n3, .mx-n3 { margin-left: -1rem!important } .m-n4 { margin: -1.5rem!important } .mt-n4, .my-n4 { margin-top: -1.5rem!important } .mr-n4, .mx-n4 { margin-right: -1.5rem!important } .mb-n4, .my-n4 { margin-bottom: -1.5rem!important } .ml-n4, .mx-n4 { margin-left: -1.5rem!important } .m-n5 { margin: -3rem!important } .mt-n5, .my-n5 { margin-top: -3rem!important } .mr-n5, .mx-n5 { margin-right: -3rem!important } .mb-n5, .my-n5 { margin-bottom: -3rem!important } .ml-n5, .mx-n5 { margin-left: -3rem!important } .m-auto { margin: auto!important } .mt-auto, .my-auto { margin-top: auto!important } .mr-auto, .mx-auto { margin-right: auto!important } .mb-auto, .my-auto { margin-bottom: auto!important } .ml-auto, .mx-auto { margin-left: auto!important } @media (min-width:576px) { .m-sm-0 { margin: 0!important } .mt-sm-0, .my-sm-0 { margin-top: 0!important } .mr-sm-0, .mx-sm-0 { margin-right: 0!important } .mb-sm-0, .my-sm-0 { margin-bottom: 0!important } .ml-sm-0, .mx-sm-0 { margin-left: 0!important } .m-sm-1 { margin: .25rem!important } .mt-sm-1, .my-sm-1 { margin-top: .25rem!important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem!important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem!important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem!important } .m-sm-2 { margin: .5rem!important } .mt-sm-2, .my-sm-2 { margin-top: .5rem!important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem!important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem!important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem!important } .m-sm-3 { margin: 1rem!important } .mt-sm-3, .my-sm-3 { margin-top: 1rem!important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem!important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem!important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem!important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem!important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem!important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .mt-sm-5, .my-sm-5 { margin-top: 3rem!important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem!important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem!important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem!important } .p-sm-0 { padding: 0!important } .pt-sm-0, .py-sm-0 { padding-top: 0!important } .pr-sm-0, .px-sm-0 { padding-right: 0!important } .pb-sm-0, .py-sm-0 { padding-bottom: 0!important } .pl-sm-0, .px-sm-0 { padding-left: 0!important } .p-sm-1 { padding: .25rem!important } .pt-sm-1, .py-sm-1 { padding-top: .25rem!important } .pr-sm-1, .px-sm-1 { padding-right: .25rem!important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem!important } .pl-sm-1, .px-sm-1 { padding-left: .25rem!important } .p-sm-2 { padding: .5rem!important } .pt-sm-2, .py-sm-2 { padding-top: .5rem!important } .pr-sm-2, .px-sm-2 { padding-right: .5rem!important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem!important } .pl-sm-2, .px-sm-2 { padding-left: .5rem!important } .p-sm-3 { padding: 1rem!important } .pt-sm-3, .py-sm-3 { padding-top: 1rem!important } .pr-sm-3, .px-sm-3 { padding-right: 1rem!important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem!important } .pl-sm-3, .px-sm-3 { padding-left: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem!important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem!important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem!important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .pt-sm-5, .py-sm-5 { padding-top: 3rem!important } .pr-sm-5, .px-sm-5 { padding-right: 3rem!important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem!important } .pl-sm-5, .px-sm-5 { padding-left: 3rem!important } .m-sm-n1 { margin: -.25rem!important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem!important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem!important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem!important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem!important } .m-sm-n2 { margin: -.5rem!important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem!important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem!important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem!important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem!important } .m-sm-n3 { margin: -1rem!important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem!important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem!important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem!important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem!important } .m-sm-n4 { margin: -1.5rem!important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem!important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem!important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem!important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem!important } .m-sm-n5 { margin: -3rem!important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem!important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem!important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem!important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem!important } .m-sm-auto { margin: auto!important } .mt-sm-auto, .my-sm-auto { margin-top: auto!important } .mr-sm-auto, .mx-sm-auto { margin-right: auto!important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto!important } .ml-sm-auto, .mx-sm-auto { margin-left: auto!important } } @media (min-width:768px) { .m-md-0 { margin: 0!important } .mt-md-0, .my-md-0 { margin-top: 0!important } .mr-md-0, .mx-md-0 { margin-right: 0!important } .mb-md-0, .my-md-0 { margin-bottom: 0!important } .ml-md-0, .mx-md-0 { margin-left: 0!important } .m-md-1 { margin: .25rem!important } .mt-md-1, .my-md-1 { margin-top: .25rem!important } .mr-md-1, .mx-md-1 { margin-right: .25rem!important } .mb-md-1, .my-md-1 { margin-bottom: .25rem!important } .ml-md-1, .mx-md-1 { margin-left: .25rem!important } .m-md-2 { margin: .5rem!important } .mt-md-2, .my-md-2 { margin-top: .5rem!important } .mr-md-2, .mx-md-2 { margin-right: .5rem!important } .mb-md-2, .my-md-2 { margin-bottom: .5rem!important } .ml-md-2, .mx-md-2 { margin-left: .5rem!important } .m-md-3 { margin: 1rem!important } .mt-md-3, .my-md-3 { margin-top: 1rem!important } .mr-md-3, .mx-md-3 { margin-right: 1rem!important } .mb-md-3, .my-md-3 { margin-bottom: 1rem!important } .ml-md-3, .mx-md-3 { margin-left: 1rem!important } .m-md-4 { margin: 1.5rem!important } .mt-md-4, .my-md-4 { margin-top: 1.5rem!important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem!important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem!important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem!important } .m-md-5 { margin: 3rem!important } .mt-md-5, .my-md-5 { margin-top: 3rem!important } .mr-md-5, .mx-md-5 { margin-right: 3rem!important } .mb-md-5, .my-md-5 { margin-bottom: 3rem!important } .ml-md-5, .mx-md-5 { margin-left: 3rem!important } .p-md-0 { padding: 0!important } .pt-md-0, .py-md-0 { padding-top: 0!important } .pr-md-0, .px-md-0 { padding-right: 0!important } .pb-md-0, .py-md-0 { padding-bottom: 0!important } .pl-md-0, .px-md-0 { padding-left: 0!important } .p-md-1 { padding: .25rem!important } .pt-md-1, .py-md-1 { padding-top: .25rem!important } .pr-md-1, .px-md-1 { padding-right: .25rem!important } .pb-md-1, .py-md-1 { padding-bottom: .25rem!important } .pl-md-1, .px-md-1 { padding-left: .25rem!important } .p-md-2 { padding: .5rem!important } .pt-md-2, .py-md-2 { padding-top: .5rem!important } .pr-md-2, .px-md-2 { padding-right: .5rem!important } .pb-md-2, .py-md-2 { padding-bottom: .5rem!important } .pl-md-2, .px-md-2 { padding-left: .5rem!important } .p-md-3 { padding: 1rem!important } .pt-md-3, .py-md-3 { padding-top: 1rem!important } .pr-md-3, .px-md-3 { padding-right: 1rem!important } .pb-md-3, .py-md-3 { padding-bottom: 1rem!important } .pl-md-3, .px-md-3 { padding-left: 1rem!important } .p-md-4 { padding: 1.5rem!important } .pt-md-4, .py-md-4 { padding-top: 1.5rem!important } .pr-md-4, .px-md-4 { padding-right: 1.5rem!important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem!important } .pl-md-4, .px-md-4 { padding-left: 1.5rem!important } .p-md-5 { padding: 3rem!important } .pt-md-5, .py-md-5 { padding-top: 3rem!important } .pr-md-5, .px-md-5 { padding-right: 3rem!important } .pb-md-5, .py-md-5 { padding-bottom: 3rem!important } .pl-md-5, .px-md-5 { padding-left: 3rem!important } .m-md-n1 { margin: -.25rem!important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem!important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem!important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem!important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem!important } .m-md-n2 { margin: -.5rem!important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem!important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem!important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem!important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem!important } .m-md-n3 { margin: -1rem!important } .mt-md-n3, .my-md-n3 { margin-top: -1rem!important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem!important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem!important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem!important } .m-md-n4 { margin: -1.5rem!important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem!important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem!important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem!important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem!important } .m-md-n5 { margin: -3rem!important } .mt-md-n5, .my-md-n5 { margin-top: -3rem!important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem!important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem!important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem!important } .m-md-auto { margin: auto!important } .mt-md-auto, .my-md-auto { margin-top: auto!important } .mr-md-auto, .mx-md-auto { margin-right: auto!important } .mb-md-auto, .my-md-auto { margin-bottom: auto!important } .ml-md-auto, .mx-md-auto { margin-left: auto!important } } @media (min-width:992px) { .m-lg-0 { margin: 0!important } .mt-lg-0, .my-lg-0 { margin-top: 0!important } .mr-lg-0, .mx-lg-0 { margin-right: 0!important } .mb-lg-0, .my-lg-0 { margin-bottom: 0!important } .ml-lg-0, .mx-lg-0 { margin-left: 0!important } .m-lg-1 { margin: .25rem!important } .mt-lg-1, .my-lg-1 { margin-top: .25rem!important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem!important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem!important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem!important } .m-lg-2 { margin: .5rem!important } .mt-lg-2, .my-lg-2 { margin-top: .5rem!important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem!important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem!important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem!important } .m-lg-3 { margin: 1rem!important } .mt-lg-3, .my-lg-3 { margin-top: 1rem!important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem!important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem!important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem!important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem!important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem!important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .mt-lg-5, .my-lg-5 { margin-top: 3rem!important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem!important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem!important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem!important } .p-lg-0 { padding: 0!important } .pt-lg-0, .py-lg-0 { padding-top: 0!important } .pr-lg-0, .px-lg-0 { padding-right: 0!important } .pb-lg-0, .py-lg-0 { padding-bottom: 0!important } .pl-lg-0, .px-lg-0 { padding-left: 0!important } .p-lg-1 { padding: .25rem!important } .pt-lg-1, .py-lg-1 { padding-top: .25rem!important } .pr-lg-1, .px-lg-1 { padding-right: .25rem!important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem!important } .pl-lg-1, .px-lg-1 { padding-left: .25rem!important } .p-lg-2 { padding: .5rem!important } .pt-lg-2, .py-lg-2 { padding-top: .5rem!important } .pr-lg-2, .px-lg-2 { padding-right: .5rem!important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem!important } .pl-lg-2, .px-lg-2 { padding-left: .5rem!important } .p-lg-3 { padding: 1rem!important } .pt-lg-3, .py-lg-3 { padding-top: 1rem!important } .pr-lg-3, .px-lg-3 { padding-right: 1rem!important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem!important } .pl-lg-3, .px-lg-3 { padding-left: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem!important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem!important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem!important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .pt-lg-5, .py-lg-5 { padding-top: 3rem!important } .pr-lg-5, .px-lg-5 { padding-right: 3rem!important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem!important } .pl-lg-5, .px-lg-5 { padding-left: 3rem!important } .m-lg-n1 { margin: -.25rem!important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem!important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem!important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem!important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem!important } .m-lg-n2 { margin: -.5rem!important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem!important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem!important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem!important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem!important } .m-lg-n3 { margin: -1rem!important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem!important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem!important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem!important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem!important } .m-lg-n4 { margin: -1.5rem!important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem!important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem!important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem!important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem!important } .m-lg-n5 { margin: -3rem!important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem!important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem!important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem!important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem!important } .m-lg-auto { margin: auto!important } .mt-lg-auto, .my-lg-auto { margin-top: auto!important } .mr-lg-auto, .mx-lg-auto { margin-right: auto!important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto!important } .ml-lg-auto, .mx-lg-auto { margin-left: auto!important } } @media (min-width:1200px) { .m-xl-0 { margin: 0!important } .mt-xl-0, .my-xl-0 { margin-top: 0!important } .mr-xl-0, .mx-xl-0 { margin-right: 0!important } .mb-xl-0, .my-xl-0 { margin-bottom: 0!important } .ml-xl-0, .mx-xl-0 { margin-left: 0!important } .m-xl-1 { margin: .25rem!important } .mt-xl-1, .my-xl-1 { margin-top: .25rem!important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem!important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem!important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem!important } .m-xl-2 { margin: .5rem!important } .mt-xl-2, .my-xl-2 { margin-top: .5rem!important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem!important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem!important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem!important } .m-xl-3 { margin: 1rem!important } .mt-xl-3, .my-xl-3 { margin-top: 1rem!important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem!important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem!important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem!important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem!important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem!important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .mt-xl-5, .my-xl-5 { margin-top: 3rem!important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem!important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem!important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem!important } .p-xl-0 { padding: 0!important } .pt-xl-0, .py-xl-0 { padding-top: 0!important } .pr-xl-0, .px-xl-0 { padding-right: 0!important } .pb-xl-0, .py-xl-0 { padding-bottom: 0!important } .pl-xl-0, .px-xl-0 { padding-left: 0!important } .p-xl-1 { padding: .25rem!important } .pt-xl-1, .py-xl-1 { padding-top: .25rem!important } .pr-xl-1, .px-xl-1 { padding-right: .25rem!important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem!important } .pl-xl-1, .px-xl-1 { padding-left: .25rem!important } .p-xl-2 { padding: .5rem!important } .pt-xl-2, .py-xl-2 { padding-top: .5rem!important } .pr-xl-2, .px-xl-2 { padding-right: .5rem!important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem!important } .pl-xl-2, .px-xl-2 { padding-left: .5rem!important } .p-xl-3 { padding: 1rem!important } .pt-xl-3, .py-xl-3 { padding-top: 1rem!important } .pr-xl-3, .px-xl-3 { padding-right: 1rem!important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem!important } .pl-xl-3, .px-xl-3 { padding-left: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem!important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem!important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem!important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .pt-xl-5, .py-xl-5 { padding-top: 3rem!important } .pr-xl-5, .px-xl-5 { padding-right: 3rem!important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem!important } .pl-xl-5, .px-xl-5 { padding-left: 3rem!important } .m-xl-n1 { margin: -.25rem!important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem!important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem!important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem!important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem!important } .m-xl-n2 { margin: -.5rem!important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem!important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem!important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem!important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem!important } .m-xl-n3 { margin: -1rem!important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem!important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem!important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem!important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem!important } .m-xl-n4 { margin: -1.5rem!important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem!important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem!important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem!important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem!important } .m-xl-n5 { margin: -3rem!important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem!important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem!important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem!important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem!important } .m-xl-auto { margin: auto!important } .mt-xl-auto, .my-xl-auto { margin-top: auto!important } .mr-xl-auto, .mx-xl-auto { margin-right: auto!important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto!important } .ml-xl-auto, .mx-xl-auto { margin-left: auto!important } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 } body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: none } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding:max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)) } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes a { to { transform: rotate(1turn) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) } @media (max-height:576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding:max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)) } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus:before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 } @media (max-width:576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } @font-face { font-family: 'Nouvelle'; src: url(../fonts/nouvelle.ttf); } @font-face { font-family: 'Gotham'; src: url(../fonts/Gotham-Light.woff); font-weight: 300; } @font-face { font-family: 'Gotham'; src: url(../fonts/Gotham-Book.woff); font-weight: 400; } @font-face { font-family: 'Gotham'; src: url(../fonts/Gotham-Bold.woff); font-weight: 700; } @font-face { font-family: 'Lucida'; src: url(../fonts/LucidaGrande-Bold.ttf); } *:root { --gotham: 'Gotham', sans-serif; --lucida: 'Lucida', serif; --nouvelle: 'Nouvelle', serif; --piel: #F4A69A; --fondo_clarito: #FFF4F3; --fondo_oscuro: #D69085; --gris_oscuro: #707070; } html { overflow-x: hidden; } .text-right { text-align: right; } *:focus { outline: 0 !important; } *::selection { background-color: var(--piel); color: #ffffff; } img { max-width: 100%; border: none; } .compensate-for-scrollbar { margin-right: 0 !important; } #full_slider { width: 100%; max-width: 100%; } #seccion_uno { min-height: 100vh; width: 100%; max-width: 100%; } #full_slider .slide_item { min-height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: top center; } #slider_thumbnails li { margin-right: 5px; cursor: pointer; border: 3px solid transparent; } #slider_thumbnails { margin: 0; padding: 0; list-style-type: none; position: relative; } #slider_thumbnails li.slick-current { border-color: var(--piel); } #controls { display: none; position: absolute; bottom: 100px; right: 80px; left: 18%; } .text_footer1 { color: #ffffff; font-family: var(--gotham); font-weight: 400; font-size: 10px; line-height: 11px; max-width: 300px; margin-left: 16%; } .text_footer2 { font-family: var(--gotham); font-weight: 400; font-size: 10px; line-height: 11px; max-width: 500px; margin-left: auto; } .prev_arrow { position: absolute; left: -50px; top: 30px; } .next_arrow { position: absolute; right: -50px; top: 30px; } .right_box { margin-top: 10px; background-color: var(--piel); font-weight: 400; color: #ffffff !important; padding: 15px 20px 15px 15px; text-align: left; font-size: 14px; line-height: 16px; max-width: 240px; margin-left: auto; font-family: var(--gotham); -webkit-text-fill-color: rgba(255, 255, 255, 1) !important; -webkit-opacity: 1 !important; color: rgba(255, 255, 255, 1) !important; } a, a.link { border-bottom: 0; } a:hover, a:focus, .link:hover, .link:focus { color: inherit; } .left_side { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .relative { position: relative; } .hashtag { font-family: var(--nouvelle); color: #ffffff; opacity: .5; font-size: 70px; line-height: 88px; position: absolute; display: block; transform: rotate(180deg); bottom: -130px; right: 0; writing-mode: vertical-rl; } .blurb_title { font-family: var(--gotham); font-weight: 400; color: var(--piel); font-size: 40px; line-height: 50px; } .blurb_title span { font-size: 72px; line-height: 78px; } .blurb_content { font-family: var(--gotham); font-weight: 700; font-size: 24px; line-height: 28px; color: #ffffff; } strong { font-weight: 700; } .p-200 { padding-top: 150px; } .tooltip { position: relative; } .tooltip .tooltiptext { visibility: hidden; background-color: var(--piel); color: #fff; text-align: left; position: absolute; z-index: 1; bottom: 85%; right: -30px; left: 30px; opacity: 0; transition: opacity 0.3s; font-family: var(--gotham); font-weight: 400; width: 200px; padding: 15px; font-size: 13px; line-height: 14px; } .tooltip .tooltiptext .bigger { font-size: 21px; line-height: 24px; display: block; font-weight: 700; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 45%; margin-left: -5px; border-width: 15px; border-style: solid; border-color: var(--piel) transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } #controls .slick-list { overflow: visible !important; } .slick-dots { padding: 0; margin: 0; position: absolute; bottom: 60px; list-style: none; left: 0; right: 0; text-align: center; } .slick-dots li { display: inline-block; background: #AFAFAF; border-radius: 50% !important; overflow: hidden; margin: 0 10px; width: 15px; height: 15px; } .slick-dots li button { background: #AFAFAF; border: none; color: transparent; width: 15px; height: 15px; padding: 0; } .slick-dots li.slick-active button { background: #ffffff; } .h-100 { min-height: 100vh; } .video_container { text-align: center; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; min-height: 100vh; } .fancybox-slide { padding: 44px 20px !important; } .play_button { max-width: 115px; position: absolute; left: 0; right: 0; margin: auto; top: 50%; margin-top: -55px; } .text_container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; justify-content: center; align-content: flex-end; padding-bottom: 50px; } .text_container .title { color: var(--piel); font-family: var(--gotham); font-weight: 900; font-size: 32px; line-height: 40px; padding: 0 20px; margin-bottom: 15px; } .content { color: #ffffff; font-family: var(--gotham); font-size: 10px; text-align: left; max-width: 300px; } #dermatologos .con_bg { background-image: url(../images/bg_sec3.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .content_box { max-width: 450px; margin: calc(100% - 80%) 0 calc(100% - 80%) 0; } .content_box h2 { font-family: var(--nouvelle); font-size: 42px; line-height: 46px; color: var(--piel); margin: 0 0 20px 0; } .subtitle { font-family: var(--gotham); font-size: 26px; line-height: 28px; color: var(--piel); font-weight: 700; margin-bottom: 20px; } .content_box p { font-family: var(--gotham); font-weight: 400; font-size: 20px; line-height: 27px; color: #1b1b1b; margin-top: 0; margin-bottom: 0; } .bg_color1 { background-color: #F6EEED; } .derm_video { position: relative; overflow: hidden !important; box-shadow: 0px 5px 5px rgba(0, 0, 0, .2); display: flex; max-width: 369px; max-height: 369px; margin: auto; margin-top: 80px; } #reto { background-image: url(../images/bg4.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .more_left { margin-left: 0; margin-top: 40px; } .more_left h2 { font-family: var(--nouvelle); font-size: 47px; line-height: 50px; color: #ffffff; margin: 0; } .more_left h2.left { margin-left: 0; } .more_left h2.right { margin-left: 0; } .white_box { background-color: #ffffff; padding: 25px; margin-top: 15px; box-shadow: 0px 5px 5px rgba(0, 0, 0, .2); margin-bottom: 40px; } .white_box h3 { color: var(--piel); font-family: var(--gotham); font-weight: 900; font-size: 24px; line-height: 30px; margin: 0; margin-bottom: 25px; } .white_box p { color: #000000; font-family: var(--gotham); font-size: 16px; line-height: 22px; margin: 0; margin-bottom: 25px; } .piel_box { background-color: var(--piel); color: #ffffff; padding: 15px 20px; font-weight: 700; font-family: var(--gotham); font-size: 16px; line-height: 20px; display: inline-block; box-shadow: 0px 2px 4px rgba(0, 0, 0, .2); } .piel_box span { font-weight: 400 !important; } div#social_icons h4 { font-family: var(--gotham); font-weight: bold; font-size: 30px; line-height: 33px; color: var(--piel); margin: 0; } div#social_icons { margin-top: 20px; } .reto_img { width: 542px; margin-left: auto !important; max-width: 100%; text-align: right; margin-top: 20px; margin-bottom: -5px; } .inner_box_left h2 { font-family: var(--nouvelle); color: #ffffff; font-size: 62px; line-height: 68px; text-align: center; margin-top: 0; margin-bottom: 20px; } .inner_box_left { text-align: center; max-width: 490px; margin-top: 50px; } #blogyredes div.col-12:first-child { background-color: #D69085; } .blog_content { padding: 0 20px 10px 20px; } #blogyredes div.col-12:last-child { background-color: #FFF4F3; display: none; } .blog_box { background-color: #ffffff; box-shadow: 0px 5px 5px rgba(0, 0, 0, .2); text-align: left; max-width: 340px; margin: auto; margin-bottom: 20px; } .img_cont { max-height: 340px; overflow: hidden; width: 100%; margin-bottom: 10px; } .blog_title { color: #1b1b1b; font-family: var(--gotham); font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 10px; } .blog_box p { font-family: var(--gotham); color: #1b1b1b; font-weight: 400; font-size: 16px; line-height: 24px; min-height: 80px; } .read_more { color: var(--piel); font-family: var(--gotham); font-weight: 700; font-size: 16px; line-height: 24px; text-align: right; text-decoration: none; display: block; margin-left: auto; } .inner_box_right h2 { font-size: 62px; font-family: var(--nouvelle); color: var(--piel); line-height: 68px; margin-top: 0; margin-bottom: 20px; } .inner_box_right p { color: #1b1b1b; font-family: var(--gotham); font-size: 24px; line-height: 32px; margin-top: 0; } .icon { display: inline-flex; width: 40px; height: 40px; background-color: var(--piel); border-radius: 50%; text-align: center; overflow: hidden; justify-content: center; align-items: center; margin-right: 15px; } .inner_box_right { max-width: 490px; margin-left: 60px; margin-top: 120px; } .icon img { width: 20px; height: 20px; margin-top: 5px; } .div_info img { float: left; margin-right: 29px; width: 92px; height: 92px; } .text-center { text-align: center; } #cta { background-color: #F4DFDC; padding: 70px 0; } #cta h1 { font-family: var(--gotham); font-size: 42px; font-weight: 700; line-height: 42px; margin-top: 0; margin-bottom: 20px; color: var(--piel); } #cta p { color: #1b1b1b; font-family: var(--gotham); font-weight: 400; font-size: 22px; margin-bottom: 50px; line-height: 24px; margin-top: 0; } .cta_button { box-shadow: 0px 2px 4px rgba(0, 0, 0, .2); color: #ffffff; background-color: #F4A69A; padding: 10px 20px; text-decoration: none; font-family: var(--gotham); font-weight: 700; font-size: 16px; line-height: 24px; display: block; max-width: 90%; margin: auto; } #footer { background-color: #D9A5A4; color: #ffffff; padding-bottom: 30px; font-family: var(--gotham); font-weight: 300; font-size: 16px; line-height: 17px; } .path-user { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 100vh; background: #f7f7f7; } #user-login-form { padding: 25px 35px; background: #ffffff; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); margin: 25px; max-width: 300px; } #user-login-form label { display: block; max-width: 100%; margin-bottom: 5px; font-weight: 600; color: #333333; } #user-login-form input:not([type="submit"]) { background-color: #fff; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 10px; max-width: 100%; } #user-login-form .form-item .description { display: none; } #user-login-form input[type="submit"] { font-size: 13px; text-transform: uppercase; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; background: #f4a69a; color: #fff; font-weight: 700; letter-spacing: 1px; padding: 8px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: relative; display: inline-block; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: 1px solid transparent; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); } #user-login-form input[type="submit"]:hover { background: #fff; color: #282828; border-color: #f4a69a; } .min_h { min-height: 130px; } .blurb_pretitle { font-family: var(--gotham); font-weight: 400; color: var(--piel); font-size: 40px; line-height: 50px; } section#videos { background: linear-gradient(0deg, #D88F85 50%, #F4DFDB 50%); padding-top: 30px; padding-bottom: 80px; } h2.videos_title { margin: 0; font-family: var(--nouvelle); color: var(--piel); font-weight: 900; font-size: 42px; line-height: 46px; } .min_height { min-height: 100vh; } .video_container { width: calc(100% / 5); min-height: 574px; } div#aviso_cookies { position: fixed; bottom: 0; background: #d9a5a4; left: 0; right: 0; padding: 20px 0px; color: #fff; font-family: var(--gotham); font-size: 14px; box-shadow: 0 0 20px rgb(0 0 0 / 20%); } .agree-button { box-shadow: 0px 2px 4px rgb(0 0 0 / 20%); color: var(--fondo_oscuro); background-color: var(--fondo_clarito); padding: 10px 20px; text-decoration: none; font-family: var(--gotham); font-weight: 700; font-size: 14px; line-height: 20px; background-image: none; border-radius: 0; } button.eu-cookie-compliance-save-preferences-button { color: var(--fondo_oscuro); background-color: var(--fondo_clarito); padding: 10px 20px; text-decoration: none; font-family: var(--gotham); font-weight: 700; font-size: 12px; line-height: 18px; background-image: none; border-radius: 0; } .decline-button { text-decoration: none; margin-left: 10px; color: #fff; border-bottom: 1px solid; padding: 0; background: transparent !important; border-radius: 0 !important; border: none; box-shadow: none; text-shadow: none; border-bottom: 1px solid; } div#popup-buttons { margin-top: 8px; } div#popup-text { color: #fff; font-family: var(--gotham); font-size: 14px; } body { background: #fff; color: #000; } section#pagina .content { color: #000 !important; max-width: 100% !important; font-size: 16px; } div#numero_slider { line-height: 32px; font-weight: bold; font-family: var(--gotham); font-size: 35px; color: #fff; text-shadow: 0 2px 4px rgb(0 0 0 / 50%); display: none; } @media (min-width:576px) { .blurb_title span { font-size: 96px; } .blurb_title { font-size: 56px; line-height: 74px; } .blurb_content { font-size: 32px; line-height: 32px; } .content_box p { font-size: 26px; line-height: 32px; } .cta_button { display: inline-block; } } @media (min-width:768px) { .text_container .content { display: none; } .reto_img { margin-bottom: 50px; } .blog_box+.blog_box { display: none; } .hashtag { right: 20px; bottom: -60px; } .slide_item .col-12.col-lg-7.p-0.text-right.justify-content-end, .slide_item .col-12.col-lg-6.p-0.text-right.justify-content-end { position: unset; } .right_box { margin-top: 10px; padding: 15px 45px 15px 25px; font-size: 22px; line-height: 32px; max-width: 580px; color: #ffffff !important; -webkit-text-fill-color: rgba(255, 255, 255, 1) !important; -webkit-opacity: 1 !important; color: rgba(255, 255, 255, 1) !important; position: absolute; right: 0; top: 25%; } .p-200 { padding-top: 110px; padding-bottom: 100px !important; } .more_left h2 { font-size: 97px; line-height: 106px; } .white_box p { font-size: 20px; line-height: 26px; } #cta h1 { font-size: 48px; line-height: 48px; margin-bottom: 10px; } #footer { padding-bottom: 20px; padding-top: 30px !important; } #user-login-form { max-width: auto; } } @media (min-width:992px) { #controls, .text_left { display: block; } .slick-dots { display: none !important; } .derm_video { max-width: 600px; margin-right: 0; margin-left: -200px; margin-top: 0; margin-bottom: 0; } h2.videos_title { font-size: 48px; line-height: 48px; } #dermatologos .con_bg { min-height: 100vh; align-self: stretch; } .h-lg-100 { min-height: 100vh; } .content_box { margin: 15% 0 30px 15%; } .content_box h2 { font-size: 62px; line-height: 68px; } .more_left h2.left { margin-left: -50px; } .more_left h2.right { margin-left: 150px; font-size: 87px; } .more_left { margin-left: -160px; margin-top: 30px; } .white_box { padding: 25px 120px 25px 45px; margin-top: 0; } .inner_box_left { margin-left: auto; margin-right: 50px; margin-top: 50px; } #blogyredes div.col-12:last-child { display: block; } .inner_box_left { margin: calc(100% - 90%) 50px calc(100% - 90%) auto; } .inner_box_right { margin: calc(100% - 86%) auto calc(100% - 85%) 60px; } div#numero_slider { display: block; position: absolute; right: 10px; bottom: 200px; z-index: 99; } } @media (min-width:1200px) { #videos .container { max-width: 1200px !important; } } @media (min-width:1550px) { .p-200 { padding-top: 200px; padding-bottom: 150px !important; } #controls .slick-track { width: fit-content !important; } #controls { right: 80px; left: 34%; bottom: 200px; } .text_footer2 { max-width: unset; } .min_h { min-height: 180px; } .text_footer1 { max-width: 400px; font-size: 20px; line-height: 21px; } .text_footer2 { font-size: 20px; line-height: 21px; } #full_slider .slide_item { display: flex; } #full_slider .slide_item>div { -ms-flex-item-align: center !important; align-self: center !important; } .hashtag { font-size: 100px; } .blurb_title { font-size: 76px; line-height: 94px; } .blurb_title span { font-size: 116px; line-height: 118px; } .blurb_content { font-size: 42px; line-height: 42px; } .right_box { font-size: 32px; line-height: 42px; max-width: 650px; } .text_container .title { font-size: 42px; line-height: 50px; } .content_box h2 { font-size: 82px; line-height: 88px; } .content_box { max-width: 650px; } .subtitle { font-size: 36px; line-height: 38px; } .content_box p { font-size: 36px; line-height: 42px; } .content_box { margin: calc(100% - 75%) 0 calc(100% - 75%) 15%; } .more_left { margin: calc(100% - 50%) 0 calc(100% - 50%) -160px; } .reto_img { width: 570px; } } @media (min-width:1400px) and (max-width:1800px) { #controls { left: 24%; } } @media (min-width:2000px) { #controls { bottom: 400px; } } @media (max-width:759px) { .video_container { width: 250px; min-height: 574px; margin: auto; margin-bottom: 30px; } }