.bottom-alert-wrapper {
position: fixed;
bottom: 2rem;
left: 0;
right: 0;
z-index: 2000;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform;
transition: opacity, -webkit-transform;
transition: transform, opacity;
transition: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transform: translateY(calc(100% + 2rem));
transform: translateY(calc(100% + 2rem))
}
.bottom-alert-wrapper.is-visible {
pointer-events: all;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.bottom-alert-wrapper .bottom-alert {
width: 80%;
max-width: 1200px;
margin: 0 auto;
padding: 1rem 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #34bd9e;
border-radius: .75rem
}
.bottom-alert-wrapper .bottom-alert .text-main {
color: #fff;
line-height: 0.5rem
}
.bottom-alert-wrapper .bottom-alert .wrapper-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.bottom-alert-wrapper .bottom-alert .wrapper-left .icon {
width: 3rem;
height: 3rem;
fill: #fff
}
.bottom-alert-wrapper .bottom-alert .wrapper-left>* {
margin-right: 1rem
}
.bottom-alert-wrapper .bottom-alert .wrapper-left>:last-child {
margin-right: 0
}
.bottom-alert-wrapper .bottom-alert .wrapper-right>* {
margin-left: 1rem
}
.bottom-alert-wrapper.success .bottom-alert {
background-color: #34bd9e
}
.bottom-alert-wrapper.error .bottom-alert {
background-color: #e63041
}
.bottom-alert-wrapper.info .bottom-alert {
background-color: #ee810f
}
.aside {
margin-bottom: 1.5rem
}
.aside>ul {
padding: 1.5rem 0;
background-color: #fff;
-webkit-box-shadow: 0 .265rem 1.25rem 0 rgba(0,0,0,.02);
box-shadow: 0 .265rem 1.25rem 0 rgba(0,0,0,.02);
width: 100%
}
.aside a {
color: inherit;
text-decoration: none
}
.aside li>a, .aside li>span {
display: block;
padding: 1rem 3rem;
position: relative
}
.aside li>a:after, .aside li>span:after {
position: absolute;
content: '';
height: 1px;
width: calc(100% - 6rem);
background: #f2f3f5;
left: 3rem;
bottom: -1px
}
.aside li>a.current, .aside li>a:hover, .aside li>span.current, .aside li>span:hover {
background: #f8f8f8;
-webkit-box-shadow: inset .25rem 0 0 #ffc426;
box-shadow: inset .25rem 0 0 #ffc426
}
.aside li:last-child a:after, .aside li>a.current:after, .aside li>a:hover:after, .aside li>span.current:after, .aside li>span:hover:after {
display: none
}
.aside.aside-conversation>ul {
padding: 0
}
.aside.aside-conversation a {
padding: 1.5rem 3rem
}
.aside.aside-conversation a .title {
font-size: 1.125rem;
font-weight: 700
}
.aside.aside-conversation a .badge, .aside.aside-conversation a .subtitle {
margin-top: .5rem;
display: inline-block;
vertical-align: middle
}
.aside.aside-conversation a .badge {
margin-left: .5rem
}
.aside.aside-conversation a:after {
height: 2px;
width: calc(100%);
left: 0;
bottom: -2px
}
.aside.aside-conversation a.current:after, .aside.aside-conversation a:hover:after {
display: block
}
@media screen and (max-width:1023px) {
.bottom-alert-wrapper .bottom-alert {
width: calc(100% - 2rem);
padding: 1rem
}
.bottom-alert-wrapper .bottom-alert .wrapper-left .icon {
display: none
}
.aside.aside-conversation li>a.current, .aside.aside-conversation li>a:hover {
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none
}
.aside.aside-conversation a {
padding: 1.5rem 1rem!important
}
.aside.aside-conversation a .title {
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 900
}
.aside.aside-conversation a .subtitle {
display: block;
margin-top: .5rem
}
.aside.aside-conversation a .badge {
display: inline-block;
margin-top: .5rem;
margin-left: 0
}
}
.block {
width: 100%;
position: relative;
margin-bottom: 1.5rem;
background-color: #fff;
-webkit-box-shadow: 0 .265rem 1.25rem 0 rgba(0,0,0,.02);
box-shadow: 0 .265rem 1.25rem 0 rgba(0,0,0,.02);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.block>* {
position: relative
}
.block.standalone {
margin-bottom: 2.5rem
}
.block.dark {
color: #fff;
background-color: #1c2129
}
.block.dark .cover:before {
background-image: linear-gradient(235deg, rgba(28,33,41,0) 25%, #1c2129 75%)
}
.block.in-error {
background-color: rgba(230,48,65,.08)
}
.block.infos-bottom {
padding-bottom: 2rem
}
.block.infos-bottom .infos-box {
margin-top: 3rem
}
.block.without-p {
padding: 0
}
.block.without-pb {
padding-bottom: 0
}
.block.without-pt {
padding-top: 0
}
.block.without-mb {
margin-bottom: 0
}
.block.with-btn-block-bottom {
padding-bottom: 6rem
}
.block.with-btn-block-bottom.min-space {
padding-bottom: 5rem
}
.block.with-background {
background-position: center right;
background-repeat: no-repeat;
background-size: cover
}
.block.with-background:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(235deg, #fff 0, rgba(255,255,255,.1) 29%, rgba(255,255,255,.85) 55%, rgba(255,255,255,.97) 69%, #fff 84%)
}
.block.with-background.dark:before {
background-image: linear-gradient(235deg, #1c2129 0, rgba(28,33,41,.1) 29%, rgba(28,33,41,.85) 55%, rgba(28,33,41,.97) 69%, #1c2129 84%)
}
.block.with-background>* {
position: relative
}
.block.decorated {
background-image: url(block-decoration@2x.f8721ce030464a7b5677.jpg);
background-repeat: no-repeat;
background-position: bottom right
}
.block.liseret-on-bottom:after {
content: '';
position: absolute;
left: 3rem;
right: 3rem;
bottom: 0;
border-left: .5rem solid transparent;
border-right: .5rem solid transparent;
border-bottom: .5rem solid #f8f8f8
}
.block .block-link-helper {
font-size: 1.125rem;
color: inherit;
position: absolute;
top: 4.45rem;
right: 3rem;
margin-right: 0
}
.block .block-link-helper.btn {
top: 3rem
}
.block .summary.text-main {
margin-bottom: 3rem;
max-width: 75%
}
.block .block-error {
background: #af0633;
color: #fff;
font-weight: 300;
margin: 0 -3rem -4rem;
padding: 4.375rem 3rem 3.5rem
}
.block .block-footer {
padding: 3.375rem 3rem;
margin: 4rem -3rem -4rem;
background: #f8f8f8
}
.block .block-footer .col {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.block .block-footer .col.w-6 {
padding-bottom: 4rem
}
.block .block-footer .col.w-6:last-child {
padding-left: 3rem
}
.block .block-footer .col.w-6:first-child {
padding-right: 3rem
}
.block .block-footer .col.w-6:first-child:before {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: rgba(28,33,41,.1);
right: -.75rem;
top: 0
}
.block .slider+.block-footer {
margin-top: 0
}
.block .btn-block-bottom {
max-width: inherit
}
.block .cover {
position: absolute;
width: 80%;
top: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.block .cover:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(235deg, rgba(255,255,255,0) 15%, rgba(255,255,255,.9) 55%, #fff 65%)
}
.block.w-filters .title-element {
margin-bottom: .5rem
}
.block.w-filters .filters {
margin-top: 0;
margin-bottom: 2.3rem
}
.block.w-label {
margin-top: 5rem
}
.block.w-label .label {
position: absolute;
bottom: calc(100% + 1rem)
}
.block.is-loading {
min-height: 20rem
}
.block .loading-wrapper {
position: initial
}
.block .loading-wrapper .loading-bar {
display: block;
height: .5rem;
width: 17.5rem;
margin-bottom: .5rem;
border-radius: .875rem;
background: 50rem 10rem no-repeat #f8f8f8;
background-image: -webkit-gradient(linear, left top, right top, from(#f8f8f8), color-stop(40%, #ebe6e6), to(#f8f8f8));
background-image: linear-gradient(to right, #f8f8f8 0, #ebe6e6 40%, #f8f8f8 100%);
-webkit-animation: 2s linear infinite forwards loading-anim;
animation: 2s linear infinite forwards loading-anim
}
.block .loading-wrapper .loading-bar:nth-child(2) {
width: 15rem
}
.block .loading-wrapper .loading-bar:last-of-type {
margin-bottom: 0
}
.block .loading-wrapper .text-small {
position: absolute;
bottom: 1.75rem
}
.block.is-empty {
padding: 3.25rem 3rem 4rem!important
}
.block.is-empty h2 {
padding-left: 0;
padding-right: 0
}
.block.without-bk {
border: none;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none
}
.block.separator {
text-align: center
}
.block.separator .title-molecule {
margin-bottom: 0
}
.block .empty-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
text-align: center;
width: 100%;
max-width: 35.5rem;
padding: 2rem 0
}
.block .empty-wrapper .icon {
width: 6rem;
height: 6rem;
opacity: .3
}
.block>.anchor {
position: absolute;
top: -11rem
}
@media screen and (min-width:680px) {
.block-footer .col.w-6 .btn {
position: absolute;
bottom: 0
}
.block-footer .col.w-6:not(.btn-centered) .btn {
width: calc(100% - 3rem)
}
.block-footer .col.w-6.btn-centered .btn {
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.block-footer .col.w-6:last-child:not(.btn-centered) .btn {
left: 3rem
}
.block-footer .col.w-6:last-child.btn-centered .btn {
left: calc(50% + 1.5rem)
}
.block-footer .col.w-6:first-child:not(.btn-centered) .btn {
left: 0
}
.block-footer .col.w-6:first-child.btn-centered .btn {
left: calc(50% - 1.5rem)
}
}
@media screen and (max-width:1200px) {
.block .summary.text-main {
max-width: inherit
}
.block .block-link-helper:not(.right-on-tab) {
display: block;
position: relative;
top: auto;
right: auto;
margin-bottom: 2rem
}
.block .block-link-helper:not(.right-on-tab).btn {
top: auto
}
}
@media screen and (max-width:1023px) {
.block {
padding: 3rem 2rem
}
.block .summary.text-main {
margin-bottom: 2rem
}
.block .block-link-helper:not(.right-on-phab) {
display: block;
position: relative;
top: auto;
right: auto;
margin-bottom: 2rem
}
.block.is-empty {
padding: 3rem 2rem!important
}
.block .block-error {
margin: 0 -2rem -2.5rem;
padding: 3.375rem 2rem 2.5rem
}
.block .block-footer {
padding: 2.5rem 2rem;
margin: 2.5rem -2rem -3rem
}
.block .cover {
width: 100%
}
.block.w-filters .title-element {
margin-bottom: 0
}
.block.w-filters .filters {
margin-bottom: 1.75rem
}
.block.w-filters .filters.select-on-mobile {
margin-bottom: 1.25rem
}
.block .w-mob-filters {
margin-bottom: 1.75rem
}
.block.with-btn-block-bottom, .block.with-btn-block-bottom.min-space, .block.without-pb-mob {
padding-bottom: 0
}
.block.liseret-on-bottom:after {
display: none
}
.block .empty-wrapper {
padding: 2rem 0 1rem
}
}
@media screen and (max-width:680px) {
.block {
padding: 2rem 1rem;
margin-bottom: .5rem
}
.block.is-empty {
padding: 2rem 1rem!important
}
.block.standalone {
margin-bottom: 1rem
}
.block .block-link-helper {
display: block;
position: relative;
top: auto;
right: auto;
margin-bottom: 2rem
}
.block.infos-bottom .infos-box {
margin-top: 1.5rem
}
.block.w-filters .filters {
margin-bottom: 1.3rem
}
.block .empty-wrapper .icon {
width: 4rem;
height: 4rem
}
.block.decorated {
background-image: none
}
.block .summary.text-main+.block-link-helper {
margin-top: -.5rem
}
.block .block-error {
margin: 0 -1rem -2.15rem;
padding: 3.375rem 1rem 2.15rem
}
.block .block-footer {
padding: 2.15rem 1rem;
margin: 2.15rem -1rem -2.15rem
}
.block .block-footer .col.w-6 {
padding-bottom: inherit
}
.block .block-footer .col.w-6:last-child {
padding-left: 0
}
.block .block-footer .col.w-6:first-child {
padding-right: 0;
padding-bottom: 1.875rem;
margin-bottom: 1.875rem
}
.block .block-footer .col.w-6:first-child:before {
width: 100%;
height: 1px;
right: 0;
top: auto;
bottom: 0
}
.block .cover.on-top-on-mob {
width: 100%;
height: 100%;
max-height: 11rem;
background-position: top center
}
.block .cover.on-top-on-mob:before {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(28,33,41,0)), to(#1c2129));
background-image: linear-gradient(rgba(28,33,41,0), #1c2129)
}
.block .cover.on-top-on-mob+.wrapper {
padding-top: 5rem
}
}
@-webkit-keyframes loading-anim {
0% {
background-position:-30rem 0
}
100% {
background-position:30rem 0
}
}
@keyframes loading-anim {
0% {
background-position:-30rem 0
}
100% {
background-position:30rem 0
}
}
.btn {
max-width: 100%;
min-width: 15rem;
display: inline-block;
vertical-align: middle;
background-color: #ffc426;
cursor: pointer;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.25em;
color: #1c2129;
text-decoration: none;
text-align: center;
border: none;
border-radius: .75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 3rem;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.25);
box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.25);
outline: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: background .3s, opacity .3s;
transition: background .3s, opacity .3s;
margin-right: .75rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 2rem;
padding-right: 2rem
}
.btn:last-child {
margin-right: 0
}
.btn:hover {
background: #ffd259
}
.btn.disabled, .btn:disabled {
opacity: .7;
pointer-events: none
}
.btn .icon {
height: 1.25em;
width: 1.25em;
fill: #1c2129;
-webkit-transition: fill .3s;
transition: fill .3s
}
.btn .icon:first-child {
margin-right: .25em
}
.btn .icon:last-child {
margin-left: .25em
}
.btn .icon:first-child:last-child {
margin-left: 0;
margin-right: 0
}
.btn.multi-lines {
white-space: inherit;
overflow: inherit;
text-overflow: inherit;
text-align: left
}
.btn.pull-icon-on-left {
padding-left: 3.125em;
text-indent: -1.5625em
}
.btn.pull-icon-on-left .icon {
position: absolute;
left: 1em;
top: 50%;
margin-top: 0!important;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.btn .pill {
text-indent: 0;
position: relative;
top: 0;
margin-top: -1em;
margin-right: .5em;
font-weight: 700;
line-height: .3em;
padding-top: .85em
}
.btn.dark {
background: #1c2129;
color: #fff;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(28,33,41,.25);
box-shadow: 0 .3125rem .625rem 0 rgba(28,33,41,.25)
}
.btn.dark:hover {
background: #313947
}
.btn.dark .icon {
fill: #fff
}
.btn.secondary {
background: #fff;
-webkit-box-shadow: 0 0 0 .0625rem #f0f0f0, 0 .5rem 1rem 0 rgba(0,0,0,.05);
box-shadow: 0 0 0 .0625rem #f0f0f0, 0 .5rem 1rem 0 rgba(0,0,0,.05);
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s, -webkit-box-shadow .3s
}
.btn.secondary:hover {
-webkit-box-shadow: 0 0 0 .0625rem #f0f0f0, 0 .5rem 1rem 0 rgba(0,0,0,.1);
box-shadow: 0 0 0 .0625rem #f0f0f0, 0 .5rem 1rem 0 rgba(0,0,0,.1)
}
.btn.blur {
color: #fff;
background: rgba(255,255,255,.15);
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.15);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-transition: background .3s;
transition: background .3s
}
.btn.blur:hover {
background: rgba(255,255,255,.3)
}
.btn.blur .icon {
fill: #fff
}
.btn.blur.link {
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0)
}
.btn.tertiary {
background: #f2f3f5;
-webkit-box-shadow: none;
box-shadow: none
}
.btn.tertiary:hover {
background: #fbfbfc
}
.btn.small {
font-size: 1rem;
line-height: 1.7em;
height: 2.5rem;
min-width: 8.125rem;
border-radius: .375rem
}
.btn.small .icon {
width: 1.125rem;
height: 1.125rem;
margin-top: -.15em
}
.btn.small .pill {
top: -.05em;
margin-top: 0;
padding-top: .9em
}
.btn.xm-small {
font-size: 1rem;
line-height: 1.5em;
height: 2rem;
min-width: 8.125rem;
border-radius: .375rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.btn.xm-small .icon {
width: 1.125rem;
height: 1.125rem;
margin-top: -.15em
}
.btn.x-small {
font-size: .875rem;
line-height: 1.4em;
height: 1.625rem;
min-width: 130px;
border-radius: .8125rem;
padding-left: 1rem;
padding-right: 1rem
}
.btn.x-small .icon {
width: 1rem;
height: 1rem;
margin-top: -.15em
}
.btn.medium {
max-width: 100%;
min-width: 15rem
}
.btn.long {
max-width: 100%;
min-width: 18.75rem
}
.btn.f-width {
width: 100%;
min-width: 0!important
}
.btn.w-auto {
width: auto;
min-width: 0
}
.btn.h-auto {
height: auto
}
.btn.round {
height: 3.5rem;
width: 3.5rem;
min-width: 0;
border-radius: 50%;
padding: .85rem 0
}
.btn.round .icon {
width: 2rem;
height: 2rem
}
.btn.round.small-icon .icon {
width: 1.375rem;
height: 1.375rem
}
.btn.round.small {
height: 3rem;
width: 3rem;
padding: .65rem 0
}
.btn.round.small .icon {
width: 1.5rem;
height: 1.5rem
}
.btn.round.x-small {
height: 2.5rem;
width: 2.5rem;
padding: .65rem 0
}
.btn.round.x-small .icon {
width: 1rem;
height: 1rem
}
.btn.rounded {
border-radius: 3rem
}
.btn.danger {
background: #d0021b;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none
}
.btn.danger:hover {
background: rgba(208,2,27,.9)
}
.btn.link {
min-width: 0;
padding: 0;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0;
opacity: .8;
border: none;
border-radius: 0
}
.btn.link:hover {
background: 0 0;
opacity: 1
}
.btn.link.light {
font-weight: 500
}
.btn.underline {
text-decoration: underline
}
.btn.without-min-width {
min-width: inherit
}
.btn.without-shadow {
-webkit-box-shadow: none;
box-shadow: none
}
.btn.summary-filter {
font-weight: 400;
text-transform: uppercase;
max-width: 10rem;
position: relative;
z-index: 2;
padding-left: .2em
}
.btn.summary-filter .icon {
margin-top: -.25em;
background: rgba(28,33,41,.1);
border-radius: 1rem;
padding: .2rem;
width: .75rem;
height: .75rem
}
a.btn {
padding-top: .75em
}
a.btn.small {
padding-top: .5em
}
a.btn.x-small, a.btn.xm-small {
padding-top: .25em
}
a.btn.link.small, a.btn.link.x-small, a.btn.link.xm-small {
padding-top: 0
}
input.btn {
padding-top: .25em
}
@-moz-document url-prefix() {
input.btn {
padding-top:0
}
}
.block.dark .btn.link {
color: rgba(255,255,255,.7)
}
@media screen and (max-width:1200px) {
.btn.tab-w-auto {
width: auto;
min-width: inherit
}
}
@media screen and (max-width:1023px) {
.btn.phab-f-width {
width: 100%
}
.btn.phab-w-auto {
width: auto;
min-width: inherit
}
.btn.link:not(.mob-without-underline) {
text-decoration: underline
}
}
@media screen and (max-width:680px) {
.btn {
max-width: none;
width: 100%;
margin-right: 0
}
.btn.mob-w-auto {
width: auto;
min-width: 0
}
.btn.mob-f-width {
width: 100%
}
.btn.long {
width: 100%;
min-width: 0
}
.btn.mob-small {
font-size: 1rem;
line-height: 1.7em;
height: 2.5rem;
min-width: 130px;
border-radius: .375rem
}
.btn.mob-small .icon {
width: 1.125rem;
height: 1.125rem;
margin-top: -.15em
}
.btn.mob-small.rounded {
border-radius: 3rem
}
.btn.mob-x-small {
font-size: .875rem;
line-height: 1.4em;
height: 1.625rem;
min-width: 130px;
border-radius: .8125rem;
padding-left: 1rem;
padding-right: 1rem
}
.btn.mob-x-small .icon {
width: 1rem;
height: 1rem;
margin-top: -.15em
}
.btn.mob-x-small.mob-round, .btn.mob-x-small.round {
min-width: inherit;
height: 2.5rem;
width: 2.5rem;
padding: .65rem 0;
border-radius: 50%
}
.btn.mob-x-small.mob-round .icon, .btn.mob-x-small.round .icon {
width: 1.125rem;
height: 1.125rem
}
.btn.mob-round {
min-width: inherit;
height: 2.5rem;
width: 2.5rem;
padding: .65rem 0;
border-radius: 50%
}
.btn.mob-round .icon {
width: 1.125rem;
height: 1.125rem;
margin-right: 0
}
.btn.mob-round .icon+span {
display: none
}
}
.btn-store {
outline: 0;
font-size: 1rem;
border: none;
display: inline-block;
width: 8.728125em;
height: 2.5em;
padding: 0;
background-size: 100%;
background-repeat: no-repeat
}
.btn-store.app-store {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMzMgMzgiPjxzdHlsZT4uYXtmaWxsOiNGRkZGRkU7fTwvc3R5bGU+PGcgZmlsbD0ibm9uZSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY5MCAtNzY5KXRyYW5zbGF0ZSgwIDMzMCl0cmFuc2xhdGUoNjkwIDMxNil0cmFuc2xhdGUoMCAxMjMpIj48ZyBmaWxsPSIjMDAwMTA1Ij48cGF0aCBkPSJNMTMzIDM0LjJDMTMzIDM2LjMgMTMxLjMgMzggMTI5LjIgMzhMMy44IDM4QzEuNyAzOCAwIDM2LjMgMCAzNC4yTDAgMy44QzAgMS43IDEuNyAwIDMuOCAwTDEyOS4yIDBDMTMxLjMgMCAxMzMgMS43IDEzMyAzLjhMMTMzIDM0LjIgMTMzIDM0LjIiLz48L2c+PHBhdGggZD0iTTI5LjIgMTguN0MyOS4yIDE1LjUgMzEuOSAxMy45IDMyIDEzLjggMzAuNSAxMS42IDI4LjEgMTEuMyAyNy4zIDExLjMgMjUuNCAxMS4xIDIzLjQgMTIuNSAyMi40IDEyLjUgMjEuNCAxMi41IDE5LjkgMTEuMyAxOC4yIDExLjMgMTYuMSAxMS40IDE0LjEgMTIuNiAxMyAxNC41IDEwLjcgMTguNSAxMi40IDI0LjIgMTQuNiAyNy40IDE1LjcgMjkgMTYuOSAzMC43IDE4LjYgMzAuNiAyMC4yIDMwLjYgMjAuOCAyOS42IDIyLjggMjkuNiAyNC43IDI5LjYgMjUuMyAzMC42IDI3IDMwLjYgMjguNyAzMC42IDI5LjggMjkgMzAuOSAyNy41IDMyLjEgMjUuNyAzMi42IDIzLjkgMzIuNyAyMy44IDMyLjYgMjMuOCAyOS4zIDIyLjUgMjkuMiAxOC43IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0yNiA5LjJDMjYuOSA4LjEgMjcuNSA2LjYgMjcuMyA1LjEgMjYuMSA1LjIgMjQuNSA2IDIzLjYgNy4xIDIyLjggOCAyMi4xIDkuNSAyMi4yIDExIDIzLjcgMTEuMSAyNS4xIDEwLjMgMjYgOS4yIiBjbGFzcz0iYSIvPjxwb2x5Z29uIHBvaW50cz0iNDIuMyAzMC40IDQ0LjMgMzAuNCA0NC4zIDE3LjYgNDIuMyAxNy42IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik00OS4zIDE4QzQ4LjggMTkuOCA0OC4yIDIxLjMgNDcuNSAyMi40TDQ2LjMgMjIuNUM0Ni44IDIxLjEgNDcuMiAxOS42IDQ3LjQgMTguMUw0OS4zIDE4IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik01NS4zIDI1LjNMNTQuMyAyMi4yQzU0LjIgMjEuOSA1NCAyMS4xIDUzLjcgMTkuOUw1My43IDE5LjlDNTMuNSAyMC40IDUzLjMgMjEuMiA1My4xIDIyLjJMNTIuMSAyNS4zIDU1LjMgMjUuM1pNNTguOSAzMC40TDU2LjggMzAuNCA1NS43IDI2LjggNTEuNyAyNi44IDUwLjYgMzAuNCA0OC42IDMwLjQgNTIuNSAxOC4zIDU0LjkgMTguMyA1OC45IDMwLjRaIiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik02Ni45IDI2QzY2LjkgMjUuMSA2Ni43IDI0LjQgNjYuMyAyMy45IDY1LjkgMjMuMyA2NS40IDIzIDY0LjYgMjMgNjQuMiAyMyA2My43IDIzLjIgNjMuMyAyMy41IDYzIDIzLjggNjIuNyAyNC4yIDYyLjYgMjQuOCA2Mi41IDI1IDYyLjUgMjUuMiA2Mi41IDI1LjRMNjIuNSAyNi44QzYyLjUgMjcuNCA2Mi43IDI4IDYzLjEgMjguNCA2My41IDI4LjkgNjQgMjkuMSA2NC42IDI5LjEgNjUuMyAyOS4xIDY1LjkgMjguOCA2Ni4zIDI4LjIgNjYuNyAyNy43IDY2LjkgMjYuOSA2Ni45IDI2Wk02OC45IDI1LjlDNjguOSAyNy40IDY4LjUgMjguNiA2Ny43IDI5LjUgNjcgMzAuMiA2Ni4xIDMwLjYgNjUgMzAuNiA2My44IDMwLjYgNjMgMzAuMiA2Mi41IDI5LjRMNjIuNSAzNCA2MC41IDM0IDYwLjUgMjQuNUM2MC41IDIzLjYgNjAuNSAyMi42IDYwLjUgMjEuN0w2Mi4yIDIxLjcgNjIuMyAyMyA2Mi4zIDIzQzYzIDIyIDY0IDIxLjUgNjUuMyAyMS41IDY2LjMgMjEuNSA2Ny4yIDIxLjkgNjcuOSAyMi43IDY4LjUgMjMuNSA2OC45IDI0LjYgNjguOSAyNS45WiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNNzcgMjZDNzcgMjUuMSA3Ni44IDI0LjQgNzYuNCAyMy45IDc2IDIzLjMgNzUuNCAyMyA3NC43IDIzIDc0LjIgMjMgNzMuOCAyMy4yIDczLjQgMjMuNSA3MyAyMy44IDcyLjggMjQuMiA3Mi42IDI0LjggNzIuNiAyNSA3Mi41IDI1LjIgNzIuNSAyNS40TDcyLjUgMjYuOEM3Mi41IDI3LjQgNzIuNyAyOCA3My4xIDI4LjQgNzMuNSAyOC45IDc0IDI5LjEgNzQuNyAyOS4xIDc1LjQgMjkuMSA3NiAyOC44IDc2LjQgMjguMiA3Ni44IDI3LjcgNzcgMjYuOSA3NyAyNlpNNzkgMjUuOUM3OSAyNy40IDc4LjYgMjguNiA3Ny43IDI5LjUgNzcgMzAuMiA3Ni4xIDMwLjYgNzUgMzAuNiA3My45IDMwLjYgNzMuMSAzMC4yIDcyLjUgMjkuNEw3Mi41IDM0IDcwLjYgMzQgNzAuNiAyNC41QzcwLjYgMjMuNiA3MC42IDIyLjYgNzAuNSAyMS43TDcyLjIgMjEuNyA3Mi40IDIzIDcyLjQgMjNDNzMgMjIgNzQgMjEuNSA3NS4zIDIxLjUgNzYuNCAyMS41IDc3LjIgMjEuOSA3Ny45IDIyLjcgNzguNiAyMy41IDc5IDI0LjYgNzkgMjUuOVoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTkwLjIgMjdDOTAuMiAyOCA4OS44IDI4LjkgODkuMSAyOS41IDg4LjMgMzAuMiA4Ny4yIDMwLjYgODUuOCAzMC42IDg0LjUgMzAuNiA4My41IDMwLjMgODIuNyAyOS44TDgzLjEgMjguMkM4NCAyOC43IDg0LjkgMjkgODUuOSAyOSA4Ni43IDI5IDg3LjIgMjguOCA4Ny43IDI4LjUgODguMSAyOC4xIDg4LjMgMjcuNyA4OC4zIDI3LjIgODguMyAyNi43IDg4LjEgMjYuMiA4Ny44IDI1LjkgODcuNCAyNS42IDg2LjkgMjUuMyA4Ni4xIDI1IDg0IDI0LjIgODIuOSAyMyA4Mi45IDIxLjUgODIuOSAyMC41IDgzLjMgMTkuNyA4NCAxOSA4NC44IDE4LjQgODUuOCAxOC4xIDg3IDE4LjEgODguMSAxOC4xIDg5IDE4LjMgODkuOCAxOC43TDg5LjMgMjAuM0M4OC42IDE5LjkgODcuOCAxOS43IDg2LjkgMTkuNyA4Ni4zIDE5LjcgODUuNyAxOS45IDg1LjMgMjAuMiA4NSAyMC41IDg0LjggMjAuOSA4NC44IDIxLjMgODQuOCAyMS44IDg1IDIyLjIgODUuNCAyMi41IDg1LjcgMjIuOCA4Ni4zIDIzLjEgODcuMiAyMy40IDg4LjIgMjMuOCA4OSAyNC4zIDg5LjUgMjQuOSA5MCAyNS41IDkwLjIgMjYuMiA5MC4yIDI3IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik05Ni43IDIzLjFMOTQuNSAyMy4xIDk0LjUgMjcuNEM5NC41IDI4LjQgOTQuOSAyOSA5NS42IDI5IDk2IDI5IDk2LjMgMjkgOTYuNSAyOC45TDk2LjYgMzAuNEM5Ni4yIDMwLjUgOTUuNyAzMC42IDk1IDMwLjYgOTQuMyAzMC42IDkzLjcgMzAuNCA5My4yIDI5LjkgOTIuOCAyOS40IDkyLjYgMjguNiA5Mi42IDI3LjVMOTIuNiAyMy4xIDkxLjMgMjMuMSA5MS4zIDIxLjcgOTIuNiAyMS43IDkyLjYgMjAuMSA5NC41IDE5LjUgOTQuNSAyMS43IDk2LjcgMjEuNyA5Ni43IDIzLjEiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTEwNC4zIDI2QzEwNC4zIDI1LjIgMTA0LjEgMjQuNSAxMDMuOCAyMy45IDEwMy40IDIzLjIgMTAyLjggMjIuOSAxMDIgMjIuOSAxMDEuMiAyMi45IDEwMC42IDIzLjIgMTAwLjIgMjMuOSA5OS45IDI0LjUgOTkuNyAyNS4yIDk5LjcgMjYgOTkuNyAyNi44IDk5LjkgMjcuNSAxMDAuMiAyOC4xIDEwMC43IDI4LjggMTAxLjIgMjkuMSAxMDIgMjkuMSAxMDIuNyAyOS4xIDEwMy4zIDI4LjggMTAzLjcgMjguMSAxMDQuMSAyNy41IDEwNC4zIDI2LjggMTA0LjMgMjZaTTEwNi4zIDI2QzEwNi4zIDI3LjMgMTA1LjkgMjguNCAxMDUuMSAyOS4zIDEwNC4zIDMwLjIgMTAzLjMgMzAuNiAxMDEuOSAzMC42IDEwMC43IDMwLjYgOTkuNiAzMC4yIDk4LjkgMjkuMyA5OC4xIDI4LjUgOTcuNyAyNy40IDk3LjcgMjYuMSA5Ny43IDI0LjggOTguMSAyMy42IDk4LjkgMjIuOCA5OS43IDIxLjkgMTAwLjggMjEuNSAxMDIuMSAyMS41IDEwMy40IDIxLjUgMTA0LjQgMjEuOSAxMDUuMiAyMi44IDEwNS45IDIzLjYgMTA2LjMgMjQuNyAxMDYuMyAyNloiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTExMi42IDIzLjRDMTEyLjQgMjMuMyAxMTIuMiAyMy4zIDExMiAyMy4zIDExMS4zIDIzLjMgMTEwLjggMjMuNiAxMTAuNCAyNC4xIDExMC4xIDI0LjUgMTA5LjkgMjUuMSAxMDkuOSAyNS44TDEwOS45IDMwLjQgMTA4IDMwLjQgMTA4IDI0LjRDMTA4IDIzLjQgMTA4IDIyLjUgMTA3LjkgMjEuN0wxMDkuNiAyMS43IDEwOS43IDIzLjMgMTA5LjggMjMuM0MxMTAgMjIuOCAxMTAuMyAyMi4zIDExMC43IDIxLjkgMTExLjIgMjEuNiAxMTEuNiAyMS41IDExMi4xIDIxLjUgMTEyLjMgMjEuNSAxMTIuNSAyMS41IDExMi42IDIxLjVMMTEyLjYgMjMuNCIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMTE5LjUgMjUuMUMxMTkuNSAyNC41IDExOS4zIDI0IDExOS4xIDIzLjYgMTE4LjcgMjMuMSAxMTguMiAyMi44IDExNy41IDIyLjggMTE2LjkgMjIuOCAxMTYuNCAyMy4xIDExNiAyMy42IDExNS43IDI0IDExNS41IDI0LjUgMTE1LjQgMjUuMUwxMTkuNSAyNS4xWk0xMjEuMyAyNS42QzEyMS4zIDI2IDEyMS4zIDI2LjMgMTIxLjIgMjYuNUwxMTUuNCAyNi41QzExNS40IDI3LjQgMTE1LjcgMjggMTE2LjMgMjguNSAxMTYuNyAyOC45IDExNy40IDI5LjEgMTE4LjIgMjkuMSAxMTkgMjkuMSAxMTkuOCAyOSAxMjAuNSAyOC43TDEyMC44IDMwQzEyMCAzMC40IDExOSAzMC42IDExNy45IDMwLjYgMTE2LjUgMzAuNiAxMTUuNSAzMC4yIDExNC43IDI5LjQgMTEzLjkgMjguNiAxMTMuNSAyNy41IDExMy41IDI2LjIgMTEzLjUgMjQuOCAxMTMuOSAyMy43IDExNC42IDIyLjkgMTE1LjQgMjEuOSAxMTYuNCAyMS41IDExNy43IDIxLjUgMTE4LjkgMjEuNSAxMTkuOSAyMS45IDEyMC41IDIyLjkgMTIxLjEgMjMuNiAxMjEuMyAyNC41IDEyMS4zIDI1LjZaIiBjbGFzcz0iYSIvPjxwb2x5bGluZSBwb2ludHM9IjQ2LjkgNi43IDQ1LjEgNi43IDQ1LjEgMTIuMyA0NCAxMi4zIDQ0IDYuNyA0Mi4xIDYuNyA0Mi4xIDUuOCA0Ni45IDUuOCA0Ni45IDYuNyIgY2xhc3M9ImEiLz48cGF0aCBkPSJNNTEuNSA1LjZMNTAuMyA3IDQ5LjYgNyA1MC40IDUuNiA1MS41IDUuNlpNNTEuMSA5LjVDNTEuMSA4LjggNTAuNyA4LjIgNTAgOC4yIDQ5LjQgOC4yIDQ4LjkgOC44IDQ4LjkgOS41TDUxLjEgOS41Wk01MiAxMC4yTDQ4LjkgMTAuMkM0OC45IDExLjEgNDkuNSAxMS42IDUwLjQgMTEuNiA1MC44IDExLjYgNTEuMyAxMS41IDUxLjYgMTEuNEw1MS44IDEyLjFDNTEuNCAxMi4zIDUwLjggMTIuNCA1MC4yIDEyLjQgNDguNyAxMi40IDQ3LjkgMTEuNSA0Ny45IDEwIDQ3LjkgOC42IDQ4LjggNy41IDUwLjEgNy41IDUxLjMgNy41IDUyLjEgOC40IDUyLjEgOS44IDUyLjEgOS45IDUyLjEgMTAuMSA1MiAxMC4yWiIgY2xhc3M9ImEiLz48cG9seWdvbiBwb2ludHM9IjUzLjYgMTIuMyA1NC42IDEyLjMgNTQuNiA1LjUgNTMuNiA1LjUiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTU5LjggNS42TDU4LjYgNyA1Ny45IDcgNTguNyA1LjYgNTkuOCA1LjZaTTU5LjQgOS41QzU5LjQgOC44IDU5IDguMiA1OC4zIDguMiA1Ny43IDguMiA1Ny4zIDguOCA1Ny4yIDkuNUw1OS40IDkuNVpNNjAuMyAxMC4yTDU3LjIgMTAuMkM1Ny4yIDExLjEgNTcuOCAxMS42IDU4LjcgMTEuNiA1OS4xIDExLjYgNTkuNiAxMS41IDU5LjkgMTEuNEw2MC4xIDEyLjFDNTkuNyAxMi4zIDU5LjEgMTIuNCA1OC41IDEyLjQgNTcuMSAxMi40IDU2LjIgMTEuNSA1Ni4yIDEwIDU2LjIgOC42IDU3LjEgNy41IDU4LjQgNy41IDU5LjYgNy41IDYwLjQgOC40IDYwLjQgOS44IDYwLjQgOS45IDYwLjQgMTAuMSA2MC4zIDEwLjJaIiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik02NS4xIDguNUM2NC44IDguNCA2NC41IDguMyA2NC4xIDguMyA2My4yIDguMyA2Mi43IDkgNjIuNyAxMCA2Mi43IDExIDYzLjMgMTEuNiA2NC4xIDExLjYgNjQuNSAxMS42IDY0LjggMTEuNSA2NS4xIDExLjRMNjUuMiAxMi4yQzY0LjkgMTIuNCA2NC41IDEyLjQgNjMuOSAxMi40IDYyLjUgMTIuNCA2MS42IDExLjUgNjEuNiAxMCA2MS42IDguNiA2Mi42IDcuNSA2NC4xIDcuNSA2NC42IDcuNSA2NC45IDcuNiA2NS4zIDcuN0w2NS4xIDguNSIgY2xhc3M9ImEiLz48cGF0aCBkPSJNNzAuOCAxMi4zTDY5LjcgMTIuMyA2OS43IDkuNkM2OS43IDguOCA2OS40IDguNCA2OC44IDguNCA2OC4zIDguNCA2Ny43IDguNyA2Ny43IDkuNUw2Ny43IDEyLjMgNjYuNyAxMi4zIDY2LjcgNS41IDY3LjcgNS41IDY3LjcgOC4zIDY3LjggOC4zQzY4LjEgNy44IDY4LjYgNy41IDY5LjIgNy41IDcwLjIgNy41IDcwLjggOC4zIDcwLjggOS41TDcwLjggMTIuMyIgY2xhc3M9ImEiLz48cGF0aCBkPSJNNzUuMSAxMEM3My45IDEwIDczLjMgMTAuMyA3My4zIDEwLjkgNzMuMyAxMS40IDczLjYgMTEuNyA3NC4xIDExLjcgNzQuNiAxMS43IDc1LjEgMTEuMyA3NS4xIDEwLjdMNzUuMSAxMFpNNzUuMiAxMi4zTDc1LjEgMTEuOCA3NS4xIDExLjhDNzQuOCAxMi4yIDc0LjMgMTIuNCA3My43IDEyLjQgNzIuOSAxMi40IDcyLjMgMTEuOSA3Mi4zIDExLjEgNzIuMyA5LjkgNzMuMyA5LjMgNzUuMSA5LjNMNzUuMSA5LjJDNzUuMSA4LjYgNzQuNyA4LjMgNzQuMSA4LjMgNzMuNiA4LjMgNzMuMiA4LjQgNzIuOCA4LjZMNzIuNiA3LjlDNzMuMSA3LjcgNzMuNiA3LjUgNzQuMiA3LjUgNzUuNSA3LjUgNzYuMSA4LjIgNzYuMSA5LjVMNzYuMSAxMS4yQzc2LjEgMTEuNyA3Ni4xIDEyLjEgNzYuMiAxMi4zTDc1LjIgMTIuMyA3NS4yIDEyLjNaIiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik04MC40IDguNUM4MC4zIDguNSA4MC4yIDguNSA4MC4xIDguNSA3OS40IDguNSA3OSA5IDc5IDkuOUw3OSAxMi4zIDc3LjkgMTIuMyA3Ny45IDkuMUM3Ny45IDguNiA3Ny45IDguMSA3Ny45IDcuNkw3OC44IDcuNiA3OC44IDguNSA3OC45IDguNUM3OS4xIDcuOSA3OS42IDcuNSA4MC4yIDcuNSA4MC4zIDcuNSA4MC4zIDcuNSA4MC40IDcuNUw4MC40IDguNSIgY2xhc3M9ImEiLz48cGF0aCBkPSJNODQuOCA5LjVDODQuOCA4LjkgODQuNCA4LjMgODMuNyA4LjMgODMgOC4zIDgyLjUgOSA4Mi41IDEwIDgyLjUgMTAuOSA4MyAxMS41IDgzLjcgMTEuNSA4NC4zIDExLjUgODQuOCAxMSA4NC44IDEwLjNMODQuOCA5LjVaTTg1LjkgNy42Qzg1LjkgOCA4NS45IDguNCA4NS45IDlMODUuOSAxMS43Qzg1LjkgMTMuNiA4NSAxNC40IDgzLjQgMTQuNCA4Mi44IDE0LjQgODIuMiAxNC4yIDgxLjggMTRMODIuMSAxMy4yQzgyLjUgMTMuNCA4Mi45IDEzLjUgODMuNCAxMy41IDg0LjQgMTMuNSA4NC44IDEzIDg0LjggMTJMODQuOCAxMS42IDg0LjggMTEuNkM4NC41IDEyLjEgODQgMTIuMyA4My40IDEyLjMgODIuMyAxMi4zIDgxLjUgMTEuMyA4MS41IDEwIDgxLjUgOC42IDgyLjQgNy41IDgzLjUgNy41IDg0LjIgNy41IDg0LjYgNy44IDg0LjkgOC4zTDg0LjkgOC4zIDg0LjkgNy42IDg1LjkgNy42WiIgY2xhc3M9ImEiLz48cGF0aCBkPSJNOTAuNiA5LjVDOTAuNiA4LjggOTAuMiA4LjIgODkuNiA4LjIgODkgOC4yIDg4LjUgOC44IDg4LjQgOS41TDkwLjYgOS41Wk05MS42IDEwLjJMODguNCAxMC4yQzg4LjQgMTEuMSA4OSAxMS42IDg5LjkgMTEuNiA5MC40IDExLjYgOTAuOCAxMS41IDkxLjIgMTEuNEw5MS4zIDEyLjFDOTAuOSAxMi4zIDkwLjQgMTIuNCA4OS44IDEyLjQgODguMyAxMi40IDg3LjQgMTEuNSA4Ny40IDEwIDg3LjQgOC42IDg4LjMgNy41IDg5LjYgNy41IDkwLjggNy41IDkxLjYgOC40IDkxLjYgOS44IDkxLjYgOS45IDkxLjYgMTAuMSA5MS42IDEwLjJaIiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik05NS42IDguNUM5NS41IDguNSA5NS40IDguNSA5NS4zIDguNSA5NC42IDguNSA5NC4yIDkgOTQuMiA5LjlMOTQuMiAxMi4zIDkzLjEgMTIuMyA5My4xIDkuMUM5My4xIDguNiA5My4xIDguMSA5My4xIDcuNkw5NCA3LjYgOTQgOC41IDk0LjEgOC41Qzk0LjMgNy45IDk0LjggNy41IDk1LjQgNy41IDk1LjQgNy41IDk1LjUgNy41IDk1LjYgNy41TDk1LjYgOC41IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0xMDIuOSA5LjZDMTAyLjkgOC45IDEwMi41IDguMyAxMDEuOCA4LjMgMTAxIDguMyAxMDAuNSA5IDEwMC41IDEwIDEwMC41IDEwLjkgMTAxIDExLjYgMTAxLjggMTEuNiAxMDIuNCAxMS42IDEwMi45IDExIDEwMi45IDEwLjNMMTAyLjkgOS42Wk0xMDMgMTIuM0wxMDMgMTEuNiAxMDMgMTEuNkMxMDIuNyAxMi4yIDEwMi4yIDEyLjQgMTAxLjUgMTIuNCAxMDAuMyAxMi40IDk5LjUgMTEuNCA5OS41IDEwIDk5LjUgOC42IDEwMC4zIDcuNSAxMDEuNSA3LjUgMTAyLjIgNy41IDEwMi42IDcuNyAxMDIuOSA4LjJMMTAyLjkgOC4yIDEwMi45IDUuNSAxMDMuOSA1LjUgMTAzLjkgMTEuMUMxMDMuOSAxMS41IDEwMy45IDExLjkgMTA0IDEyLjNMMTAzIDEyLjNaIiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0xMDguMiAxMEMxMDcuMSAxMCAxMDYuNSAxMC4zIDEwNi41IDEwLjkgMTA2LjUgMTEuNCAxMDYuOCAxMS43IDEwNy4yIDExLjcgMTA3LjcgMTEuNyAxMDguMiAxMS4zIDEwOC4yIDEwLjdMMTA4LjIgMTBaTTEwOC40IDEyLjNMMTA4LjMgMTEuOCAxMDguMyAxMS44QzEwOCAxMi4yIDEwNy41IDEyLjQgMTA2LjkgMTIuNCAxMDYuMSAxMi40IDEwNS41IDExLjkgMTA1LjUgMTEuMSAxMDUuNSA5LjkgMTA2LjUgOS4zIDEwOC4yIDkuM0wxMDguMiA5LjJDMTA4LjIgOC42IDEwNy45IDguMyAxMDcuMiA4LjMgMTA2LjggOC4zIDEwNi40IDguNCAxMDYgOC42TDEwNS44IDcuOUMxMDYuMiA3LjcgMTA2LjggNy41IDEwNy40IDcuNSAxMDguNiA3LjUgMTA5LjMgOC4yIDEwOS4zIDkuNUwxMDkuMyAxMS4yQzEwOS4zIDExLjcgMTA5LjMgMTIuMSAxMDkuMyAxMi4zTDEwOC40IDEyLjMgMTA4LjQgMTIuM1oiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTExNS4yIDEyLjNMMTE0LjEgMTIuMyAxMTQuMSA5LjZDMTE0LjEgOC44IDExMy44IDguNCAxMTMuMiA4LjQgMTEyLjYgOC40IDExMi4xIDguOSAxMTIuMSA5LjVMMTEyLjEgMTIuMyAxMTEuMSAxMi4zIDExMS4xIDlDMTExLjEgOC42IDExMS4xIDguMSAxMTEuMSA3LjZMMTEyIDcuNiAxMTIgOC4zIDExMi4xIDguM0MxMTIuMyA3LjggMTEyLjkgNy41IDExMy41IDcuNSAxMTQuNSA3LjUgMTE1LjIgOC4zIDExNS4yIDkuNUwxMTUuMiAxMi4zIiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0xMTguMSAxMi40QzExNy42IDEyLjQgMTE3LjEgMTIuMyAxMTYuNyAxMi4xTDExNi45IDExLjNDMTE3LjMgMTEuNiAxMTcuNyAxMS43IDExOC4xIDExLjcgMTE4LjYgMTEuNyAxMTguOSAxMS41IDExOC45IDExLjEgMTE4LjkgMTAuNyAxMTguNyAxMC41IDExOC4xIDEwLjMgMTE3LjMgMTAgMTE2LjggOS41IDExNi44IDguOSAxMTYuOCA4LjEgMTE3LjUgNy41IDExOC41IDcuNSAxMTkgNy41IDExOS40IDcuNiAxMTkuNyA3LjhMMTE5LjUgOC42QzExOS4yIDguNCAxMTguOSA4LjMgMTE4LjYgOC4zIDExOC4xIDguMyAxMTcuOSA4LjUgMTE3LjkgOC44IDExNy45IDkuMSAxMTggOS4zIDExOC43IDkuNiAxMTkuNSA5LjkgMTE5LjkgMTAuMyAxMTkuOSAxMSAxMTkuOSAxMS45IDExOS4yIDEyLjQgMTE4LjEgMTIuNCIgY2xhc3M9ImEiLz48L2c+PC9nPjwvc3ZnPg==)
}
.btn-store.play-store {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMTMzIDM4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjkxLjQ4ODQyOCUiIHkxPSI0Ljk0ODEyNDUlIiB4Mj0iLTM4LjM1MTczMzMlIiB5Mj0iNzEuOTA3NDIyMiUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMEEwRkYiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMEExRkYiIG9mZnNldD0iMSUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMEJFRkYiIG9mZnNldD0iMjYlIj48L3N0b3A+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDBEMkZGIiBvZmZzZXQ9IjUxJSI+PC9zdG9wPg0KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzAwREZGRiIgb2Zmc2V0PSI3NiUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMEUzRkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPg0KICAgICAgICA8L2xpbmVhckdyYWRpZW50Pg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjEwNy42ODQ3MjklIiB5MT0iNTAlIiB4Mj0iLTEzMC42NDAzOTQlIiB5Mj0iNTAlIiBpZD0ibGluZWFyR3JhZGllbnQtMiI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZFMDAwIiBvZmZzZXQ9IjAlIj48L3N0b3A+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZCRDAwIiBvZmZzZXQ9IjQxJSI+PC9zdG9wPg0KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQTUwMCIgb2Zmc2V0PSI3OCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRjlDMDAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPg0KICAgICAgICA8L2xpbmVhckdyYWRpZW50Pg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9Ijg2LjIxOTI5MyUiIHkxPSIxNy44NzY4ODg5JSIgeDI9Ii01MC4xNDk3OTAzJSIgeTI9IjE5NC43MDI2MzglIiBpZD0ibGluZWFyR3JhZGllbnQtMyI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkYzQTQ0IiBvZmZzZXQ9IjAlIj48L3N0b3A+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQzMxMTYyIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSItMTguNzUzNzQ0OCUiIHkxPSItNTQuMDUyMTQ3NCUiIHgyPSI0Mi4xMjEwMzA2JSIgeTI9IjI0LjkxNzA2NjQlIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMzJBMDcxIiBvZmZzZXQ9IjAlIj48L3N0b3A+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMkRBNzcxIiBvZmZzZXQ9IjclIj48L3N0b3A+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMTVDRjc0IiBvZmZzZXQ9IjQ4JSI+PC9zdG9wPg0KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzA2RTc3NSIgb2Zmc2V0PSI4MCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMEYwNzYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPg0KICAgICAgICA8L2xpbmVhckdyYWRpZW50Pg0KICAgIDwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPHJlY3QgZmlsbD0iIzAwMDAwMCIgd2lkdGg9IjEzMyIgaGVpZ2h0PSIzOCIgcng9IjQuOSIvPjxwYXRoIGQ9Ik02Ny4xIDIxLjJDNjQuOCAyMS4yIDYzIDIzLjEgNjMgMjUuNCA2MyAyNy42IDY0LjggMjkuNSA2Ny4yIDI5LjUgNjkuNSAyOS41IDcxLjMgMjcuNiA3MS4zIDI1LjQgNzEuNCAyNC4yIDcwLjkgMjMuMiA3MC4xIDIyLjQgNjkuMyAyMS42IDY4LjIgMjEuMiA2Ny4xIDIxLjJaTTY3LjEgMjcuOUM2Ni4xIDI3LjkgNjUuMSAyNy40IDY0LjcgMjYuNCA2NC4yIDI1LjUgNjQuNCAyNC40IDY1LjEgMjMuNiA2NS44IDIyLjkgNjYuOSAyMi42IDY3LjkgMjMgNjguOSAyMy40IDY5LjUgMjQuMyA2OS41IDI1LjQgNjkuNSAyNiA2OS4zIDI2LjYgNjguOCAyNy4xIDY4LjQgMjcuNiA2Ny44IDI3LjkgNjcuMSAyNy45Wk01OCAyMS4yQzU1LjYgMjEuMiA1My44IDIzLjEgNTMuOCAyNS40IDUzLjggMjcuNiA1NS43IDI5LjUgNTggMjkuNSA2MC4zIDI5LjUgNjIuMiAyNy42IDYyLjIgMjUuNCA2Mi4yIDI0LjIgNjEuNyAyMy4yIDYwLjkgMjIuNCA2MC4xIDIxLjYgNTkuMSAyMS4yIDU3LjkgMjEuMkw1OCAyMS4yWk01OCAyNy45QzU2LjkgMjcuOSA1NS45IDI3LjQgNTUuNSAyNi40IDU1IDI1LjUgNTUuMiAyNC40IDU1LjkgMjMuNiA1Ni42IDIyLjkgNTcuNyAyMi42IDU4LjcgMjMgNTkuNyAyMy40IDYwLjMgMjQuMyA2MC4zIDI1LjQgNjAuMyAyNiA2MC4xIDI2LjYgNTkuNyAyNy4xIDU5LjIgMjcuNiA1OC42IDI3LjkgNTcuOSAyNy45TDU4IDI3LjlaTTQ3IDIyLjVMNDcgMjQuMiA1MS4zIDI0LjJDNTEuMiAyNS4xIDUwLjkgMjUuOCA1MC4zIDI2LjUgNDkuNCAyNy4zIDQ4LjMgMjcuOCA0NyAyNy43IDQ0LjQgMjcuNyA0Mi4zIDI1LjYgNDIuMyAyMy4xIDQyLjMgMjAuNSA0NC40IDE4LjQgNDcgMTguNCA0OC4yIDE4LjQgNDkuNCAxOC44IDUwLjIgMTkuNkw1MS41IDE4LjRDNTAuMyAxNy4yIDQ4LjcgMTYuNiA0NyAxNi42IDQ0LjYgMTYuNSA0Mi40IDE3LjcgNDEuMiAxOS43IDQwIDIxLjggNDAgMjQuMyA0MS4yIDI2LjMgNDIuNCAyOC4zIDQ0LjYgMjkuNSA0NyAyOS41IDQ4LjcgMjkuNSA1MC40IDI4LjkgNTEuNiAyNy43IDUyLjYgMjYuNSA1My4yIDI1LjEgNTMuMSAyMy41IDUzLjEgMjMuMiA1My4xIDIyLjggNTMgMjIuNEw0NyAyMi41Wk05MS43IDIzLjhDOTEuMSAyMi4zIDg5LjcgMjEuMyA4OC4xIDIxLjIgODcgMjEuMiA4NiAyMS42IDg1LjIgMjIuNCA4NC41IDIzLjIgODQuMSAyNC4zIDg0LjEgMjUuNCA4NC4xIDI2LjUgODQuNSAyNy41IDg1LjMgMjguMyA4Ni4xIDI5LjEgODcuMiAyOS41IDg4LjMgMjkuNSA4OS43IDI5LjUgOTEgMjguOCA5MS44IDI3LjdMOTAuNCAyNi43Qzg5LjkgMjcuNCA4OS4xIDI3LjggODguMyAyNy44IDg3LjQgMjcuOSA4Ni42IDI3LjQgODYuMyAyNi42TDkxLjkgMjQuMyA5MS43IDIzLjhaTTg2IDI1LjJDODUuOSAyNC42IDg2LjEgMjQgODYuNSAyMy42IDg2LjkgMjMuMSA4Ny41IDIyLjggODguMSAyMi44IDg4LjggMjIuOCA4OS40IDIzLjEgODkuNyAyMy43TDg2IDI1LjJaTTgxLjQgMjkuM0w4My4yIDI5LjMgODMuMiAxNy4xIDgxLjQgMTcuMSA4MS40IDI5LjNaTTc4LjQgMjIuMUw3OC4zIDIyLjFDNzcuOCAyMS41IDc3IDIxLjIgNzYuMSAyMS4yIDczLjkgMjEuMyA3Mi4xIDIzLjEgNzIuMSAyNS4zIDcyLjEgMjcuNSA3My45IDI5LjMgNzYuMSAyOS41IDc3IDI5LjUgNzcuOCAyOS4xIDc4LjMgMjguNUw3OC40IDI4LjUgNzguNCAyOS4xQzc4LjQgMzAuNyA3Ny41IDMxLjUgNzYuMSAzMS41IDc1LjIgMzEuNSA3NC40IDMwLjkgNzQgMzBMNzIuNCAzMC43QzczIDMyLjIgNzQuNSAzMy4yIDc2LjEgMzMuMiA3OC4zIDMzLjIgODAuMSAzMS45IDgwLjEgMjguOEw4MC4xIDIxLjUgNzguNCAyMS41IDc4LjQgMjIuMVpNNzYuMyAyNy45Qzc1IDI3LjggNzQgMjYuNyA3NCAyNS40IDc0IDI0IDc1IDIyLjkgNzYuMyAyMi44IDc2LjkgMjIuOSA3Ny41IDIzLjIgNzcuOSAyMy42IDc4LjQgMjQuMSA3OC42IDI0LjcgNzguNSAyNS40IDc4LjYgMjYgNzguNCAyNi42IDc3LjkgMjcuMSA3Ny41IDI3LjYgNzYuOSAyNy44IDc2LjMgMjcuOUw3Ni4zIDI3LjlaTTEwMC4zIDE3LjFMOTUuOSAxNy4xIDk1LjkgMjkuMyA5Ny43IDI5LjMgOTcuNyAyNC42IDEwMC4zIDI0LjZDMTAxLjcgMjQuNyAxMDMuMSAyNCAxMDMuOSAyMi44IDEwNC42IDIxLjYgMTA0LjYgMjAuMSAxMDMuOSAxOC45IDEwMy4xIDE3LjcgMTAxLjcgMTcgMTAwLjMgMTcuMUwxMDAuMyAxNy4xWk0xMDAuMyAyMi45TDk3LjcgMjIuOSA5Ny43IDE4LjggMTAwLjMgMTguOEMxMDEuNSAxOC44IDEwMi41IDE5LjcgMTAyLjUgMjAuOSAxMDIuNSAyMiAxMDEuNSAyMi45IDEwMC4zIDIyLjlMMTAwLjMgMjIuOVpNMTExLjcgMjEuMkMxMTAuMyAyMS4xIDEwOSAyMS44IDEwOC40IDIzTDExMCAyMy43QzExMC4zIDIzLjEgMTExIDIyLjcgMTExLjcgMjIuOCAxMTIuMiAyMi43IDExMi42IDIyLjkgMTEzIDIzLjIgMTEzLjQgMjMuNSAxMTMuNiAyMy45IDExMy43IDI0LjRMMTEzLjcgMjQuNUMxMTMuMSAyNC4yIDExMi40IDI0IDExMS43IDI0IDExMCAyNCAxMDguMiAyNSAxMDguMiAyNi44IDEwOC4yIDI3LjUgMTA4LjYgMjguMiAxMDkuMSAyOC43IDEwOS43IDI5LjIgMTEwLjUgMjkuNSAxMTEuMiAyOS40IDExMi4yIDI5LjUgMTEzLjEgMjkuMSAxMTMuNiAyOC4zTDExMy43IDI4LjMgMTEzLjcgMjkuMyAxMTUuNCAyOS4zIDExNS40IDI0LjZDMTE1LjQgMjIuNCAxMTMuOCAyMS4yIDExMS43IDIxLjJMMTExLjcgMjEuMlpNMTExLjQgMjcuOEMxMTAuOCAyNy44IDExMCAyNy41IDExMCAyNi44IDExMCAyNS44IDExMSAyNS41IDExMiAyNS41IDExMi42IDI1LjUgMTEzLjEgMjUuNiAxMTMuNiAyNS45IDExMy41IDI3IDExMi42IDI3LjggMTExLjUgMjcuOUwxMTEuNCAyNy44Wk0xMjEuOSAyMS41TDExOS44IDI2LjcgMTE5LjcgMjYuNyAxMTcuNiAyMS41IDExNS42IDIxLjUgMTE4LjkgMjguOCAxMTcgMzIuOSAxMTguOSAzMi45IDEyNCAyMS41IDEyMS45IDIxLjVaTTEwNS4zIDI5LjNMMTA3LjIgMjkuMyAxMDcuMiAxNy4xIDEwNS4zIDE3LjEgMTA1LjMgMjkuM1oiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNMTAuMyA3LjRDMTAgNy43IDkuOCA4LjIgOS44IDguN0w5LjggMzAuM0M5LjggMzAuOCAxMCAzMS4zIDEwLjMgMzEuNkwxMC40IDMxLjcgMjIuNiAxOS42IDIyLjYgMTkuNCAxMC40IDcuMyAxMC4zIDcuNFoiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiLz48cGF0aCBkPSJNMjYuNiAyMy43TDIyLjYgMTkuNiAyMi42IDE5LjQgMjYuNiAxNS4zIDI2LjcgMTUuNCAzMS41IDE4LjFDMzIuOSAxOC45IDMyLjkgMjAuMSAzMS41IDIwLjlMMjYuNyAyMy42IDI2LjYgMjMuN1oiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMikiLz48cGF0aCBkPSJNMjYuNyAyMy42TDIyLjYgMTkuNSAxMC4zIDMxLjZDMTAuOSAzMi4yIDExLjcgMzIuMiAxMi4zIDMxLjdMMjYuNyAyMy42IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTMpIi8+PHBhdGggZD0iTTI2LjcgMTUuNEwxMi4zIDcuM0MxMS43IDYuOCAxMC45IDYuOCAxMC4zIDcuNEwyMi42IDE5LjUgMjYuNyAxNS40WiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIvPjxwYXRoIGQ9Ik0yNi42IDIzLjVMMTIuMyAzMS42QzExLjcgMzIgMTAuOSAzMiAxMC40IDMxLjZMMTAuMyAzMS42IDEwLjQgMzEuN0MxMC45IDMyLjEgMTEuNyAzMi4xIDEyLjMgMzEuN0wyNi43IDIzLjYgMjYuNiAyMy41WiIgb3BhY2l0eT0iMC4yIi8+PHBhdGggZD0iTTEwLjMgMzEuNUMxMCAzMS4xIDkuOCAzMC42IDkuOCAzMC4xTDkuOCAzMC4zQzkuOCAzMC44IDEwIDMxLjMgMTAuMyAzMS43TDEwLjQgMzEuNiAxMC4zIDMxLjVaTTMxLjUgMjAuOEwyNi42IDIzLjUgMjYuNyAyMy42IDMxLjUgMjAuOUMzMi4xIDIwLjYgMzIuNSAyMC4xIDMyLjUgMTkuNSAzMi40IDIwLjEgMzIgMjAuNSAzMS41IDIwLjhaIiBvcGFjaXR5PSIwLjEiLz48cGF0aCBkPSJNMTIuMyA3LjRMMzEuNSAxOC4yQzMyIDE4LjUgMzIuNCAxOC45IDMyLjUgMTkuNSAzMi41IDE4LjkgMzIuMSAxOC40IDMxLjUgMTguMUwxMi4zIDcuM0MxMC45IDYuNSA5LjggNy4yIDkuOCA4LjdMOS44IDguOUM5LjkgNy4zIDExIDYuNyAxMi4zIDcuNFoiIHN0eWxlPSJmaWxsOiNGRkY7b3BhY2l0eTowLjMiLz48cGF0aCBkPSJNNDAuNyAxMi43TDQwLjcgNi44IDQyLjUgNi44QzQzLjMgNi44IDQ0LjEgNy4xIDQ0LjcgNy42IDQ1LjIgOC4yIDQ1LjUgOSA0NS41IDkuOCA0NS41IDEwLjUgNDUuMiAxMS4zIDQ0LjcgMTEuOSA0NC4xIDEyLjQgNDMuMyAxMi43IDQyLjUgMTIuN0w0MC43IDEyLjdaTTQxLjQgMTJMNDIuNSAxMkM0My4xIDEyIDQzLjcgMTEuOCA0NC4xIDExLjQgNDQuNSAxMC45IDQ0LjcgMTAuMyA0NC43IDkuOCA0NC43IDkuMiA0NC41IDguNiA0NC4xIDguMSA0My43IDcuNyA0My4xIDcuNSA0Mi41IDcuNUw0MS40IDcuNSA0MS40IDEyWk00Ni41IDEyLjdMNDYuNSA2LjggNDcuMyA2LjggNDcuMyAxMi43IDQ2LjUgMTIuN1pNNTAuMyAxMi44QzQ5LjkgMTIuOCA0OS40IDEyLjYgNDkuMSAxMi40IDQ4LjYgMTIuMSA0OC40IDExLjcgNDguMiAxMS4yTDQ4LjkgMTAuOUM0OSAxMS4zIDQ5LjIgMTEuNSA0OS40IDExLjcgNDkuNyAxMiA1MCAxMi4xIDUwLjMgMTIuMSA1MC42IDEyLjEgNTAuOSAxMiA1MS4yIDExLjggNTEuNCAxMS43IDUxLjUgMTEuNCA1MS41IDExLjEgNTEuNSAxMC44IDUxLjQgMTAuNiA1MS4yIDEwLjQgNTAuOCAxMC4xIDUwLjQgMTAgNTAgOS45IDQ5LjYgOS44IDQ5LjIgOS41IDQ4LjggOS4yIDQ4LjYgOSA0OC40IDguNiA0OC40IDguMyA0OC40IDcuOCA0OC42IDcuNSA0OC45IDcuMiA0OS4zIDYuOSA0OS44IDYuNyA1MC4yIDYuNyA1MC43IDYuNyA1MS4xIDYuOCA1MS41IDcuMSA1MS43IDcuMyA1MiA3LjYgNTIuMSA3LjlMNTEuNCA4LjJDNTEuMyA4IDUxLjIgNy44IDUxIDcuNiA1MC42IDcuMyA1MCA3LjMgNDkuNSA3LjYgNDkuMyA3LjggNDkuMiA4IDQ5LjIgOC4yIDQ5LjIgOC41IDQ5LjMgOC43IDQ5LjUgOC44IDQ5LjcgOSA1MCA5LjEgNTAuMyA5LjIgNTAuNiA5LjMgNTAuOCA5LjQgNTEuMSA5LjUgNTEuMyA5LjYgNTEuNSA5LjcgNTEuNyA5LjggNTEuOCAxMCA1MiAxMC4yIDUyLjEgMTAuNCA1Mi4yIDEwLjYgNTIuMyAxMC45IDUyLjMgMTEuMSA1Mi4zIDExLjQgNTIuMiAxMS42IDUyLjEgMTEuOSA1MiAxMi4xIDUxLjggMTIuMyA1MS42IDEyLjQgNTEuNCAxMi41IDUxLjIgMTIuNiA1MSAxMi43IDUwLjggMTIuOCA1MC41IDEyLjggNTAuMyAxMi44Wk01NC4yIDEyLjdMNTMuNCAxMi43IDUzLjQgNi44IDU1LjQgNi44QzU1LjkgNi44IDU2LjMgNyA1Ni43IDcuMyA1NyA3LjYgNTcuMyA4LjEgNTcuMyA4LjYgNTcuMyA5IDU3IDkuNSA1Ni43IDkuOCA1Ni4zIDEwLjEgNTUuOSAxMC4zIDU1LjQgMTAuM0w1NC4yIDEwLjMgNTQuMiAxMi43Wk01NC4yIDkuNkw1NS41IDkuNkM1NS43IDkuNiA1NiA5LjUgNTYuMiA5LjMgNTYuNCA5LjEgNTYuNSA4LjggNTYuNSA4LjYgNTYuNSA4LjMgNTYuNCA4IDU2LjIgNy45IDU2IDcuNiA1NS43IDcuNSA1NS41IDcuNUw1NC4yIDcuNSA1NC4yIDkuNlpNNjMuMSAxMS45QzYxLjkgMTMuMSA1OS45IDEzLjEgNTguNyAxMS45IDU3LjYgMTAuNyA1Ny42IDguOCA1OC43IDcuNiA1OS4zIDcgNjAuMSA2LjcgNjAuOSA2LjcgNjEuNyA2LjcgNjIuNSA3IDYzLjEgNy42IDY0LjIgOC44IDY0LjIgMTAuNyA2My4xIDExLjlaTTU5LjMgMTEuNEM2MC4yIDEyLjMgNjEuNiAxMi4zIDYyLjUgMTEuNCA2My40IDEwLjUgNjMuNCA5IDYyLjUgOC4xIDYxLjYgNy4yIDYwLjIgNy4yIDU5LjMgOC4xIDU4LjQgOSA1OC40IDEwLjUgNTkuMyAxMS40Wk02NSAxMi43TDY1IDYuOCA2NS45IDYuOCA2OC44IDExLjQgNjguOCA2LjggNjkuNSA2LjggNjkuNSAxMi43IDY4LjcgMTIuNyA2NS43IDcuOSA2NS43IDEyLjcgNjUgMTIuN1pNNzAuOSAxMi43TDcwLjkgNi44IDcxLjYgNi44IDcxLjYgMTIuNyA3MC45IDEyLjdaTTczIDEyLjdMNzMgNi44IDc1LjEgNi44Qzc1LjYgNi44IDc2IDcgNzYuMyA3LjMgNzYuNyA3LjYgNzYuOSA4IDc2LjggOC40IDc2LjggOC43IDc2LjggOC45IDc2LjYgOS4xIDc2LjUgOS40IDc2LjMgOS41IDc2IDkuNiA3Ni4zIDkuNyA3Ni42IDkuOSA3Ni44IDEwLjEgNzcgMTAuNCA3Ny4xIDEwLjcgNzcuMSAxMSA3Ny4xIDExLjQgNzYuOSAxMS45IDc2LjUgMTIuMiA3Ni4yIDEyLjUgNzUuNyAxMi42IDc1LjMgMTIuNkw3MyAxMi43Wk03My44IDkuM0w3NS4xIDkuM0M3NS40IDkuMyA3NS42IDkuMiA3NS44IDkgNzYgOC45IDc2LjEgOC43IDc2LjEgOC40IDc2LjEgOC4yIDc2IDggNzUuOSA3LjggNzUuNyA3LjYgNzUuNSA3LjUgNzUuMiA3LjVMNzMuOCA3LjUgNzMuOCA5LjNaTTczLjggMTJMNzUuMyAxMkM3NS41IDEyIDc1LjggMTEuOSA3NiAxMS43IDc2LjIgMTEuNSA3Ni4zIDExLjIgNzYuMyAxMSA3Ni4zIDEwLjQgNzUuOCAxMCA3NS4zIDEwTDczLjggMTAgNzMuOCAxMlpNNzguMSAxMi43TDc4LjEgNi44IDc4LjggNi44IDc4LjggMTIgODEuNCAxMiA4MS40IDEyLjcgNzguMSAxMi43Wk04NS44IDcuNUw4My4xIDcuNSA4My4xIDkuNCA4NS41IDkuNCA4NS41IDEwLjEgODMuMSAxMC4xIDgzLjEgMTIgODUuOCAxMiA4NS44IDEyLjcgODIuMyAxMi43IDgyLjMgNi44IDg1LjggNi44IDg1LjggNy41Wk05MC40IDEyLjhDODkuOSAxMi44IDg5LjUgMTIuNiA4OS4xIDEyLjQgODguNyAxMi4xIDg4LjQgMTEuNyA4OC4zIDExLjJMODkgMTAuOUM4OS4xIDExLjMgODkuMyAxMS41IDg5LjUgMTEuNyA4OS43IDEyIDkwLjEgMTIuMSA5MC40IDEyLjEgOTAuNyAxMi4xIDkxIDEyIDkxLjIgMTEuOCA5MS40IDExLjcgOTEuNiAxMS40IDkxLjYgMTEuMSA5MS42IDEwLjggOTEuNSAxMC42IDkxLjIgMTAuNCA5MC45IDEwLjEgOTAuNSAxMCA5MC4xIDkuOSA4OS43IDkuOCA4OS4zIDkuNSA4OC45IDkuMiA4OC42IDkgODguNSA4LjYgODguNSA4LjMgODguNSA3LjggODguNyA3LjUgODkgNy4yIDg5LjQgNi45IDg5LjggNi43IDkwLjMgNi43IDkwLjggNi43IDkxLjIgNi44IDkxLjUgNy4xIDkxLjggNy4zIDkyIDcuNiA5Mi4yIDcuOUw5MS41IDguMkM5MS40IDggOTEuMyA3LjggOTEuMSA3LjcgOTAuNiA3LjMgOTAgNy4zIDg5LjYgNy43IDg5LjQgNy44IDg5LjMgOCA4OS4zIDguMyA4OS4zIDguNSA4OS40IDguNyA4OS42IDguOCA4OS44IDkgOTAuMSA5LjEgOTAuNCA5LjIgOTAuNyA5LjMgOTAuOSA5LjQgOTEuMSA5LjUgOTEuMyA5LjYgOTEuNSA5LjcgOTEuNyA5LjggOTEuOSAxMCA5Mi4xIDEwLjIgOTIuMiAxMC40IDkyLjMgMTAuNiA5Mi4zIDEwLjkgOTIuMyAxMS4xIDkyLjMgMTEuNCA5Mi4zIDExLjYgOTIuMiAxMS45IDkyLjEgMTIuMSA5MS45IDEyLjMgOTEuNyAxMi40IDkxLjUgMTIuNSA5MS4zIDEyLjYgOTEuMSAxMi43IDkwLjggMTIuOCA5MC42IDEyLjggOTAuNCAxMi44Wk05NS41IDEyLjhDOTQuOSAxMi44IDk0LjMgMTIuNiA5My45IDEyLjIgOTMuNSAxMS43IDkzLjMgMTEuMSA5My4zIDEwLjVMOTMuMyA2LjggOTQuMSA2LjggOTQuMSAxMC41Qzk0IDEwLjkgOTQuMiAxMS4zIDk0LjQgMTEuNyA5NSAxMi4yIDk1LjkgMTIuMyA5Ni41IDExLjcgOTYuOCAxMS40IDk2LjkgMTEgOTYuOSAxMC42TDk2LjkgNi44IDk3LjcgNi44IDk3LjcgMTAuNUM5Ny43IDExLjEgOTcuNSAxMS43IDk3LjEgMTIuMiA5Ni43IDEyLjYgOTYuMSAxMi44IDk1LjUgMTIuOFpNOTguOSAxMi43TDk4LjkgNi44IDEwMC45IDYuOEMxMDEuNCA2LjggMTAxLjggNyAxMDIuMiA3LjMgMTAyLjkgNy45IDEwMi45IDkgMTAyLjMgOS43IDEwMi4xIDEwIDEwMS43IDEwLjIgMTAxLjMgMTAuMkwxMDMgMTIuNyAxMDIuMSAxMi43IDEwMC41IDEwLjMgOTkuNiAxMC4zIDk5LjYgMTIuNyA5OC45IDEyLjdaTTk5LjcgOS42TDEwMC45IDkuNkMxMDEuMiA5LjYgMTAxLjUgOS41IDEwMS43IDkuMyAxMDEuOSA5LjEgMTAyIDguOSAxMDIgOC42IDEwMiA4LjMgMTAxLjkgOC4xIDEwMS43IDcuOSAxMDEuNSA3LjcgMTAxLjIgNy41IDEwMC45IDcuNUw5OS43IDcuNSA5OS43IDkuNloiIHN0eWxlPSJmaWxsOiNGRkY7c3Ryb2tlLXdpZHRoOjAuNTtzdHJva2U6I0ZGRiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==)
}
.btn-pagin {
border-radius: 0
}
.block .btn-block-bottom {
background-color: #f8f8f8;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 5rem;
border-radius: 0;
font-size: 1.75rem;
font-weight: inherit
}
.block .btn-block-bottom .icon {
width: 2.375rem;
height: 2.375rem
}
.block .btn-block-bottom.dark {
background: #14181d;
color: #fff;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(28,33,41,.25);
box-shadow: 0 .3125rem .625rem 0 rgba(28,33,41,.25)
}
.block .btn-block-bottom.dark:hover {
background: #1e242c
}
.block .btn-block-bottom.dark .icon {
fill: #fff
}
.block .btn-block-bottom:hover {
background: #fbfbfb
}
@media screen and (max-width:1023px) {
.block .btn-block-bottom, .block .btn-pagin {
margin-left: -2rem;
margin-right: -2rem;
width: calc(100% + 4rem);
max-width: none
}
.block .btn-block-bottom {
position: relative;
border-radius: 0;
margin-top: .5rem
}
}
@media screen and (max-width:680px) {
.block .btn-block-bottom, .block .btn-pagin {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem)
}
.block .btn-block-bottom {
height: 3.5rem;
font-size: 1.25rem;
margin-top: 0
}
.block .btn-block-bottom .icon {
width: 1.5rem;
height: 1.5rem
}
.btn:not(.mob-w-auto):not(.round)+.btn:not(.mob-w-auto):not(.round) {
margin-top: 1rem
}
.btn.mob-w-auto+.btn.mob-w-auto {
margin-left: .2rem
}
a.btn.mob-small {
padding-top: .55em
}
}
.btn-fav.round {
width: 3.1rem;
height: 3.1rem;
padding: .8rem 0;
background: #fff;
-webkit-box-shadow: 0 0 0 1px #d6dce8, 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 0 0 1px #d6dce8, 0 .3125rem .625rem 0 rgba(0,0,0,.1)
}
.btn-fav.round .icon {
width: 1.8rem;
height: 1.8rem
}
.btn-fav.round .icon:first-child, .btn-fav.round .icon:last-child {
margin-left: 0;
margin-right: 0
}
.btn-fav.round .add {
display: inline-block
}
.btn-fav.round .remove {
display: none
}
.btn-fav.round.is-fav {
-webkit-box-shadow: 0 0 0 1px #f6035e, 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 0 0 1px #f6035e, 0 .3125rem .625rem 0 rgba(0,0,0,.1);
background: #f6035e;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, 22%), color-stop(77%, rgba(255,0,0,.3)), to(rgba(255,255,255,.4)));
background-image: linear-gradient(22% 50%, rgba(255,0,0,.3) 77%, rgba(255,255,255,.4) 100%)
}
.btn-fav.round.is-fav .icon {
fill: #fff
}
.btn-fav.round.is-fav .add {
display: none
}
.btn-fav.round.is-fav .remove {
display: inline-block
}
.back-page {
position: absolute!important;
top: 3.75rem;
left: -4.25rem
}
.calendar {
padding: .8rem;
max-width: 28.5rem;
max-height: 17rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: .06rem solid #f2f3f5;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
border-radius: 0 0 .75rem .75rem
}
.calendar a.col {
cursor: not-allowed;
position: relative;
font-weight: 600;
font-size: 1.125rem;
color: #babcbe;
height: 3.5rem;
text-align: left;
text-decoration: none;
padding: .25rem .5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.calendar a.col>* {
position: relative
}
.calendar a.col.active {
cursor: pointer;
color: #1c2129
}
.calendar a.col:before {
content: '';
opacity: 0;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .3s;
transition: all .3s;
background: #fff;
border: 1px solid #f2f3f5;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
border-radius: .375rem
}
.calendar a.col.active:hover:before {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.calendar .month {
display: block;
margin-right: -.8rem;
margin-bottom: .5rem;
padding: 1.5rem 0 .25rem;
color: #1c2129;
font-size: 1.125rem;
font-weight: 900;
text-transform: uppercase;
background-image: -webkit-gradient(linear, right top, left top, from(#edeef0), to(white));
background-image: linear-gradient(270deg, #edeef0 0, #fff 100%)
}
.calendar .events {
position: absolute;
bottom: 0
}
.calendar .events .evt {
display: inline-block;
width: .375rem;
height: .375rem;
border-radius: .1875rem;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.calendar .events .evt.red {
background-color: #e63041
}
.calendar .events .evt.green {
background-color: #34bd9e
}
.calendar .events .evt:hover {
-webkit-transform: scale(2);
transform: scale(2)
}
.calendar.hide-first-week .row-percent:first-of-type .col:nth-child(-n+7) {
display: none
}
.title-with-dropdown .dropdown {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 1em;
font-weight: 300;
color: #a1a4a7;
fill: #a1a4a7;
max-width: 100%;
margin-left: .5rem
}
.title-with-dropdown .dropdown a {
color: inherit;
text-decoration: none
}
.title-with-dropdown .dropdown:before {
position: fixed;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background: #fff;
z-index: 500;
cursor: pointer
}
.title-with-dropdown .dropdown .current {
position: relative;
z-index: 2;
cursor: pointer;
padding-right: 1em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.title-with-dropdown .dropdown .current .icon {
font-size: .8em;
position: absolute;
right: 0;
top: 50%;
height: 1.5em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-top: .02rem
}
.title-with-dropdown .dropdown .current:hover {
color: #1c2129;
fill: #1c2129
}
.title-with-dropdown .dropdown .label {
position: absolute;
top: -2.7rem;
z-index: 2;
color: #676a6f
}
.title-with-dropdown .dropdown .title-with-dropdown-content-wrapper {
position: absolute;
z-index: 1;
top: -4rem;
left: -2rem;
width: 100%;
min-width: 22rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: .75rem;
border: 1px solid #f2f3f5;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
overflow: hidden
}
.title-with-dropdown .dropdown .title-with-dropdown-content-wrapper:after, .title-with-dropdown .dropdown .title-with-dropdown-content-wrapper:before {
content: '';
position: absolute;
left: 0;
width: 100%
}
.title-with-dropdown .dropdown .title-with-dropdown-content-wrapper:before {
height: 7.6rem;
top: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #fff), to(rgba(255,255,255,0)));
background: linear-gradient(#fff 75%, rgba(255,255,255,0))
}
.title-with-dropdown .dropdown .title-with-dropdown-content-wrapper:after {
height: 2rem;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
background: linear-gradient(rgba(255,255,255,0), #fff)
}
.title-with-dropdown .dropdown .title-with-dropdown-content {
font-size: .8em;
width: 100%;
max-height: 25rem;
padding: 7.6rem 2rem 2rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.title-with-dropdown .dropdown .title-with-dropdown-content .is-current {
display: none
}
.title-with-dropdown .dropdown .title-with-dropdown-content li {
margin-bottom: .3em
}
.title-with-dropdown .dropdown .title-with-dropdown-content li:last-child {
margin-bottom: 0
}
.title-with-dropdown .dropdown .title-with-dropdown-content li:hover {
color: #1c2129
}
.title-with-dropdown .dropdown .title-with-dropdown-content-select {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
outline: 0;
font-size: 2rem;
opacity: 0;
border-radius: 0
}
.title-with-dropdown .dropdown .label, .title-with-dropdown .dropdown .title-with-dropdown-content-wrapper, .title-with-dropdown .dropdown:before {
opacity: 0;
pointer-events: none
}
.title-with-dropdown .dropdown.is-open .current, .title-with-dropdown .dropdown.is-open .label {
z-index: 502
}
.title-with-dropdown .dropdown.is-open .title-with-dropdown-content-wrapper {
z-index: 501
}
.title-with-dropdown .dropdown.is-open:before {
opacity: .5;
pointer-events: initial
}
.title-with-dropdown .dropdown.is-open .current {
font-weight: 800;
color: #1c2129
}
.title-with-dropdown .dropdown.is-open .current .icon {
opacity: 0
}
.title-with-dropdown .dropdown.is-open .label, .title-with-dropdown .dropdown.is-open .title-with-dropdown-content-wrapper {
opacity: 1;
pointer-events: initial
}
@media screen and (max-width:1023px) {
.title-with-dropdown .dropdown {
font-size: 1.75rem;
font-weight: initial;
margin-left: 0;
color: #676a6f;
fill: #676a6f
}
.title-with-dropdown .dropdown .current {
pointer-events: none;
padding-right: 1.2em
}
.title-with-dropdown .dropdown .label, .title-with-dropdown .dropdown .title-with-dropdown-content-wrapper, .title-with-dropdown .dropdown:before {
display: none
}
.title-with-dropdown .dropdown .current .icon {
font-size: 1em;
width: 1em;
height: 1em;
margin-top: -.1rem;
margin-bottom: -.05rem
}
.layer-dropdown .layer-dropdown-trigger {
pointer-events: none
}
}
@media screen and (max-width:680px) {
.title-with-dropdown .dropdown {
font-size: 1.125rem
}
}
.layer-dropdown {
display: inline-block;
position: relative
}
.layer-dropdown .layer-dropdown-layer {
z-index: 500;
position: fixed;
width: 200vw;
height: 200vh;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 0;
left: 0;
background-color: #1c2129;
opacity: 0;
pointer-events: none;
cursor: pointer;
-webkit-transition: opacity .25s;
transition: opacity .25s
}
.layer-dropdown.dark .layer-dropdown-content, .layer-dropdown.dark .layer-dropdown-trigger {
color: #fff;
fill: #fff
}
.layer-dropdown-trigger {
position: relative;
font-size: 1.125rem;
font-weight: 400;
border: none;
background: 0 0;
cursor: pointer;
outline: 0;
padding: 0
}
.layer-dropdown-content {
min-width: calc(100% + 2rem);
position: absolute;
opacity: 0;
top: calc(100% + 1rem);
pointer-events: none;
-webkit-transition: opacity .25s;
transition: opacity .25s
}
.layer-dropdown-content:before {
content: '';
position: absolute;
top: -5rem;
left: -2rem;
right: -2rem;
bottom: -1rem;
border: 1px solid rgba(255,255,255,.3);
border-radius: .75rem;
pointer-events: none
}
.layer-dropdown-content li {
height: 1.75rem;
line-height: initial;
margin-bottom: 1rem;
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s
}
.layer-dropdown-content li:nth-child(0) {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.layer-dropdown-content li:nth-child(1) {
-webkit-transform: translate(0, -.5rem);
transform: translate(0, -.5rem)
}
.layer-dropdown-content li:nth-child(2) {
-webkit-transform: translate(0, -1rem);
transform: translate(0, -1rem)
}
.layer-dropdown-content li:nth-child(3) {
-webkit-transform: translate(0, -1.5rem);
transform: translate(0, -1.5rem)
}
.layer-dropdown-content li:nth-child(4) {
-webkit-transform: translate(0, -2rem);
transform: translate(0, -2rem)
}
.layer-dropdown-content li:nth-child(5) {
-webkit-transform: translate(0, -2.5rem);
transform: translate(0, -2.5rem)
}
.layer-dropdown-content li:nth-child(6) {
-webkit-transform: translate(0, -3rem);
transform: translate(0, -3rem)
}
.layer-dropdown-content li:nth-child(7) {
-webkit-transform: translate(0, -3.5rem);
transform: translate(0, -3.5rem)
}
.layer-dropdown-content li:nth-child(8) {
-webkit-transform: translate(0, -4rem);
transform: translate(0, -4rem)
}
.layer-dropdown-content li:nth-child(9) {
-webkit-transform: translate(0, -4.5rem);
transform: translate(0, -4.5rem)
}
.layer-dropdown-content li:nth-child(10) {
-webkit-transform: translate(0, -5rem);
transform: translate(0, -5rem)
}
.layer-dropdown-content li a {
opacity: .7;
font-size: 1.125rem;
text-decoration: none;
white-space: nowrap;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.layer-dropdown-content li a:hover {
padding: .5rem 1rem;
background-color: rgba(255,255,255,.1);
border-radius: .375rem;
margin-left: -1rem;
opacity: 1
}
.layer-dropdown.is-open .layer-dropdown-layer {
opacity: .95;
pointer-events: initial
}
.layer-dropdown.is-open .layer-dropdown-content, .layer-dropdown.is-open .layer-dropdown-trigger {
color: #fff;
fill: #fff
}
.layer-dropdown.is-open .layer-dropdown-trigger {
z-index: 501;
opacity: 1
}
.layer-dropdown.is-open .layer-dropdown-content {
z-index: 501;
opacity: 1;
pointer-events: initial
}
.layer-dropdown.is-open .layer-dropdown-content li {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.layer-dropdown .layer-dropdown-content-select {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
font-size: 3rem;
opacity: 0
}
@media screen and (max-width:1023px) {
.layer-dropdown .layer-dropdown-trigger {
font-size: 1rem
}
}
.fat-dropdown-wrapper {
margin-left: -1.5rem;
margin-right: -1.5rem;
position: relative;
z-index: 11
}
.fat-dropdown-wrapper.with-shadow {
margin-bottom: 2.5rem
}
.fat-dropdown-wrapper.with-shadow .sticky:after {
position: absolute;
top: 100%;
left: -1.5rem;
right: -1.5rem;
content: '';
height: 2.5rem;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.05)), to(transparent));
background: linear-gradient(rgba(0,0,0,.05), transparent);
pointer-events: none
}
.fat-dropdown-wrapper .sticky:before {
position: absolute;
top: 0;
left: -1.5rem;
right: -1.5rem;
content: '';
height: 100%;
background: #fff
}
.fat-dropdown-wrapper:hover {
z-index: 12
}
.fat-dropdown {
position: relative;
z-index: 11;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fat-dropdown:before {
position: absolute;
bottom: -1px;
left: 1px;
z-index: 3;
content: '';
height: 1px;
width: calc(100% - 2px);
background: #fff;
display: none
}
.fat-dropdown .fat-dropdown-fake-trigger, .fat-dropdown .fat-dropdown-trigger {
padding: .95rem 4rem 1rem 1.5rem;
width: 100%;
background: #fff;
border: 1px solid #fff;
position: relative;
z-index: 1;
text-align: left;
border-bottom: none;
border-right-color: #edeef0;
cursor: pointer;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
height: 6rem;
box-sizing: border-box
}
.fat-dropdown .fat-dropdown-fake-trigger a, .fat-dropdown .fat-dropdown-trigger a {
color: inherit;
text-decoration: none
}
.fat-dropdown .fat-dropdown-fake-trigger .label, .fat-dropdown .fat-dropdown-trigger .label {
text-transform: none;
letter-spacing: 0;
font-weight: 600;
font-size: 1.125rem;
margin-bottom: .28rem;
color: #676a6f
}
.fat-dropdown .fat-dropdown-fake-trigger .title-molecule, .fat-dropdown .fat-dropdown-trigger .title-molecule {
font-weight: 400;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.fat-dropdown .fat-dropdown-fake-trigger .icon, .fat-dropdown .fat-dropdown-trigger .icon {
position: absolute;
top: 50%;
right: 1.25rem;
font-size: 1.34rem;
margin-top: -.75rem
}
.fat-dropdown .fat-dropdown-fake-trigger {
padding-right: 1.5rem
}
.fat-dropdown .fat-dropdown-fake-trigger:not(.current-week):hover {
-webkit-box-shadow: inset 0 -.25rem 0 #edeef0;
box-shadow: inset 0 -.25rem 0 #edeef0
}
.fat-dropdown .is-active {
-webkit-box-shadow: inset 0 -.25rem 0 #ffc426!important;
box-shadow: inset 0 -.25rem 0 #ffc426!important
}
.fat-dropdown:last-child .fat-dropdown-trigger {
border-right-color: #fff
}
.col.fat-dropdown:not(.with-calendar):first-child .fat-dropdown-fake-trigger {
padding-left: 0;
margin-left: 1.5rem
}
.fat-dropdown.with-calendar {
z-index: 12
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week {
padding: 0 2rem 0 1.5rem;
text-align: center;
z-index: 2
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week .row-percent {
height: 100%
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week button {
border: none;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
cursor: pointer;
padding: 1.1rem 0 1.2rem
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week button.col:hover {
-webkit-box-shadow: inset 0 -.25rem 0 #edeef0;
box-shadow: inset 0 -.25rem 0 #edeef0
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week .label {
font-size: .75rem;
text-transform: uppercase;
margin-top: .2rem;
margin-bottom: .3rem
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week .title-molecule {
font-size: 1.875rem;
line-height: .9em
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week .fat-dropdown-trigger {
background: #fff;
position: absolute;
right: -.625rem;
top: 50%;
width: 2.5rem;
height: 2.5rem;
padding: 0;
text-align: center;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-box-shadow: 0 0 0 1px #d6dce8, 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 0 0 1px #d6dce8, 0 .3125rem .625rem 0 rgba(0,0,0,.1);
-webkit-transition: none;
transition: none
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week .fat-dropdown-trigger .icon {
position: relative;
right: 0;
top: 0;
width: 1rem;
height: 1rem;
margin-left: 0;
margin-right: 0;
margin-top: 0
}
.fat-dropdown .fat-dropdown-fake-trigger.current-week .fat-dropdown-trigger .icon.close {
display: none
}
.fat-dropdown .fat-dropdown-content-select {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
font-size: 3rem;
opacity: 0;
margin: 0;
padding: 0;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.fat-dropdown .fat-dropdown-content {
position: absolute;
z-index: 2;
width: 100%;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 1.5rem 1.5rem;
margin-top: 6rem;
font-size: 1.125rem;
line-height: 1.5rem;
background: #fff;
border-radius: 0 0 .375rem .375rem;
border: 1px solid #edeef0;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
opacity: 0;
pointer-events: none
}
.fat-dropdown .fat-dropdown-content:before {
content: '';
position: absolute;
height: 1rem;
width: 100%;
z-index: 2;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(white));
background: linear-gradient(rgba(255,255,255,0), #fff);
left: 0;
bottom: 4.5rem
}
.fat-dropdown .fat-dropdown-content ul {
margin: 0 -1.5rem;
max-height: 20rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.fat-dropdown .fat-dropdown-content li {
border-bottom: 1px solid #edeef0
}
.fat-dropdown .fat-dropdown-content li:first-child {
border-bottom-width: 2px
}
.fat-dropdown .fat-dropdown-content li:last-child {
border-bottom: none;
margin-bottom: 1rem
}
.fat-dropdown .fat-dropdown-content li button, .fat-dropdown .fat-dropdown-content li label {
padding: 1rem 1.5rem 1rem 4rem;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0
}
.fat-dropdown .fat-dropdown-content li button:before, .fat-dropdown .fat-dropdown-content li label:before {
top: .88em;
left: 1.5rem
}
.fat-dropdown .fat-dropdown-content li button:hover, .fat-dropdown .fat-dropdown-content li label:hover {
background: #f8f8f8
}
.fat-dropdown .fat-dropdown-content li>button {
padding-left: 1.5rem;
background: 0 0;
border: none;
text-align: left;
font-size: inherit;
cursor: pointer
}
.fat-dropdown .fat-dropdown-content .slider {
margin-top: -1rem;
margin-right: -1.5rem;
margin-left: -1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-bottom: 0!important;
padding-bottom: 0;
z-index: 2
}
.fat-dropdown .fat-dropdown-content.calendar {
min-width: 21.5rem;
max-width: none
}
.fat-dropdown .fat-dropdown-content.calendar:before {
display: none
}
.fat-dropdown .fat-dropdown-content.calendar .month {
margin-right: -1.5rem
}
.fat-dropdown .fat-dropdown-content.simple {
padding-bottom: 0
}
.fat-dropdown .fat-dropdown-content.simple li:last-child {
margin-bottom: 0
}
.fat-dropdown .fat-dropdown-content.simple:before {
display: none
}
@media screen and (min-width:1201px) {
.calendar.hide-first-week-on-desktop .row-percent:first-of-type .col:nth-child(-n+7) {
display: none
}
.fat-dropdown.with-calendar-on-top.is-open:before {
top: 2.5rem
}
.fat-dropdown.with-calendar-on-top .fat-dropdown-content {
margin-top: 2.5rem
}
.fat-dropdown.with-calendar-on-top .fat-dropdown-fake-trigger {
position: initial
}
.fat-dropdown.with-calendar-on-top .fat-dropdown-fake-trigger .fat-dropdown-trigger {
z-index: 3
}
}
.fat-dropdown.is-open {
z-index: 13
}
.fat-dropdown.is-open .fat-dropdown-fake-trigger, .fat-dropdown.is-open>.fat-dropdown-trigger {
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
border: 1px solid #edeef0;
border-bottom: 0
}
.fat-dropdown.is-open>.fat-dropdown-trigger .icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fat-dropdown.is-open .fat-dropdown-fake-trigger.current-week .fat-dropdown-trigger {
background: #1c2129;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(28,33,41,.25);
box-shadow: 0 .3125rem .625rem 0 rgba(28,33,41,.25)
}
.fat-dropdown.is-open .fat-dropdown-fake-trigger.current-week .fat-dropdown-trigger .icon {
fill: #fff
}
.fat-dropdown.is-open .fat-dropdown-fake-trigger.current-week .fat-dropdown-trigger .icon.arrow {
display: none
}
.fat-dropdown.is-open .fat-dropdown-fake-trigger.current-week .fat-dropdown-trigger .icon.close {
display: inline-block
}
.fat-dropdown.is-open:before {
display: block
}
.fat-dropdown.is-open .fat-dropdown-content {
opacity: 1;
pointer-events: initial
}
@media screen and (max-width:1023px) {
.fat-dropdown .fat-dropdown-trigger {
border-right-color: #fff;
background: #edeef0;
margin-bottom: .5rem;
border-radius: .625rem;
padding: .95rem 4rem .7rem 1rem;
height: 5rem
}
.fat-dropdown .fat-dropdown-trigger .label {
font-size: .625rem;
margin-bottom: 0;
text-transform: uppercase
}
.fat-dropdown .fat-dropdown-trigger .title-molecule {
font-size: 1.25rem
}
.fat-dropdown.select-on-mobile .fat-dropdown-trigger {
pointer-events: none
}
.fat-dropdown .fat-dropdown-content {
position: relative;
display: none;
margin-top: -.5rem;
margin-bottom: .5rem;
background: #edeef0;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
padding-left: 1rem;
padding-right: 1rem
}
.fat-dropdown .fat-dropdown-content .slider {
padding: 0 1rem;
margin: -1rem
}
.fat-dropdown.is-open:before {
display: none
}
.fat-dropdown.is-open .fat-dropdown-trigger {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: .625rem .625rem 0 0
}
.fat-dropdown.is-open .fat-dropdown-content {
display: block
}
.fat-dropdown:last-child .fat-dropdown-trigger {
margin-bottom: 0
}
}
.theater-dropdown {
display: inline;
position: relative;
z-index: 100
}
.theater-dropdown:before {
z-index: 1;
content: '';
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255,255,255,.5);
display: none;
pointer-events: none
}
.theater-dropdown .theater-dropdown-trigger {
z-index: 3;
position: relative
}
.theater-dropdown .theater-dropdown-content {
z-index: 2;
top: -.6em;
left: 0;
padding: 3.25rem 1.5rem 0;
width: 22rem;
background: #fff;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
border-radius: .75rem;
position: absolute;
border: 1px solid #edeef0;
display: none;
overflow: hidden
}
.theater-dropdown .theater-dropdown-content .baseline {
font-weight: 500;
line-height: 1.75rem;
margin-top: -1.1rem
}
.theater-dropdown .theater-dropdown-content:after, .theater-dropdown .theater-dropdown-content:before {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 1.5rem;
pointer-events: none
}
.theater-dropdown .theater-dropdown-content:before {
top: 6.75rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255,255,255,0)));
background-image: linear-gradient(white, rgba(255,255,255,0))
}
.theater-dropdown .theater-dropdown-content:after {
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(white));
background-image: linear-gradient(rgba(255,255,255,0), #fff)
}
.theater-dropdown .theater-dropdown-content ul {
margin-top: .5rem;
max-height: 16rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.theater-dropdown .theater-dropdown-content li {
border-top: 1px solid #edeef0;
font-weight: 600
}
.theater-dropdown .theater-dropdown-content li:first-child {
border-top: 0
}
.theater-dropdown .theater-dropdown-content li:last-child {
margin-bottom: .5rem
}
.theater-dropdown .theater-dropdown-content li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5em 0;
text-decoration: none
}
.theater-dropdown .theater-dropdown-content li .distance {
font-size: .875rem;
color: #676a6f;
fill: #676a6f;
font-weight: 400;
white-space: nowrap
}
.theater-dropdown .theater-dropdown-content li .distance .icon {
font-size: .75rem
}
.theater-dropdown.is-open .theater-dropdown-trigger {
background: 0 0;
color: #676a6f
}
.theater-dropdown.is-open .theater-dropdown-trigger .icon {
fill: #676a6f
}
.theater-dropdown.is-open .theater-dropdown-content, .theater-dropdown.is-open:before {
display: block
}
.title-element .theater-dropdown .theater-dropdown-content {
top: 0
}
.small-dropdown {
position: relative;
display: inline-block;
vertical-align: middle
}
.small-dropdown .btn {
margin-top: 0
}
.small-dropdown-select {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
font-size: 3rem;
opacity: 0
}
.editorial b, .editorial strong {
font-weight: 600
}
.editorial em, .editorial i {
font-style: italic
}
.editorial ol, .editorial p, .editorial ul {
margin-bottom: .5rem
}
.editorial .title-single+strong {
font-size: 1.5rem;
line-height: 2.5rem;
display: block;
font-weight: 400
}
.editorial h2 {
font-weight: 900;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 1.75rem;
margin-top: 2.875rem
}
.editorial h2:first-child {
margin-top: 0
}
.editorial h3 {
font-weight: 900;
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 1rem;
margin-top: 1.875rem
}
.editorial h3:first-child {
margin-top: 0
}
.editorial p {
position: relative
}
.editorial a:not(.btn):not(.link-pin) {
text-decoration: none;
border-bottom: .0625rem dashed #1c2129;
background-color: rgba(255,196,38,.15);
overflow-wrap: break-word
}
.editorial a:not(.btn):not(.link-pin):hover {
border-bottom: .0625rem solid #1c2129
}
.editorial>img {
position: relative;
margin: 2.75rem 0;
width: 100%
}
.editorial>img.float {
max-width: 20rem;
width: auto;
max-height: 20rem;
margin: 3rem 3rem 3rem 0;
float: left
}
.editorial>img.float.on-right {
float: right;
margin: 3rem 0 3rem 3rem
}
.editorial>img.float.on-top {
margin-top: 0
}
.editorial img+p em:first-child:last-child {
font-size: .875rem;
line-height: 1.25rem;
color: #676a6f;
margin: -2.15rem 0 2.25rem;
display: block
}
.editorial ol ol, .editorial ol ul, .editorial ul ol, .editorial ul ul {
color: #676a6f
}
.editorial ol {
counter-reset: list
}
.editorial li {
padding-left: 1.75rem;
list-style: none;
position: relative
}
.editorial li:before {
position: absolute;
left: 0
}
.editorial ul li:before {
content: '•';
font-size: 1.5em;
line-height: 1.3em
}
.editorial ol li {
counter-increment: list
}
.editorial ol li:before {
content: counter(list) "."
}
.editorial blockquote {
font-size: 1.75rem;
font-weight: 300;
line-height: 2.5rem;
color: #676a6f;
margin: 2rem 0 2rem 5rem;
position: relative
}
.editorial blockquote:before {
content: '';
position: absolute;
top: 50%;
right: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAABcCAYAAAHbteEeAAAABGdBTUEAALGPC/xhBQAAEixJREFUeAHtXdtvVMcZ9+56b76w9hobOzHE2AbTQmgTSJO88do+IkVVpUQiylOrSkn+g/wjiZRESh/S9qUPfeUtaQSiJUBxYmxDrTiAL9he7L1v53fgO5mdnZkzc86ZtV3VEsztm+8y35y5fPPNbE9P3H/Hj8+9gH+tViuhwk0wKG8DQgFVyman1xcW/l6hNIU8zHvv/e5HHwFf8J//zP9AFfhQBpMEwMzM+TECtKmMOh6CarXSSwhsQ08EnjVCIHKigvE4oEp8ePbs2QyldRpRItjerh8lBIlEokVxPgRXSgQ8oC7uIejtTTdEILENxHKk22AgJ1iSNRZV/uijj5JBMARrFPq9kKCJehtrVPg8JBi/40xNXco1GqtFAa4tyVRaZFrJUabf8lQxlZrYkFG9dOlSL1XEhwOYjp4nqwhKxCriBJM8f/58PzLwR5nPUj/9f/LkuWOU4mFSmczQKBUUCkcH8W97e32H8hAODg4XKM3D+DJTIUKeRT6fjwNGWpkH0sWjVeYbQEVFBeP3MF5OFbAIk1JR4/MxWORyxWMyTfBwQXF0C2iX8PicixXfeuut1Ndf3/T7B1+ukoyHofjk5Jv5RGJjmNJ82EFc9Y0lk8nW/fv/XuUr6+JnzpwZefq0lRVhstm+2sLCjcfIbyPO64QqZbNDpYWFf2xT2iSU4RkbG3h8/fr1Gl/fJ25aga8si8vwqNTkEZdV4BFjFGIjcZPPk8WD8IhMGBHnCYkI+LIg4gRL/cd6hFARmJ39dUfnImJi2Gw2vTnPmriIiNKylReVqUKPuK4pVRVl+TMzE49k+bK8RCKz5/d2AExNnR1vNOrK1njw4O6qajXDE1CphmDiEpbwGYe6tZwUCSQJkkZaUcgU8bQ1uwDbc+HChb5Hj0pDfH6YJjtx4uXhVquaF/Eo9QsuRcKojGUfjyQoDjwiYaojlVzXxDaSB+HpIK6qYNrTSSoVHp75NuImFQi5LjTF4+uPrVYGZAh5TmXlYh6/QOXLZHh84mwdfYQHRhxNLeYFpev1WsfSTEYYeDzis7Ov+KtmHrnJaMbDq5qbh+HjHvFKZTfNZ3Yr7je7jCAkUbWKCI8tkJhHaeDBQENpCpOzs6936JoKEaJVUDlocLl3b9U3MfD1KY6BRlRLqr9/YIQAdOGNG7cGxN0TD4+1OJ9WxWnNjnJts4sIRM7FctM04bEiborcFM6a+NTUL9tmOVNCIhz6UDKfb1XFAl06lyt3DCI6eFXZl19+2Zv87rvv1lQAsvxyefypLP+NN84/lOWr8m7fvl21bvbl5atlGUImSYcdSQbH53nEVWMvD4h4KtWr3bWY4kmnB7zWM5pSiQlT5PQpUT0+pN0K8tqaHcixheWBET9ypHfNlDDgAStrJfQLfpsdS88FQfqbm5sb7Os7yv6mkpubqx32Y4LrVgh7HbOqDB8/Pl55/Pix3y/bVB6GGewBTpw4MyGr29+fqNy9e3ddVuYqT2fNabWKmysrX+2BdmjBsVKTLZhEgWBFXlq6ZTX8iDiC0rrGF+uyT2ebDW8lK8HZ3inNtjDSxZ5IgE/zHzafHzWOVVCl8kS65NbhhoXLSHCs52XL6iDktuYzHT6+DGtK2wUvBklMZIRHK7jueyEEfMiQlxnyDT4vzjjMtpubFd/gHoR7crK4+dVXz75pEVYpuG5OEpHgIEM1w4uwYdM2/JiYK6WCmxLBfLm8fPvHsMKY1MMWKGgnQnhgV3vw4NtNSuvCtnkcy1hGRDo1iUgymWzd9WiNNQEbTLXnasRXX1/PzuLinS1KB4VtgpsKDaTLy3ecahrjy9LSQyOhwc/i4rzVesFfNpp2bxDBHwYaawPms6pG/6uOlFSVcXykKpPle9+47egtQ4Q8dP97924a27pVeLADbTT2+lTlpvnYkSwuXpd2f09wW22bEIax/+rVq3UTWBHGBT/iRsfv6iLxqGmMxC4ECMsXeOGNYM4EJwZthceymOrGHcIAh1Nd4HUuOIjgfAShyd/09LTW4mCCQwdDR9nedGZqLdQh1JXV672pjY0fd3UwVHbnzp2Wa37Gxn71zPiEBTwRdhE2m0l/c2CCH/t4E7iwMG+//XrNX7LKjtnCIhbriSOqWC5L244NMhyqPPDjf+NY4zIPiicq4LD5NmfYPA0wJ7PB8TBh4qQEX+M8kpde+tkE3Aj4vDBxIhKmLtWxsa5QHVkobqi0woW1cMQhsIz506cvHN3bK/n+mzIYMU+1mtQKLiLBFpFZKnM7O8l0LldJ1euDteHhnhpzMDIasUV8UdPwS2M4MltbPZmBgUaiXi/U6vV81bVtQMl30EmfsqKjAuf84HvE+OByRLZpG/RQ8CLjx6qr64iKBkAba4gOb5gyKADmb96pSXSQV55smxKElWR3t2eQWT3bqjz3gDEyA7VVjJjAWpwdcHQ4wVUqi1ij+w7+/jwehh66NYRW1TV1LVDVt8nHd4wuTWtxWV1+zxCqq2M0ZXZ236tfRoTybL2HqJ5NSL3OpA5NtdYax1xqKjQYUTkFmTBpAhPU60QcaCTkWQkOL0jbBQQGGFfTCbq27QqTPk3jri6bEsTWFNO8y7ZYFiUddhnLe4UbjephhHb1bcMwykZtqVO/qjFly9ZAjdsKTcewKiai5IfRtMxnHzxov3HbgQlnVjh7jiKcrq7KAUFWB0fTGMHFiwoEq9S4rWGCpglCHHdos1U2GVukGp+dnc2qfI9lArkWGqsx09Eb3zPdgZHxSnlSwSuVlJHLI5C4FhpToW41RoJQaHqS03ZoiMqTk2eLiUTTaLSHCxWsokTURWhzkGmjhDaNY9RMJH66yqgTBF0qjFufDqdY9uab5geBOCYW6+vSbYJPTf18XAfMly0s/Mu7S8bnxR1fWZFfnpPRmZ+fDy+46QACwrYu7TJmdXm4CKgr58vQ+/i0SdzXuI1zcCqVb998m1CyhKGLwibVGo2i1eVE4PQFtzmPHhlJWZ2MmDDPw2Cs4dNB8StXLlnz4xGwddxrtXrLhUJPifcbC2LOpvzZzGI2yAIvNh+Tk/ldm/N4T3DbVZooxPBwduvmzZtSb3IR1iRtuz/gcWKpmk7XNhYWFrTnb15Xt1ml8UQoDqc7MIsVH+XtV4gBGgsw8KOzA/jfeByMguDp06eNTFIqejpmVXVU+R9//KdxlVNQIsxWT0WI8qN4LM89t9oSrjhCLG7EeT557ty52F0v4M7N+5vYMM/WB1ZnYya4YW4SXUySuVzOaF1uQoCHwbghEuPLVfFKpdcJP6K7eXJryw0hCCYSUwnL55s4//PwNnFy/EGdZLW627FDs0EWBPv8RDMIrCvl/PaWdfWMU8HL5VQs9+TiahnaAzCNN6wX+DZMRHkeyoaOKWwiseY5+if7+2tOBTdliOCw8qK4i5DGkGSlUum45OaCoClOFw4/MtrJoDWtrJLLvGZzy8qgEJaXWJesYZng63VLEZ7g3TAs8MLtZzyfH/D27p7gy8v/jN2xj4QL454Z1imQaOrCdLrsWWv8ro47Y7oKYcvGx8elNwR0+GwMCjo8sjIynviCu7ooF1aIMI+DyATl8+CQRGlfcGTg0I8K4ght7/LzNGHFxe1fPi9qnL+T1mHUU73vZks0ruPiqGYx4htK4A9AOgQHoK3xkZBTGLePW1TjhOwKaFtXJ8Zxphy228P1m+9ShDNKCOsJDvjD4MAMIfNtlWqcJ8C03/HeFl9OcZMzaYKNEk5PXyjUaiX/jVAVLqxNdNN0oOA8YhjucrlmOpnczJTL2UY+X62zG4e7/LfDw7uMw1Z48eLF/OZmT5qZUtLlcrUxONisMR+ZXWawDLzQ43QvHpfgcPgplVJDQ0Mjwx9++EccHDjdwcXFd7fwwKxfLL5UnJgYyTG3en/KltG36ukyBC7yqBevr5ePNCSvKka5vemC327jZF9y8rPP/jYoG+rwlpPuSaUDo3C41C8sPD5i6o+h8l7rduN3ix6WlanUxhETQ55uft1XhUPJP/ywM2TrFUyNLF45oPz/lRBrh1TqyZCNmwrJDhcR+OqIbitdVziGo08++Ush6rE0CYbl8X5d/SIe4gxx+LK7mxgmS3AU3Di4XVz89hGv9K4oHHMyO7IaIP/4KELI6sa1+5Xh7kZe1JFOxyNulV658tYjWsE7VTgEuX9/bSSO3qoTCmX8vYMg2INSbvtqVVi+cS717ru/fQilO1E4tgm1WroYZu4JIxRs16lUaodMp2FwdKsORruTJ18p2DgURuENymY2hBJ7QrGEoT1WhZtaaaIIgLqYm2q1wW16dzEqvm7Ux9rliy++KO7txe/bI/IPq9Nrr53akRmGYlF4VOOnyLAsja1GoZDEAu1AnWbLeOXzoOjPP//rUZPtFF/PNo4p7fvvv97hF2gyHJEUDqv72truUVdDN7YWx48XN8IePskE7maeqR04LE94s+zevWvbQUrm8YdSOOahubmLI2H3zzwDsvhhX3XjJ2ue386XiRcpD9NZsZjdCDvSWSuc7ROtH6Q1lVB2rmVa9yDAYfj+9NM/j7rYlWC0e+edy2tYaUeR1Vjh+KpnZ38x6mIuOuyKhgJgFVP9vFoUBcWlaOLBSOE4rfrmm1tjcc/VMPSzQ991mzmIGD9IYdhXsIJkiPt2D+hJPQF4RjAf4TXYuJUNkyhOdQ67snHpJsyj7nwbi3HsneGJEedVLqKhPQ/HfL27u97xAz5UOWwI76X5+W+057ZhcXerHubr5eXHx6rVVqxXR3irmAtZlEO6KyOK7OaTC8Fc4sR6Znr65TEXizPXZ/1ShWN/Hea+UFAjR7l2F4S7m+Vs5Gv7Sei4aOveAo+LRsccjqEKxpS4CPB4Mpma89v1PD0XcVgV2VNmxk8X2PBw4sRgbNevVXQ75vCVla2j9Xq1I1+FwCa/2Zx4+uTJ8oG64WTDP7xOqtX2X1C1qR8Ee/Om/KX/oHo25W1DereO64hB7DFbrXSFvV+7G9ZyRLi6EQb9cnGcPGDxls02aux+897ly5f3ohpciLc2hZv+aBdVdhFC0IGB5M6tW7eeHqQtm6tFrG0bRj1E8hUe190LWwGC4HHUt7R0Y2u/lT8zc37MhZUxSH5dObxZensrmza3EX2Fh3mjXMdM3GUY/l99dW5ddsYbNy0Rn8vDEJFW2LSpVc5bnMEV6dGjDe2PIYdlJK56jUYjubLycGB09MX8++//fq+blxH6+rIF0zf84pLXFk+53Mjh11TOnj1dX1lZUS6Mn6/GpzKtVsnqx7FsGYoLHorHj2Czn1ltsVsW1m93heFjbGxyoNHo/AX3MLhc19ne3suPjEz0ffDBH6QfhafwF1/sz1UqzX1/hcqmMcDvCy+MZtbW1pybaAcHh5lbdbzuYDay2sKycw/vozh1aqq8urradpzqGV729nJO9t22jNrC49GaqC+GBdHESWHcB0dBNOMqh7UUfu48Pk/hmczTWA8AeAKu43AKxPGkKzrsTd1D+TFQe+AHDvjRyVM4c/E91LcxcTyJL5GEjDNkho9D3TZoC7hFU5t4Cq9UBpSrOgI86OGNGw8CL42HkeHatWuHvm3gA09fuafwQqF+6IXKZktOpiUYfHDKF6azHKQ67BEBr308hbNe7Hyl61r4SsXdQ4OpVP+hb5/19UFvyvMUjl5s+968awXa4q9W3Y1ScPCHjd+Wp4MEPzXV443insLBGO4eHWah8O6KqwbGB4EDHVf4XeOFXukyh69wCHXy5LFQTwa5ZjgIPwRChw2Ci1LOLiqWcJATBcd+1cVlQqLtKxwZ6AVh34kihPsR4utDh3VNG89C8e/cuaYXB37xY2hTOAjAEQGOdIdleMdXh68vjsYxwYHH2OB7ZgJ7EGAwavMfg388KmMurvcAZbjjyIOydY+xxUFDhQMnjEtLD0cPstlV5gGrVTiEdeXBqmpI0/yD8qAPfiKpW5f7TdsGrwjPz1+T3ugJVDgRgRG+VGoa/3Ie1Ys7jPthzzj4gxVrZubiEdm7aXHgt8HB/ODWdR4wxgonot18t4VoIjwsFxi67QiKtoGrU39/z4bJkyfWCgcB+sNwv7PTU3B4T7w8Ojq6TXtIontYQjg+ql6TjCoDFtX82y2m+CIpXCSCr58duOfr9Wze1uEPPmuJRL7MbOJlk54q0j7oaQz7p079JlOvrzLPolpO9qSoTgY8XJTJZMrsIkR5P/z6dLz9v+wAt8B/Ac8c6KIOOmE4AAAAAElFTkSuQmCC);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 7.5rem;
height: 2.875rem;
margin-top: -1.4375rem
}
.editorial .img-wrapper {
margin: 2.75rem 0;
max-height: 40rem;
background-position: center;
background-size: cover
}
.editorial .img-wrapper:before {
content: '';
display: inline-block;
padding-bottom: 65%
}
.editorial .player-iframe-wrapper {
margin: 3rem 0;
position: relative
}
.editorial .player-iframe-wrapper:before {
content: '';
position: relative;
display: block;
padding-bottom: 56%
}
.editorial .player-iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100px;
height: 100px;
min-width: 100%;
min-height: 100%
}
.editorial table {
max-width: 100%;
margin: 1rem 0;
text-align: left
}
.editorial table thead {
font-weight: 700;
-webkit-box-shadow: 0 2px 0 #edeef0;
box-shadow: 0 2px 0 #edeef0
}
.editorial table tr {
-webkit-box-shadow: 0 2px 0 #edeef0;
box-shadow: 0 2px 0 #edeef0
}
.editorial table tr:last-child {
-webkit-box-shadow: none;
box-shadow: none
}
.editorial table td, .editorial table th {
padding: .75rem 1rem
}
.editorial table td:first-child, .editorial table th:first-child {
padding-left: 0
}
.editorial table td:last-child, .editorial table th:last-child {
padding-right: 0
}
.editorial.mw-fix h3, .editorial.mw-fix h4, .editorial.mw-fix h5, .editorial.mw-fix p, .editorial.mw-fix strong, .editorial.mw-fix table, .editorial.mw-fix>img, .editorial.mw-fix>ol, .editorial.mw-fix>ul {
max-width: 45rem
}
.editorial.mw-fix p strong {
max-width: none
}
.editorial.mw h1, .editorial.mw h2, .editorial.mw h3, .editorial.mw h4, .editorial.mw h5, .editorial.mw p, .editorial.mw strong, .editorial.mw table, .editorial.mw>ol, .editorial.mw>ul {
margin-right: 1rem;
margin-left: 10rem;
max-width: 50rem
}
.editorial.mw p strong {
max-width: none;
margin-left: 0;
margin-right: 0
}
.editorial.mw .img-wrapper, .editorial.mw img.large {
max-width: none;
margin-left: 3rem;
margin-right: -3rem
}
.editorial.mw .gallery, .editorial.mw .player-iframe-wrapper, .editorial.mw blockquote, .editorial.mw>img {
max-width: 56rem;
margin-left: 7.5rem;
margin-right: 7.5rem
}
.editorial.mw .link-pin {
position: absolute;
width: 10rem;
top: 0;
right: -14rem;
font-size: .875rem;
line-height: 1.25rem;
padding-top: 1.125rem;
margin-top: -1.125rem;
text-decoration: none;
display: block
}
.editorial.mw .link-pin:before {
content: '';
width: 10rem;
height: 1px;
background: #676a6f;
position: absolute;
left: 50%;
top: 0;
margin-left: -5rem
}
.editorial.mw .link-pin .icon {
fill: #676a6f;
background: #fff;
position: absolute;
top: -1.125rem;
left: 50%;
margin-left: -2.25rem;
width: 1.5rem;
height: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
@media screen and (max-width:1200px) {
.editorial.mw h1, .editorial.mw h2, .editorial.mw h3, .editorial.mw h4, .editorial.mw h5, .editorial.mw p, .editorial.mw strong, .editorial.mw>ol, .editorial.mw>ul {
margin-right: 10rem
}
.editorial.mw .link-pin {
position: relative;
top: auto;
right: auto;
width: 100%;
text-align: center;
margin: 3rem 0
}
.editorial.mw .player-iframe-wrapper {
margin-right: 7.5rem
}
.filters:not(.in-content) {
padding-left: 3rem
}
}
@media screen and (max-width:1023px) {
.editorial>img.float, .editorial>img.float.on-right {
max-width: inherit;
margin: 1.5rem 0;
float: inherit
}
.editorial>img.float.on-right.on-top, .editorial>img.float.on-top {
margin-top: 0
}
.editorial.mw h1, .editorial.mw h2, .editorial.mw h3, .editorial.mw h4, .editorial.mw h5, .editorial.mw p, .editorial.mw strong, .editorial.mw>img, .editorial.mw>ol, .editorial.mw>ul {
margin-right: 0;
margin-left: 0
}
.editorial.mw>img {
width: 100%
}
.editorial.mw .img-wrapper, .editorial.mw img.large {
margin-left: -2rem;
width: calc(100% + 4rem)
}
.editorial.mw img+p em:first-child:last-child {
text-align: center
}
.editorial.mw blockquote {
margin-left: 0;
margin-right: 0
}
.editorial.mw blockquote:before {
right: auto;
left: 0;
top: 0
}
.editorial.mw .gallery, .editorial.mw .player-iframe-wrapper {
margin-left: 0;
margin-right: 0;
max-width: 100%
}
}
@media screen and (max-width:680px) {
.editorial.mw .title-single+p {
font-size: 1.125rem;
line-height: 2rem
}
.editorial.mw h2 {
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: .375rem
}
.editorial.mw h3 {
font-size: 1.25rem;
line-height: 2rem
}
.editorial.mw .img-wrapper, .editorial.mw img, .editorial.mw img.large {
margin-top: 1.375rem;
margin-bottom: 1.375rem;
margin-left: -1rem;
width: calc(100% + 2rem)
}
.editorial.mw img+p em:first-child:last-child {
margin-top: -1rem;
margin-bottom: 1rem
}
.editorial.mw .player-iframe-wrapper {
margin-top: 1.375rem;
margin-bottom: 1.375rem
}
}
.filters {
margin-left: .125rem;
font-size: 1.75rem;
line-height: 2.5rem;
margin-top: 3.85rem
}
.filters .right {
float: right;
margin-right: 3rem
}
.filters .right.btn {
margin-top: -.3rem
}
.filters>a:not(.btn), .filters>button:not(.btn) {
font-size: inherit;
padding: 0;
border: 0;
background: 0 0;
color: #a1a4a7;
text-decoration: none;
outline: 0;
cursor: pointer;
font-weight: 300;
position: relative;
margin-right: 1rem;
display: inline-block
}
.filters>a:not(.btn) span, .filters>button:not(.btn) span {
position: relative;
z-index: 2
}
.filters>a:not(.btn).current, .filters>button:not(.btn).current {
color: #1c2129;
font-weight: 400
}
.filters>a:not(.btn).current:before, .filters>button:not(.btn).current:before {
z-index: 1;
content: '';
position: absolute;
bottom: .28em;
left: -.125rem;
height: .4rem;
width: calc(100% + .25rem);
background: #ffc426;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.4);
box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.4)
}
.filters>a:not(.btn):hover, .filters>button:not(.btn):hover {
color: #1c2129
}
.filters.select-on-mobile .filters-select-wrapper {
position: relative;
display: none
}
.filters.select-on-mobile .filters-select-wrapper .current-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 1.75rem;
color: #676a6f;
fill: #676a6f;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.filters.select-on-mobile .filters-select-wrapper .current-value .text {
white-space: nowrap;
display: inline-block;
vertical-align: middle;
text-overflow: ellipsis;
overflow: hidden;
max-width: calc(100% - 1.5rem)
}
.filters.select-on-mobile .filters-select-wrapper .current-value .icon {
margin-left: .24rem;
margin-bottom: -.05rem
}
.filters.select-on-mobile .filter-select {
-webkit-appearance: none;
display: none;
outline: 0;
font-size: 1.75rem;
opacity: 0;
padding: 1rem 0 .5rem;
border: none;
background: 0 0;
border-radius: 0;
width: 100%;
margin-top: -.5rem
}
.filters.variant {
font-size: 1.125rem;
margin-top: .9rem
}
.filters.variant>a, .filters.variant>button {
color: #fff;
fill: #fff;
opacity: .7;
font-weight: 400
}
.filters.variant>a.current, .filters.variant>button.current {
color: #fff;
font-weight: 600;
opacity: 1
}
.filters.variant>a:hover, .filters.variant>button:hover {
color: #fff;
opacity: 1
}
.filters.variant>a:before, .filters.variant>button:before {
display: none
}
.filters.variant.select-on-mobile .current-value {
color: #fff;
fill: #fff;
font-weight: 600
}
@media screen and (max-width:1023px) {
.filters {
font-size: 1.125rem;
line-height: 2rem;
margin-top: 2rem;
margin-left: 0;
padding-left: 0
}
.filters.has-btn-right .filters-select-wrapper {
float: left;
width: 50%
}
.filters.has-btn-right:after {
content: '';
display: table;
clear: both
}
.filters .right {
margin-right: 0
}
.filters .right.btn {
margin-top: 0
}
.filters.select-on-mobile {
max-width: 100%;
padding: 0 1rem
}
.filters.select-on-mobile>a, .filters.select-on-mobile>button:not(.right) {
display: none
}
.filters.select-on-mobile .filter-select, .filters.select-on-mobile .filters-select-wrapper {
display: block
}
.filters.select-on-mobile.variant {
font-weight: 800
}
}
@media screen and (max-width:680px) {
.filters.has-btn-right .filters-select-wrapper {
float: none;
width: 100%
}
.filters.has-btn-right:after {
content: '';
display: table;
clear: both
}
.filters .right {
float: none
}
.filters.select-on-mobile .filters-select-wrapper .current-value {
font-size: 1.125rem;
line-height: 1.3em
}
.filters.select-on-mobile .filter-select {
font-size: 1.125rem
}
}
.block .filters.select-on-mobile {
padding-left: 0;
padding-right: 0
}
.form-group:last-of-type {
margin-bottom: 0
}
.form-group+.btn[type=submit] {
margin-top: 2rem
}
.form-inline-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.form-inline-btn .form-group, .form-inline-btn .input {
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%;
height: 3rem;
margin-right: 1rem
}
.form-inline-btn .btn {
-ms-flex-negative: 0;
flex-shrink: 0
}
.form-inline-btn.inline-btm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.form-inline-btn .form-group~.btn[type=submit] {
margin-top: 0
}
.form-check.form-inline, .form-group.form-inline {
display: inline-block
}
.form-number.center .number-wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.form-number .number-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form-number input {
font-size: 1.5rem;
font-weight: 900;
text-align: center;
border: 0;
padding: 0 .5rem;
width: 3rem;
-moz-appearance: textfield;
pointer-events: none
}
.form-number input::-webkit-inner-spin-button, .form-number input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.form-number .btn {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 2.5rem;
width: 2.5rem;
margin: 0;
padding: 0;
background-size: 1rem;
background-position: center;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: border .3s ease-in-out, background-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: border .3s ease-in-out, background-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: border .3s ease-in-out, box-shadow .3s ease-in-out, background-color .3s ease-in-out;
transition: border .3s ease-in-out, box-shadow .3s ease-in-out, background-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}
.form-number .btn .icon {
width: 1.5rem;
height: 1.5rem
}
.form-number .btn:not(.active) {
background-color: transparent;
border: 2px solid rgba(28,33,41,.3);
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none;
cursor: not-allowed
}
.form-number .btn:not(.active) .icon {
fill: rgba(28,33,41,.3)
}
.form-number .btn:not(.active)+input {
font-weight: 600;
color: rgba(28,33,41,.3)
}
.form-check {
position: relative
}
.form-check.form-inline {
margin-right: 1rem
}
.form-check.form-inline:last-child {
margin-right: 0
}
.form-check.inline label {
padding-top: 0
}
.form-check.inline label:before {
top: .05rem
}
.form-check--dark .checkbox+label:before {
border-color: #a1a4a7
}
.form-group {
margin-bottom: 1rem;
position: relative
}
.form-group.w-bkg {
border-radius: .375rem;
background-color: #f8f8f8;
padding: 1rem 1.5rem
}
.form-group .input, .form-group .select-wrapper, .form-group .textarea {
width: 100%;
padding-top: 1.2rem
}
.form-group .number-wrapper {
width: 100%;
padding-top: 1.8rem
}
.form-group .textarea {
margin-top: 2rem
}
.form-group .input+.label, .form-group .number-wrapper+.label, .form-group .select-wrapper+.label, .form-group .textarea+.label {
position: absolute;
top: .5rem;
line-height: 1em
}
.form-group.animate-label .label {
opacity: 0;
-webkit-transform: translate(0, .25rem);
transform: translate(0, .25rem);
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s
}
.form-group.animate-label .input.has-content+.label {
opacity: .3;
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.form-group.error .input {
-webkit-box-shadow: inset 0 -2px 0 #e63041;
box-shadow: inset 0 -2px 0 #e63041
}
.form-group.error p.text-micro {
margin-top: .25rem
}
.form-group.dropdown .input {
width: calc(100% - 5rem);
padding-left: 5.1rem
}
.form-group.without-label .select-wrapper, .form-group.without-label input {
padding-top: 0
}
.form-group.without-label .select-wrapper .select-items {
top: -.55rem
}
.form-group.without-label .number-wrapper {
padding-top: 0
}
.form-group.w-input-icon {
padding-top: 1.2rem
}
.form-group.w-input-icon .input-icon {
position: absolute;
left: .15rem;
bottom: .55rem;
width: 1.5rem;
height: 1.5rem;
fill: #cfd1d3
}
.form-group.w-input-icon .input, .form-group.w-input-icon .label {
padding-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2.5rem
}
.form-file {
position: relative;
padding-top: 2rem
}
.form-file .dropzone {
padding: 2rem;
text-align: center;
position: relative;
background: #f2f3f5;
border-radius: .875rem
}
.form-file .dropzone .icon {
width: 2rem;
height: 2rem
}
.form-file .dropzone .input {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.form-file .label {
position: absolute;
top: 0
}
.input {
border: none;
border-radius: 0;
padding: 0;
outline: 0;
font-size: 1.125rem;
height: 2.6rem;
-webkit-box-shadow: inset 0 -2px 0 #edeef0;
box-shadow: inset 0 -2px 0 #edeef0;
-webkit-appearance: none;
background: 0 0;
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
transition: -webkit-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out
}
.input:disabled {
color: rgba(28,33,41,.3)
}
.input:focus {
-webkit-box-shadow: inset 0 -2px 0 #ffc426;
box-shadow: inset 0 -2px 0 #ffc426
}
.input::-webkit-input-placeholder {
color:rgba(28,33,41,.7)
}
.input:-ms-input-placeholder {
color:rgba(28,33,41,.7)
}
.input::-ms-input-placeholder {
color:rgba(28,33,41,.7)
}
.input::placeholder {
color:rgba(28,33,41,.7)
}
.input.dark-line {
-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.3);
box-shadow: inset 0 -2px 0 rgba(0,0,0,.3)
}
.textarea {
width: 100%;
outline: 0;
border: none;
border-radius: .875rem;
padding: 1.3rem 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f2f3f5;
font-size: 1.125rem;
min-height: 4rem
}
.checkbox, .radio {
position: absolute;
opacity: 0
}
.checkbox:checked+label:before, .radio:checked+label:before {
background-color: #ffc426
}
.checkbox[disabled=disabled]+label:before, .radio[disabled=disabled]+label:before {
opacity: .3;
cursor: not-allowed
}
.checkbox+label, .radio+label {
cursor: pointer;
position: relative;
font-size: 1.125rem;
line-height: 1.5rem;
display: inline-block;
padding-top: .375rem;
margin-bottom: .15rem;
padding-left: 2rem
}
.checkbox+label:empty, .radio+label:empty {
min-height: 1.5rem;
padding-left: 1.5rem;
padding-top: 0
}
.checkbox+label:before, .radio+label:before {
content: '';
position: absolute;
left: 0;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border, background-color .3s;
transition: border, background-color .3s
}
.checkbox:checked+label:before {
border: .0625rem solid #ffc426;
background-position: center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxNCAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iTW9uQ29tcHRlLS8tSW5mb3MtUGVyc28iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQxLjAwMDAwMCwgLTM2OTMuMDAwMDAwKSI+ICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiIHBvaW50cz0iMTE0MiAzNjk4LjM2OTY3IDExNDUuODE1MTYgMzcwMi4xODQ4NCAxMTU0IDM2OTQiPjwvcG9seWxpbmU+ICAgIDwvZz48L3N2Zz4=)
}
.checkbox+label:before {
top: .25em;
border: .125rem solid #edeef0;
border-radius: .25rem;
width: 1.5rem;
height: 1.5rem
}
.radio:checked+label:before {
border: .125rem solid #ffc426;
-webkit-box-shadow: inset 0 0 0 .1875rem #fff, 0 .3125rem .625rem 0 rgba(255,196,38,.25);
box-shadow: inset 0 0 0 .1875rem #fff, 0 .3125rem .625rem 0 rgba(255,196,38,.25)
}
.radio+label {
padding-top: .65rem
}
.radio+label:before {
top: .6em;
width: 1.25rem;
height: 1.25rem;
border: .125rem solid #f2f3f5;
border-radius: 50%
}
.select-wrapper {
position: relative;
-webkit-box-shadow: inset 0 -2px 0 #edeef0;
box-shadow: inset 0 -2px 0 #edeef0
}
.select-wrapper .select {
padding: 0;
border-radius: 0;
background-color: #fff;
-webkit-box-shadow: inset 0 -2px 0 #edeef0;
box-shadow: inset 0 -2px 0 #edeef0
}
.select-wrapper .select.orig-hide {
display: none
}
.select-wrapper .select, .select-wrapper .select-selected {
border: 0;
-webkit-appearance: none;
outline: 0;
width: 100%;
height: 2.6rem;
font-size: 1.125rem;
line-height: 2.6rem;
padding-right: 1.5rem;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjIgMS40QS44LjggMCAwIDEgLjIuMkwuOCAwYy4zIDAgLjUgMCAuNi4yTDYgNC43IDEwLjYuMmwuNi0uMmMuMiAwIC40IDAgLjYuMi4zLjQuMy45IDAgMS4ybC01LjIgNWEuOC44IDAgMCAxLTEuMiAwbC01LjItNXoiIGZpbGw9IiM2NzZBNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center right;
background-size: 1.125rem
}
.select-wrapper .select-selected {
position: relative;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.select-wrapper .select-selected.open {
z-index: 21
}
.select-wrapper .select-selected.open:before {
display: block
}
.select-wrapper .select-selected.open+.select-items {
z-index: 20;
display: block
}
.select-wrapper .select-items {
display: none;
position: absolute;
top: .65rem;
left: -1.5rem;
right: -1.5rem;
padding-top: 3.5rem;
background: #fff;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2)
}
.select-wrapper .select-items ul {
max-height: 12rem;
overflow-y: auto
}
.select-wrapper .select-items ul li {
cursor: pointer;
border-bottom: 1px solid #f2f3f5;
padding: 1rem 1.5rem
}
.select-wrapper .select-items ul li:hover {
background: #f8f8f8
}
.help {
position: absolute;
bottom: .95rem;
right: 0;
width: 1rem;
height: 1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 50%;
cursor: pointer;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.help:hover {
opacity: .7
}
.help:before {
content: '';
position: absolute;
z-index: 0;
width: 2rem;
height: 2rem;
top: -.5rem;
left: -.5rem
}
.flags-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
height: 2.6rem;
width: 4rem;
left: 0;
bottom: 0;
padding-left: .625rem;
cursor: pointer
}
.flags-dropdown svg {
width: 2rem;
height: 2rem
}
.flags-dropdown:before {
content: '';
position: absolute;
top: 50%;
right: .625rem;
width: .8rem;
height: .8rem;
margin-top: -.4rem;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjIgMS40QS44LjggMCAwIDEgLjIuMkwuOCAwYy4zIDAgLjUgMCAuNi4yTDYgNC43IDEwLjYuMmwuNi0uMmMuMiAwIC40IDAgLjYuMi4zLjQuMy45IDAgMS4ybC01LjIgNWEuOC44IDAgMCAxLTEuMiAwbC01LjItNXoiIGZpbGw9IiM2NzZBNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.flags-dropdown:after {
content: '';
position: absolute;
height: 1.5rem;
width: 1px;
bottom: .5rem;
right: 0;
background: #f2f3f5
}
.flags-dropdown.open {
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2)
}
.flags-dropdown.open:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.flags-dropdown.open .flags-dropdown-list {
display: block
}
.flags-dropdown-list {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
min-width: 100%;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2)
}
.flags-dropdown-list li {
width: 5.5rem;
height: 3.5rem;
line-height: 3.5rem;
padding: 0 .635rem;
border-bottom: 1px solid #f2f3f5
}
.flags-dropdown-list li svg {
margin-right: 1rem
}
.flags-dropdown-list li:hover {
background: #f8f8f8
}
.flags-dropdown.list-on-top .flags-dropdown-list {
top: inherit;
bottom: 100%
}
.form-error {
background-color: rgba(230,48,65,.1);
color: #d0021b;
padding: .5rem 1rem;
border-radius: .75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.btn-toggle {
margin: 0 4rem;
padding: 0;
position: relative;
border: none;
height: 2rem;
width: 4rem;
border-radius: 2rem;
color: #676a6f;
background: #d0d0d0;
cursor: pointer;
overflow: visible;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out
}
.btn-toggle:hover {
background: #ddd
}
.btn-toggle:after, .btn-toggle:before {
line-height: 2rem;
width: 4rem;
text-align: center;
font-weight: 600;
font-size: .75rem;
text-transform: uppercase;
letter-spacing: 2px;
position: absolute;
bottom: 0;
-webkit-transition: opacity .25s;
transition: opacity .25s
}
.btn-toggle:before {
content: 'Off';
left: -4rem
}
.btn-toggle:after {
content: 'On';
right: -4rem;
opacity: .5
}
.btn-toggle.active {
background-color: #ffc426
}
.btn-toggle.active:hover {
background: #ffd259
}
.btn-toggle.active:before {
opacity: .5
}
.btn-toggle.active:after {
opacity: 1
}
.btn-toggle.active .handle {
left: 2rem;
-webkit-transition: left .25s;
transition: left .25s;
border-color: #ffc426
}
.btn-toggle .handle {
position: absolute;
top: 0;
left: 0;
width: 2rem;
height: 2rem;
border-radius: 1.5rem;
background: #fff;
-webkit-transition: left .25s, border-color .3s ease-in-out;
transition: left .25s, border-color .3s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: .25rem solid #d0d0d0
}
@media screen and (max-width:680px) {
.form-inline-btn.w-mob-round-btn {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.form-inline-btn:not(.w-mob-round-btn) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.form-inline-btn:not(.w-mob-round-btn) .form-group, .form-inline-btn:not(.w-mob-round-btn) .input {
text-align: center;
margin-right: 0
}
.form-inline-btn:not(.w-mob-round-btn) .btn {
margin-top: 1rem;
width: 100%
}
.form-inline-btn:not(.w-mob-round-btn) .form-group~.btn[type=submit] {
margin-top: 1rem
}
.btn-toggle {
margin: 0
}
.btn-toggle:after, .btn-toggle:before {
display: none
}
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -.75rem;
margin-right: -.75rem
}
.row .col {
position: relative;
width: 100%;
margin-left: .75rem;
margin-right: .75rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.row .col.debug {
min-height: 5rem
}
.row .col.w-fit {
width: auto;
-webkit-box-flex: 100;
-ms-flex-positive: 100;
flex-grow: 100
}
.row.no-gutter, .row.no-gutter>.col {
margin-left: 0;
margin-right: 0
}
.row.h-align {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.row.v-align {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.row.b-align {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.row>.w-0 {
width: calc(0% - 1.5rem)
}
.row>.w-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row>.offset-0 {
margin-left: calc(0% + .75rem)
}
.row>.w-1 {
width: calc(8.33333333% - 1.5rem)
}
.row>.w-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row>.offset-1 {
margin-left: calc(8.33333333% + .75rem)
}
.row>.w-2 {
width: calc(16.66666667% - 1.5rem)
}
.row>.w-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row>.offset-2 {
margin-left: calc(16.66666667% + .75rem)
}
.row>.w-3 {
width: calc(25% - 1.5rem)
}
.row>.w-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row>.offset-3 {
margin-left: calc(25% + .75rem)
}
.row>.w-4 {
width: calc(33.33333333% - 1.5rem)
}
.row>.w-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row>.offset-4 {
margin-left: calc(33.33333333% + .75rem)
}
.row>.w-5 {
width: calc(41.66666667% - 1.5rem)
}
.row>.w-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row>.offset-5 {
margin-left: calc(41.66666667% + .75rem)
}
.row>.w-6 {
width: calc(50% - 1.5rem)
}
.row>.w-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row>.offset-6 {
margin-left: calc(50% + .75rem)
}
.row>.w-7 {
width: calc(58.33333333% - 1.5rem)
}
.row>.w-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row>.offset-7 {
margin-left: calc(58.33333333% + .75rem)
}
.row>.w-8 {
width: calc(66.66666667% - 1.5rem)
}
.row>.w-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row>.offset-8 {
margin-left: calc(66.66666667% + .75rem)
}
.row>.w-9 {
width: calc(75% - 1.5rem)
}
.row>.w-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row>.offset-9 {
margin-left: calc(75% + .75rem)
}
.row>.w-10 {
width: calc(83.33333333% - 1.5rem)
}
.row>.w-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row>.offset-10 {
margin-left: calc(83.33333333% + .75rem)
}
.row>.w-11 {
width: calc(91.66666667% - 1.5rem)
}
.row>.w-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row>.offset-11 {
margin-left: calc(91.66666667% + .75rem)
}
.row>.w-12 {
width: calc(100% - 1.5rem)
}
.row>.w-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row>.offset-12 {
margin-left: calc(100% + .75rem)
}
.row.no-gutter>.w-0 {
width: 0%
}
.row.no-gutter>.w-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row.no-gutter>.offset-0 {
margin-left: calc(0%)
}
.row.no-gutter>.w-1 {
width: 8.33333333%
}
.row.no-gutter>.w-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row.no-gutter>.offset-1 {
margin-left: calc(8.33333333%)
}
.row.no-gutter>.w-2 {
width: 16.66666667%
}
.row.no-gutter>.w-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row.no-gutter>.offset-2 {
margin-left: calc(16.66666667%)
}
.row.no-gutter>.w-3 {
width: 25%
}
.row.no-gutter>.w-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row.no-gutter>.offset-3 {
margin-left: calc(25%)
}
.row.no-gutter>.w-4 {
width: 33.33333333%
}
.row.no-gutter>.w-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row.no-gutter>.offset-4 {
margin-left: calc(33.33333333%)
}
.row.no-gutter>.w-5 {
width: 41.66666667%
}
.row.no-gutter>.w-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row.no-gutter>.offset-5 {
margin-left: calc(41.66666667%)
}
.row.no-gutter>.w-6 {
width: 50%
}
.row.no-gutter>.w-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row.no-gutter>.offset-6 {
margin-left: calc(50%)
}
.row.no-gutter>.w-7 {
width: 58.33333333%
}
.row.no-gutter>.w-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row.no-gutter>.offset-7 {
margin-left: calc(58.33333333%)
}
.row.no-gutter>.w-8 {
width: 66.66666667%
}
.row.no-gutter>.w-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row.no-gutter>.offset-8 {
margin-left: calc(66.66666667%)
}
.row.no-gutter>.w-9 {
width: 75%
}
.row.no-gutter>.w-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row.no-gutter>.offset-9 {
margin-left: calc(75%)
}
.row.no-gutter>.w-10 {
width: 83.33333333%
}
.row.no-gutter>.w-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row.no-gutter>.offset-10 {
margin-left: calc(83.33333333%)
}
.row.no-gutter>.w-11 {
width: 91.66666667%
}
.row.no-gutter>.w-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row.no-gutter>.offset-11 {
margin-left: calc(91.66666667%)
}
.row.no-gutter>.w-12 {
width: 100%
}
.row.no-gutter>.w-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row.no-gutter>.offset-12 {
margin-left: calc(100%)
}
.row w-auto {
width: auto;
margin: auto
}
.row .debug {
background: #34bd9e
}
.row .debug:nth-child(2n) {
background: #29957d
}
@media screen and (min-width:1681px) {
.row>.w-x-large-0 {
width: calc(0% - 1.5rem)
}
.row>.w-x-large-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row>.offset-x-large-0 {
margin-left: calc(0% + .75rem)
}
.row>.w-x-large-1 {
width: calc(8.33333333% - 1.5rem)
}
.row>.w-x-large-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row>.offset-x-large-1 {
margin-left: calc(8.33333333% + .75rem)
}
.row>.w-x-large-2 {
width: calc(16.66666667% - 1.5rem)
}
.row>.w-x-large-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row>.offset-x-large-2 {
margin-left: calc(16.66666667% + .75rem)
}
.row>.w-x-large-3 {
width: calc(25% - 1.5rem)
}
.row>.w-x-large-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row>.offset-x-large-3 {
margin-left: calc(25% + .75rem)
}
.row>.w-x-large-4 {
width: calc(33.33333333% - 1.5rem)
}
.row>.w-x-large-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row>.offset-x-large-4 {
margin-left: calc(33.33333333% + .75rem)
}
.row>.w-x-large-5 {
width: calc(41.66666667% - 1.5rem)
}
.row>.w-x-large-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row>.offset-x-large-5 {
margin-left: calc(41.66666667% + .75rem)
}
.row>.w-x-large-6 {
width: calc(50% - 1.5rem)
}
.row>.w-x-large-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row>.offset-x-large-6 {
margin-left: calc(50% + .75rem)
}
.row>.w-x-large-7 {
width: calc(58.33333333% - 1.5rem)
}
.row>.w-x-large-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row>.offset-x-large-7 {
margin-left: calc(58.33333333% + .75rem)
}
.row>.w-x-large-8 {
width: calc(66.66666667% - 1.5rem)
}
.row>.w-x-large-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row>.offset-x-large-8 {
margin-left: calc(66.66666667% + .75rem)
}
.row>.w-x-large-9 {
width: calc(75% - 1.5rem)
}
.row>.w-x-large-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row>.offset-x-large-9 {
margin-left: calc(75% + .75rem)
}
.row>.w-x-large-10 {
width: calc(83.33333333% - 1.5rem)
}
.row>.w-x-large-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row>.offset-x-large-10 {
margin-left: calc(83.33333333% + .75rem)
}
.row>.w-x-large-11 {
width: calc(91.66666667% - 1.5rem)
}
.row>.w-x-large-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row>.offset-x-large-11 {
margin-left: calc(91.66666667% + .75rem)
}
.row>.w-x-large-12 {
width: calc(100% - 1.5rem)
}
.row>.w-x-large-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row>.offset-x-large-12 {
margin-left: calc(100% + .75rem)
}
.row.no-gutter>.w-x-large-0 {
width: 0%
}
.row.no-gutter>.w-x-large-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row.no-gutter>.offset-x-large-0 {
margin-left: calc(0%)
}
.row.no-gutter>.w-x-large-1 {
width: 8.33333333%
}
.row.no-gutter>.w-x-large-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row.no-gutter>.offset-x-large-1 {
margin-left: calc(8.33333333%)
}
.row.no-gutter>.w-x-large-2 {
width: 16.66666667%
}
.row.no-gutter>.w-x-large-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row.no-gutter>.offset-x-large-2 {
margin-left: calc(16.66666667%)
}
.row.no-gutter>.w-x-large-3 {
width: 25%
}
.row.no-gutter>.w-x-large-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row.no-gutter>.offset-x-large-3 {
margin-left: calc(25%)
}
.row.no-gutter>.w-x-large-4 {
width: 33.33333333%
}
.row.no-gutter>.w-x-large-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row.no-gutter>.offset-x-large-4 {
margin-left: calc(33.33333333%)
}
.row.no-gutter>.w-x-large-5 {
width: 41.66666667%
}
.row.no-gutter>.w-x-large-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row.no-gutter>.offset-x-large-5 {
margin-left: calc(41.66666667%)
}
.row.no-gutter>.w-x-large-6 {
width: 50%
}
.row.no-gutter>.w-x-large-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row.no-gutter>.offset-x-large-6 {
margin-left: calc(50%)
}
.row.no-gutter>.w-x-large-7 {
width: 58.33333333%
}
.row.no-gutter>.w-x-large-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row.no-gutter>.offset-x-large-7 {
margin-left: calc(58.33333333%)
}
.row.no-gutter>.w-x-large-8 {
width: 66.66666667%
}
.row.no-gutter>.w-x-large-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row.no-gutter>.offset-x-large-8 {
margin-left: calc(66.66666667%)
}
.row.no-gutter>.w-x-large-9 {
width: 75%
}
.row.no-gutter>.w-x-large-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row.no-gutter>.offset-x-large-9 {
margin-left: calc(75%)
}
.row.no-gutter>.w-x-large-10 {
width: 83.33333333%
}
.row.no-gutter>.w-x-large-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row.no-gutter>.offset-x-large-10 {
margin-left: calc(83.33333333%)
}
.row.no-gutter>.w-x-large-11 {
width: 91.66666667%
}
.row.no-gutter>.w-x-large-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row.no-gutter>.offset-x-large-11 {
margin-left: calc(91.66666667%)
}
.row.no-gutter>.w-x-large-12 {
width: 100%
}
.row.no-gutter>.w-x-large-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row.no-gutter>.offset-x-large-12 {
margin-left: calc(100%)
}
.row w-x-large-auto {
width: auto;
margin: auto
}
.row .debug {
background: #009fe3
}
.row .debug:nth-child(2n) {
background: #007bb0
}
}
@media screen and (max-width:1200px) {
.row>.w-tab-0 {
width: calc(0% - 1.5rem)
}
.row>.w-tab-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row>.offset-tab-0 {
margin-left: calc(0% + .75rem)
}
.row>.w-tab-1 {
width: calc(8.33333333% - 1.5rem)
}
.row>.w-tab-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row>.offset-tab-1 {
margin-left: calc(8.33333333% + .75rem)
}
.row>.w-tab-2 {
width: calc(16.66666667% - 1.5rem)
}
.row>.w-tab-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row>.offset-tab-2 {
margin-left: calc(16.66666667% + .75rem)
}
.row>.w-tab-3 {
width: calc(25% - 1.5rem)
}
.row>.w-tab-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row>.offset-tab-3 {
margin-left: calc(25% + .75rem)
}
.row>.w-tab-4 {
width: calc(33.33333333% - 1.5rem)
}
.row>.w-tab-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row>.offset-tab-4 {
margin-left: calc(33.33333333% + .75rem)
}
.row>.w-tab-5 {
width: calc(41.66666667% - 1.5rem)
}
.row>.w-tab-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row>.offset-tab-5 {
margin-left: calc(41.66666667% + .75rem)
}
.row>.w-tab-6 {
width: calc(50% - 1.5rem)
}
.row>.w-tab-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row>.offset-tab-6 {
margin-left: calc(50% + .75rem)
}
.row>.w-tab-7 {
width: calc(58.33333333% - 1.5rem)
}
.row>.w-tab-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row>.offset-tab-7 {
margin-left: calc(58.33333333% + .75rem)
}
.row>.w-tab-8 {
width: calc(66.66666667% - 1.5rem)
}
.row>.w-tab-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row>.offset-tab-8 {
margin-left: calc(66.66666667% + .75rem)
}
.row>.w-tab-9 {
width: calc(75% - 1.5rem)
}
.row>.w-tab-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row>.offset-tab-9 {
margin-left: calc(75% + .75rem)
}
.row>.w-tab-10 {
width: calc(83.33333333% - 1.5rem)
}
.row>.w-tab-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row>.offset-tab-10 {
margin-left: calc(83.33333333% + .75rem)
}
.row>.w-tab-11 {
width: calc(91.66666667% - 1.5rem)
}
.row>.w-tab-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row>.offset-tab-11 {
margin-left: calc(91.66666667% + .75rem)
}
.row>.w-tab-12 {
width: calc(100% - 1.5rem)
}
.row>.w-tab-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row>.offset-tab-12 {
margin-left: calc(100% + .75rem)
}
.row.no-gutter>.w-tab-0 {
width: 0%
}
.row.no-gutter>.w-tab-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row.no-gutter>.offset-tab-0 {
margin-left: calc(0%)
}
.row.no-gutter>.w-tab-1 {
width: 8.33333333%
}
.row.no-gutter>.w-tab-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row.no-gutter>.offset-tab-1 {
margin-left: calc(8.33333333%)
}
.row.no-gutter>.w-tab-2 {
width: 16.66666667%
}
.row.no-gutter>.w-tab-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row.no-gutter>.offset-tab-2 {
margin-left: calc(16.66666667%)
}
.row.no-gutter>.w-tab-3 {
width: 25%
}
.row.no-gutter>.w-tab-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row.no-gutter>.offset-tab-3 {
margin-left: calc(25%)
}
.row.no-gutter>.w-tab-4 {
width: 33.33333333%
}
.row.no-gutter>.w-tab-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row.no-gutter>.offset-tab-4 {
margin-left: calc(33.33333333%)
}
.row.no-gutter>.w-tab-5 {
width: 41.66666667%
}
.row.no-gutter>.w-tab-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row.no-gutter>.offset-tab-5 {
margin-left: calc(41.66666667%)
}
.row.no-gutter>.w-tab-6 {
width: 50%
}
.row.no-gutter>.w-tab-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row.no-gutter>.offset-tab-6 {
margin-left: calc(50%)
}
.row.no-gutter>.w-tab-7 {
width: 58.33333333%
}
.row.no-gutter>.w-tab-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row.no-gutter>.offset-tab-7 {
margin-left: calc(58.33333333%)
}
.row.no-gutter>.w-tab-8 {
width: 66.66666667%
}
.row.no-gutter>.w-tab-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row.no-gutter>.offset-tab-8 {
margin-left: calc(66.66666667%)
}
.row.no-gutter>.w-tab-9 {
width: 75%
}
.row.no-gutter>.w-tab-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row.no-gutter>.offset-tab-9 {
margin-left: calc(75%)
}
.row.no-gutter>.w-tab-10 {
width: 83.33333333%
}
.row.no-gutter>.w-tab-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row.no-gutter>.offset-tab-10 {
margin-left: calc(83.33333333%)
}
.row.no-gutter>.w-tab-11 {
width: 91.66666667%
}
.row.no-gutter>.w-tab-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row.no-gutter>.offset-tab-11 {
margin-left: calc(91.66666667%)
}
.row.no-gutter>.w-tab-12 {
width: 100%
}
.row.no-gutter>.w-tab-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row.no-gutter>.offset-tab-12 {
margin-left: calc(100%)
}
.row w-tab-auto {
width: auto;
margin: auto
}
.row .debug {
background: #e63041
}
.row .debug:nth-child(2n) {
background: #cb1829
}
}
@media screen and (max-width:1023px) {
.row>.w-phab-0 {
width: calc(0% - 1.5rem)
}
.row>.w-phab-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row>.offset-phab-0 {
margin-left: calc(0% + .75rem)
}
.row>.w-phab-1 {
width: calc(8.33333333% - 1.5rem)
}
.row>.w-phab-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row>.offset-phab-1 {
margin-left: calc(8.33333333% + .75rem)
}
.row>.w-phab-2 {
width: calc(16.66666667% - 1.5rem)
}
.row>.w-phab-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row>.offset-phab-2 {
margin-left: calc(16.66666667% + .75rem)
}
.row>.w-phab-3 {
width: calc(25% - 1.5rem)
}
.row>.w-phab-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row>.offset-phab-3 {
margin-left: calc(25% + .75rem)
}
.row>.w-phab-4 {
width: calc(33.33333333% - 1.5rem)
}
.row>.w-phab-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row>.offset-phab-4 {
margin-left: calc(33.33333333% + .75rem)
}
.row>.w-phab-5 {
width: calc(41.66666667% - 1.5rem)
}
.row>.w-phab-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row>.offset-phab-5 {
margin-left: calc(41.66666667% + .75rem)
}
.row>.w-phab-6 {
width: calc(50% - 1.5rem)
}
.row>.w-phab-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row>.offset-phab-6 {
margin-left: calc(50% + .75rem)
}
.row>.w-phab-7 {
width: calc(58.33333333% - 1.5rem)
}
.row>.w-phab-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row>.offset-phab-7 {
margin-left: calc(58.33333333% + .75rem)
}
.row>.w-phab-8 {
width: calc(66.66666667% - 1.5rem)
}
.row>.w-phab-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row>.offset-phab-8 {
margin-left: calc(66.66666667% + .75rem)
}
.row>.w-phab-9 {
width: calc(75% - 1.5rem)
}
.row>.w-phab-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row>.offset-phab-9 {
margin-left: calc(75% + .75rem)
}
.row>.w-phab-10 {
width: calc(83.33333333% - 1.5rem)
}
.row>.w-phab-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row>.offset-phab-10 {
margin-left: calc(83.33333333% + .75rem)
}
.row>.w-phab-11 {
width: calc(91.66666667% - 1.5rem)
}
.row>.w-phab-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row>.offset-phab-11 {
margin-left: calc(91.66666667% + .75rem)
}
.row>.w-phab-12 {
width: calc(100% - 1.5rem)
}
.row>.w-phab-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row>.offset-phab-12 {
margin-left: calc(100% + .75rem)
}
.row.no-gutter>.w-phab-0 {
width: 0%
}
.row.no-gutter>.w-phab-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row.no-gutter>.offset-phab-0 {
margin-left: calc(0%)
}
.row.no-gutter>.w-phab-1 {
width: 8.33333333%
}
.row.no-gutter>.w-phab-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row.no-gutter>.offset-phab-1 {
margin-left: calc(8.33333333%)
}
.row.no-gutter>.w-phab-2 {
width: 16.66666667%
}
.row.no-gutter>.w-phab-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row.no-gutter>.offset-phab-2 {
margin-left: calc(16.66666667%)
}
.row.no-gutter>.w-phab-3 {
width: 25%
}
.row.no-gutter>.w-phab-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row.no-gutter>.offset-phab-3 {
margin-left: calc(25%)
}
.row.no-gutter>.w-phab-4 {
width: 33.33333333%
}
.row.no-gutter>.w-phab-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row.no-gutter>.offset-phab-4 {
margin-left: calc(33.33333333%)
}
.row.no-gutter>.w-phab-5 {
width: 41.66666667%
}
.row.no-gutter>.w-phab-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row.no-gutter>.offset-phab-5 {
margin-left: calc(41.66666667%)
}
.row.no-gutter>.w-phab-6 {
width: 50%
}
.row.no-gutter>.w-phab-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row.no-gutter>.offset-phab-6 {
margin-left: calc(50%)
}
.row.no-gutter>.w-phab-7 {
width: 58.33333333%
}
.row.no-gutter>.w-phab-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row.no-gutter>.offset-phab-7 {
margin-left: calc(58.33333333%)
}
.row.no-gutter>.w-phab-8 {
width: 66.66666667%
}
.row.no-gutter>.w-phab-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row.no-gutter>.offset-phab-8 {
margin-left: calc(66.66666667%)
}
.row.no-gutter>.w-phab-9 {
width: 75%
}
.row.no-gutter>.w-phab-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row.no-gutter>.offset-phab-9 {
margin-left: calc(75%)
}
.row.no-gutter>.w-phab-10 {
width: 83.33333333%
}
.row.no-gutter>.w-phab-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row.no-gutter>.offset-phab-10 {
margin-left: calc(83.33333333%)
}
.row.no-gutter>.w-phab-11 {
width: 91.66666667%
}
.row.no-gutter>.w-phab-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row.no-gutter>.offset-phab-11 {
margin-left: calc(91.66666667%)
}
.row.no-gutter>.w-phab-12 {
width: 100%
}
.row.no-gutter>.w-phab-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row.no-gutter>.offset-phab-12 {
margin-left: calc(100%)
}
.row w-phab-auto {
width: auto;
margin: auto
}
.row .debug {
background: #ee810f
}
.row .debug:nth-child(2n) {
background: #be670c
}
.row:not(.no-gutter) .col.w-fit {
width: calc(100% - 1.5rem)
}
}
@media screen and (max-width:680px) {
.row .col {
width: calc(100% - 1.5rem);
margin-left: .75rem
}
.row:not(.no-gutter) .col.w-fit {
width: calc(100% - 1.5rem)
}
.row .no-gutter .col {
width: calc(100%);
margin-left: 0
}
.row>.w-mob-0 {
width: calc(0% - 1.5rem)
}
.row>.w-mob-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row>.offset-mob-0 {
margin-left: calc(0% + .75rem)
}
.row>.w-mob-1 {
width: calc(8.33333333% - 1.5rem)
}
.row>.w-mob-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row>.offset-mob-1 {
margin-left: calc(8.33333333% + .75rem)
}
.row>.w-mob-2 {
width: calc(16.66666667% - 1.5rem)
}
.row>.w-mob-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row>.offset-mob-2 {
margin-left: calc(16.66666667% + .75rem)
}
.row>.w-mob-3 {
width: calc(25% - 1.5rem)
}
.row>.w-mob-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row>.offset-mob-3 {
margin-left: calc(25% + .75rem)
}
.row>.w-mob-4 {
width: calc(33.33333333% - 1.5rem)
}
.row>.w-mob-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row>.offset-mob-4 {
margin-left: calc(33.33333333% + .75rem)
}
.row>.w-mob-5 {
width: calc(41.66666667% - 1.5rem)
}
.row>.w-mob-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row>.offset-mob-5 {
margin-left: calc(41.66666667% + .75rem)
}
.row>.w-mob-6 {
width: calc(50% - 1.5rem)
}
.row>.w-mob-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row>.offset-mob-6 {
margin-left: calc(50% + .75rem)
}
.row>.w-mob-7 {
width: calc(58.33333333% - 1.5rem)
}
.row>.w-mob-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row>.offset-mob-7 {
margin-left: calc(58.33333333% + .75rem)
}
.row>.w-mob-8 {
width: calc(66.66666667% - 1.5rem)
}
.row>.w-mob-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row>.offset-mob-8 {
margin-left: calc(66.66666667% + .75rem)
}
.row>.w-mob-9 {
width: calc(75% - 1.5rem)
}
.row>.w-mob-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row>.offset-mob-9 {
margin-left: calc(75% + .75rem)
}
.row>.w-mob-10 {
width: calc(83.33333333% - 1.5rem)
}
.row>.w-mob-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row>.offset-mob-10 {
margin-left: calc(83.33333333% + .75rem)
}
.row>.w-mob-11 {
width: calc(91.66666667% - 1.5rem)
}
.row>.w-mob-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row>.offset-mob-11 {
margin-left: calc(91.66666667% + .75rem)
}
.row>.w-mob-12 {
width: calc(100% - 1.5rem)
}
.row>.w-mob-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row>.offset-mob-12 {
margin-left: calc(100% + .75rem)
}
.row.no-gutter>.w-mob-0 {
width: 0%
}
.row.no-gutter>.w-mob-0.no-gutter {
margin-left: .75rem;
width: calc(0% - 1.5rem)
}
.row.no-gutter>.offset-mob-0 {
margin-left: calc(0%)
}
.row.no-gutter>.w-mob-1 {
width: 8.33333333%
}
.row.no-gutter>.w-mob-1.no-gutter {
margin-left: -.75rem;
width: 8.33333333%
}
.row.no-gutter>.offset-mob-1 {
margin-left: calc(8.33333333%)
}
.row.no-gutter>.w-mob-2 {
width: 16.66666667%
}
.row.no-gutter>.w-mob-2.no-gutter {
margin-left: -.75rem;
width: 16.66666667%
}
.row.no-gutter>.offset-mob-2 {
margin-left: calc(16.66666667%)
}
.row.no-gutter>.w-mob-3 {
width: 25%
}
.row.no-gutter>.w-mob-3.no-gutter {
margin-left: -.75rem;
width: 25%
}
.row.no-gutter>.offset-mob-3 {
margin-left: calc(25%)
}
.row.no-gutter>.w-mob-4 {
width: 33.33333333%
}
.row.no-gutter>.w-mob-4.no-gutter {
margin-left: -.75rem;
width: 33.33333333%
}
.row.no-gutter>.offset-mob-4 {
margin-left: calc(33.33333333%)
}
.row.no-gutter>.w-mob-5 {
width: 41.66666667%
}
.row.no-gutter>.w-mob-5.no-gutter {
margin-left: -.75rem;
width: 41.66666667%
}
.row.no-gutter>.offset-mob-5 {
margin-left: calc(41.66666667%)
}
.row.no-gutter>.w-mob-6 {
width: 50%
}
.row.no-gutter>.w-mob-6.no-gutter {
margin-left: -.75rem;
width: 50%
}
.row.no-gutter>.offset-mob-6 {
margin-left: calc(50%)
}
.row.no-gutter>.w-mob-7 {
width: 58.33333333%
}
.row.no-gutter>.w-mob-7.no-gutter {
margin-left: -.75rem;
width: 58.33333333%
}
.row.no-gutter>.offset-mob-7 {
margin-left: calc(58.33333333%)
}
.row.no-gutter>.w-mob-8 {
width: 66.66666667%
}
.row.no-gutter>.w-mob-8.no-gutter {
margin-left: -.75rem;
width: 66.66666667%
}
.row.no-gutter>.offset-mob-8 {
margin-left: calc(66.66666667%)
}
.row.no-gutter>.w-mob-9 {
width: 75%
}
.row.no-gutter>.w-mob-9.no-gutter {
margin-left: -.75rem;
width: 75%
}
.row.no-gutter>.offset-mob-9 {
margin-left: calc(75%)
}
.row.no-gutter>.w-mob-10 {
width: 83.33333333%
}
.row.no-gutter>.w-mob-10.no-gutter {
margin-left: -.75rem;
width: 83.33333333%
}
.row.no-gutter>.offset-mob-10 {
margin-left: calc(83.33333333%)
}
.row.no-gutter>.w-mob-11 {
width: 91.66666667%
}
.row.no-gutter>.w-mob-11.no-gutter {
margin-left: -.75rem;
width: 91.66666667%
}
.row.no-gutter>.offset-mob-11 {
margin-left: calc(91.66666667%)
}
.row.no-gutter>.w-mob-12 {
width: 100%
}
.row.no-gutter>.w-mob-12.no-gutter {
margin-left: .75rem;
width: calc(100% - 1.5rem)
}
.row.no-gutter>.offset-mob-12 {
margin-left: calc(100%)
}
.row w-mob-auto {
width: auto;
margin: auto
}
.row .debug {
background: #ffc426
}
.row .debug:nth-child(2n) {
background: #f2b000
}
}
.row-percent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -.75rem;
margin-right: -.75rem
}
.row-percent .col {
position: relative;
width: 100%;
margin-left: .75rem;
margin-right: .75rem;
-webkit-box-ordinal-group: 25;
-ms-flex-order: 24;
order: 24
}
.row-percent .col.debug {
min-height: 5rem
}
.row-percent .col.w-fit {
width: auto;
-webkit-box-flex: 100;
-ms-flex-positive: 100;
flex-grow: 100
}
.row-percent.no-gutter, .row-percent.no-gutter>.col {
margin-left: 0;
margin-right: 0
}
.row-percent>.w-1 {
width: calc(100% - 1.5rem)
}
.row-percent>.w-1-5 {
width: calc(66.66666667% - 1.5rem)
}
.row-percent>.w-2 {
width: calc(50% - 1.5rem)
}
.row-percent>.w-2-5 {
width: calc(40% - 1.5rem)
}
.row-percent>.w-3 {
width: calc(33.33333333% - 1.5rem)
}
.row-percent>.w-3-5 {
width: calc(28.57142857% - 1.5rem)
}
.row-percent>.w-4 {
width: calc(25% - 1.5rem)
}
.row-percent>.w-4-5 {
width: calc(22.22222222% - 1.5rem)
}
.row-percent>.w-5 {
width: calc(20% - 1.5rem)
}
.row-percent>.w-5-5 {
width: calc(18.18181818% - 1.5rem)
}
.row-percent>.w-6 {
width: calc(16.66666667% - 1.5rem)
}
.row-percent>.w-6-5 {
width: calc(15.38461538% - 1.5rem)
}
.row-percent>.w-7 {
width: calc(14.28571429% - 1.5rem)
}
.row-percent>.w-7-5 {
width: calc(13.33333333% - 1.5rem)
}
.row-percent>.w-8 {
width: calc(12.5% - 1.5rem)
}
.row-percent>.w-8-5 {
width: calc(11.76470588% - 1.5rem)
}
.row-percent>.w-9 {
width: calc(11.11111111% - 1.5rem)
}
.row-percent>.w-9-5 {
width: calc(10.52631579% - 1.5rem)
}
.row-percent>.w-10 {
width: calc(10% - 1.5rem)
}
.row-percent>.w-10-5 {
width: calc(9.52380952% - 1.5rem)
}
.row-percent>.w-11 {
width: calc(9.09090909% - 1.5rem)
}
.row-percent>.w-11-5 {
width: calc(8.69565217% - 1.5rem)
}
.row-percent>.w-12 {
width: calc(8.33333333% - 1.5rem)
}
.row-percent>.w-12-5 {
width: calc(8% - 1.5rem)
}
.row-percent .col:nth-child(1) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.row-percent.no-gutter>.w-1 {
width: calc(100%)
}
.row-percent.no-gutter>.w-1-5 {
width: calc(66.66666667%)
}
.row-percent .col:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.row-percent.no-gutter>.w-2 {
width: calc(50%)
}
.row-percent.no-gutter>.w-2-5 {
width: calc(40%)
}
.row-percent .col:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.row-percent.no-gutter>.w-3 {
width: calc(33.33333333%)
}
.row-percent.no-gutter>.w-3-5 {
width: calc(28.57142857%)
}
.row-percent .col:nth-child(4) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.row-percent.no-gutter>.w-4 {
width: calc(25%)
}
.row-percent.no-gutter>.w-4-5 {
width: calc(22.22222222%)
}
.row-percent .col:nth-child(5) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.row-percent.no-gutter>.w-5 {
width: calc(20%)
}
.row-percent.no-gutter>.w-5-5 {
width: calc(18.18181818%)
}
.row-percent .col:nth-child(6) {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.row-percent.no-gutter>.w-6 {
width: calc(16.66666667%)
}
.row-percent.no-gutter>.w-6-5 {
width: calc(15.38461538%)
}
.row-percent .col:nth-child(7) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.row-percent.no-gutter>.w-7 {
width: calc(14.28571429%)
}
.row-percent.no-gutter>.w-7-5 {
width: calc(13.33333333%)
}
.row-percent .col:nth-child(8) {
-webkit-box-ordinal-group: 15;
-ms-flex-order: 14;
order: 14
}
.row-percent.no-gutter>.w-8 {
width: calc(12.5%)
}
.row-percent.no-gutter>.w-8-5 {
width: calc(11.76470588%)
}
.row-percent .col:nth-child(9) {
-webkit-box-ordinal-group: 17;
-ms-flex-order: 16;
order: 16
}
.row-percent.no-gutter>.w-9 {
width: calc(11.11111111%)
}
.row-percent.no-gutter>.w-9-5 {
width: calc(10.52631579%)
}
.row-percent .col:nth-child(10) {
-webkit-box-ordinal-group: 19;
-ms-flex-order: 18;
order: 18
}
.row-percent.no-gutter>.w-10 {
width: calc(10%)
}
.row-percent.no-gutter>.w-10-5 {
width: calc(9.52380952%)
}
.row-percent .col:nth-child(11) {
-webkit-box-ordinal-group: 21;
-ms-flex-order: 20;
order: 20
}
.row-percent.no-gutter>.w-11 {
width: calc(9.09090909%)
}
.row-percent.no-gutter>.w-11-5 {
width: calc(8.69565217%)
}
.row-percent .col:nth-child(12) {
-webkit-box-ordinal-group: 23;
-ms-flex-order: 22;
order: 22
}
.row-percent.no-gutter>.w-12 {
width: calc(8.33333333%)
}
.row-percent.no-gutter>.w-12-5 {
width: calc(8%)
}
.row-percent .debug {
background: #34bd9e
}
.row-percent .debug:nth-child(2n) {
background: #29957d
}
@media screen and (max-width:1200px) {
.row-percent>.w-tab-1 {
width: calc(100% - 1.5rem)
}
.row-percent>.w-tab-1-5 {
width: calc(66.66666667% - 1.5rem)
}
.row-percent>.w-tab-2 {
width: calc(50% - 1.5rem)
}
.row-percent>.w-tab-2-5 {
width: calc(40% - 1.5rem)
}
.row-percent>.w-tab-3 {
width: calc(33.33333333% - 1.5rem)
}
.row-percent>.w-tab-3-5 {
width: calc(28.57142857% - 1.5rem)
}
.row-percent>.w-tab-4 {
width: calc(25% - 1.5rem)
}
.row-percent>.w-tab-4-5 {
width: calc(22.22222222% - 1.5rem)
}
.row-percent>.w-tab-5 {
width: calc(20% - 1.5rem)
}
.row-percent>.w-tab-5-5 {
width: calc(18.18181818% - 1.5rem)
}
.row-percent>.w-tab-6 {
width: calc(16.66666667% - 1.5rem)
}
.row-percent>.w-tab-6-5 {
width: calc(15.38461538% - 1.5rem)
}
.row-percent>.w-tab-7 {
width: calc(14.28571429% - 1.5rem)
}
.row-percent>.w-tab-7-5 {
width: calc(13.33333333% - 1.5rem)
}
.row-percent>.w-tab-8 {
width: calc(12.5% - 1.5rem)
}
.row-percent>.w-tab-8-5 {
width: calc(11.76470588% - 1.5rem)
}
.row-percent>.w-tab-9 {
width: calc(11.11111111% - 1.5rem)
}
.row-percent>.w-tab-9-5 {
width: calc(10.52631579% - 1.5rem)
}
.row-percent>.w-tab-10 {
width: calc(10% - 1.5rem)
}
.row-percent>.w-tab-10-5 {
width: calc(9.52380952% - 1.5rem)
}
.row-percent>.w-tab-11 {
width: calc(9.09090909% - 1.5rem)
}
.row-percent>.w-tab-11-5 {
width: calc(8.69565217% - 1.5rem)
}
.row-percent>.w-tab-12 {
width: calc(8.33333333% - 1.5rem)
}
.row-percent>.w-tab-12-5 {
width: calc(8% - 1.5rem)
}
.row-percent .col:nth-child(1) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.row-percent.no-gutter>.w-tab-1 {
width: calc(100%)
}
.row-percent.no-gutter>.w-tab-1-5 {
width: calc(66.66666667%)
}
.row-percent .col:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.row-percent.no-gutter>.w-tab-2 {
width: calc(50%)
}
.row-percent.no-gutter>.w-tab-2-5 {
width: calc(40%)
}
.row-percent .col:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.row-percent.no-gutter>.w-tab-3 {
width: calc(33.33333333%)
}
.row-percent.no-gutter>.w-tab-3-5 {
width: calc(28.57142857%)
}
.row-percent .col:nth-child(4) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.row-percent.no-gutter>.w-tab-4 {
width: calc(25%)
}
.row-percent.no-gutter>.w-tab-4-5 {
width: calc(22.22222222%)
}
.row-percent .col:nth-child(5) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.row-percent.no-gutter>.w-tab-5 {
width: calc(20%)
}
.row-percent.no-gutter>.w-tab-5-5 {
width: calc(18.18181818%)
}
.row-percent .col:nth-child(6) {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.row-percent.no-gutter>.w-tab-6 {
width: calc(16.66666667%)
}
.row-percent.no-gutter>.w-tab-6-5 {
width: calc(15.38461538%)
}
.row-percent .col:nth-child(7) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.row-percent.no-gutter>.w-tab-7 {
width: calc(14.28571429%)
}
.row-percent.no-gutter>.w-tab-7-5 {
width: calc(13.33333333%)
}
.row-percent .col:nth-child(8) {
-webkit-box-ordinal-group: 15;
-ms-flex-order: 14;
order: 14
}
.row-percent.no-gutter>.w-tab-8 {
width: calc(12.5%)
}
.row-percent.no-gutter>.w-tab-8-5 {
width: calc(11.76470588%)
}
.row-percent .col:nth-child(9) {
-webkit-box-ordinal-group: 17;
-ms-flex-order: 16;
order: 16
}
.row-percent.no-gutter>.w-tab-9 {
width: calc(11.11111111%)
}
.row-percent.no-gutter>.w-tab-9-5 {
width: calc(10.52631579%)
}
.row-percent .col:nth-child(10) {
-webkit-box-ordinal-group: 19;
-ms-flex-order: 18;
order: 18
}
.row-percent.no-gutter>.w-tab-10 {
width: calc(10%)
}
.row-percent.no-gutter>.w-tab-10-5 {
width: calc(9.52380952%)
}
.row-percent .col:nth-child(11) {
-webkit-box-ordinal-group: 21;
-ms-flex-order: 20;
order: 20
}
.row-percent.no-gutter>.w-tab-11 {
width: calc(9.09090909%)
}
.row-percent.no-gutter>.w-tab-11-5 {
width: calc(8.69565217%)
}
.row-percent .col:nth-child(12) {
-webkit-box-ordinal-group: 23;
-ms-flex-order: 22;
order: 22
}
.row-percent.no-gutter>.w-tab-12 {
width: calc(8.33333333%)
}
.row-percent.no-gutter>.w-tab-12-5 {
width: calc(8%)
}
.row-percent .debug {
background: #e63041
}
.row-percent .debug:nth-child(2n) {
background: #cb1829
}
}
@media screen and (max-width:1023px) {
.row-percent>.w-phab-1 {
width: calc(100% - 1.5rem)
}
.row-percent>.w-phab-1-5 {
width: calc(66.66666667% - 1.5rem)
}
.row-percent>.w-phab-2 {
width: calc(50% - 1.5rem)
}
.row-percent>.w-phab-2-5 {
width: calc(40% - 1.5rem)
}
.row-percent>.w-phab-3 {
width: calc(33.33333333% - 1.5rem)
}
.row-percent>.w-phab-3-5 {
width: calc(28.57142857% - 1.5rem)
}
.row-percent>.w-phab-4 {
width: calc(25% - 1.5rem)
}
.row-percent>.w-phab-4-5 {
width: calc(22.22222222% - 1.5rem)
}
.row-percent>.w-phab-5 {
width: calc(20% - 1.5rem)
}
.row-percent>.w-phab-5-5 {
width: calc(18.18181818% - 1.5rem)
}
.row-percent>.w-phab-6 {
width: calc(16.66666667% - 1.5rem)
}
.row-percent>.w-phab-6-5 {
width: calc(15.38461538% - 1.5rem)
}
.row-percent>.w-phab-7 {
width: calc(14.28571429% - 1.5rem)
}
.row-percent>.w-phab-7-5 {
width: calc(13.33333333% - 1.5rem)
}
.row-percent>.w-phab-8 {
width: calc(12.5% - 1.5rem)
}
.row-percent>.w-phab-8-5 {
width: calc(11.76470588% - 1.5rem)
}
.row-percent>.w-phab-9 {
width: calc(11.11111111% - 1.5rem)
}
.row-percent>.w-phab-9-5 {
width: calc(10.52631579% - 1.5rem)
}
.row-percent>.w-phab-10 {
width: calc(10% - 1.5rem)
}
.row-percent>.w-phab-10-5 {
width: calc(9.52380952% - 1.5rem)
}
.row-percent>.w-phab-11 {
width: calc(9.09090909% - 1.5rem)
}
.row-percent>.w-phab-11-5 {
width: calc(8.69565217% - 1.5rem)
}
.row-percent>.w-phab-12 {
width: calc(8.33333333% - 1.5rem)
}
.row-percent>.w-phab-12-5 {
width: calc(8% - 1.5rem)
}
.row-percent .col:nth-child(1) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.row-percent.no-gutter>.w-phab-1 {
width: calc(100%)
}
.row-percent.no-gutter>.w-phab-1-5 {
width: calc(66.66666667%)
}
.row-percent .col:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.row-percent.no-gutter>.w-phab-2 {
width: calc(50%)
}
.row-percent.no-gutter>.w-phab-2-5 {
width: calc(40%)
}
.row-percent .col:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.row-percent.no-gutter>.w-phab-3 {
width: calc(33.33333333%)
}
.row-percent.no-gutter>.w-phab-3-5 {
width: calc(28.57142857%)
}
.row-percent .col:nth-child(4) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.row-percent.no-gutter>.w-phab-4 {
width: calc(25%)
}
.row-percent.no-gutter>.w-phab-4-5 {
width: calc(22.22222222%)
}
.row-percent .col:nth-child(5) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.row-percent.no-gutter>.w-phab-5 {
width: calc(20%)
}
.row-percent.no-gutter>.w-phab-5-5 {
width: calc(18.18181818%)
}
.row-percent .col:nth-child(6) {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.row-percent.no-gutter>.w-phab-6 {
width: calc(16.66666667%)
}
.row-percent.no-gutter>.w-phab-6-5 {
width: calc(15.38461538%)
}
.row-percent .col:nth-child(7) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.row-percent.no-gutter>.w-phab-7 {
width: calc(14.28571429%)
}
.row-percent.no-gutter>.w-phab-7-5 {
width: calc(13.33333333%)
}
.row-percent .col:nth-child(8) {
-webkit-box-ordinal-group: 15;
-ms-flex-order: 14;
order: 14
}
.row-percent.no-gutter>.w-phab-8 {
width: calc(12.5%)
}
.row-percent.no-gutter>.w-phab-8-5 {
width: calc(11.76470588%)
}
.row-percent .col:nth-child(9) {
-webkit-box-ordinal-group: 17;
-ms-flex-order: 16;
order: 16
}
.row-percent.no-gutter>.w-phab-9 {
width: calc(11.11111111%)
}
.row-percent.no-gutter>.w-phab-9-5 {
width: calc(10.52631579%)
}
.row-percent .col:nth-child(10) {
-webkit-box-ordinal-group: 19;
-ms-flex-order: 18;
order: 18
}
.row-percent.no-gutter>.w-phab-10 {
width: calc(10%)
}
.row-percent.no-gutter>.w-phab-10-5 {
width: calc(9.52380952%)
}
.row-percent .col:nth-child(11) {
-webkit-box-ordinal-group: 21;
-ms-flex-order: 20;
order: 20
}
.row-percent.no-gutter>.w-phab-11 {
width: calc(9.09090909%)
}
.row-percent.no-gutter>.w-phab-11-5 {
width: calc(8.69565217%)
}
.row-percent .col:nth-child(12) {
-webkit-box-ordinal-group: 23;
-ms-flex-order: 22;
order: 22
}
.row-percent.no-gutter>.w-phab-12 {
width: calc(8.33333333%)
}
.row-percent.no-gutter>.w-phab-12-5 {
width: calc(8%)
}
.row-percent .debug {
background: #ee810f
}
.row-percent .debug:nth-child(2n) {
background: #be670c
}
.row-percent .col.w-fit {
width: calc(100% - 1.5rem)
}
}
@media screen and (max-width:680px) {
.row-percent>.w-mob-1 {
width: calc(100% - 1.5rem)
}
.row-percent>.w-mob-1-5 {
width: calc(66.66666667% - 1.5rem)
}
.row-percent>.w-mob-2 {
width: calc(50% - 1.5rem)
}
.row-percent>.w-mob-2-5 {
width: calc(40% - 1.5rem)
}
.row-percent>.w-mob-3 {
width: calc(33.33333333% - 1.5rem)
}
.row-percent>.w-mob-3-5 {
width: calc(28.57142857% - 1.5rem)
}
.row-percent>.w-mob-4 {
width: calc(25% - 1.5rem)
}
.row-percent>.w-mob-4-5 {
width: calc(22.22222222% - 1.5rem)
}
.row-percent>.w-mob-5 {
width: calc(20% - 1.5rem)
}
.row-percent>.w-mob-5-5 {
width: calc(18.18181818% - 1.5rem)
}
.row-percent>.w-mob-6 {
width: calc(16.66666667% - 1.5rem)
}
.row-percent>.w-mob-6-5 {
width: calc(15.38461538% - 1.5rem)
}
.row-percent>.w-mob-7 {
width: calc(14.28571429% - 1.5rem)
}
.row-percent>.w-mob-7-5 {
width: calc(13.33333333% - 1.5rem)
}
.row-percent>.w-mob-8 {
width: calc(12.5% - 1.5rem)
}
.row-percent>.w-mob-8-5 {
width: calc(11.76470588% - 1.5rem)
}
.row-percent>.w-mob-9 {
width: calc(11.11111111% - 1.5rem)
}
.row-percent>.w-mob-9-5 {
width: calc(10.52631579% - 1.5rem)
}
.row-percent>.w-mob-10 {
width: calc(10% - 1.5rem)
}
.row-percent>.w-mob-10-5 {
width: calc(9.52380952% - 1.5rem)
}
.row-percent>.w-mob-11 {
width: calc(9.09090909% - 1.5rem)
}
.row-percent>.w-mob-11-5 {
width: calc(8.69565217% - 1.5rem)
}
.row-percent>.w-mob-12 {
width: calc(8.33333333% - 1.5rem)
}
.row-percent>.w-mob-12-5 {
width: calc(8% - 1.5rem)
}
.row-percent .col:nth-child(1) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.row-percent.no-gutter>.w-mob-1 {
width: calc(100%)
}
.row-percent.no-gutter>.w-mob-1-5 {
width: calc(66.66666667%)
}
.row-percent .col:nth-child(2) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.row-percent.no-gutter>.w-mob-2 {
width: calc(50%)
}
.row-percent.no-gutter>.w-mob-2-5 {
width: calc(40%)
}
.row-percent .col:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.row-percent.no-gutter>.w-mob-3 {
width: calc(33.33333333%)
}
.row-percent.no-gutter>.w-mob-3-5 {
width: calc(28.57142857%)
}
.row-percent .col:nth-child(4) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.row-percent.no-gutter>.w-mob-4 {
width: calc(25%)
}
.row-percent.no-gutter>.w-mob-4-5 {
width: calc(22.22222222%)
}
.row-percent .col:nth-child(5) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.row-percent.no-gutter>.w-mob-5 {
width: calc(20%)
}
.row-percent.no-gutter>.w-mob-5-5 {
width: calc(18.18181818%)
}
.row-percent .col:nth-child(6) {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.row-percent.no-gutter>.w-mob-6 {
width: calc(16.66666667%)
}
.row-percent.no-gutter>.w-mob-6-5 {
width: calc(15.38461538%)
}
.row-percent .col:nth-child(7) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.row-percent.no-gutter>.w-mob-7 {
width: calc(14.28571429%)
}
.row-percent.no-gutter>.w-mob-7-5 {
width: calc(13.33333333%)
}
.row-percent .col:nth-child(8) {
-webkit-box-ordinal-group: 15;
-ms-flex-order: 14;
order: 14
}
.row-percent.no-gutter>.w-mob-8 {
width: calc(12.5%)
}
.row-percent.no-gutter>.w-mob-8-5 {
width: calc(11.76470588%)
}
.row-percent .col:nth-child(9) {
-webkit-box-ordinal-group: 17;
-ms-flex-order: 16;
order: 16
}
.row-percent.no-gutter>.w-mob-9 {
width: calc(11.11111111%)
}
.row-percent.no-gutter>.w-mob-9-5 {
width: calc(10.52631579%)
}
.row-percent .col:nth-child(10) {
-webkit-box-ordinal-group: 19;
-ms-flex-order: 18;
order: 18
}
.row-percent.no-gutter>.w-mob-10 {
width: calc(10%)
}
.row-percent.no-gutter>.w-mob-10-5 {
width: calc(9.52380952%)
}
.row-percent .col:nth-child(11) {
-webkit-box-ordinal-group: 21;
-ms-flex-order: 20;
order: 20
}
.row-percent.no-gutter>.w-mob-11 {
width: calc(9.09090909%)
}
.row-percent.no-gutter>.w-mob-11-5 {
width: calc(8.69565217%)
}
.row-percent .col:nth-child(12) {
-webkit-box-ordinal-group: 23;
-ms-flex-order: 22;
order: 22
}
.row-percent.no-gutter>.w-mob-12 {
width: calc(8.33333333%)
}
.row-percent.no-gutter>.w-mob-12-5 {
width: calc(8%)
}
.row-percent .debug {
background: #ffc426
}
.row-percent .debug:nth-child(2n) {
background: #f2b000
}
.row-percent .col.w-fit {
width: calc(100% - 1.5rem)
}
}
.icon {
width: 1em;
height: 1em;
display: inline-block;
vertical-align: middle;
margin-top: -.1em
}
.icon.white {
fill: #fff
}
.icon.dark {
fill: #1c2129
}
.icon.question-mark {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzFDMjEyOSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTAgMTguOGE4LjcgOC43IDAgMSAwIDAtMTcuNSA4LjcgOC43IDAgMCAwIDAgMTcuNHptMCAxLjJhMTAgMTAgMCAxIDEgMC0yMCAxMCAxMCAwIDAgMSAwIDIweiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkuMSAxMS4zYzAtLjMuMi0uNi40LTFsLjktMSAuMi0uMi43LS43LjQtLjYuMS0uOWMwLS41LS4xLTEtLjQtMS4zLS4zLS40LS44LS41LTEuNC0uNS0uMyAwLS42IDAtLjkuMi0uMyAwLS41LjMtLjcuNWwtLjIgMUg2LjZBMi45IDIuOSAwIDAgMSA4LjMgNGE0IDQgMCAwIDEgMS43LS40Yy43IDAgMS4zLjIgMS44LjQuNS4zIDEgLjYgMS4yIDEuMS4yLjUuNCAxIC40IDEuNyAwIC41LS4xIDEtLjMgMS4zYTUgNSAwIDAgMS0uNyAxLjJsLTEuMSAxLjFhMiAyIDAgMCAwLS42IDFsLS4yIDEuMUg5bC4xLTEuM3ptMS40IDMuM2wuMi42YzAgLjMgMCAuNS0uMi43YTEgMSAwIDAgMS0uNy4yIDEgMSAwIDAgMS0uNy0uMi44LjggMCAwIDEtLjItLjdjMC0uMiAwLS40LjItLjYuMi0uMi40LS4zLjctLjMuMyAwIC41LjEuNy4zeiIvPjwvZz48L3N2Zz4=)
}
.icon.question-mark.white {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0id2hpdGUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEwIDE4LjhhOC43IDguNyAwIDEgMCAwLTE3LjUgOC43IDguNyAwIDAgMCAwIDE3LjR6bTAgMS4yYTEwIDEwIDAgMSAxIDAtMjAgMTAgMTAgMCAwIDEgMCAyMHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05LjEgMTEuM2MwLS4zLjItLjYuNC0xbC45LTEgLjItLjIuNy0uNy40LS42LjEtLjljMC0uNS0uMS0xLS40LTEuMy0uMy0uNC0uOC0uNS0xLjQtLjUtLjMgMC0uNiAwLS45LjItLjMgMC0uNS4zLS43LjVsLS4yIDFINi42QTIuOSAyLjkgMCAwIDEgOC4zIDRhNCA0IDAgMCAxIDEuNy0uNGMuNyAwIDEuMy4yIDEuOC40LjUuMyAxIC42IDEuMiAxLjEuMi41LjQgMSAuNCAxLjcgMCAuNS0uMSAxLS4zIDEuM2E1IDUgMCAwIDEtLjcgMS4ybC0xLjEgMS4xYTIgMiAwIDAgMC0uNiAxbC0uMiAxLjFIOWwuMS0xLjN6bTEuNCAzLjNsLjIuNmMwIC4zIDAgLjUtLjIuN2ExIDEgMCAwIDEtLjcuMiAxIDEgMCAwIDEtLjctLjIuOC44IDAgMCAxLS4yLS43YzAtLjIgMC0uNC4yLS42LjItLjIuNC0uMy43LS4zLjMgMCAuNS4xLjcuM3oiLz48L2c+PC9zdmc+)
}
.icon.information-mark {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZyBmaWxsPSIjMUMyMTI5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8cGF0aCBkPSJNMTIgMjIuNWM1Ljc5OSAwIDEwLjUtNC43MDEgMTAuNS0xMC41UzE3Ljc5OSAxLjUgMTIgMS41IDEuNSA2LjIwMSAxLjUgMTIgNi4yMDEgMjIuNSAxMiAyMi41em0wIDEuNUM1LjM3MyAyNCAwIDE4LjYyNyAwIDEyUzUuMzczIDAgMTIgMHMxMiA1LjM3MyAxMiAxMi01LjM3MyAxMi0xMiAxMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPiAgICA8cGF0aCBkPSJNOS4xMzUgMTYuOTgyYy4wNTMtLjIwOS4xMzEtLjQ4Ni4yMzYtLjgzbDEuMzg1LTQuNjU4Yy4wMTUtLjA1NC4wMjgtLjEwOC4wNC0uMTYyYS43NDYuNzQ2IDAgMCAwIC4wMTYtLjE1MmMwLS4yNzctLjA5Ny0uNDUtLjI5Mi0uNTE3LS4xOTUtLjA2Ny0uNTUyLS4xMTEtMS4wNy0uMTMxdi0uNTQ3YTUyLjE5NSA1Mi4xOTUgMCAwIDAgMS44OTctLjE2N0EyOC4wMyAyOC4wMyAwIDAgMCAxMy4xMSA5LjZsLjk5LS4xNzItMS43OSA1LjkwNGMtLjE1LjUwNi0uMjUuODU3LS4zMDMgMS4wNTMtLjEzNS41LS4yMDMuODIzLS4yMDMuOTcyIDAgLjE0OC4wMzguMjQ1LjExMy4yODlhLjQ4Mi40ODIgMCAwIDAgLjI0Ny4wNjVjLjIzMyAwIC41MjItLjE3OS44NjctLjUzNi4zNDUtLjM1OC42NS0uNzMzLjkxMi0xLjEyNGwuNTA2LjI5M2MtLjc1Ljk5My0xLjMyNCAxLjY2MS0xLjcyMiAyLjAwNS0uNjUzLjU2Ny0xLjM1Ljg1MS0yLjA5NC44NTFhMS45MyAxLjkzIDAgMCAxLTEuMTMxLS4zNUM5LjE2NyAxOC42MTkgOSAxOC4yNjMgOSAxNy43ODNjMC0uMTY4LjA0NS0uNDM1LjEzNS0uOHpNMTQuNTUgNS4yMDVjLjMuMjcuNDUuNTk4LjQ1Ljk4MiAwIC4zODUtLjE1LjcxNC0uNDUuOTg4LS4zLjI3My0uNjY0LjQxLTEuMDkyLjQxLS40MjggMC0uNzk0LS4xMzctMS4wOTgtLjQxLS4zMDQtLjI3NC0uNDU2LS42MDMtLjQ1Ni0uOTg4IDAtLjM4NC4xNTItLjcxMi40NTYtLjk4Mi4zMDQtLjI3LjY3LS40MDUgMS4wOTgtLjQwNS40MjggMCAuNzkyLjEzNSAxLjA5Mi40MDV6Ii8+ICA8L2c+PC9zdmc+)
}
.icon.information-mark.white {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8cGF0aCBkPSJNMTIgMjIuNWM1Ljc5OSAwIDEwLjUtNC43MDEgMTAuNS0xMC41UzE3Ljc5OSAxLjUgMTIgMS41IDEuNSA2LjIwMSAxLjUgMTIgNi4yMDEgMjIuNSAxMiAyMi41em0wIDEuNUM1LjM3MyAyNCAwIDE4LjYyNyAwIDEyUzUuMzczIDAgMTIgMHMxMiA1LjM3MyAxMiAxMi01LjM3MyAxMi0xMiAxMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPiAgICA8cGF0aCBkPSJNOS4xMzUgMTYuOTgyYy4wNTMtLjIwOS4xMzEtLjQ4Ni4yMzYtLjgzbDEuMzg1LTQuNjU4Yy4wMTUtLjA1NC4wMjgtLjEwOC4wNC0uMTYyYS43NDYuNzQ2IDAgMCAwIC4wMTYtLjE1MmMwLS4yNzctLjA5Ny0uNDUtLjI5Mi0uNTE3LS4xOTUtLjA2Ny0uNTUyLS4xMTEtMS4wNy0uMTMxdi0uNTQ3YTUyLjE5NSA1Mi4xOTUgMCAwIDAgMS44OTctLjE2N0EyOC4wMyAyOC4wMyAwIDAgMCAxMy4xMSA5LjZsLjk5LS4xNzItMS43OSA1LjkwNGMtLjE1LjUwNi0uMjUuODU3LS4zMDMgMS4wNTMtLjEzNS41LS4yMDMuODIzLS4yMDMuOTcyIDAgLjE0OC4wMzguMjQ1LjExMy4yODlhLjQ4Mi40ODIgMCAwIDAgLjI0Ny4wNjVjLjIzMyAwIC41MjItLjE3OS44NjctLjUzNi4zNDUtLjM1OC42NS0uNzMzLjkxMi0xLjEyNGwuNTA2LjI5M2MtLjc1Ljk5My0xLjMyNCAxLjY2MS0xLjcyMiAyLjAwNS0uNjUzLjU2Ny0xLjM1Ljg1MS0yLjA5NC44NTFhMS45MyAxLjkzIDAgMCAxLTEuMTMxLS4zNUM5LjE2NyAxOC42MTkgOSAxOC4yNjMgOSAxNy43ODNjMC0uMTY4LjA0NS0uNDM1LjEzNS0uOHpNMTQuNTUgNS4yMDVjLjMuMjcuNDUuNTk4LjQ1Ljk4MiAwIC4zODUtLjE1LjcxNC0uNDUuOTg4LS4zLjI3My0uNjY0LjQxLTEuMDkyLjQxLS40MjggMC0uNzk0LS4xMzctMS4wOTgtLjQxLS4zMDQtLjI3NC0uNDU2LS42MDMtLjQ1Ni0uOTg4IDAtLjM4NC4xNTItLjcxMi40NTYtLjk4Mi4zMDQtLjI3LjY3LS40MDUgMS4wOTgtLjQwNS40MjggMCAuNzkyLjEzNSAxLjA5Mi40MDV6Ii8+ICA8L2c+PC9zdmc+)
}
.icon.information-mark.icon-only {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBkPSJNOCAyMS42MzdjMC0uMjgxLjA2OC0uNzI2LjIwMy0xLjMzMy4wNzgtLjM0OS4xOTYtLjgxLjM1NC0xLjM4NGwyLjA3Ni03Ljc2NGMuMDIyLS4wOS4wNDItLjE4LjA1OS0uMjcuMDE3LS4wOS4wMjUtLjE3NC4wMjUtLjI1MyAwLS40NjEtLjE0Ni0uNzQ4LS40MzktLjg2LS4yOTItLjExMy0uODI3LS4xODctMS42MDMtLjIyVjguNjRjLjY1My0uMDQ1IDEuNi0uMTM3IDIuODQ0LS4yNzggMS4yNDMtLjE0IDIuMTI0LS4yNjIgMi42NDEtLjM2M2wxLjQ4Ni0uMjg3LTIuNjg0IDkuODRhOTAuNDYgOTAuNDYgMCAwIDAtLjQ1NiAxLjc1NWMtLjIwMi44MzMtLjMwMyAxLjM3My0uMzAzIDEuNjIgMCAuMjQ4LjA1Ni40MDguMTY4LjQ4MS4xMTMuMDczLjIzNy4xMS4zNzIuMTEuMzQ4IDAgLjc4Mi0uMjk4IDEuMy0uODk1YTEzLjQ5IDEzLjQ5IDAgMCAwIDEuMzY2LTEuODczbC43Ni40OWMtMS4xMjUgMS42NTQtMS45ODYgMi43NjctMi41ODMgMy4zNDEtLjk3OC45NDUtMi4wMjUgMS40MTgtMy4xMzkgMS40MTgtLjYzIDAtMS4xOTUtLjE5NC0xLjY5Ni0uNTgyLS41LS4zODgtLjc1MS0uOTgyLS43NTEtMS43OHpNMTQuNjg0IDBhMi4yMyAyLjIzIDAgMCAxIDEuNjM3LjY3NWMuNDUuNDUuNjc1Ljk5Ni42NzUgMS42MzcgMCAuNjQyLS4yMjUgMS4xOS0uNjc1IDEuNjQ2LS40NS40NTYtLjk5Ni42ODMtMS42MzcuNjgzLS42NDIgMC0xLjE5LS4yMjctMS42NDYtLjY4M2EyLjI0MyAyLjI0MyAwIDAgMS0uNjg0LTEuNjQ2YzAtLjY0MS4yMjgtMS4xODcuNjg0LTEuNjM3QTIuMjU3IDIuMjU3IDAgMCAxIDE0LjY4NCAweiIgZmlsbD0iIzFDMjEyOSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}
.icon.information-mark.icon-only.white {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8cGF0aCBkPSJNMTIgMjIuNWM1Ljc5OSAwIDEwLjUtNC43MDEgMTAuNS0xMC41UzE3Ljc5OSAxLjUgMTIgMS41IDEuNSA2LjIwMSAxLjUgMTIgNi4yMDEgMjIuNSAxMiAyMi41em0wIDEuNUM1LjM3MyAyNCAwIDE4LjYyNyAwIDEyUzUuMzczIDAgMTIgMHMxMiA1LjM3MyAxMiAxMi01LjM3MyAxMi0xMiAxMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPiAgICA8cGF0aCBkPSJNOS4xMzUgMTYuOTgyYy4wNTMtLjIwOS4xMzEtLjQ4Ni4yMzYtLjgzbDEuMzg1LTQuNjU4Yy4wMTUtLjA1NC4wMjgtLjEwOC4wNC0uMTYyYS43NDYuNzQ2IDAgMCAwIC4wMTYtLjE1MmMwLS4yNzctLjA5Ny0uNDUtLjI5Mi0uNTE3LS4xOTUtLjA2Ny0uNTUyLS4xMTEtMS4wNy0uMTMxdi0uNTQ3YTUyLjE5NSA1Mi4xOTUgMCAwIDAgMS44OTctLjE2N0EyOC4wMyAyOC4wMyAwIDAgMCAxMy4xMSA5LjZsLjk5LS4xNzItMS43OSA1LjkwNGMtLjE1LjUwNi0uMjUuODU3LS4zMDMgMS4wNTMtLjEzNS41LS4yMDMuODIzLS4yMDMuOTcyIDAgLjE0OC4wMzguMjQ1LjExMy4yODlhLjQ4Mi40ODIgMCAwIDAgLjI0Ny4wNjVjLjIzMyAwIC41MjItLjE3OS44NjctLjUzNi4zNDUtLjM1OC42NS0uNzMzLjkxMi0xLjEyNGwuNTA2LjI5M2MtLjc1Ljk5My0xLjMyNCAxLjY2MS0xLjcyMiAyLjAwNS0uNjUzLjU2Ny0xLjM1Ljg1MS0yLjA5NC44NTFhMS45MyAxLjkzIDAgMCAxLTEuMTMxLS4zNUM5LjE2NyAxOC42MTkgOSAxOC4yNjMgOSAxNy43ODNjMC0uMTY4LjA0NS0uNDM1LjEzNS0uOHpNMTQuNTUgNS4yMDVjLjMuMjcuNDUuNTk4LjQ1Ljk4MiAwIC4zODUtLjE1LjcxNC0uNDUuOTg4LS4zLjI3My0uNjY0LjQxLTEuMDkyLjQxLS40MjggMC0uNzk0LS4xMzctMS4wOTgtLjQxLS4zMDQtLjI3NC0uNDU2LS42MDMtLjQ1Ni0uOTg4IDAtLjM4NC4xNTItLjcxMi40NTYtLjk4Mi4zMDQtLjI3LjY3LS40MDUgMS4wOTgtLjQwNS40MjggMCAuNzkyLjEzNSAxLjA5Mi40MDV6Ii8+ICA8L2c+PC9zdmc+)
}
.icon.information-mark.fill {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPHRpdGxlPlBhZ2UgMTwvdGl0bGU+ICAgIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDAwMDAwLCAtMi4wMDAwMDApIj4gICAgICAgIDxwYXRoIGQ9Ik00LjkyODc1OTg5LDQuOTI4NzU5ODkgQzEuMDIzNzQ2Nyw4LjgzMzc3MzA5IDEuMDIzNzQ2NywxNS4xNjYyMjY5IDQuOTI4NzU5ODksMTkuMDcxMjQwMSBDOC44MzM3NzMwOSwyMi45NzYyNTMzIDE1LjE2NjIyNjksMjIuOTc2MjUzMyAxOS4wNzEyNDAxLDE5LjA3MTI0MDEgQzIyLjk3NjI1MzMsMTUuMTY2MjI2OSAyMi45NzYyNTMzLDguODMzNzczMDkgMTkuMDcxMjQwMSw0LjkyODc1OTg5IEMxNS4xNjYyMjY5LDEuMDIzNzQ2NyA4LjgzMzc3MzA5LDEuMDIzNzQ2NyA0LjkyODc1OTg5LDQuOTI4NzU5ODkgWiBNMTIuNDAwNjMzMiw2LjE5NTI1MDY2IEMxMy4yNDQ5NjA0LDYuMTk1MjUwNjYgMTMuOTIwMjUzMyw2Ljg5MTk4OTQ1IDEzLjkyMDI1MzMsNy43MzYzMTY2MiBDMTMuOTIwMjUzMyw4LjU4MDY0MzggMTMuMjIzNTE0NSw5LjI3NzM4MjU5IDEyLjQwMDYzMzIsOS4yNzczODI1OSBDMTEuNTU2MzA2MSw5LjI3NzM4MjU5IDEwLjg1OTU2NzMsOC41ODA2NDM4IDEwLjg1OTU2NzMsNy43MTU3MTUwNCBDMTAuODYwMzkwNSw2Ljg3MDU2NDY0IDExLjU1NjMwNjEsNi4xOTUyNzE3NyAxMi40MDA2MzMyLDYuMTk1MjcxNzcgTDEyLjQwMDYzMzIsNi4xOTUyNTA2NiBaIE0xNC41NzQ5ODY4LDE2LjUxNjcyODIgQzE0LjUzMjkzNTEsMTYuNjQzNzA2NiAxNC40NDgwMDg0LDE2Ljc5MTMwMzQgMTQuMzYzOTA1LDE2Ljg3NTM5ODQgQzEzLjgxNDc1NDYsMTcuNDQ1MTUwNCAxMy4xMzk0NjE3LDE3Ljc4MzIxOSAxMi4zMzcxODIxLDE3Ljc4MzIxOSBDMTEuOTU3MDY2LDE3Ljc4MzIxOSAxMS41OTgzOTU4LDE3Ljc4MzIxOSAxMS4yMTgyNzk3LDE3LjcxOTcyOTggQzEwLjYwNjQ4MDIsMTcuNjM1NjI2NCA5LjgyNDgwMjExLDE2Ljg3NTQwMjYgOS45MzAzNDMwMSwxNi4wNzMxMjMgQzEwLjAxNDQ0NjQsMTUuNTIzOTcyNiAxMC4wOTkzNzMxLDE0Ljk3NTY2NjUgMTAuMTgzNDcyMywxNC40MjY1MTYxIEMxMC4zNTI1MDI0LDEzLjQ3NjY0OCAxMC41MjE1NDA5LDEyLjUwNTMzNCAxMC42ODk3MzA5LDExLjU1NTM4MTUgQzEwLjY4OTczMDksMTEuNDkxODkyMyAxMC43MTExNjgzLDExLjQyODQwMzIgMTAuNzExMTY4MywxMS4zNjU3MzcyIEMxMC43MTExNjgzLDEwLjk2NTAxOTUgMTAuNTg0MTksMTAuODE2NTg2OCAxMC4xODM0NjM5LDEwLjc3NDUzOTMgQzEwLjAxNDQzMzgsMTAuNzUzMTAxOCA5Ljg0NTM5NTI1LDEwLjczMjQ4NzYgOS42NzcyMDUyOCwxMC42OTA0MzU5IEM5LjQ4NzU2MDk1LDEwLjYyNjk0NjcgOS4zODIwMjg1LDEwLjQ1NzkwODIgOS40MDI2MzAwOCwxMC4zMTAzMTk4IEM5LjQyNDA2NzU1LDEwLjE0MTI4OTcgOS41Mjk2MDg0NCwxMC4wMzU3NDQ2IDkuNzQwNjk4NjgsOS45OTM2OTcxIEM5Ljg0NjIzOTU4LDkuOTcyMjU5NjMgOS45NzMyMjYzOSw5Ljk3MjI1OTYzIDEwLjA5OTM2ODksOS45NzIyNTk2MyBMMTEuNTEzNDQ4LDkuOTcyMjU5NjMgTDEzLjAxMjQ2NjUsOS45NzIyNTk2MyBDMTMuMzcxMTM2Nyw5Ljk3MjI1OTYzIDEzLjU4MjIxODUsMTAuMTQxMjg5NyAxMy41ODIyMTg1LDEwLjQ5OTk2NDEgQzEzLjU4MjIxODUsMTAuNzk1MTQwOSAxMy41NDAxNjY4LDExLjA5MTE2MiAxMy40NzY2Nzc2LDExLjM4NjMzODggQzEzLjI4NzAzMzIsMTIuNDgzNzk1MyAxMy4wNzU5NTk5LDEzLjU2MDY5MjMgMTIuODg1NDc5NywxNC42NTgxMDY2IEMxMi44MjE5OTA1LDE1LjAxNjc3NjggMTIuNzM3ODg3MSwxNS4zNzU0NDcgMTIuNjk1ODM1NCwxNS43MzQ5NjE1IEMxMi42NzQzOTc5LDE1LjkwMzk5MTYgMTIuNjk1ODM1NCwxNi4wOTM2MzE3IDEyLjczNzg4NzEsMTYuMjYyNjY2IEMxMi44MDEzNzYzLDE2LjQ5NTE5MzcgMTIuOTcwNDE0OCwxNi42MjEzMzYxIDEzLjIwMjA5ODIsMTYuNjAwNzM0NiBDMTMuMzkxNzQyNSwxNi41NzkyOTcxIDEzLjU4MjIxNDIsMTYuNTE2NjMxMSAxMy43NzE4NTAxLDE2LjQzMTcwNDUgQzEzLjkxOTQ0MjcsMTYuMzY4MjE1MyAxNC4wNDY0MjUzLDE2LjI2MjY3NDQgMTQuMTk0MDEzNywxNi4yMjA2MjI3IEMxNC40NDg3ODk0LDE2LjEzNzM0NDYgMTQuNjM4NDQ2NCwxNi4yODQ5MzcyIDE0LjU3NDk1MywxNi41MTY2MjI3IEwxNC41NzQ5ODY4LDE2LjUxNjcyODIgWiI+PC9wYXRoPiAgICA8L2c+PC9zdmc+)
}
.icon.big {
width: 2em
}
.icon.techno {
width: auto;
height: 1em
}
.icon.techno.techno-imax {
width: 2.888888889em
}
.icon.techno.techno-4dx {
width: 2.666666667em
}
.icon.techno.techno-dolby {
width: 3.444444444em
}
.icon.techno.techno-screenx {
width: 3.611111111em
}
.icon.techno.techno-first {
width: 2.888888889em
}
.icon.techno.techno-vip {
width: 2em
}
.icon.techno.techno-direct {
width: 3.111111111em
}
.icon.techno.techno-4dx-screenx {
width: 4.666666667em
}
.icon.techno.techno-salle-momes {
width: 2em
}
.icon.techno.techno-onyx {
width: 3.111111111em
}
.icon.techno.techno-tediber {
width: 4.8333333333em
}
.icon.techno.techno-cocoon {
width: 4.6111111111em
}
.icon.techno.techno-lounge {
width: 4.5555555556em
}
.icon.big {
height: 2em
}
.icon.big.techno-imax {
width: 5.77777778em
}
.icon.big.techno-4dx {
width: 5.33333333em
}
.icon.big.techno-dolby {
width: 6.88888889em
}
.icon.big.techno-screenx {
width: 7.22222222em
}
.icon.big.techno-first {
width: 5.77777778em
}
.icon.big.techno-vip {
width: 4em
}
.icon.big.techno-direct, .icon.big.techno-onyx {
width: 6.22222222em
}
.icon.big.techno-4dx-screenx {
width: 9.33333333em
}
.icon.big.techno-salle-momes {
width: 4em
}
.icon.big.techno-tediber {
width: 9.66666667em
}
.icon.big.techno-cocoon {
width: 9.22222222em
}
.icon.big.techno-lounge {
width: 9.11111111em
}
.infos-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.infos-box:before {
content: "";
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
margin-right: .5rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8ZyBmaWxsPSIjMUMyMTI5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8cGF0aCBkPSJNMTIgMjIuNWM1Ljc5OSAwIDEwLjUtNC43MDEgMTAuNS0xMC41UzE3Ljc5OSAxLjUgMTIgMS41IDEuNSA2LjIwMSAxLjUgMTIgNi4yMDEgMjIuNSAxMiAyMi41em0wIDEuNUM1LjM3MyAyNCAwIDE4LjYyNyAwIDEyUzUuMzczIDAgMTIgMHMxMiA1LjM3MyAxMiAxMi01LjM3MyAxMi0xMiAxMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPiAgICA8cGF0aCBkPSJNOS4xMzUgMTYuOTgyYy4wNTMtLjIwOS4xMzEtLjQ4Ni4yMzYtLjgzbDEuMzg1LTQuNjU4Yy4wMTUtLjA1NC4wMjgtLjEwOC4wNC0uMTYyYS43NDYuNzQ2IDAgMCAwIC4wMTYtLjE1MmMwLS4yNzctLjA5Ny0uNDUtLjI5Mi0uNTE3LS4xOTUtLjA2Ny0uNTUyLS4xMTEtMS4wNy0uMTMxdi0uNTQ3YTUyLjE5NSA1Mi4xOTUgMCAwIDAgMS44OTctLjE2N0EyOC4wMyAyOC4wMyAwIDAgMCAxMy4xMSA5LjZsLjk5LS4xNzItMS43OSA1LjkwNGMtLjE1LjUwNi0uMjUuODU3LS4zMDMgMS4wNTMtLjEzNS41LS4yMDMuODIzLS4yMDMuOTcyIDAgLjE0OC4wMzguMjQ1LjExMy4yODlhLjQ4Mi40ODIgMCAwIDAgLjI0Ny4wNjVjLjIzMyAwIC41MjItLjE3OS44NjctLjUzNi4zNDUtLjM1OC42NS0uNzMzLjkxMi0xLjEyNGwuNTA2LjI5M2MtLjc1Ljk5My0xLjMyNCAxLjY2MS0xLjcyMiAyLjAwNS0uNjUzLjU2Ny0xLjM1Ljg1MS0yLjA5NC44NTFhMS45MyAxLjkzIDAgMCAxLTEuMTMxLS4zNUM5LjE2NyAxOC42MTkgOSAxOC4yNjMgOSAxNy43ODNjMC0uMTY4LjA0NS0uNDM1LjEzNS0uOHpNMTQuNTUgNS4yMDVjLjMuMjcuNDUuNTk4LjQ1Ljk4MiAwIC4zODUtLjE1LjcxNC0uNDUuOTg4LS4zLjI3My0uNjY0LjQxLTEuMDkyLjQxLS40MjggMC0uNzk0LS4xMzctMS4wOTgtLjQxLS4zMDQtLjI3NC0uNDU2LS42MDMtLjQ1Ni0uOTg4IDAtLjM4NC4xNTItLjcxMi40NTYtLjk4Mi4zMDQtLjI3LjY3LS40MDUgMS4wOTgtLjQwNS40MjggMCAuNzkyLjEzNSAxLjA5Mi40MDV6Ii8+ICA8L2c+PC9zdmc+)
}
.infos-box.small:before {
width: 1rem;
height: 1rem
}
.infos-box p {
-ms-flex-negative: 1;
flex-shrink: 1;
font-size: .875rem;
line-height: 1rem;
color: #676a6f
}
@media screen and (max-width:680px) {
.infos-box {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.list-item>a {
text-decoration: none
}
.list-item.dark {
color: #fff
}
.list-item.dark.movie .pic {
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0
}
.list-item.detailed {
cursor: pointer
}
.list-item .pic {
border: 1px solid #d0d0d0;
border-radius: .375rem;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block
}
.list-item .pic.square:before {
padding-bottom: 100%
}
.list-item .pic:before {
display: block;
content: '';
width: 100%;
padding-bottom: 128%
}
.list-item .pic .inner {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.list-item .pic .img-wrapper {
position: relative;
font-size: 0;
line-height: 0;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.list-item .pic footer {
padding: 0 1rem 1rem;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
line-height: 1rem;
min-height: 3rem;
color: #676a6f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.list-item .pic footer>* {
display: block;
max-width: 100%
}
.list-item .pic footer .btn {
height: 2rem;
padding-top: .25em;
min-width: 0
}
.list-item .pic img {
position: absolute;
top: 50%;
left: 50%;
max-width: calc(100% - 2rem);
max-height: calc(100% - 2rem);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.list-item .pic .badge {
min-width: 5rem;
max-width: 66%;
position: absolute;
top: 0;
right: 0;
border-radius: 0 .375rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase
}
.list-item .pic .feeling {
position: absolute;
z-index: 2;
top: .65rem;
left: .25rem;
font-size: 4rem;
-webkit-filter: drop-shadow(0 .3125rem .625rem rgba(0, 0, 0, .7));
filter: drop-shadow(0 .3125rem .625rem rgba(0, 0, 0, .7))
}
.list-item .pic .feeling.cant-wait, .list-item .pic .feeling.hesitate, .list-item .pic .feeling.want {
fill: #ffc426
}
.list-item .text {
margin-top: .95rem
}
.list-item .name {
font-size: 1.125rem;
line-height: 1.5rem
}
.list-item .text a {
color: inherit;
text-decoration: none
}
.list-item .detail {
font-size: 1rem;
line-height: 1.2rem;
color: #676a6f
}
.list-item .detail .icon {
font-size: 1.2em;
opacity: .7
}
.list-item .points {
background-image: linear-gradient(231deg, #e63041 0, #ffc426 100%);
position: absolute;
top: -.625rem;
right: -.625rem;
width: 3rem;
height: 3rem;
padding-top: .1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3rem;
z-index: 2;
color: #fff;
font-size: .5rem;
font-weight: 600;
line-height: 1em;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.list-item .points .value {
display: block;
font-size: 1rem;
line-height: 1em
}
.list-item .discover {
position: absolute;
top: 0;
left: calc(100% - .0625rem);
width: calc(100% + 1.5rem);
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 1.5rem;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
color: #fff;
fill: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#545151), to(#363536));
background: linear-gradient(#545151, #363536);
border-radius: 0 .375rem .375rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform-origin: left;
transform-origin: left
}
.list-item .discover .icon {
font-size: 8rem;
margin-bottom: -1.15rem
}
.list-item .discover p {
font-size: .875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.25rem;
margin-bottom: 2rem;
max-width: 100%
}
.list-item .tooltip-on-top .tooltip-content {
margin-bottom: .9rem;
width: calc(100% + 1rem)
}
.list-item.children .pic {
background-image: url(children@2x.ba0282ee20051e55ff72.png);
background-size: 75%;
background-position: center;
background-repeat: no-repeat
}
.list-item.add .pic {
background: #f8f8f8;
font-size: 4rem;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
border: none
}
.list-item.add .pic .icon {
opacity: .3;
margin-top: 0
}
.list-item.movie .pic a {
border-radius: .375rem
}
.list-item.actor, .list-item.movie, .list-item.offre, .list-item.service {
cursor: pointer
}
.list-item.actor .detail, .list-item.actor .name, .list-item.movie .detail, .list-item.movie .name, .list-item.offre .detail, .list-item.offre .name, .list-item.service .detail, .list-item.service .name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.list-item.actor .detail.new, .list-item.movie .detail.new, .list-item.offre .detail.new, .list-item.service .detail.new {
font-weight: 600;
color: #f6035e
}
.list-item.actor .name .tag-csa, .list-item.movie .name .tag-csa, .list-item.offre .name .tag-csa, .list-item.service .name .tag-csa {
opacity: .5
}
.list-item.actor .pic, .list-item.movie .pic, .list-item.offre .pic, .list-item.service .pic {
border: none;
background-color: #edeef0;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: border-radius .3s, -webkit-transform .3s;
transition: border-radius .3s, -webkit-transform .3s;
transition: transform .3s, border-radius .3s;
transition: transform .3s, border-radius .3s, -webkit-transform .3s
}
.list-item.actor .pic img, .list-item.movie .pic img, .list-item.offre .pic img, .list-item.service .pic img {
max-width: none;
max-height: none;
width: 100%;
height: 100%;
border-radius: inherit
}
.list-item.actor .pic footer, .list-item.movie .pic footer, .list-item.offre .pic footer, .list-item.service .pic footer {
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.list-item.actor.cta, .list-item.movie.cta, .list-item.offre.cta, .list-item.service.cta {
font-size: 1.125rem;
font-weight: 600;
color: #676a6f
}
.list-item.actor.cta .pic, .list-item.movie.cta .pic, .list-item.offre.cta .pic, .list-item.service.cta .pic {
border: 1px solid #edeef0;
background: #fff
}
.list-item.actor.cta .icon-wrapper, .list-item.movie.cta .icon-wrapper, .list-item.offre.cta .icon-wrapper, .list-item.service.cta .icon-wrapper {
margin-bottom: .75rem;
border-radius: 50%;
background: #edeef0
}
.list-item.actor.cta .icon, .list-item.movie.cta .icon, .list-item.offre.cta .icon, .list-item.service.cta .icon {
margin: 0;
fill: #676a6f;
font-size: 2.25rem;
padding: 1.25rem;
position: relative
}
.list-item.movie .pic:before {
padding-bottom: 135%
}
.list-item.actor .pic:before {
padding-bottom: 125%
}
.list-item.offre .pic, .list-item.service .pic {
overflow: hidden
}
.list-item.offre .pic img, .list-item.service .pic img {
height: auto
}
.list-item.offre .pic:before, .list-item.service .pic:before {
padding-bottom: 100%
}
.list-item.saisons {
cursor: pointer
}
.list-item.saisons .text {
margin-top: 3.5rem;
margin-bottom: 1rem
}
.list-item.saisons .name {
font-size: 1.5rem;
line-height: 1.75rem;
font-weight: 800;
margin-bottom: .14rem
}
.list-item.saisons .detail {
font-size: 1.25rem;
line-height: 2rem;
color: rgba(255,255,255,.7)
}
.list-item.saisons .pic {
margin-bottom: 1rem;
border: none;
border-radius: .75rem;
background: rgba(0,0,0,.3)
}
.list-item.saisons .pic img {
max-width: none;
max-height: none;
width: 100%;
height: 100%;
border-radius: .75rem
}
.list-item.saisons .pic .logo {
padding: 1rem;
line-height: 0;
background: #fff;
border-radius: .75rem .75rem 0 0;
max-height: 10rem;
position: relative
}
.list-item.saisons .pic .logo img {
max-width: 100%;
max-height: 10rem;
position: relative;
top: 0;
left: 0;
width: auto;
height: auto;
border-radius: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.list-item.saisons .pic .fake-btn {
background: #d0ba7a;
height: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #1c2129;
font-size: 1.25rem;
font-weight: 600
}
.list-item.saisons .pic footer {
padding: 0;
min-height: 0;
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: auto;
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
overflow: hidden
}
.list-item.saisons .pic footer a {
display: block;
text-decoration: none;
color: inherit;
width: 100%;
opacity: 0;
-webkit-transform: translate(0, 3rem);
transform: translate(0, 3rem);
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s
}
.list-item.saisons:hover .pic footer a {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.list-item.content {
cursor: pointer
}
.list-item.content .pic {
border: none;
background: 0 0;
overflow: hidden;
-webkit-transition: border-radius .3s, -webkit-transform .3s;
transition: border-radius .3s, -webkit-transform .3s;
transition: transform .3s, border-radius .3s;
transition: transform .3s, border-radius .3s, -webkit-transform .3s
}
.list-item.content .pic:before {
padding-bottom: 135%
}
.list-item.content .img {
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-position: center;
background-size: cover
}
.list-item.content footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: #fff;
color: #1c2129;
text-align: left;
padding: 1.35rem
}
.list-item.list-item-large .pic {
width: calc(50% - .75rem);
border-radius: .375rem 0 0 .375rem
}
.list-item.list-item-large:hover:hover .pic {
border-radius: .375rem
}
.list-item.list-item-large:hover:hover .pic .discover {
-webkit-transform: scale(.95);
transform: scale(.95)
}
.list-item.prepaid-card .pic {
border-color: #edeef0
}
.list-item.prepaid-card .pic:before {
display: none
}
.list-item.prepaid-card .card {
margin: 1.5rem 1rem 1rem;
-webkit-box-shadow: -.625rem -.625rem 1.875rem 0 rgba(0,0,0,.1);
box-shadow: -.625rem -.625rem 1.875rem 0 rgba(0,0,0,.1);
border-radius: .75rem;
background-size: cover;
background-position: center
}
.list-item.prepaid-card .card:before {
position: relative;
display: block;
content: '';
padding-bottom: 64%
}
.list-item.prepaid-card .text p {
padding: 0 1rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.list-item.prepaid-card footer {
margin-top: 1rem;
margin-bottom: .5rem
}
.list-item.prepaid-card .title-molecule {
margin-left: 1rem;
color: #1c2129
}
.list-item.news {
text-align: left;
margin-bottom: 0
}
.list-item.news .pic {
margin-bottom: 1.25rem;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
overflow: hidden
}
.list-item.news .pic:before {
padding-bottom: 62%
}
.list-item.news .pic img {
max-width: 100%;
max-height: 100%;
height: 100%;
min-width: 100%;
width: auto;
border-radius: inherit
}
.list-item.news a.inverted:hover {
text-decoration: underline
}
.list-item.news .title {
font-size: 1.25rem;
line-height: 1.5rem;
margin-bottom: .875rem;
font-weight: 600
}
.list-item.theater {
cursor: pointer;
overflow: hidden;
border: 1px solid #edeef0;
border-radius: .375rem;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.list-item.theater .flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.list-item.theater .img {
min-width: 25%;
background-size: cover;
background-position: center
}
.list-item.theater .details {
position: relative;
padding: 1.5rem 2rem
}
.list-item.showtime-list-item .informations .title-molecule {
font-weight: 400
}
@media screen and (min-width:1440px) {
.list-item {
margin-bottom: 2.5rem
}
.list-item .pic footer .btn {
height: 2.5rem;
padding-top: .5rem
}
}
@media screen and (min-width:1024px) {
.list-item.content:hover .pic, .list-item.movie:hover .pic {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.list-item.content:hover .pic footer, .list-item.movie:hover .pic footer {
opacity: 1
}
}
@media screen and (max-width:1023px) {
.list-item .name {
font-size: 1rem
}
.list-item .discover {
display: none
}
.list-item.list-item-large .pic {
width: 100%;
border-radius: .375rem
}
.list-item.saisons .pic {
margin-bottom: 3rem
}
.list-item.saisons .pic .fake-btn {
display: none
}
.list-item.news {
margin-bottom: 2rem
}
.list-item.theater .flex-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.list-item.theater .details {
padding: 1rem 1.5rem
}
.list-item.theater .img:after {
content: '';
display: inline-block;
padding-bottom: 56%
}
}
@media screen and (max-width:680px) {
.list-item .pic .feeling {
font-size: 3rem;
top: .45rem;
left: .15rem
}
.list-item .pic .badge {
font-size: .6em
}
.list-item .pic img {
max-width: calc(100% - 1rem);
max-height: calc(100% - 1rem)
}
.list-item .pic footer {
padding: 0 .5rem .5rem
}
.list-item .pic footer .btn {
padding-left: .5rem;
padding-right: .5rem
}
.list-item.news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem
}
.list-item.news .pic {
width: 5rem;
margin-right: 1rem;
margin-bottom: 0
}
.list-item.news .pic img {
width: auto;
min-width: 0;
max-width: none
}
.list-item.news .text {
width: calc(100% - 6rem);
margin-top: 0
}
.list-item.news .title {
display: -webkit-box;
width: 100%;
font-size: 1.125rem;
line-height: 1.25;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: auto;
max-height: 2.8125rem;
margin-bottom: .375rem
}
.list-item.news .text-micro {
font-size: .75rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.list-item.news:last-child {
margin-bottom: 0
}
}
.notif {
background: #fff;
padding: 1.5rem 4rem
}
.notif .notif-content {
background: #f2f3f5;
padding: 1rem;
font-size: 1.5rem;
line-height: 2rem;
text-align: center;
border-radius: .5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.notif .btn {
margin-left: 2.5rem
}
.notif.error .notif-content {
background: #af0633;
font-weight: 300;
color: #fff
}
.block .notif {
padding: 0;
background: 0 0
}
@media screen and (max-width:1023px) {
.notif {
padding: 1rem
}
.notif .notif-content {
font-size: 1.125rem;
line-height: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.notif .btn {
margin-left: 0;
margin-top: 1rem
}
}
.summary-table {
font-size: 1rem;
width: 100%;
margin-top: .8rem
}
.summary-table.align-middle td {
vertical-align: middle
}
.summary-table tr {
display: block
}
.summary-table tr:not(.no-bl) {
-webkit-box-shadow: 0 2px 0 #edeef0;
box-shadow: 0 2px 0 #edeef0
}
.summary-table tr:last-child {
-webkit-box-shadow: none;
box-shadow: none
}
.summary-table td {
padding: 1rem 3rem .57rem 0;
white-space: nowrap
}
.summary-table td:last-child {
padding-right: 0
}
.summary-table tr.no-pb td {
padding-bottom: 0
}
.summary-table .right {
text-align: right
}
.summary-table td:not(.right)+.right {
width: 100%
}
.summary-table .points, .summary-table .price {
font-weight: 600
}
.summary-table .date {
color: #676a6f
}
.summary-table .btn.expand {
position: relative;
text-decoration: none
}
.summary-table .btn.expand .icon {
margin-right: 0;
margin-left: 0
}
.summary-table .btn.expand .less {
display: none
}
.summary-table .btn.expand:before {
position: absolute;
content: '';
height: 1px;
width: calc(100% - 1.8rem);
background: #1c2129;
bottom: 2px;
right: 0
}
.summary-table .btn.expand.is-expand .less {
display: inline-block
}
.summary-table .btn.expand.is-expand .more {
display: none
}
.summary-table .detail {
border-bottom: none;
background: #f8f8f8;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.65em;
display: none
}
.summary-table .detail td {
padding: 1.05rem 1.5rem 1rem
}
.summary-table .detail .label {
min-width: 4rem
}
.summary-table .detail.is-expand {
display: table-row
}
.summary-table td.w-table-0, .summary-table th.w-table-0 {
min-width: 0
}
.summary-table td.w-table-1, .summary-table th.w-table-1 {
min-width: 1rem
}
.summary-table td.w-table-2, .summary-table th.w-table-2 {
min-width: 2rem
}
.summary-table td.w-table-3, .summary-table th.w-table-3 {
min-width: 3rem
}
.summary-table td.w-table-4, .summary-table th.w-table-4 {
min-width: 4rem
}
.summary-table td.w-table-5, .summary-table th.w-table-5 {
min-width: 5rem
}
.summary-table td.w-table-6, .summary-table th.w-table-6 {
min-width: 6rem
}
.summary-table td.w-table-7, .summary-table th.w-table-7 {
min-width: 7rem
}
.summary-table td.w-table-8, .summary-table th.w-table-8 {
min-width: 8rem
}
.summary-table td.w-table-9, .summary-table th.w-table-9 {
min-width: 9rem
}
.summary-table td.w-table-10, .summary-table th.w-table-10 {
min-width: 10rem
}
.summary-table td.w-table-11, .summary-table th.w-table-11 {
min-width: 11rem
}
.summary-table td.w-table-12, .summary-table th.w-table-12 {
min-width: 12rem
}
.summary-table td.w-table-13, .summary-table th.w-table-13 {
min-width: 13rem
}
.summary-table td.w-table-14, .summary-table th.w-table-14 {
min-width: 14rem
}
.summary-table td.w-table-15, .summary-table th.w-table-15 {
min-width: 15rem
}
.summary-table td.w-table-16, .summary-table th.w-table-16 {
min-width: 16rem
}
.summary-table td.w-table-17, .summary-table th.w-table-17 {
min-width: 17rem
}
.summary-table td.w-table-18, .summary-table th.w-table-18 {
min-width: 18rem
}
.summary-table td.w-table-19, .summary-table th.w-table-19 {
min-width: 19rem
}
.summary-table td.w-table-20, .summary-table th.w-table-20 {
min-width: 20rem
}
.summary-table+.btn-pagin {
margin-top: .875rem
}
.summary-table+.text-main {
margin-top: 4rem
}
.text-main+.summary-table {
margin-top: .75rem
}
@media screen and (max-width:680px) {
.summary-table {
display: block;
margin-top: 1.25rem
}
.summary-table tbody {
display: block
}
.summary-table tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: .5rem 0
}
.summary-table td {
padding: 0;
white-space: initial
}
.summary-table .btn.expand {
width: auto
}
.summary-table .btn.download {
background: #edeef0;
opacity: .7;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: .75rem;
height: 2.5rem;
margin-top: .5rem;
text-decoration: none
}
.summary-table .right {
text-align: left
}
.summary-table .name {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
width: 60%!important
}
.summary-table .points, .summary-table .price {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: right;
width: 40%!important
}
.summary-table .date {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.summary-table .state {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.summary-table .state:before {
content: ' - ';
margin-left: .3em
}
.summary-table .btn-expand {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: auto!important;
-webkit-box-flex: 100;
-ms-flex-positive: 100;
flex-grow: 100;
text-align: right
}
.summary-table .btn-link {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.summary-table .detail.is-expand {
display: table
}
.summary-table+.btn-pagin {
margin-top: 0
}
}
.pill {
padding: .9em .5em;
min-width: 1.7175em;
height: 1.7175em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f6035e;
margin-left: .5em;
border-radius: 1.7175em;
font-size: .825em;
font-weight: initial;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.pill.w-icon {
padding: .4rem 0 0 .02rem
}
.pill .icon {
width: .875rem;
height: .875rem;
fill: #fff
}
.pill.yellow {
background: #ffc426;
color: #1c2129
}
.pill.dark {
background: rgba(28,33,41,.15);
color: #1c2129
}
.pill.ft-medium {
font-weight: 600
}
.pill.blur {
background: rgba(255,255,255,.15);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05)
}
.popin {
font-size: 0;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(0,0,0,.7);
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 299;
opacity: 0;
-webkit-transition: opacity .25s;
transition: opacity .25s
}
.popin .wrapper, .popin:before {
display: inline-block;
vertical-align: middle
}
.popin:before {
content: '';
width: 0;
height: 100%
}
.popin.w-pr .wrapper {
padding-right: 30%
}
.popin .wrapper {
text-align: left;
position: relative;
margin-left: 5rem;
width: calc(100% - 5rem);
max-width: 1600px;
padding: 3rem 3rem 4rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 1.25rem 1.875rem 0 rgba(0,0,0,.1);
box-shadow: 0 1.25rem 1.875rem 0 rgba(0,0,0,.1);
-webkit-transform: translate(0, 1rem);
transform: translate(0, 1rem);
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s
}
.popin .close {
position: absolute;
top: 2.5rem;
right: 3.125rem;
z-index: 2
}
.popin .btn-layer-close {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer
}
.popin .wrapper.with-player-only {
text-align: center
}
.popin .player-iframe-wrapper {
width: 100%;
max-width: 60rem;
background: #1c2129;
position: relative;
margin: 0 auto;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2)
}
.popin .player-iframe-wrapper:before {
content: '';
display: block;
position: relative;
padding-bottom: 56%
}
.popin .player-iframe-wrapper .player-iframe {
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute
}
.popin.confirm .title-element {
margin-bottom: 2.65rem
}
.popin.confirm .text-main {
max-width: 45rem
}
.popin.confirm .btn-wrapper {
margin-top: 3rem
}
.popin.confirm .wrapper-mw {
max-width: 45rem
}
.popin.fullscreen {
padding: 0;
background: rgba(255,255,255,.97)
}
.popin.fullscreen .wrapper {
padding: 0 3rem;
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0
}
.popin.fullscreen.is-centered .wrapper {
width: 100%;
max-width: inherit;
margin-left: 0
}
.popin.fullscreen.dark {
background: rgba(28,33,41,.97)
}
.popin.is-visible {
display: block
}
.popin.is-open {
opacity: 1
}
.popin.is-open .wrapper {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
@media screen and (min-width:1681px) {
.popin {
text-align: center
}
.popin .wrapper {
margin-left: 0
}
}
@media screen and (max-width:1023px) {
.popin {
padding: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.popin.w-pr .wrapper {
padding-right: 2rem
}
}
@media screen and (max-width:680px) {
.popin.w-pr .wrapper {
padding-right: 1rem
}
.popin.confirm .title-element {
margin-bottom: 1rem
}
.popin.fullscreen .wrapper {
padding: 0 1rem
}
.popin.fullscreen .btn.round.close {
top: 1rem;
right: 1rem
}
}
@media screen and (max-width:1200px) {
.popin .wrapper {
margin-left: 0;
width: 100%
}
.popin.confirm .text-main {
max-width: 40rem
}
.popin:not(.fullscreen) {
padding-top: 8rem;
padding-bottom: 0
}
.popin:not(.fullscreen) .close {
margin-right: 0;
right: 50%;
top: -4rem;
z-index: 10;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
background: rgba(255,255,255,.95);
padding-left: 2rem;
padding-right: 2rem
}
.popin:not(.fullscreen) .wrapper {
overflow: visible;
width: 100%;
margin-left: 0;
padding: 1.75rem 2rem 1.5rem;
vertical-align: bottom;
border-radius: .75rem .75rem 0 0;
-webkit-transform: translate(0, 6rem);
transform: translate(0, 6rem)
}
.popin:not(.fullscreen) .text-micro {
line-height: 1rem
}
.popin:not(.fullscreen).ticket-details-mobile .date {
margin-bottom: .65rem
}
.popin:not(.fullscreen).ticket-details-mobile .cinema-address, .popin:not(.fullscreen).ticket-details-mobile .cinema-name {
color: #676a6f
}
.popin:not(.fullscreen).ticket-details-mobile .cinema-name {
margin-top: -.2rem
}
.popin:not(.fullscreen).ticket-details-mobile .cinema-address {
margin-bottom: 1.22rem
}
.popin:not(.fullscreen).ticket-details-mobile .sub {
margin-top: 1rem
}
.popin:not(.fullscreen).ticket-details-mobile .btn-wrapper {
margin-top: 2.1rem
}
.popin:not(.fullscreen).ticket-details-mobile .btn-wrapper .btn {
margin-bottom: 0
}
.popin:not(.fullscreen).is-open .wrapper {
-webkit-transform: none;
transform: none
}
}
.search-bar {
position: relative;
z-index: 5;
background: #fff;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
border: 1px solid #edeef0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: .375rem;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.search-bar.no-shadow {
-webkit-box-shadow: none;
box-shadow: none
}
.search-bar input {
height: 3.5rem;
width: 100%;
padding: 0 1rem 0 4.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-size: 1rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0
}
.search-bar .on-left {
margin-top: 0;
min-width: 0;
width: 4.5rem;
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 0;
padding-left: 1.35rem;
padding-right: 1.35rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
background: 0 0;
text-align: center
}
.search-bar .on-left:not(button) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.search-bar .on-left .icon {
font-size: 1.3rem
}
.search-bar .btn.on-left {
margin-top: 0!important
}
.search-bar .btn.on-left .icon {
font-size: 1rem
}
.search-bar .on-right {
font-size: .875rem;
font-weight: 400;
height: 3.5rem;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
min-width: 10.5rem;
position: relative
}
.search-bar .on-right:before {
content: '';
position: absolute;
width: 1px;
background: #edeef0;
left: 0;
top: .5rem;
bottom: .5rem
}
.search-bar .on-right:hover {
-webkit-box-shadow: none;
box-shadow: none
}
@media screen and (max-width:1023px) {
.search-bar input {
padding-left: 2.5rem
}
.search-bar .on-left {
width: 2.5rem;
padding-left: 0;
padding-right: 0
}
.search-bar .on-left .icon {
font-size: .75rem
}
}
.search-input {
position: relative
}
.search-input input {
width: 100%;
height: inherit;
font-size: 3.75rem;
font-weight: 900;
background: 0 0;
border: none;
outline: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
caret-color: #ffc426
}
.search-input input::-webkit-input-placeholder {
color:rgba(28,33,41,.3)
}
.search-input input:-ms-input-placeholder {
color:rgba(28,33,41,.3)
}
.search-input input::-ms-input-placeholder {
color:rgba(28,33,41,.3)
}
.search-input input::placeholder {
color:rgba(28,33,41,.3)
}
.search-input .btn {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 6rem;
min-width: inherit;
height: inherit;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0;
padding: 0;
font-size: 2rem
}
.search-input .btn .icon {
opacity: .3
}
.search-input .btn:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.search-input.dark input {
color: #fff
}
.search-input.dark input::-webkit-input-placeholder {
color:rgba(255,255,255,.2)
}
.search-input.dark input:-ms-input-placeholder {
color:rgba(255,255,255,.2)
}
.search-input.dark input::-ms-input-placeholder {
color:rgba(255,255,255,.2)
}
.search-input.dark input::placeholder {
color:rgba(255,255,255,.2)
}
.search-input.w-submit input {
padding-right: 6rem;
-webkit-box-shadow: inset 0 -2px 0 #edeef0;
box-shadow: inset 0 -2px 0 #edeef0
}
@media screen and (max-width:680px) {
.popin:not(.fullscreen) .wrapper {
padding: 1.75rem 1rem 1.5rem
}
.search-input input {
height: 3rem;
font-size: 2rem
}
.search-input .btn {
width: 3rem
}
.search-input .btn .icon {
width: 1.5rem;
height: 1.5rem
}
.search-input.w-submit input {
padding-right: 4rem
}
}
.search-wrapper {
position: relative
}
.search-wrapper .suggest-container {
position: absolute;
z-index: 10;
width: 100%;
top: 100%;
background: #fff;
padding: .5rem 0;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2)
}
.search-wrapper .suggest-container ul li {
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out
}
.search-wrapper .suggest-container ul li:hover {
background: #f8f8f8
}
.search-wrapper .suggest-container ul li a, .search-wrapper .suggest-container ul li button {
text-align: left;
width: 100%;
display: block;
padding: 1rem 1.5rem
}
.search-wrapper .suggest-container ul li .btn.link {
text-decoration: none
}
.slider {
position: relative
}
.slider:not(.mobile-only) {
padding-top: 2rem;
padding-bottom: 2rem;
margin-top: -2rem;
margin-bottom: 0;
overflow: hidden;
font-size: 1rem;
display: block
}
.slider:not(.mobile-only) .items-container, .slider:not(.mobile-only) .row, .slider:not(.mobile-only) .row-percent {
white-space: nowrap;
margin-left: 0;
margin-right: 0;
display: block;
font-size: 0;
line-height: 0
}
.slider:not(.mobile-only) .col, .slider:not(.mobile-only) .slider-item {
font-size: 16px;
line-height: 1.5em;
margin-left: 0;
margin-right: 1rem;
display: inline-block;
vertical-align: top
}
.slider:not(.mobile-only) .list-item {
margin-bottom: 0
}
.slider:not(.mobile-only) .items-container:not(.flickity-enabled) {
white-space: nowrap
}
.slider:not(.mobile-only) .slider-item {
display: inline-block;
margin-right: 1rem;
white-space: normal
}
.slider:not(.mobile-only) .button-spacer {
width: 3.75rem;
display: inline-block
}
.slider:not(.mobile-only).fullscreen {
margin-bottom: 0;
padding-bottom: 0
}
.slider:not(.mobile-only).fullscreen .slider-item {
overflow: hidden;
height: 100%
}
.slider:not(.mobile-only).fullscreen .slider-item .wrapper {
height: 100%;
padding-bottom: 5.75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.slider:not(.mobile-only).fullscreen .slider-item .btn {
position: absolute;
bottom: 0
}
.slider:not(.mobile-only).fullscreen .flickity-prev-next-button {
right: 3rem
}
.slider:not(.mobile-only).fullscreen .flickity-page-dots {
bottom: 5rem;
right: 3rem
}
.slider:not(.mobile-only).fullscreen-btns .flickity-prev-next-button {
right: 3rem
}
.slider:not(.mobile-only).w-btns-inner {
padding-top: 0;
margin-top: 0
}
.slider:not(.mobile-only).w-btns-inner .flickity-prev-next-button.previous {
top: 6rem
}
.slider:not(.mobile-only).w-btns-inner .flickity-prev-next-button.next {
top: 2rem
}
.block .slider:not(.mobile-only), .popin .slider:not(.mobile-only) {
margin-right: -3rem;
margin-left: -3rem;
padding-left: 3rem;
padding-right: 3rem
}
.block:not(.without-pb) .slider:not(.mobile-only):last-child {
margin-bottom: -2rem
}
@media screen and (max-width:1200px) {
.popin .slider {
margin-right: -2rem!important;
margin-left: -2rem!important;
padding-left: 2rem!important;
padding-right: 2rem!important
}
}
@media screen and (max-width:1023px) {
.slider:not(.mobile-only) {
padding-top: 0;
margin-top: 0
}
.slider {
padding-top: 2rem;
padding-bottom: 2rem;
margin-top: -2rem;
margin-bottom: 0;
overflow: hidden;
font-size: 1rem;
display: block
}
.slider .items-container, .slider .row, .slider .row-percent {
white-space: nowrap;
margin-left: 0;
margin-right: 0;
display: block;
font-size: 0;
line-height: 0
}
.slider .col, .slider .slider-item {
font-size: 16px;
line-height: 1.5em;
margin-left: 0;
margin-right: 1rem;
display: inline-block;
vertical-align: top
}
.slider .list-item {
margin-bottom: 0
}
.slider .items-container:not(.flickity-enabled) {
white-space: nowrap
}
.slider .slider-item {
display: inline-block;
margin-right: 1rem;
white-space: normal
}
.slider .button-spacer {
width: 3.75rem;
display: inline-block
}
.slider.fullscreen {
margin-bottom: 0;
padding-bottom: 0
}
.slider.fullscreen .slider-item {
overflow: hidden;
height: 100%
}
.slider.fullscreen .slider-item .wrapper {
height: 100%;
padding-bottom: 5.75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.slider.fullscreen .slider-item .btn {
position: absolute;
bottom: 0
}
.slider.fullscreen .flickity-prev-next-button {
right: 3rem
}
.slider.fullscreen .flickity-page-dots {
bottom: 5rem;
right: 3rem
}
.slider.fullscreen-btns .flickity-prev-next-button {
right: 3rem
}
.slider.w-btns-inner {
padding-top: 0;
margin-top: 0
}
.slider.w-btns-inner .flickity-prev-next-button.previous {
top: 6rem
}
.slider.w-btns-inner .flickity-prev-next-button.next {
top: 2rem
}
.block .slider {
margin-right: -2rem!important;
margin-left: -2rem!important;
padding-left: 2rem!important;
padding-right: 2rem!important
}
}
@media screen and (max-width:1023px) and (max-width:1023px) {
.slider {
padding-top: 0;
margin-top: 0
}
}
@media screen and (max-width:1023px) {
.slider.fullscreen .block {
padding-bottom: 4rem
}
.slider.fullscreen .slider-item .btn {
bottom: 0!important
}
.slider.fullscreen .flickity-page-dots {
bottom: 2.7rem!important;
right: 50%!important;
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0)
}
}
@media screen and (max-width:680px) {
.popin .slider {
margin-right: -1rem!important;
margin-left: -1rem!important;
padding-left: 1rem!important;
padding-right: 1rem!important
}
}
.btn-slider, .flickity-prev-next-button {
width: 3.75rem;
height: 3.75rem;
padding: 0;
border: none;
outline: 0;
background: #ffc426;
display: block;
font-size: 1.2rem;
line-height: 1em;
cursor: pointer;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.25);
box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.25);
-webkit-transition: background .3s, opacity .3s;
transition: background .3s, opacity .3s
}
.btn-slider:hover, .flickity-prev-next-button:hover {
background: #ffd259
}
.btn-slider svg, .flickity-prev-next-button svg {
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-transform: scale(.265);
transform: scale(.265)
}
.btn-slider[disabled], .flickity-prev-next-button[disabled] {
pointer-events: none
}
.btn-slider[disabled] svg, .flickity-prev-next-button[disabled] svg {
opacity: .4
}
.flickity-prev-next-button {
position: absolute;
right: 0
}
.flickity-prev-next-button.previous {
top: 3rem
}
.flickity-prev-next-button.next {
top: -1rem
}
.flickity-page-dots {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flickity-page-dots .dot {
width: .5rem;
height: .5rem;
border-radius: 50%;
margin-right: .625rem;
background-color: rgba(255,255,255,.7);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
cursor: pointer
}
.flickity-page-dots .dot:last-of-type {
margin-right: 0
}
.flickity-page-dots .dot.is-selected {
-webkit-transform: scale(1.5);
transform: scale(1.5);
background-color: #ffc426
}
@media screen and (max-width:1023px) {
.btn-slider-wrapper {
display: none!important
}
}/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative
}
.flickity-enabled:focus {
outline: 0
}
.flickity-viewport {
position: relative;
height: 100%
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%
}
.flickity-enabled.is-draggable {
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: -webkit-grab;
cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing
}
.thumb {
width: 4rem;
height: 4rem;
border-radius: 50%;
overflow: hidden;
display: inline-block
}
.thumb img {
width: 100%
}
.thumb.pico {
width: 2.5rem;
height: 2.5rem
}
.thumb.x-small {
width: 3rem;
height: 3rem
}
.thumb.small {
width: 4rem;
height: 4rem
}
.thumb.small-header {
width: 4.5rem;
height: 4.5rem
}
.thumb.medium {
width: 10rem;
height: 10rem
}
.thumb.large {
width: 14rem;
height: 14rem
}
.thumb.center {
margin: 0 auto
}
@media screen and (max-width:680px) {
.thumb {
width: 3rem;
height: 3rem
}
.thumb.large {
width: 5rem;
height: 5rem
}
}
.ticket {
position: relative;
width: 18.75em;
text-align: center;
margin-top: -.3125rem;
font-family: RobotoMono, sans-serif
}
.ticket.f-width {
width: 100%
}
.ticket.grid-helper-h:after {
top: .33em
}
.ticket.is-multiple:after, .ticket.is-multiple:before {
content: '';
position: absolute;
background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%22300px%22 height%3D%22380px%22 viewBox%3D%220 0 300 380%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C!-- Generator%3A Sketch 50.2 (55047) - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E %3Ctitle%3ECombined Shape%3C%2Ftitle%3E %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E %3Cdefs%3E %3ClinearGradient x1%3D%2250%25%22 y1%3D%220%25%22 x2%3D%2250%25%22 y2%3D%22100%25%22 id%3D%22linearGradient-1%22%3E %3Cstop stop-color%3D%22%23F6F6F9%22 offset%3D%220%25%22%3E%3C%2Fstop%3E %3Cstop stop-color%3D%22%23EAEAF1%22 offset%3D%2297.8790025%25%22%3E%3C%2Fstop%3E %3Cstop stop-color%3D%22%23FFFFFF%22 offset%3D%22100%25%22%3E%3C%2Fstop%3E %3C%2FlinearGradient%3E %3Cpath d%3D%22M161%2C360 C161%2C358.343146 159.656854%2C357 158%2C357 C156.343146%2C357 155%2C358.343146 155%2C360 L149%2C360 C149%2C358.343146 147.656854%2C357 146%2C357 C144.343146%2C357 143%2C358.343146 143%2C360 L137%2C360 C137%2C358.343146 135.656854%2C357 134%2C357 C132.343146%2C357 131%2C358.343146 131%2C360 L125%2C360 C125%2C358.343146 123.656854%2C357 122%2C357 C120.343146%2C357 119%2C358.343146 119%2C360 L113%2C360 C113%2C358.343146 111.656854%2C357 110%2C357 C108.343146%2C357 107%2C358.343146 107%2C360 L101%2C360 C101%2C358.343146 99.6568542%2C357 98%2C357 C96.3431458%2C357 95%2C358.343146 95%2C360 L89%2C360 C89%2C358.343146 87.6568542%2C357 86%2C357 C84.3431458%2C357 83%2C358.343146 83%2C360 L77%2C360 C77%2C358.343146 75.6568542%2C357 74%2C357 C72.3431458%2C357 71%2C358.343146 71%2C360 L65%2C360 C65%2C358.343146 63.6568542%2C357 62%2C357 C60.3431458%2C357 59%2C358.343146 59%2C360 L53%2C360 C53%2C358.343146 51.6568542%2C357 50%2C357 C48.3431458%2C357 47%2C358.343146 47%2C360 L41%2C360 C41%2C358.343146 39.6568542%2C357 38%2C357 C36.3431458%2C357 35%2C358.343146 35%2C360 L29%2C360 C29%2C358.343146 27.6568542%2C357 26%2C357 C24.3431458%2C357 23%2C358.343146 23%2C360 L17%2C360 C17%2C358.343146 15.6568542%2C357 14%2C357 C12.3431458%2C357 11%2C358.343146 11%2C360 L5%2C360 C5%2C358.343146 3.65685425%2C357 2%2C357 C1.23164556%2C357 0.530756492%2C357.288854 -1.84702809e-11%2C357.763893 L0%2C12 C-8.11624501e-16%2C5.372583 5.372583%2C1.21743675e-15 12%2C0 L101.260175%2C0 C105.700603%2C16.9168113 121.361606%2C29.4166667 140%2C29.4166667 C158.638394%2C29.4166667 174.299397%2C16.9168113 178.739825%2C-1.33226763e-15 L268%2C0 C274.627417%2C-1.21743675e-15 280%2C5.372583 280%2C12 L280%2C357.763893 C279.469244%2C357.288854 278.768354%2C357 278%2C357 C276.343146%2C357 275%2C358.343146 275%2C360 L269%2C360 C269%2C358.343146 267.656854%2C357 266%2C357 C264.343146%2C357 263%2C358.343146 263%2C360 L257%2C360 C257%2C358.343146 255.656854%2C357 254%2C357 C252.343146%2C357 251%2C358.343146 251%2C360 L245%2C360 C245%2C358.343146 243.656854%2C357 242%2C357 C240.343146%2C357 239%2C358.343146 239%2C360 L233%2C360 C233%2C358.343146 231.656854%2C357 230%2C357 C228.343146%2C357 227%2C358.343146 227%2C360 L221%2C360 C221%2C358.343146 219.656854%2C357 218%2C357 C216.343146%2C357 215%2C358.343146 215%2C360 L209%2C360 C209%2C358.343146 207.656854%2C357 206%2C357 C204.343146%2C357 203%2C358.343146 203%2C360 L197%2C360 C197%2C358.343146 195.656854%2C357 194%2C357 C192.343146%2C357 191%2C358.343146 191%2C360 L185%2C360 C185%2C358.343146 183.656854%2C357 182%2C357 C180.343146%2C357 179%2C358.343146 179%2C360 L173%2C360 C173%2C358.343146 171.656854%2C357 170%2C357 C168.343146%2C357 167%2C358.343146 167%2C360 L161%2C360 Z%22 id%3D%22path-2%22%3E%3C%2Fpath%3E %3Cfilter x%3D%22-6.2%25%22 y%3D%22-3.5%25%22 width%3D%22112.5%25%22 height%3D%22109.7%25%22 filterUnits%3D%22objectBoundingBox%22 id%3D%22filter-4%22%3E %3CfeOffset dx%3D%220%22 dy%3D%225%22 in%3D%22SourceAlpha%22 result%3D%22shadowOffsetOuter1%22%3E%3C%2FfeOffset%3E %3CfeGaussianBlur stdDeviation%3D%225%22 in%3D%22shadowOffsetOuter1%22 result%3D%22shadowBlurOuter1%22%3E%3C%2FfeGaussianBlur%3E %3CfeComposite in%3D%22shadowBlurOuter1%22 in2%3D%22SourceAlpha%22 operator%3D%22out%22 result%3D%22shadowBlurOuter1%22%3E%3C%2FfeComposite%3E %3CfeColorMatrix values%3D%220 0 0 0 0.120297159 0 0 0 0 0.121365757 0 0 0 0 0.138020833 0 0 0 0.1 0%22 type%3D%22matrix%22 in%3D%22shadowBlurOuter1%22%3E%3C%2FfeColorMatrix%3E %3C%2Ffilter%3E %3C%2Fdefs%3E %3Cg id%3D%22UI-DESKTOP%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22MOLECULE-%2F-Ticket-3-lignes%22 transform%3D%22translate(10.000000%2C 5.000000)%22%3E %3Cg id%3D%22MOLECULE-%2F-Ticket%22%3E %3Cmask id%3D%22mask-3%22 fill%3D%22white%22%3E %3Cuse xlink%3Ahref%3D%22%23path-2%22%3E%3C%2Fuse%3E %3C%2Fmask%3E %3Cg id%3D%22Combined-Shape%22%3E %3Cuse fill%3D%22black%22 fill-opacity%3D%221%22 filter%3D%22url(%23filter-4)%22 xlink%3Ahref%3D%22%23path-2%22%3E%3C%2Fuse%3E %3Cpath stroke%3D%22url(%23linearGradient-1)%22 stroke-width%3D%221%22 d%3D%22M161.464556%2C359.5 L166.535444%2C359.5 C166.778059%2C357.803853 168.236764%2C356.5 170%2C356.5 C171.763236%2C356.5 173.221941%2C357.803853 173.464556%2C359.5 L178.535444%2C359.5 C178.778059%2C357.803853 180.236764%2C356.5 182%2C356.5 C183.763236%2C356.5 185.221941%2C357.803853 185.464556%2C359.5 L190.535444%2C359.5 C190.778059%2C357.803853 192.236764%2C356.5 194%2C356.5 C195.763236%2C356.5 197.221941%2C357.803853 197.464556%2C359.5 L202.535444%2C359.5 C202.778059%2C357.803853 204.236764%2C356.5 206%2C356.5 C207.763236%2C356.5 209.221941%2C357.803853 209.464556%2C359.5 L214.535444%2C359.5 C214.778059%2C357.803853 216.236764%2C356.5 218%2C356.5 C219.763236%2C356.5 221.221941%2C357.803853 221.464556%2C359.5 L226.535444%2C359.5 C226.778059%2C357.803853 228.236764%2C356.5 230%2C356.5 C231.763236%2C356.5 233.221941%2C357.803853 233.464556%2C359.5 L238.535444%2C359.5 C238.778059%2C357.803853 240.236764%2C356.5 242%2C356.5 C243.763236%2C356.5 245.221941%2C357.803853 245.464556%2C359.5 L250.535444%2C359.5 C250.778059%2C357.803853 252.236764%2C356.5 254%2C356.5 C255.763236%2C356.5 257.221941%2C357.803853 257.464556%2C359.5 L262.535444%2C359.5 C262.778059%2C357.803853 264.236764%2C356.5 266%2C356.5 C267.763236%2C356.5 269.221941%2C357.803853 269.464556%2C359.5 L274.535444%2C359.5 C274.778059%2C357.803853 276.236764%2C356.5 278%2C356.5 C278.52802%2C356.5 279.038227%2C356.617608 279.5%2C356.836854 L279.5%2C12 C279.5%2C5.64872538 274.351275%2C0.5 268%2C0.5 L179.123552%2C0.5 C174.423891%2C17.7115947 158.451612%2C29.9166667 140%2C29.9166667 C121.548388%2C29.9166667 105.576109%2C17.7115947 100.876448%2C0.5 L12%2C0.5 C5.64872538%2C0.5 0.5%2C5.64872538 0.5%2C12 L0.5%2C356.836854 C0.961773198%2C356.617608 1.47197959%2C356.5 2%2C356.5 C3.76323595%2C356.5 5.22194074%2C357.803853 5.46455557%2C359.5 L10.5354444%2C359.5 C10.7780593%2C357.803853 12.236764%2C356.5 14%2C356.5 C15.763236%2C356.5 17.2219407%2C357.803853 17.4645556%2C359.5 L22.5354444%2C359.5 C22.7780593%2C357.803853 24.236764%2C356.5 26%2C356.5 C27.763236%2C356.5 29.2219407%2C357.803853 29.4645556%2C359.5 L34.5354444%2C359.5 C34.7780593%2C357.803853 36.236764%2C356.5 38%2C356.5 C39.763236%2C356.5 41.2219407%2C357.803853 41.4645556%2C359.5 L46.5354444%2C359.5 C46.7780593%2C357.803853 48.236764%2C356.5 50%2C356.5 C51.763236%2C356.5 53.2219407%2C357.803853 53.4645556%2C359.5 L58.5354444%2C359.5 C58.7780593%2C357.803853 60.236764%2C356.5 62%2C356.5 C63.763236%2C356.5 65.2219407%2C357.803853 65.4645556%2C359.5 L70.5354444%2C359.5 C70.7780593%2C357.803853 72.236764%2C356.5 74%2C356.5 C75.763236%2C356.5 77.2219407%2C357.803853 77.4645556%2C359.5 L82.5354444%2C359.5 C82.7780593%2C357.803853 84.236764%2C356.5 86%2C356.5 C87.763236%2C356.5 89.2219407%2C357.803853 89.4645556%2C359.5 L94.5354444%2C359.5 C94.7780593%2C357.803853 96.236764%2C356.5 98%2C356.5 C99.763236%2C356.5 101.221941%2C357.803853 101.464556%2C359.5 L106.535444%2C359.5 C106.778059%2C357.803853 108.236764%2C356.5 110%2C356.5 C111.763236%2C356.5 113.221941%2C357.803853 113.464556%2C359.5 L118.535444%2C359.5 C118.778059%2C357.803853 120.236764%2C356.5 122%2C356.5 C123.763236%2C356.5 125.221941%2C357.803853 125.464556%2C359.5 L130.535444%2C359.5 C130.778059%2C357.803853 132.236764%2C356.5 134%2C356.5 C135.763236%2C356.5 137.221941%2C357.803853 137.464556%2C359.5 L142.535444%2C359.5 C142.778059%2C357.803853 144.236764%2C356.5 146%2C356.5 C147.763236%2C356.5 149.221941%2C357.803853 149.464556%2C359.5 L154.535444%2C359.5 C154.778059%2C357.803853 156.236764%2C356.5 158%2C356.5 C159.763236%2C356.5 161.221941%2C357.803853 161.464556%2C359.5 Z%22 stroke-linejoin%3D%22square%22 fill%3D%22%23FFFFFF%22 fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E");
background-size: cover;
background-repeat: no-repeat
}
.ticket.is-multiple:before {
top: -.5rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 1rem);
height: 5rem;
opacity: .7
}
.ticket.is-multiple:after {
top: -1rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 3rem);
height: 5rem;
opacity: .4
}
.ticket .bottom, .ticket .content, .ticket .pic, .ticket .top {
padding-left: 3.7%;
padding-right: 3.7%;
margin-left: -3.7%;
margin-right: -3.7%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-size: 100%
}
.ticket .content, .ticket .pic, .ticket .top {
background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%22300px%22 height%3D%22380px%22 viewBox%3D%220 0 300 380%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C!-- Generator%3A Sketch 50.2 (55047) - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E %3Ctitle%3ECombined Shape%3C%2Ftitle%3E %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E %3Cdefs%3E %3ClinearGradient x1%3D%2250%25%22 y1%3D%220%25%22 x2%3D%2250%25%22 y2%3D%22100%25%22 id%3D%22linearGradient-1%22%3E %3Cstop stop-color%3D%22%23F6F6F9%22 offset%3D%220%25%22%3E%3C%2Fstop%3E %3Cstop stop-color%3D%22%23EAEAF1%22 offset%3D%2297.8790025%25%22%3E%3C%2Fstop%3E %3Cstop stop-color%3D%22%23FFFFFF%22 offset%3D%22100%25%22%3E%3C%2Fstop%3E %3C%2FlinearGradient%3E %3Cpath d%3D%22M161%2C360 C161%2C358.343146 159.656854%2C357 158%2C357 C156.343146%2C357 155%2C358.343146 155%2C360 L149%2C360 C149%2C358.343146 147.656854%2C357 146%2C357 C144.343146%2C357 143%2C358.343146 143%2C360 L137%2C360 C137%2C358.343146 135.656854%2C357 134%2C357 C132.343146%2C357 131%2C358.343146 131%2C360 L125%2C360 C125%2C358.343146 123.656854%2C357 122%2C357 C120.343146%2C357 119%2C358.343146 119%2C360 L113%2C360 C113%2C358.343146 111.656854%2C357 110%2C357 C108.343146%2C357 107%2C358.343146 107%2C360 L101%2C360 C101%2C358.343146 99.6568542%2C357 98%2C357 C96.3431458%2C357 95%2C358.343146 95%2C360 L89%2C360 C89%2C358.343146 87.6568542%2C357 86%2C357 C84.3431458%2C357 83%2C358.343146 83%2C360 L77%2C360 C77%2C358.343146 75.6568542%2C357 74%2C357 C72.3431458%2C357 71%2C358.343146 71%2C360 L65%2C360 C65%2C358.343146 63.6568542%2C357 62%2C357 C60.3431458%2C357 59%2C358.343146 59%2C360 L53%2C360 C53%2C358.343146 51.6568542%2C357 50%2C357 C48.3431458%2C357 47%2C358.343146 47%2C360 L41%2C360 C41%2C358.343146 39.6568542%2C357 38%2C357 C36.3431458%2C357 35%2C358.343146 35%2C360 L29%2C360 C29%2C358.343146 27.6568542%2C357 26%2C357 C24.3431458%2C357 23%2C358.343146 23%2C360 L17%2C360 C17%2C358.343146 15.6568542%2C357 14%2C357 C12.3431458%2C357 11%2C358.343146 11%2C360 L5%2C360 C5%2C358.343146 3.65685425%2C357 2%2C357 C1.23164556%2C357 0.530756492%2C357.288854 -1.84702809e-11%2C357.763893 L0%2C12 C-8.11624501e-16%2C5.372583 5.372583%2C1.21743675e-15 12%2C0 L101.260175%2C0 C105.700603%2C16.9168113 121.361606%2C29.4166667 140%2C29.4166667 C158.638394%2C29.4166667 174.299397%2C16.9168113 178.739825%2C-1.33226763e-15 L268%2C0 C274.627417%2C-1.21743675e-15 280%2C5.372583 280%2C12 L280%2C357.763893 C279.469244%2C357.288854 278.768354%2C357 278%2C357 C276.343146%2C357 275%2C358.343146 275%2C360 L269%2C360 C269%2C358.343146 267.656854%2C357 266%2C357 C264.343146%2C357 263%2C358.343146 263%2C360 L257%2C360 C257%2C358.343146 255.656854%2C357 254%2C357 C252.343146%2C357 251%2C358.343146 251%2C360 L245%2C360 C245%2C358.343146 243.656854%2C357 242%2C357 C240.343146%2C357 239%2C358.343146 239%2C360 L233%2C360 C233%2C358.343146 231.656854%2C357 230%2C357 C228.343146%2C357 227%2C358.343146 227%2C360 L221%2C360 C221%2C358.343146 219.656854%2C357 218%2C357 C216.343146%2C357 215%2C358.343146 215%2C360 L209%2C360 C209%2C358.343146 207.656854%2C357 206%2C357 C204.343146%2C357 203%2C358.343146 203%2C360 L197%2C360 C197%2C358.343146 195.656854%2C357 194%2C357 C192.343146%2C357 191%2C358.343146 191%2C360 L185%2C360 C185%2C358.343146 183.656854%2C357 182%2C357 C180.343146%2C357 179%2C358.343146 179%2C360 L173%2C360 C173%2C358.343146 171.656854%2C357 170%2C357 C168.343146%2C357 167%2C358.343146 167%2C360 L161%2C360 Z%22 id%3D%22path-2%22%3E%3C%2Fpath%3E %3Cfilter x%3D%22-6.2%25%22 y%3D%22-3.5%25%22 width%3D%22112.5%25%22 height%3D%22109.7%25%22 filterUnits%3D%22objectBoundingBox%22 id%3D%22filter-4%22%3E %3CfeOffset dx%3D%220%22 dy%3D%225%22 in%3D%22SourceAlpha%22 result%3D%22shadowOffsetOuter1%22%3E%3C%2FfeOffset%3E %3CfeGaussianBlur stdDeviation%3D%225%22 in%3D%22shadowOffsetOuter1%22 result%3D%22shadowBlurOuter1%22%3E%3C%2FfeGaussianBlur%3E %3CfeComposite in%3D%22shadowBlurOuter1%22 in2%3D%22SourceAlpha%22 operator%3D%22out%22 result%3D%22shadowBlurOuter1%22%3E%3C%2FfeComposite%3E %3CfeColorMatrix values%3D%220 0 0 0 0.120297159 0 0 0 0 0.121365757 0 0 0 0 0.138020833 0 0 0 0.1 0%22 type%3D%22matrix%22 in%3D%22shadowBlurOuter1%22%3E%3C%2FfeColorMatrix%3E %3C%2Ffilter%3E %3C%2Fdefs%3E %3Cg id%3D%22UI-DESKTOP%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22MOLECULE-%2F-Ticket-3-lignes%22 transform%3D%22translate(10.000000%2C 5.000000)%22%3E %3Cg id%3D%22MOLECULE-%2F-Ticket%22%3E %3Cmask id%3D%22mask-3%22 fill%3D%22white%22%3E %3Cuse xlink%3Ahref%3D%22%23path-2%22%3E%3C%2Fuse%3E %3C%2Fmask%3E %3Cg id%3D%22Combined-Shape%22%3E %3Cuse fill%3D%22black%22 fill-opacity%3D%221%22 filter%3D%22url(%23filter-4)%22 xlink%3Ahref%3D%22%23path-2%22%3E%3C%2Fuse%3E %3Cpath stroke%3D%22url(%23linearGradient-1)%22 stroke-width%3D%221%22 d%3D%22M161.464556%2C359.5 L166.535444%2C359.5 C166.778059%2C357.803853 168.236764%2C356.5 170%2C356.5 C171.763236%2C356.5 173.221941%2C357.803853 173.464556%2C359.5 L178.535444%2C359.5 C178.778059%2C357.803853 180.236764%2C356.5 182%2C356.5 C183.763236%2C356.5 185.221941%2C357.803853 185.464556%2C359.5 L190.535444%2C359.5 C190.778059%2C357.803853 192.236764%2C356.5 194%2C356.5 C195.763236%2C356.5 197.221941%2C357.803853 197.464556%2C359.5 L202.535444%2C359.5 C202.778059%2C357.803853 204.236764%2C356.5 206%2C356.5 C207.763236%2C356.5 209.221941%2C357.803853 209.464556%2C359.5 L214.535444%2C359.5 C214.778059%2C357.803853 216.236764%2C356.5 218%2C356.5 C219.763236%2C356.5 221.221941%2C357.803853 221.464556%2C359.5 L226.535444%2C359.5 C226.778059%2C357.803853 228.236764%2C356.5 230%2C356.5 C231.763236%2C356.5 233.221941%2C357.803853 233.464556%2C359.5 L238.535444%2C359.5 C238.778059%2C357.803853 240.236764%2C356.5 242%2C356.5 C243.763236%2C356.5 245.221941%2C357.803853 245.464556%2C359.5 L250.535444%2C359.5 C250.778059%2C357.803853 252.236764%2C356.5 254%2C356.5 C255.763236%2C356.5 257.221941%2C357.803853 257.464556%2C359.5 L262.535444%2C359.5 C262.778059%2C357.803853 264.236764%2C356.5 266%2C356.5 C267.763236%2C356.5 269.221941%2C357.803853 269.464556%2C359.5 L274.535444%2C359.5 C274.778059%2C357.803853 276.236764%2C356.5 278%2C356.5 C278.52802%2C356.5 279.038227%2C356.617608 279.5%2C356.836854 L279.5%2C12 C279.5%2C5.64872538 274.351275%2C0.5 268%2C0.5 L179.123552%2C0.5 C174.423891%2C17.7115947 158.451612%2C29.9166667 140%2C29.9166667 C121.548388%2C29.9166667 105.576109%2C17.7115947 100.876448%2C0.5 L12%2C0.5 C5.64872538%2C0.5 0.5%2C5.64872538 0.5%2C12 L0.5%2C356.836854 C0.961773198%2C356.617608 1.47197959%2C356.5 2%2C356.5 C3.76323595%2C356.5 5.22194074%2C357.803853 5.46455557%2C359.5 L10.5354444%2C359.5 C10.7780593%2C357.803853 12.236764%2C356.5 14%2C356.5 C15.763236%2C356.5 17.2219407%2C357.803853 17.4645556%2C359.5 L22.5354444%2C359.5 C22.7780593%2C357.803853 24.236764%2C356.5 26%2C356.5 C27.763236%2C356.5 29.2219407%2C357.803853 29.4645556%2C359.5 L34.5354444%2C359.5 C34.7780593%2C357.803853 36.236764%2C356.5 38%2C356.5 C39.763236%2C356.5 41.2219407%2C357.803853 41.4645556%2C359.5 L46.5354444%2C359.5 C46.7780593%2C357.803853 48.236764%2C356.5 50%2C356.5 C51.763236%2C356.5 53.2219407%2C357.803853 53.4645556%2C359.5 L58.5354444%2C359.5 C58.7780593%2C357.803853 60.236764%2C356.5 62%2C356.5 C63.763236%2C356.5 65.2219407%2C357.803853 65.4645556%2C359.5 L70.5354444%2C359.5 C70.7780593%2C357.803853 72.236764%2C356.5 74%2C356.5 C75.763236%2C356.5 77.2219407%2C357.803853 77.4645556%2C359.5 L82.5354444%2C359.5 C82.7780593%2C357.803853 84.236764%2C356.5 86%2C356.5 C87.763236%2C356.5 89.2219407%2C357.803853 89.4645556%2C359.5 L94.5354444%2C359.5 C94.7780593%2C357.803853 96.236764%2C356.5 98%2C356.5 C99.763236%2C356.5 101.221941%2C357.803853 101.464556%2C359.5 L106.535444%2C359.5 C106.778059%2C357.803853 108.236764%2C356.5 110%2C356.5 C111.763236%2C356.5 113.221941%2C357.803853 113.464556%2C359.5 L118.535444%2C359.5 C118.778059%2C357.803853 120.236764%2C356.5 122%2C356.5 C123.763236%2C356.5 125.221941%2C357.803853 125.464556%2C359.5 L130.535444%2C359.5 C130.778059%2C357.803853 132.236764%2C356.5 134%2C356.5 C135.763236%2C356.5 137.221941%2C357.803853 137.464556%2C359.5 L142.535444%2C359.5 C142.778059%2C357.803853 144.236764%2C356.5 146%2C356.5 C147.763236%2C356.5 149.221941%2C357.803853 149.464556%2C359.5 L154.535444%2C359.5 C154.778059%2C357.803853 156.236764%2C356.5 158%2C356.5 C159.763236%2C356.5 161.221941%2C357.803853 161.464556%2C359.5 Z%22 stroke-linejoin%3D%22square%22 fill%3D%22%23FFFFFF%22 fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E")
}
.ticket .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: .625em;
padding-right: .625em;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.ticket .inner .movie-title {
width: 90%;
position: absolute;
bottom: -.5rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
word-break: break-word;
font-family: Butler, sans-serif;
font-size: 2.25rem;
line-height: 2rem;
text-transform: uppercase;
color: #fff;
white-space: initial
}
.ticket .top {
position: relative;
background-position: 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 1.3em;
padding-top: 1.5em
}
.ticket .top>div {
width: 36%;
font-size: 100%
}
.ticket .top .icon {
font-size: 2em;
fill: #a1a4a7
}
.ticket .top .text-main {
line-height: 1.4em;
font-weight: 700
}
.ticket .top .text-micro {
line-height: 1em;
margin-top: .2rem
}
.ticket .pic {
position: relative;
background-position: 0 17%
}
.ticket .pic:before {
content: '';
position: relative;
display: block;
padding-bottom: 56.5%
}
.ticket .pic .inner {
width: auto;
left: 3.29%;
right: 3.29%;
background-size: cover;
background-position: center;
background-color: #babcbe
}
.ticket .content {
background-position: 0 100%;
padding-top: 1em;
padding-bottom: 3.7%
}
.ticket .content .detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: .5em;
padding-bottom: 1.75em
}
.ticket .content .detail .room, .ticket .content .detail .spot {
padding: 0 .625rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ticket .content .detail .spot {
min-width: 50%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.ticket .content .detail .room {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-right: 1px solid #edeef0
}
.ticket .content .detail .label {
opacity: .5;
margin-bottom: -.3em
}
.ticket .content .detail .value {
font-size: 1.25em;
line-height: 1.2em
}
.ticket .content .detail .value .tooltip {
display: inline-block;
margin-left: .375rem
}
.ticket .content .detail .value .badge {
margin-top: -.2rem
}
.ticket .bottom {
background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%22300px%22 height%3D%2276px%22 viewBox%3D%220 0 300 76%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C!-- Generator%3A Sketch 50.2 (55047) - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E %3Ctitle%3Ebot%3C%2Ftitle%3E %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E %3Cdefs%3E %3ClinearGradient x1%3D%2250%25%22 y1%3D%220%25%22 x2%3D%2250%25%22 y2%3D%22100%25%22 id%3D%22linearGradient-1%22%3E %3Cstop stop-color%3D%22%23F6F6F9%22 offset%3D%220%25%22%3E%3C%2Fstop%3E %3Cstop stop-color%3D%22%23EAEAF1%22 offset%3D%2287.5666116%25%22%3E%3C%2Fstop%3E %3Cstop stop-color%3D%22%23FFFFFF%22 offset%3D%22100%25%22%3E%3C%2Fstop%3E %3C%2FlinearGradient%3E %3Cpath d%3D%22M155%2C56 L149%2C56 C149%2C54.3431458 147.656854%2C53 146%2C53 C144.343146%2C53 143%2C54.3431458 143%2C56 L137%2C56 C137%2C54.3431458 135.656854%2C53 134%2C53 C132.343146%2C53 131%2C54.3431458 131%2C56 L125%2C56 C125%2C54.3431458 123.656854%2C53 122%2C53 C120.343146%2C53 119%2C54.3431458 119%2C56 L113%2C56 C113%2C54.3431458 111.656854%2C53 110%2C53 C108.343146%2C53 107%2C54.3431458 107%2C56 L101%2C56 C101%2C54.3431458 99.6568542%2C53 98%2C53 C96.3431458%2C53 95%2C54.3431458 95%2C56 L89%2C56 C89%2C54.3431458 87.6568542%2C53 86%2C53 C84.3431458%2C53 83%2C54.3431458 83%2C56 L77%2C56 C77%2C54.3431458 75.6568542%2C53 74%2C53 C72.3431458%2C53 71%2C54.3431458 71%2C56 L65%2C56 C65%2C54.3431458 63.6568542%2C53 62%2C53 C60.3431458%2C53 59%2C54.3431458 59%2C56 L53%2C56 C53%2C54.3431458 51.6568542%2C53 50%2C53 C48.3431458%2C53 47%2C54.3431458 47%2C56 L41%2C56 C41%2C54.3431458 39.6568542%2C53 38%2C53 C36.3431458%2C53 35%2C54.3431458 35%2C56 L29%2C56 C29%2C54.3431458 27.6568542%2C53 26%2C53 C24.3431458%2C53 23%2C54.3431458 23%2C56 L17%2C56 C17%2C54.3431458 15.6568542%2C53 14%2C53 C12.3431458%2C53 11%2C54.3431458 11%2C56 L5%2C56 C5%2C54.3431458 3.65685425%2C53 2%2C53 C1.23164556%2C53 0.530756492%2C53.2888536 -1.84701698e-11%2C53.7638935 L0%2C12 C-8.11624501e-16%2C5.372583 5.372583%2C1.21743675e-15 12%2C0 L268%2C0 C274.627417%2C-3.06490805e-14 280%2C5.372583 280%2C12 L280%2C53.7638935 C279.469244%2C53.2888536 278.768354%2C53 278%2C53 C276.343146%2C53 275%2C54.3431458 275%2C56 L269%2C56 C269%2C54.3431458 267.656854%2C53 266%2C53 C264.343146%2C53 263%2C54.3431458 263%2C56 L257%2C56 C257%2C54.3431458 255.656854%2C53 254%2C53 C252.343146%2C53 251%2C54.3431458 251%2C56 L245%2C56 C245%2C54.3431458 243.656854%2C53 242%2C53 C240.343146%2C53 239%2C54.3431458 239%2C56 L233%2C56 C233%2C54.3431458 231.656854%2C53 230%2C53 C228.343146%2C53 227%2C54.3431458 227%2C56 L221%2C56 C221%2C54.3431458 219.656854%2C53 218%2C53 C216.343146%2C53 215%2C54.3431458 215%2C56 L209%2C56 C209%2C54.3431458 207.656854%2C53 206%2C53 C204.343146%2C53 203%2C54.3431458 203%2C56 L197%2C56 C197%2C54.3431458 195.656854%2C53 194%2C53 C192.343146%2C53 191%2C54.3431458 191%2C56 L185%2C56 C185%2C54.3431458 183.656854%2C53 182%2C53 C180.343146%2C53 179%2C54.3431458 179%2C56 L173%2C56 C173%2C54.3431458 171.656854%2C53 170%2C53 C168.343146%2C53 167%2C54.3431458 167%2C56 L161%2C56 C161%2C54.3431458 159.656854%2C53 158%2C53 C156.343146%2C53 155%2C54.3431458 155%2C56 Z%22 id%3D%22path-2%22%3E%3C%2Fpath%3E %3Cfilter x%3D%22-6.2%25%22 y%3D%22-40.2%25%22 width%3D%22112.5%25%22 height%3D%22162.5%25%22 filterUnits%3D%22objectBoundingBox%22 id%3D%22filter-3%22%3E %3CfeOffset dx%3D%220%22 dy%3D%22-5%22 in%3D%22SourceAlpha%22 result%3D%22shadowOffsetOuter1%22%3E%3C%2FfeOffset%3E %3CfeGaussianBlur stdDeviation%3D%225%22 in%3D%22shadowOffsetOuter1%22 result%3D%22shadowBlurOuter1%22%3E%3C%2FfeGaussianBlur%3E %3CfeComposite in%3D%22shadowBlurOuter1%22 in2%3D%22SourceAlpha%22 operator%3D%22out%22 result%3D%22shadowBlurOuter1%22%3E%3C%2FfeComposite%3E %3CfeColorMatrix values%3D%220 0 0 0 0.121568627 0 0 0 0 0.121568627 0 0 0 0 0.137254902 0 0 0 0.1 0%22 type%3D%22matrix%22 in%3D%22shadowBlurOuter1%22%3E%3C%2FfeColorMatrix%3E %3C%2Ffilter%3E %3C%2Fdefs%3E %3Cg id%3D%22UI-DESKTOP%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22MOLECULE-%2F-TICKET-%2F-avis%22 transform%3D%22translate(10.000000%2C 5.000000)%22%3E %3Cg id%3D%22bot%22%3E %3Cg%3E %3Cg transform%3D%22translate(140.000000%2C 28.000000) scale(1%2C -1) translate(-140.000000%2C -28.000000) %22%3E %3Cuse fill%3D%22black%22 fill-opacity%3D%221%22 filter%3D%22url(%23filter-3)%22 xlink%3Ahref%3D%22%23path-2%22%3E%3C%2Fuse%3E %3Cpath stroke%3D%22url(%23linearGradient-1)%22 stroke-width%3D%221%22 d%3D%22M154.535444%2C55.5 C154.778059%2C53.8038529 156.236764%2C52.5 158%2C52.5 C159.763236%2C52.5 161.221941%2C53.8038529 161.464556%2C55.5 L166.535444%2C55.5 C166.778059%2C53.8038529 168.236764%2C52.5 170%2C52.5 C171.763236%2C52.5 173.221941%2C53.8038529 173.464556%2C55.5 L178.535444%2C55.5 C178.778059%2C53.8038529 180.236764%2C52.5 182%2C52.5 C183.763236%2C52.5 185.221941%2C53.8038529 185.464556%2C55.5 L190.535444%2C55.5 C190.778059%2C53.8038529 192.236764%2C52.5 194%2C52.5 C195.763236%2C52.5 197.221941%2C53.8038529 197.464556%2C55.5 L202.535444%2C55.5 C202.778059%2C53.8038529 204.236764%2C52.5 206%2C52.5 C207.763236%2C52.5 209.221941%2C53.8038529 209.464556%2C55.5 L214.535444%2C55.5 C214.778059%2C53.8038529 216.236764%2C52.5 218%2C52.5 C219.763236%2C52.5 221.221941%2C53.8038529 221.464556%2C55.5 L226.535444%2C55.5 C226.778059%2C53.8038529 228.236764%2C52.5 230%2C52.5 C231.763236%2C52.5 233.221941%2C53.8038529 233.464556%2C55.5 L238.535444%2C55.5 C238.778059%2C53.8038529 240.236764%2C52.5 242%2C52.5 C243.763236%2C52.5 245.221941%2C53.8038529 245.464556%2C55.5 L250.535444%2C55.5 C250.778059%2C53.8038529 252.236764%2C52.5 254%2C52.5 C255.763236%2C52.5 257.221941%2C53.8038529 257.464556%2C55.5 L262.535444%2C55.5 C262.778059%2C53.8038529 264.236764%2C52.5 266%2C52.5 C267.763236%2C52.5 269.221941%2C53.8038529 269.464556%2C55.5 L274.535444%2C55.5 C274.778059%2C53.8038529 276.236764%2C52.5 278%2C52.5 C278.52802%2C52.5 279.038227%2C52.6176078 279.5%2C52.836854 L279.5%2C12 C279.5%2C5.64872538 274.351275%2C0.5 268%2C0.5 L12%2C0.5 C5.64872538%2C0.5 0.5%2C5.64872538 0.5%2C12 L0.5%2C52.836854 C0.961773198%2C52.6176078 1.47197959%2C52.5 2%2C52.5 C3.76323595%2C52.5 5.22194074%2C53.8038529 5.46455557%2C55.5 L10.5354444%2C55.5 C10.7780593%2C53.8038529 12.236764%2C52.5 14%2C52.5 C15.763236%2C52.5 17.2219407%2C53.8038529 17.4645556%2C55.5 L22.5354444%2C55.5 C22.7780593%2C53.8038529 24.236764%2C52.5 26%2C52.5 C27.763236%2C52.5 29.2219407%2C53.8038529 29.4645556%2C55.5 L34.5354444%2C55.5 C34.7780593%2C53.8038529 36.236764%2C52.5 38%2C52.5 C39.763236%2C52.5 41.2219407%2C53.8038529 41.4645556%2C55.5 L46.5354444%2C55.5 C46.7780593%2C53.8038529 48.236764%2C52.5 50%2C52.5 C51.763236%2C52.5 53.2219407%2C53.8038529 53.4645556%2C55.5 L58.5354444%2C55.5 C58.7780593%2C53.8038529 60.236764%2C52.5 62%2C52.5 C63.763236%2C52.5 65.2219407%2C53.8038529 65.4645556%2C55.5 L70.5354444%2C55.5 C70.7780593%2C53.8038529 72.236764%2C52.5 74%2C52.5 C75.763236%2C52.5 77.2219407%2C53.8038529 77.4645556%2C55.5 L82.5354444%2C55.5 C82.7780593%2C53.8038529 84.236764%2C52.5 86%2C52.5 C87.763236%2C52.5 89.2219407%2C53.8038529 89.4645556%2C55.5 L94.5354444%2C55.5 C94.7780593%2C53.8038529 96.236764%2C52.5 98%2C52.5 C99.763236%2C52.5 101.221941%2C53.8038529 101.464556%2C55.5 L106.535444%2C55.5 C106.778059%2C53.8038529 108.236764%2C52.5 110%2C52.5 C111.763236%2C52.5 113.221941%2C53.8038529 113.464556%2C55.5 L118.535444%2C55.5 C118.778059%2C53.8038529 120.236764%2C52.5 122%2C52.5 C123.763236%2C52.5 125.221941%2C53.8038529 125.464556%2C55.5 L130.535444%2C55.5 C130.778059%2C53.8038529 132.236764%2C52.5 134%2C52.5 C135.763236%2C52.5 137.221941%2C53.8038529 137.464556%2C55.5 L142.535444%2C55.5 C142.778059%2C53.8038529 144.236764%2C52.5 146%2C52.5 C147.763236%2C52.5 149.221941%2C53.8038529 149.464556%2C55.5 L154.535444%2C55.5 Z%22 stroke-linejoin%3D%22square%22 fill%3D%22%23FFFFFF%22 fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E");
position: relative;
margin-top: -6.9%;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s;
overflow: hidden
}
.ticket .bottom .inner {
padding-top: .5rem;
padding-bottom: .9rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ticket .bottom:before {
content: '';
position: relative;
display: block;
padding-bottom: 26.5%
}
.ticket .bottom .feeling {
color: #a1a4a7;
font-weight: 500
}
.ticket .bottom .feeling .icon {
font-size: 1.3em;
margin-right: .5rem
}
.ticket .bottom .feeling .icon.feeling {
fill: #e63041
}
.ticket.cancel .bottom, .ticket.seen .bottom {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg)
}
.ticket .bottom.hover:hover {
-webkit-transform: translate(0, .5rem);
transform: translate(0, .5rem)
}
.ticket.cancel .bottom.hover:hover, .ticket.seen .bottom.hover:hover {
-webkit-transform: rotate(-3deg) translate(0, .5rem);
transform: rotate(-3deg) translate(0, .5rem)
}
.ticket.cancel .bottom .inner {
color: #e63041;
text-transform: uppercase;
font-weight: 600;
font-size: .875em;
line-height: 2em;
letter-spacing: .08em
}
@media screen and (max-width:680px) {
.ticket {
width: 100%
}
.ticket.cancel .bottom, .ticket.seen .bottom {
margin-top: -8%
}
}
.tooltip {
position: relative
}
.tooltip .tooltip-trigger {
cursor: pointer
}
.tooltip .tooltip-content {
z-index: 199;
position: absolute;
background: #fff;
border: 1px solid #e7e7e7;
border-radius: .375rem;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
left: 100%;
top: 50%;
width: 100%;
min-width: 8rem;
margin-left: .65rem;
font-size: .875rem;
line-height: 1.5em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: .4rem 1rem;
pointer-events: none;
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: initial;
font-weight: initial;
color: initial
}
.tooltip .tooltip-content:after, .tooltip .tooltip-content:before {
content: '';
position: absolute;
top: 50%;
border-left: 0 solid transparent;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.tooltip .tooltip-content:before {
left: -7px;
border-top: 7px solid transparent;
border-right: 7px solid #e7e7e7;
border-bottom: 7px solid transparent
}
.tooltip .tooltip-content:after {
left: -5px;
border-top: 7px solid transparent;
border-right: 7px solid #fff;
border-bottom: 7px solid transparent
}
.tooltip.tooltip-one-line .tooltip-content {
width: auto;
min-width: 0;
white-space: nowrap
}
.tooltip.tooltip-on-left .tooltip-content {
left: auto;
right: 100%;
margin-left: 0;
margin-right: .65rem
}
.tooltip.tooltip-on-left .tooltip-content:after, .tooltip.tooltip-on-left .tooltip-content:before {
left: auto;
border-right: 0 solid transparent
}
.tooltip.tooltip-on-left .tooltip-content:before {
right: -7px;
border-left: 7px solid #e7e7e7
}
.tooltip.tooltip-on-left .tooltip-content:after {
right: -5px;
border-left: 7px solid #fff
}
.tooltip.tooltip-on-bottom .tooltip-content, .tooltip.tooltip-on-top .tooltip-content {
left: inherit;
right: 50%;
margin-left: 0;
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0)
}
.tooltip.tooltip-on-bottom .tooltip-content:after, .tooltip.tooltip-on-bottom .tooltip-content:before, .tooltip.tooltip-on-top .tooltip-content:after, .tooltip.tooltip-on-top .tooltip-content:before {
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.tooltip.tooltip-on-top .tooltip-content {
bottom: 100%;
top: auto;
margin-bottom: .65rem
}
.tooltip.tooltip-on-top .tooltip-content:after, .tooltip.tooltip-on-top .tooltip-content:before {
top: auto;
border-bottom: 0 solid transparent
}
.tooltip.tooltip-on-top .tooltip-content:before {
bottom: -7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #e7e7e7
}
.tooltip.tooltip-on-top .tooltip-content:after {
bottom: -5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff
}
.tooltip.tooltip-on-bottom .tooltip-content {
top: 100%;
margin-top: .65rem
}
.tooltip.tooltip-on-bottom .tooltip-content:after, .tooltip.tooltip-on-bottom .tooltip-content:before {
border-top: 0 solid transparent
}
.tooltip.tooltip-on-bottom .tooltip-content:before {
top: -7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #e7e7e7
}
.tooltip.tooltip-on-bottom .tooltip-content:after {
top: -5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff
}
.tooltip .tooltip-trigger-on-focus:focus+.label+.tooltip-content, .tooltip .tooltip-trigger-on-focus:focus+.tooltip-content, .tooltip .tooltip-trigger:hover+.tooltip-content, .tooltip.tooltip-visible .tooltip-content {
display: block
}
.tooltip .btn {
margin-right: 0
}
.form-group.tooltip .tooltip-content, .tooltip .form-group .tooltip-content {
margin-top: .75rem
}
.form-inline-btn .tooltip .form-group .tooltip-content, .form-inline-btn .tooltip.form-group .tooltip-content {
margin-top: 0
}
.tooltip.dark .tooltip-content {
border: none;
color: #fff;
background-color: #1c2129
}
.tooltip.dark .tooltip-content:after, .tooltip.dark .tooltip-content:before {
border-right: 7px solid #1c2129
}
.tooltip.dark.tooltip-on-left .tooltip-content:after, .tooltip.dark.tooltip-on-left .tooltip-content:before {
left: auto;
border-right: 0 solid transparent
}
.tooltip.dark.tooltip-on-left .tooltip-content:before {
right: -7px;
border-left: 7px solid #1c2129
}
.tooltip.dark.tooltip-on-left .tooltip-content:after {
right: -5px;
border-left: 7px solid #1c2129
}
.tooltip.dark.tooltip-on-top .tooltip-content:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #1c2129
}
.tooltip.dark.tooltip-on-top .tooltip-content:after {
bottom: -5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #1c2129
}
.tooltip.dark.tooltip-on-bottom .tooltip-content:after, .tooltip.dark.tooltip-on-bottom .tooltip-content:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #1c2129
}
@media screen and (max-width:1023px) {
.tooltip.tooltip-one-line .tooltip-content {
width: 100%;
min-width: 0;
white-space: inherit
}
.tooltip.mob-tooltip-one-line .tooltip-content {
width: auto;
min-width: 0;
white-space: nowrap
}
.tooltip.mob-tooltip-on-left .tooltip-content {
left: auto;
right: 100%;
margin-left: 0;
margin-right: .65rem
}
.tooltip.mob-tooltip-on-left .tooltip-content:after, .tooltip.mob-tooltip-on-left .tooltip-content:before {
left: auto;
border-right: 0 solid transparent
}
.tooltip.mob-tooltip-on-left .tooltip-content:before {
right: -7px;
border-left: 7px solid #e7e7e7
}
.tooltip.mob-tooltip-on-left .tooltip-content:after {
right: -5px;
border-left: 7px solid #fff
}
.tooltip.mob-tooltip-on-bottom .tooltip-content, .tooltip.mob-tooltip-on-top .tooltip-content {
left: 50%;
margin-left: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.tooltip.mob-tooltip-on-bottom .tooltip-content:after, .tooltip.mob-tooltip-on-bottom .tooltip-content:before, .tooltip.mob-tooltip-on-top .tooltip-content:after, .tooltip.mob-tooltip-on-top .tooltip-content:before {
left: 50%;
right: auto;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.tooltip.mob-tooltip-on-top .tooltip-content {
bottom: 100%;
top: auto;
margin-bottom: .65rem
}
.tooltip.mob-tooltip-on-top .tooltip-content:after, .tooltip.mob-tooltip-on-top .tooltip-content:before {
top: auto;
border-bottom: 0 solid transparent
}
.tooltip.mob-tooltip-on-top .tooltip-content:before {
bottom: -7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #e7e7e7
}
.tooltip.mob-tooltip-on-top .tooltip-content:after {
bottom: -5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff
}
.tooltip.mob-tooltip-on-bottom .tooltip-content {
top: 100%;
margin-top: .65rem
}
.tooltip.mob-tooltip-on-bottom .tooltip-content:after, .tooltip.mob-tooltip-on-bottom .tooltip-content:before {
border-top: 0 solid transparent
}
.tooltip.mob-tooltip-on-bottom .tooltip-content:before {
top: -7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #e7e7e7
}
.tooltip.mob-tooltip-on-bottom .tooltip-content:after {
top: -5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff
}
.tooltip.dark.mob-tooltip-on-top .tooltip-content:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #1c2129
}
.tooltip.dark.mob-tooltip-on-top .tooltip-content:after {
bottom: -5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #1c2129
}
.tooltip.dark.mob-tooltip-on-bottom .tooltip-content:after, .tooltip.dark.mob-tooltip-on-bottom .tooltip-content:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #1c2129
}
}
.title-single {
font-weight: 900;
font-size: 3.125rem;
line-height: 3.5rem;
margin-bottom: 1em;
margin-top: .5rem
}
.title-single b, .title-single strong {
font-weight: 900
}
.title-single .btn-fav {
margin-top: -.3em
}
.title-single .light, .title-single.light {
font-weight: 300
}
@media screen and (max-width:680px) {
.title-single {
font-size: 1.875rem;
line-height: 2.5rem;
margin-bottom: 1rem
}
.title-single.still-fat-on-mobile {
font-size: 3.125rem;
line-height: 3.5rem
}
}
.title-element {
font-weight: 900;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 1.75rem
}
.title-element b, .title-element strong {
font-weight: 900
}
.title-element .light, .title-element.light {
font-weight: 300
}
@media screen and (max-width:680px) {
.title-element {
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 1.05rem
}
.title-element.still-fat-on-mobile {
font-size: 1.875rem;
line-height: 2rem
}
.title-element .btn {
display: block;
margin-top: .5rem
}
.title-element>.btn.small {
margin-top: .25em
}
}
.title-molecule {
font-weight: 900;
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 1.05rem
}
.title-molecule .medium, .title-molecule.medium {
font-weight: 600
}
.title-molecule .regular, .title-molecule.regular {
font-weight: 500
}
.title-molecule .light, .title-molecule.light {
font-weight: 300
}
.editorial, .text-main {
font-size: 1.125rem;
line-height: 2rem
}
.editorial .condensed, .editorial.condensed, .text-main .condensed, .text-main.condensed {
line-height: 1.5rem
}
.editorial .bold, .editorial.bold, .text-main .bold, .text-main.bold {
font-weight: 700
}
.editorial .black, .editorial.black, .text-main .black, .text-main.black {
font-weight: 900
}
.text-small {
font-size: 1rem;
line-height: 1.5em
}
@media screen and (max-width:680px) {
.text-main.small-on-mobile {
font-size: 1rem;
line-height: 1.5em
}
.text-small.small-on-mobile {
font-size: .875rem;
line-height: 1.5em
}
}
.text-micro {
font-size: .875rem;
line-height: 1.5em
}
.text-black {
font-size: 1.75rem;
font-weight: 900;
line-height: 2rem
}
.text-black .regular, .text-black.regular {
font-weight: 400
}
.text-black .medium, .text-black.medium {
font-weight: 600
}
.text-black .light, .text-black.light {
font-weight: 300
}
.text-black.small {
font-size: 1.25rem;
line-height: 1.5rem
}
@media screen and (max-width:680px) {
.text-black {
font-size: 1.25rem;
line-height: 1.5rem
}
.text-black.small {
font-size: 1.25rem
}
}
.label {
font-weight: 700;
font-size: .625rem;
letter-spacing: .0781rem;
display: block;
text-transform: uppercase;
color: #1c2129;
opacity: .3
}
.label .light {
font-weight: 500
}
.label.opaque {
opacity: 1
}
.label.inline {
display: inline-block
}
.label.medium {
font-size: .875rem
}
.status-label.white {
color: #fff;
fill: #fff
}
.status-label.white .icon {
fill: #fff
}
.status-label.green {
color: #07a92d;
fill: #07a92d
}
.status-label.green .icon {
fill: #07a92d
}
.status-label.light-green {
color: #34bd9e;
fill: #34bd9e
}
.status-label.light-green .icon {
fill: #34bd9e
}
.status-label.orange {
color: #ee810f;
fill: #ee810f
}
.status-label.orange .icon {
fill: #ee810f
}
.status-label.yellow {
color: #ffc426;
fill: #ffc426
}
.status-label.yellow .icon {
fill: #ffc426
}
.status-label.red {
color: #e63041;
fill: #e63041
}
.status-label.red .icon {
fill: #e63041
}
.status-label.pink {
color: #f6035e;
fill: #f6035e
}
.status-label.pink .icon {
fill: #f6035e
}
.status-label.mid-grey {
color: #676a6f;
fill: #676a6f
}
.status-label.mid-grey .icon {
fill: #676a6f
}
.status-label.grey {
color: #a1a4a7;
fill: #a1a4a7
}
.status-label.grey .icon {
fill: #a1a4a7
}
.status-label.dark-grey {
color: #1c2129;
fill: #1c2129
}
.status-label.dark-grey .icon {
fill: #1c2129
}
.status-label.light-white {
color: rgba(255,255,255,.7);
fill: rgba(255,255,255,.7)
}
.status-label.light-white .icon {
fill: rgba(255,255,255,.7)
}
.status-label.blue {
color: #4a90e2;
fill: #4a90e2
}
.status-label.blue .icon {
fill: #4a90e2
}
.status-label.blue-imax {
color: #009fe3;
fill: #009fe3
}
.status-label.blue-imax .icon {
fill: #009fe3
}
.baseline {
font-size: 1rem;
color: #676a6f
}
.baseline .fb-like {
top: -.2em
}
.title-element+.baseline {
margin-top: -1.5rem;
margin-bottom: 1.35rem
}
.title-element+.baseline:last-child {
margin-bottom: 0
}
.title-single+.baseline {
font-size: 1.25rem;
color: #1c2129;
margin-top: -2.7rem;
margin-bottom: -.15em
}
.title-single+.baseline:last-child {
margin-bottom: 0
}
@media screen and (max-width:680px) {
.baseline {
font-size: .75rem;
line-height: 1rem
}
.title-element+.baseline {
margin-top: -.65rem
}
.title-single+.baseline {
margin-top: -.5rem;
font-size: .875rem
}
}
.italic {
font-style: italic
}
a {
color: inherit
}
a.inverted {
text-decoration: none
}
a.inverted:hover {
text-decoration: underline
}
.badge {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .4em 1em;
font-size: .75rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: .375rem;
color: #fff;
background-color: #a1a4a7
}
.badge.bordered {
background: 0 0;
border: 1px solid #a1a4a7;
color: #a1a4a7
}
.badge.light {
background-color: #f2f3f5;
color: #676a6f;
font-weight: 400
}
.badge.light .icon {
fill: #676a6f
}
.badge.round {
border-radius: 1.25rem
}
.badge.green {
background-color: #34bd9e
}
.badge.blue {
background-color: #4a90e2
}
.badge.red {
background-color: #d0021b
}
.badge.transparent {
background-color: transparent
}
.badge.blur {
background: rgba(255,255,255,.15);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05)
}
.badge.blur .icon {
fill: rgba(255,255,255,.9)
}
.badge.dark {
background: rgba(0,0,0,.3);
color: #fff
}
.badge.medium {
font-size: 1.125rem
}
.badge.small {
font-size: 1rem
}
.badge .icon {
width: 1.3rem;
height: 1.3rem
}
a.badge {
text-decoration: none
}
a.badge.light:hover {
background-color: #e4e6ea
}
.block.block-fid .icon {
width: 3.75rem;
height: 3.75rem
}
.block.block-fid .card-fid {
position: absolute;
top: 4rem;
right: 6rem;
width: 20rem;
-webkit-box-shadow: 0 .5rem 2rem 0 rgba(0,0,0,.1);
box-shadow: 0 .5rem 2rem 0 rgba(0,0,0,.1);
border-radius: .875rem;
-webkit-transform: rotate(-37deg);
transform: rotate(-37deg)
}
.block.block-fid .l-grey-bg {
border-radius: .875rem;
border: 0
}
.block.block-mid-grey {
overflow: hidden;
position: relative
}
.block.block-mid-grey:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 52.5%;
height: 100%;
background: #fbfbfb
}
.block.block-mid-grey>* {
position: relative
}
.block .cinepass-logo {
width: auto;
height: 2rem
}
.block .block.grey-bg {
border-radius: .75rem
}
.block.block-event--recap .block-event--recap__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.block.block-event--recap .block-event--recap__container div:first-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.block.block-event--recap .poster {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 8rem;
background-size: 100% 100%;
border-radius: .375rem;
margin-right: 1.5rem;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05)
}
.block.block-event--recap .theater-preview {
padding-left: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #f8f8f8
}
@media screen and (max-width:680px) {
.badge.medium, .badge.small {
font-size: .75rem
}
.block.block-event--recap .poster {
width: 4rem
}
}
.bottom-wrapper {
position: fixed;
z-index: 200;
bottom: 0;
right: 0;
width: calc(100% - 22.5rem)
}
@media screen and (min-width:1023px) {
.bottom-wrapper {
pointer-events: none
}
body, html {
position: relative;
height: 100%;
width: 100%
}
}
@media screen and (max-width:1023px) {
.bottom-wrapper {
width: 100%
}
}
.confirmation-btns-container {
display: none;
position: relative;
z-index: 3;
height: 5rem;
-webkit-transform: translateY(2rem);
transform: translateY(2rem);
opacity: 0;
pointer-events: visiblePainted;
-webkit-transition: opacity .3s, -webkit-transform .3s ease-out;
transition: opacity .3s, -webkit-transform .3s ease-out;
transition: transform .3s ease-out, opacity .3s;
transition: transform .3s ease-out, opacity .3s, -webkit-transform .3s ease-out
}
.confirmation-btns-container.is-loading .loading-bar__thumb {
position: absolute;
bottom: 0;
width: 0;
height: .4rem;
background-color: #ffc426;
-webkit-transition: width .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: width .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: width .2s ease-in-out, transform .2s ease-in-out;
transition: width .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.confirmation-btns-container.is-loading .confirmation-button {
background-color: purple;
}
.confirmation-btns-container.is-loading .confirmation-button span {
position: relative
}
.confirmation-btns-container.w-sharing .confirmation-button {
padding-left: 18rem
}
.confirmation-btns-container.is-visible {
display: block
}
.confirmation-btns-container.is-open {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
pointer-events: initial
}
.showtime-sharing {
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
width: calc(100% - 1rem);
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2rem;
padding-right: 5.5rem;
pointer-events: none
}
.showtime-sharing.is-expanded {
pointer-events: inherit
}
.showtime-sharing.is-expanded .slide {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.showtime-sharing.is-expanded .slide .btn-add-friend .icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.showtime-sharing.is-expanded .left-wrapper p {
opacity: 0
}
.showtime-sharing.is-expanded .central-wrapper {
opacity: 1;
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.showtime-sharing .slide-content {
position: relative;
height: 100%
}
.showtime-sharing .left-wrapper {
position: absolute;
width: 8.5rem;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.showtime-sharing .left-wrapper .icon {
width: 2.625rem;
height: 2.625rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.showtime-sharing .left-wrapper p {
font-size: 1rem;
line-height: 1.125rem;
font-weight: 600;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.showtime-sharing .central-wrapper {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.showtime-sharing .central-wrapper p {
font-size: 1.5em;
font-weight: 900;
line-height: 1.125rem;
text-align: center
}
.showtime-sharing .slide {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
border-top-right-radius: 8.5rem;
border-bottom-right-radius: 8.5rem;
background: #ffebb5;
pointer-events: all;
-webkit-transform: translateX(-100%) translateX(17rem);
transform: translateX(-100%) translateX(17rem);
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.showtime-sharing .slide .tooltip-wrapper {
position: absolute;
top: 1rem;
right: 1rem
}
.showtime-sharing .slide .tooltip-wrapper .friends-tooltip {
width: 15rem;
pointer-events: all;
color: rgba(255,255,255,.7)
}
.showtime-sharing .slide .tooltip-wrapper .friends-tooltip .btn.round {
position: absolute;
top: -.75rem;
right: -.75rem;
width: 1.5rem;
height: 1.5rem;
padding: .1rem 0
}
.showtime-sharing .slide .tooltip-wrapper .friends-tooltip b {
color: #fff
}
.showtime-sharing .slide .btn-add-friend {
width: 3rem;
height: 3rem;
padding: .6rem 0
}
.showtime-sharing .slide .btn-add-friend .icon {
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.confirmation-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
line-height: 5rem;
padding: 0 1rem;
cursor: pointer;
text-decoration: none;
text-align: center;
border: none;
background-color: #ffc426;
font-size: 1.5em;
font-weight: 900;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.confirmation-button .icon {
margin-left: 1rem;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.confirmation-button:hover {
background-color: #ffd259
}
.confirmation-button:hover .icon {
-webkit-transform: translateX(.5rem);
transform: translateX(.5rem)
}
@media screen and (max-width:1023px) {
.confirmation-btns-container {
height: 3.5rem
}
.confirmation-btns-container.w-sharing .confirmation-button {
padding-left: 8rem
}
.showtime-sharing {
width: calc(100% - .5rem);
padding-left: 1rem;
padding-right: 3.5rem
}
.showtime-sharing.is-expanded .left-wrapper .icon {
opacity: 0
}
.showtime-sharing .left-wrapper .icon {
width: 2.25rem;
height: 2.25rem
}
.showtime-sharing .central-wrapper p {
font-size: 1rem;
font-weight: 600
}
.showtime-sharing .slide {
-webkit-transform: translateX(calc(-100% + 7rem));
transform: translateX(calc(-100% + 7rem))
}
.showtime-sharing .slide .tooltip-wrapper {
top: .5rem;
right: .5rem
}
.showtime-sharing .slide .tooltip-wrapper .friends-tooltip {
left: -3rem;
-webkit-transform: none;
transform: none
}
.showtime-sharing .slide .tooltip-wrapper .friends-tooltip:after, .showtime-sharing .slide .tooltip-wrapper .friends-tooltip:before {
left: 4.25rem
}
.showtime-sharing .slide .btn-add-friend {
width: 2.5rem;
height: 2.5rem;
padding: .6rem 0
}
.showtime-sharing .slide .btn-add-friend .icon {
width: 1.5rem;
height: 1.5rem
}
.confirmation-button {
line-height: 3.5rem;
font-size: 1rem
}
.confirmation-button .icon {
margin-left: .5rem
}
}
@media screen and (max-width:680px) {
.showtime-sharing .slide .tooltip-wrapper .friends-tooltip {
width: calc(100vw - 2rem)
}
}
.facturette-layer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(28,33,41,.8);
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
cursor: pointer
}
.facturette-layer.is-visible {
opacity: 1;
pointer-events: inherit
}
.facturette {
position: relative;
z-index: 2;
margin-top: -.6875rem
}
.facturette:before {
content: '';
position: relative;
display: block;
height: 11px;
background-position: center 100% 100%
}
.facturette.facturette--fixed .inner {
min-height: 0;
padding: 1rem 1.5rem
}
.facturette .head-mobile, .facturette.facturette--fixed .inner .mobile-wrapper:after {
display: none
}
.facturette .head-mobile div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.facturette .head-mobile div p {
line-height: 1rem
}
.facturette .head-mobile div:nth-child(2) {
margin-top: .5rem
}
.facturette .head-mobile .btn.rounded {
background-color: rgba(237,238,240,.7)
}
.facturette .head-mobile .btn.rounded .icon {
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.facturette .head-mobile .btn.rounded.is-open .icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.facturette .inner {
min-height: 2.5rem;
background: #fff;
padding: 1rem .5rem 1rem 1.5rem
}
.facturette .inner .mobile-wrapper {
overflow: hidden;
position: relative
}
.facturette .inner .mobile-wrapper:after {
content: '';
position: absolute;
left: 0;
right: 1rem;
bottom: 0;
height: 5rem;
background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255,255,255,0)));
background-image: linear-gradient(to top, #fff 0, rgba(255,255,255,0) 100%);
pointer-events: none
}
.facturette .inner .scroll-container {
max-height: calc(40vh - 3rem);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: -1rem
}
.facturette .inner .scroll-containeraction {
max-height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: -1rem
}
.facturette .inner .scroll-container .facturette-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1rem;
margin-bottom: .5rem
}
.facturette .inner .scroll-container .facturette-title:first-child {
margin-top: 0
}
.facturette .inner .scroll-container .simplebar-scrollbar {
z-index: 5
}
.facturette .inner .scroll-container .simplebar-content {
padding: 0 1rem 1rem 0;
padding-bottom: 5.5rem!important
}
.facturette .inner table tr td {
padding-right: 1rem
}
.facturette .inner table tr td.description, .facturette .inner table tr td:nth-child(2) {
width: 100%
}
.facturette .inner table tr td.description .text-small, .facturette .inner table tr td:nth-child(2) .text-small {
margin-bottom: .25rem
}
.facturette .inner table tr td:last-child {
padding-right: 0
}
.facturette .fid-card, .facturette .fid-dropdown {
position: absolute;
bottom: 1rem;
left: 1.5rem;
right: 1.5rem
}
@media screen and (max-width:1023px) {
.facturette.facturette--fixed .head-mobile {
padding-right: 0
}
.facturette.facturette--fixed .inner {
padding: 1rem
}
.facturette.facturette--fixed .inner .mobile-wrapper {
min-height: 0
}
.facturette.facturette--fixed .inner .mobile-wrapper .content-container {
margin-bottom: 1rem
}
.facturette.facturette--empty .fid-card, .facturette.facturette--empty .fid-dropdown {
bottom: 1.5rem
}
.facturette .inner {
padding: 1rem .25rem 1rem 1rem;
-webkit-box-shadow: 0 -.3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 -.3125rem .625rem 0 rgba(0,0,0,.1)
}
.facturette .inner .scroll-container {
max-height: calc(100vh - 11rem);
margin-top: 1rem
}
.facturette .head-mobile {
padding-right: .75rem;
display: block
}
.facturette table tr td .text-main {
font-size: 1rem
}
.facturette .mobile-wrapper {
min-height: 3rem;
max-height: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: max-height 1s cubic-bezier(0, 1, 0, 1), opacity .4s ease-in-out;
transition: max-height 1s cubic-bezier(0, 1, 0, 1), opacity .4s ease-in-out
}
.facturette .mobile-wrapper.is-visible {
max-height: 1000vh;
opacity: 1;
pointer-events: inherit;
-webkit-transition: max-height 2s ease-in-out;
transition: max-height 2s ease-in-out
}
.facturette .fid-card, .facturette .fid-dropdown {
left: 1rem;
right: 1rem;
bottom: 3.5rem
}
.facturette .fid-card .fid-dropdown-trigger, .facturette .fid-dropdown .fid-dropdown-trigger {
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05)
}
}
.fid-dropdown {
position: relative
}
.fid-dropdown-trigger {
position: relative;
padding: 0 .6rem 0 1rem;
width: 100%;
height: 2.5rem;
background: #f3f3f5;
border: 0;
border-radius: .75rem;
font-size: 1rem;
text-align: left;
overflow: hidden;
cursor: pointer;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.1);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.1);
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out
}
.fid-dropdown-trigger:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 2.5rem;
height: 2.5rem;
background: #edeef0;
border-radius: 0 .75rem .75rem 0
}
.fid-dropdown-trigger:hover {
background: #f8f9f9
}
.fid-dropdown-trigger .icon {
position: absolute;
top: 55%;
right: .7rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.25rem;
z-index: 2
}
.fid-dropdown-layer {
z-index: 200;
position: fixed;
width: 22.5rem;
height: calc(100% - 5rem);
top: 0;
left: 0;
background-color: #1c2129;
opacity: 0;
pointer-events: none;
cursor: pointer;
-webkit-transition: opacity .25s;
transition: opacity .25s
}
.fid-dropdown-content {
position: absolute;
z-index: 201;
left: 0;
bottom: 0;
width: 100%;
opacity: 0;
pointer-events: none;
border-radius: .75rem;
overflow: hidden;
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
-webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: opacity .2s ease-in-out, transform .2s ease-in-out;
transition: opacity .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.fid-dropdown-content .content-title {
background: #fff;
padding: .5rem 3.5rem .5rem 1rem
}
.fid-dropdown-content .content-title .text-small {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.fid-dropdown-content .content-title .contant-close-button {
position: absolute;
top: 0;
right: 0;
width: 2.7rem;
height: 2.5rem;
background: #edeef0;
border: 0;
cursor: pointer
}
.fid-dropdown-content .content-title .contant-close-button:hover .icon {
opacity: .9
}
.fid-dropdown-content .content-title .contant-close-button .icon {
width: 1.25rem;
height: 1.25rem;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.fid-dropdown-content ul li {
background: #edeef0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #ebe6e6;
-webkit-transition: background .2s ease-in-out;
transition: background .2s ease-in-out
}
.fid-dropdown-content ul li button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
cursor: pointer;
font-size: 1rem;
border: 0;
background: 0 0;
text-align: left;
padding: .5rem .75rem .5rem 1rem;
margin: 0
}
.fid-dropdown-content ul li button .icon {
padding: .1rem;
border: 1px solid #000;
border-radius: 50%;
opacity: .5;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.fid-dropdown-content ul li:hover {
background: #f8f9f9
}
.fid-dropdown-content ul li:hover .icon {
opacity: .7
}
.fid-dropdown-content .content-add-button {
display: block;
width: 100%;
border: 0;
padding: .5rem 1rem;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
text-align: center;
background: #edeef0;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
cursor: pointer
}
.fid-dropdown-content .content-add-button .icon {
font-size: 1.25rem
}
.fid-dropdown-content .content-add-button:hover {
color: #313947
}
.fid-dropdown.is-open .fid-dropdown-layer {
opacity: .5;
pointer-events: inherit
}
.fid-dropdown.is-open .fid-dropdown-content {
opacity: 1;
pointer-events: inherit;
-webkit-transform: translateY(0);
transform: translateY(0)
}
@media screen and (max-width:1023px) {
.fid-dropdown-layer {
width: 100%;
height: 100%
}
}
.fid-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 1rem;
height: 2.5rem;
background: #f3f3f5;
border: 0;
border-radius: .75rem;
font-size: 1rem;
text-align: left;
overflow: hidden;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.1);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.1)
}
.fid-card button {
height: 100%;
width: 2.5rem;
border: 0;
background-color: #edeef0;
cursor: pointer;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out
}
.fid-card button:hover {
background: #f3f3f5
}
.fid-card button:hover .icon {
opacity: 1
}
.fid-card button .icon {
margin-top: 0;
font-size: 1.25rem;
opacity: .5;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.legend {
margin-top: 2rem;
text-align: center
}
.legend ul li {
display: inline-block;
margin-right: 1.5rem
}
.legend ul li:last-of-type {
margin-right: 0
}
.legend .icon {
width: 1.75rem;
height: 1.75rem;
margin-right: .25rem
}
.legend .icon, .legend .text-small {
display: inline-block;
vertical-align: middle
}
@media screen and (max-width:680px) {
.legend {
text-align: left
}
.legend ul li {
position: relative;
display: block;
padding: .5rem 1rem;
margin-right: 0
}
.legend ul li:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
height: 1px;
width: calc(100% - 4rem);
background: #edeef0
}
.legend ul li:last-child:after {
display: none
}
.legend .icon {
width: 2rem;
height: 2rem;
margin-right: .75rem
}
}
.list-item {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
text-align: left;
border: 0;
border-bottom: 1px solid rgba(255,255,255,.1);
padding: 1rem 0;
margin: 0;
background: 0
}
.list-item .informations {
min-width: 0
}
.list-item .informations .text-main, .list-item .informations .text-micro, .list-item .informations .text-small, .list-item .informations .title-molecule {
color: #fff;
fill: #a1a4a7;
font-weight: 600;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.list-item .informations .text-micro {
color: #a1a4a7
}
.list-item .informations .text-micro .icon {
fill: #a1a4a7;
font-size: 1rem
}
.movie-list-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.movie-list-item .poster {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 3.75rem;
border-radius: 3px;
margin-right: 1rem;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center
}
.movie-list-item .poster:before {
content: '';
display: inline-block;
width: 100%;
padding-bottom: 135%
}
.movie-list-item .showtimes {
margin-top: .75rem
}
.movie-list-item .showtimes .showtime {
font-size: .875rem;
color: #a1a4a7;
margin-right: .5rem
}
.date-list-item .showtimes {
margin-top: .25rem
}
.date-list-item .showtimes p {
font-size: .875rem;
color: #a1a4a7;
display: inline-block;
margin-right: .5rem
}
.date-list-item .showtimes .showtime {
font-size: .875rem;
color: #a1a4a7;
margin-right: .5rem
}
.showtime-list-item .text-micro {
margin-top: .25rem
}
.theater-list-item .informations {
width: 100%
}
.theater-list-item .theater-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.theater-list-item .theater-name .text-micro .icon {
width: .8em;
height: .8em
}
.theater-list-item .theater-name>:last-child {
margin-left: 1rem
}
.list-w-icons li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5rem
}
.list-w-icons li .icon {
width: 3rem;
height: 3rem;
fill: #1c2129;
margin-right: 1.75rem;
-ms-flex-negative: 0;
flex-shrink: 0
}
.list-w-icons li:last-child {
margin-bottom: 0
}
.main-push-app {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5.5rem;
padding-bottom: 5rem;
background-image: url(screen-mobile-android-01@2x.35dbd6c3f47a74850f83.jpg);
background-size: 21.8125rem 20.5rem;
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 0
}
.main-push-app .inner {
width: calc(100% - 7rem);
max-width: 65rem;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.main-push-app .title-element {
line-height: 3.5rem;
margin-bottom: 3.5rem
}
.main-push-app .btn-store {
margin-right: .75rem;
font-size: 1.2em
}
@media screen and (max-width:1200px) {
.main-push-app {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.main-push-app .inner {
width: 100%;
max-width: inherit
}
}
@media screen and (max-width:1023px) {
.main-push-app {
width: 100%;
min-width: inherit;
padding-top: 4rem;
padding-left: 1.5rem;
padding-bottom: 4rem
}
.main-push-app .title-element {
line-height: 1.35em;
max-width: 30rem;
margin-bottom: 2.5rem
}
}
ul.price-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.5rem
}
ul.price-list li:last-child {
margin-bottom: 0
}
ul.price-list li .wrapper:first-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
ul.price-list li .wrapper:nth-child(2) {
margin-left: 2.5rem
}
ul.price-list li .price-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
ul.price-list li .price-line p {
-ms-flex-negative: 0;
flex-shrink: 0
}
ul.price-list li .price-line .line {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: block;
height: 1px;
width: 100%;
margin: 0 1.5rem;
background-color: #ebe6e6
}
ul.price-list li .price-table td {
text-align: right;
width: 4rem
}
ul.price-list li .price-table td:nth-child(2) {
text-align: center
}
@media screen and (max-width:680px) {
.main-push-app {
padding: 2.75rem 1rem;
background-size: 13.0875rem 12.3rem;
background-position: right bottom
}
.main-push-app .title-element {
line-height: 1.35em;
max-width: 16rem;
margin-bottom: 2.5rem
}
ul.price-list li .wrapper:nth-child(2) {
margin-left: 1rem
}
ul.price-list li .price-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
ul.price-list li .price-line .line {
display: none
}
ul.price-list li .text-main {
font-size: 1rem
}
}
.product {
position: relative;
padding: 0;
background: #fff;
border: 1px solid #e9e9e9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
border-radius: .5rem;
overflow: hidden;
margin-bottom: 1.5rem
}
.product__inner {
position: relative;
border-radius: .5rem;
overflow: hidden;
border: 1px solid #e9e9e9;
-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
box-shadow: 0 10px 20px 0 rgba(0,0,0,.02)
}
.product__preview {
background: #f8f8f8;
padding: 1rem 0
}
.product__preview img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 8rem
}
.product__information {
outline: 0;
cursor: pointer;
position: absolute;
width: 2.5rem;
height: 2.5rem;
top: 0;
right: 0;
border-radius: 0 .3rem 0 0;
border-bottom: 0;
border-left: 0;
padding: 0;
border: none;
background-color: transparent;
-webkit-transition: all .25s .25s cubic-bezier(.215, .61, .355, 1);
transition: all .25s .25s cubic-bezier(.215, .61, .355, 1);
z-index: 10;
font-size: .8rem;
overflow: hidden
}
.product__information:before {
content: '';
position: absolute;
height: 100%;
width: 150%;
top: 0;
right: 0;
background: #edeef0;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.product__information span {
position: relative;
margin-left: 1.2rem;
margin-top: -.8rem;
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s
}
.product__information:hover span {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.product__price {
position: absolute;
top: 1rem;
left: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 2rem;
background: #86a935;
border-radius: 1rem;
padding: 0 1rem;
font-size: .875rem;
color: #fff
}
.product__description {
padding: 1rem;
background: #fff
}
.product__description:not(.is-multiline) p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.product__description.is-multiline {
min-height: 3rem
}
.product__description .btn {
margin-top: 1.5rem
}
button.product.product--selectable {
cursor: pointer;
overflow: inherit;
border: 0;
-webkit-box-shadow: 0;
box-shadow: 0
}
button.product.product--selectable:before {
content: '';
position: absolute;
top: -.3rem;
bottom: -.3rem;
left: -.3rem;
right: -.3rem;
background: #edeef0;
border-radius: .6rem;
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out, background .2s ease-in-out;
transition: transform .2s ease-in-out, background .2s ease-in-out, -webkit-transform .2s ease-in-out
}
button.product.product--selectable:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
button.product.product--selectable.product--selected:before {
-webkit-transform: scale(1);
transform: scale(1);
background: #ffc426
}
.product-filter {
background: 0 0;
border: 0;
font-size: 1.75rem!important;
padding: 0;
color: #a1a4a7;
text-decoration: none;
outline: 0;
cursor: pointer;
font-weight: 300;
position: relative;
margin-right: 1rem;
display: inline-block
}
.product-filter span {
position: relative;
z-index: 2;
white-space: nowrap
}
.product-filter.current {
color: #1c2129;
font-weight: 400
}
.product-filter.current:before {
z-index: 1;
content: '';
position: absolute;
bottom: .28em;
left: -.125rem;
height: .4rem;
width: calc(100% + .25rem);
background: #ffc426;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.4);
box-shadow: 0 .3125rem .625rem 0 rgba(255,196,38,.4)
}
.product-filter:hover {
color: #1c2129
}
.product-filter__container {
position: relative
}
.product-filter__container:before {
content: '';
position: absolute;
top: 0;
left: -50vw;
bottom: 0;
width: 200vw;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
background-image: linear-gradient(-180deg, #f8f8f8 0, #f0f0f0 100%)
}
.promo-code .promo-code-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.promo-code .promo-code-wrapper .form-group {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
margin-right: 1rem
}
.promo-code .promo-code-wrapper .btn {
-ms-flex-negative: 0;
flex-shrink: 0
}
@media screen and (max-width:680px) {
.product-filter {
font-size: 1.5rem!important
}
.promo-code .promo-code-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.promo-code .promo-code-wrapper .form-group {
margin-right: 0;
margin-bottom: 1rem
}
}
.invoice-recap {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1.5rem;
background: #4a90e2;
color: #fff
}
@media screen and (min-width:1200px) {
.invoice-recap {
z-index: 3
}
}
@media screen and (max-width:1023px) {
.invoice-recap {
padding: .5rem 1rem
}
.invoice-recap p:first-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.recap-seats {
left: 50%
}
}
.recap-seats {
position: relative;
z-index: 10;
display: inline-block;
padding: .5rem 1.5rem;
margin-bottom: 1.5rem;
border-radius: 2rem;
background: #fff;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
overflow: hidden
}
.recap-seats .text-small, .recap-seats table {
display: inline-block;
vertical-align: middle
}
.recap-seats .text-small {
font-weight: 600;
letter-spacing: .8px
}
.recap-seats .seat {
opacity: .3
}
.recap-seats .seat.selected {
opacity: 1
}
.recap-seats .seat .icon {
width: 40px;
height: 40px
}
.recap-seats .progress-thumb {
position: absolute;
left: 0;
bottom: 0;
height: .25rem;
background: #ffc426;
-webkit-transition: width .1s ease-in-out;
transition: width .1s ease-in-out
}
.progress-bar {
position: relative;
width: 100%;
height: .5rem;
background: #fff;
border-top: 1px solid #edeef0;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1)
}
.progress-bar:before {
content: '';
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
height: 3.5rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(white));
background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0, #fff 100%)
}
.progress-bar .progress-thumb {
display: block;
position: relative;
top: 0;
left: 0;
height: 100%;
background: #ffc426;
-webkit-transition: width .1s ease-in-out;
transition: width .1s ease-in-out
}
.seat-dropdown {
position: relative;
display: inline-block;
min-width: 15.5rem;
min-height: 3rem;
background: #fff;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
border-radius: 1.5rem;
pointer-events: all;
margin-left: 1.5rem;
margin-bottom: .5rem;
-webkit-transition: border-radius .3s ease-in-out;
transition: border-radius .3s ease-in-out
}
.seat-dropdown--selection-mobile {
position: absolute;
z-index: 1;
top: calc(100% - 3rem);
left: 1rem;
right: 1rem;
margin: 0
}
.seat-dropdown.is-expanded {
border-radius: 1rem
}
.seat-dropdown.is-expanded .icon.dropdown-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.seat-dropdown.is-expanded .seat-dropdown-trigger .seat-icon {
opacity: .3
}
.seat-dropdown.is-expanded .seat-dropdown-content {
max-height: 100vh;
-webkit-transition: max-height 1.5s ease-in-out;
transition: max-height 1.5s ease-in-out
}
.seat-dropdown .icon {
width: 2rem;
height: 2rem
}
.seat-dropdown .icon.dropdown-arrow {
position: absolute;
top: 1.1rem;
right: 1rem;
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.seat-dropdown .seat-dropdown-trigger {
width: 100%;
height: 3rem;
border: 0;
padding: .5rem 1.5rem .3rem;
background: 0 0;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.seat-dropdown .seat-dropdown-trigger .seat-icon {
margin-right: .5rem;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.seat-dropdown .seat-dropdown-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 1s cubic-bezier(0, 1, 0, 1);
transition: max-height 1s cubic-bezier(0, 1, 0, 1);
border-top: 1px solid #edeef0
}
.seat-dropdown .seat-dropdown-content li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .25rem 1rem .25rem 1.5rem;
font-size: 0
}
.seat-dropdown .seat-dropdown-content li:first-child {
padding-top: .75rem
}
.seat-dropdown .seat-dropdown-content li:last-child {
padding-bottom: .75rem
}
.seat-dropdown .seat-dropdown-content li * {
vertical-align: middle
}
.seat-dropdown .seat-dropdown-content li .left-wrapper span {
margin-left: .5rem
}
.seat-dropdown .seat-dropdown-content li span {
font-size: 1rem
}
.seat-dropdown .seat-dropdown-content li>span:last-child {
font-weight: 600
}
.seat-dropdown .seat-dropdown-content li>:last-child {
max-width: 12rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-left: 1rem
}
.showtime-filter {
padding: 0 1.5rem;
border-top: 1px solid rgba(255,255,255,.1)
}
.showtime-filter.filter-selected .filter-button {
opacity: .3;
pointer-events: none
}
.showtime-filter .filter-button {
position: relative;
display: block;
width: 100%;
min-height: 6rem;
padding: .95rem 1.5rem 1rem 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
margin: 0;
text-align: left;
background: 0 0;
cursor: pointer;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.showtime-filter .filter-button:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: calc(100% + 1.5rem);
background: rgba(255,255,255,.1)
}
.showtime-filter .filter-button:nth-last-child(2):after {
display: none
}
.showtime-filter .filter-button.is-selected, .showtime-filter .filter-button:hover {
opacity: 1
}
.showtime-filter .filter-button.is-locked {
cursor: inherit;
pointer-events: none
}
.showtime-filter .filter-button .label {
text-transform: none;
letter-spacing: 0;
font-weight: 600;
font-size: 1.125rem;
margin-bottom: .5rem;
color: #a1a4a7;
opacity: 1
}
.showtime-filter .filter-button .title-molecule {
font-weight: 400;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #fff;
fill: #a1a4a7
}
.showtime-filter .filter-button .title-molecule>* {
vertical-align: middle
}
.showtime-filter .filter-button .subtitle {
margin-top: .25rem;
color: #a1a4a7
}
.showtime-filter .filter-button .arrow {
position: absolute;
top: 50%;
right: 0;
font-size: 1.5rem;
margin-top: -.75rem;
fill: #fff
}
.showtime-filter .mob-confirm-btn {
margin-top: 1rem
}
@media screen and (max-width:1023px) {
.showtime-filter {
padding: 0 1rem 1.5rem;
border-top: none
}
.showtime-filter .filter-button {
min-height: 4rem;
padding: .5rem 1.5rem .5rem 0
}
.showtime-filter .filter-button .label {
font-size: .875rem;
margin-bottom: 0
}
.showtime-filter .filter-button .title-molecule {
font-size: 1.125rem;
font-weight: 700
}
.showtime-filter .filter-button .subtitle {
font-size: .875rem;
margin-top: 0
}
.showtime-filter .filter-button .arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
}
[data-simplebar] {
position: relative;
z-index: 0;
overflow: hidden!important;
max-height: inherit;
-webkit-overflow-scrolling: touch
}
[data-simplebar=init] {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.simplebar-scroll-content {
overflow-x: hidden!important;
overflow-y: scroll;
min-width: 100%!important;
max-height: inherit!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important
}
.simplebar-content {
overflow-y: hidden!important;
overflow-x: auto;
-webkit-box-sizing: border-box!important;
box-sizing: border-box!important;
min-height: 100%!important
}
.simplebar-scrollbar {
position: absolute;
right: 0;
width: .5rem;
min-height: 1rem
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: #383b3e;
border-radius: .8rem;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2)
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: .5rem
}
.simplebar-track.vertical {
top: 0
}
.simplebar-track.vertical .simplebar-scrollbar:before {
top: .125rem;
bottom: .125rem
}
.simplebar-track.horizontal {
left: 0;
width: auto;
height: .5rem
}
.simplebar-track.horizontal .simplebar-scrollbar {
right: auto;
top: 0;
height: .8rem;
min-height: 0;
min-width: 1rem;
width: auto
}
.simplebar-track.horizontal .simplebar-scrollbar :before {
height: 100%;
left: .125rem;
right: .125rem
}
.simplebar-track .simplebar-scrollbar.visible:before, .simplebar-track:hover .simplebar-scrollbar:before {
opacity: .5;
-webkit-transition: opacity 0s linear;
transition: opacity 0s linear
}
.pointer {
cursor: pointer
}
.user-menu {
position: fixed;
top: 2rem;
right: 2rem;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.user-submenu-connection {
position: fixed;
z-index: 101;
top: 1rem;
right: 1rem;
width: 23rem;
background: #fff;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
padding: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: .75rem;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.user-submenu-connection.is-visible {
opacity: 1;
pointer-events: inherit
}
.user-submenu-connection p:last-of-type {
max-width: 95%
}
.user-submenu-connection .thumb {
position: absolute;
top: 1rem;
right: 1rem
}
.user-submenu-connection .btn-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.user-submenu-connection .btn-wrapper .btn {
-ms-flex-negative: 0;
flex-shrink: 0
}
.user-submenu-connection .btn-wrapper .btn:first-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.user-submenu {
position: absolute;
z-index: 101;
right: .5rem;
top: .5rem;
background: #fff;
padding: 1.75rem 10.5rem 0 1.5rem;
border: 1px solid #edeef0;
border-radius: .75rem;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
overflow: hidden;
display: none
}
.user-submenu.is-visible {
display: block
}
.user-submenu .thumb {
position: absolute;
top: 1.5rem;
right: 1.49rem;
margin-top: -1px;
margin-right: -1px;
z-index: 1
}
.user-submenu .name {
font-size: 1.75rem;
font-weight: 700;
text-decoration: none;
margin-bottom: .8rem
}
.user-submenu ul {
position: relative;
margin-left: -1.5rem;
margin-right: -10.5rem
}
.user-submenu li {
background-image: -webkit-gradient(linear, left top, right top, from(#edeef0), to(#fff));
background-image: linear-gradient(90deg, #edeef0, #fff);
padding-top: 2px
}
.user-submenu li:first-child {
padding-top: 0;
background: 0 0
}
.user-submenu li:first-child a {
background: 0 0
}
.user-submenu li a {
font-size: 1.125rem;
line-height: 2rem;
text-decoration: none;
background: #fff;
display: block;
padding: .75rem 1.5rem;
-webkit-transition: color .3s ease-out;
transition: color .3s ease-out;
color: #676a6f
}
.user-submenu li a:hover {
color: #1c2129
}
.friends-timer {
width: 8.5rem;
margin: 0 0 2rem 2rem
}
.friends-timer__container {
position: relative;
width: 8.5rem;
height: 8.5rem;
background: #ffe08c;
margin-top: .75rem;
border-radius: 50%;
border: .5rem solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1)
}
.friends-timer__container svg {
display: block
}
.friends-timer__container svg .friends-timer__path {
fill: #fff
}
.friends-timer__expiration-time {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.5rem;
font-weight: 900
}
.friends-timer--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
padding: .5rem 1rem;
-webkit-box-shadow: 0 -.25rem .125rem 0 rgba(0,0,0,.07);
box-shadow: 0 -.25rem .125rem 0 rgba(0,0,0,.07)
}
.friends-timer--mobile .badge, .friends-timer--mobile .icon {
fill: #1c2129!important
}
.event-details {
padding: 1rem;
background: #2c3035
}
.event-details .navigtion-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 1rem;
border-bottom: 1px solid #393d41
}
.event-details .navigtion-wrapper button.btn {
background: rgba(255,255,255,.05);
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 1rem
}
.event-details .navigtion-wrapper button.btn:hover {
background: rgba(255,255,255,.1)
}
.event-details .navigtion-wrapper button.btn.xm-small.w-auto {
padding: 0 .75rem;
min-width: 3rem
}
.event-details .navigtion-wrapper button.btn:first-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 1rem
}
.event-details .navigtion-wrapper button.btn:nth-child(2) {
margin-right: .25rem
}
.event-details .event-card {
position: relative;
margin-top: 1.5rem
}
.event-details .event-card:before {
content: '';
position: absolute;
top: -.5rem;
left: 5%;
width: 90%;
height: 2rem;
border-radius: .375rem;
background: #34383d;
border: 1px solid #3e4246;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.event-details .event-card__wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 6.25rem;
border-radius: .375rem;
overflow: hidden;
background: #34383d;
border: 1px solid #3e4246;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 .375rem .625rem 0 rgba(0,0,0,.2);
box-shadow: 0 .375rem .625rem 0 rgba(0,0,0,.2)
}
.event-details .event-card__wrapper .poster {
height: 100%
}
.event-details .event-card__wrapper .content-wrapper {
min-width: 0;
padding: 0 1rem;
color: #fff
}
.event-details .event-card__wrapper .content-wrapper p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.event-details .event-card__wrapper .content-wrapper p:first-child {
margin-bottom: .25rem
}
.event-details .loader-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 1rem
}
.event-details .loader-wrapper div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.event-details .loader-wrapper div .event-loader {
margin-right: 1rem
}
.event-details .loader-wrapper .btn.link {
font-size: 1rem;
padding-left: 1rem;
border-left: 1px solid rgba(255,255,255,.15)
}
.event-loader {
width: 1.875rem;
height: 1.875rem;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.event-loader .progress-circle {
stroke-dasharray: 90;
stroke-dashoffset: -120;
stroke: #34bd9e
}
.event-loader .static-circle {
stroke: rgba(255,255,255,.15)
}
.events-list {
position: absolute!important;
z-index: 5;
left: 0;
right: 0;
bottom: 0;
max-height: calc(100% - 6.5rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #2c3035;
-webkit-transform: translateY(100%);
transform: translateY(100%);
pointer-events: none;
-webkit-transition: -webkit-transform .3s ease-out!important;
transition: -webkit-transform .3s ease-out!important;
transition: transform .3s ease-out!important;
transition: transform .3s ease-out, -webkit-transform .3s ease-out!important
}
.events-list.is-visible {
pointer-events: inherit;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.events-list .sidebar-btn {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #3e4145
}
.events-list .sidebar-btn:hover {
background-color: #4a4e52
}
.events-list ul {
padding: 0 1rem 1rem;
overflow-y: auto
}
.events-list ul li {
margin-bottom: .5rem
}
.events-list ul li:first-child {
padding-top: 1rem
}
.events-list ul li .event-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: .5rem 1rem;
border-radius: .375rem;
background: #34383d;
border: 2px solid rgba(255,255,255,.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
cursor: pointer
}
.events-list ul li .event-item svg:first-child {
-ms-flex-negative: 0;
flex-shrink: 0
}
.events-list ul li .event-item div {
margin-left: 1rem
}
.events-list ul li .event-item.is-completed {
padding: .5rem 1rem .5rem .8125rem
}
.events-list ul li .event-item.is-completed .icon {
width: 2.25rem;
height: 2.25rem
}
.events-list ul li .event-item.is-completed .content-wrapper {
margin-left: .8125rem
}
.events-list ul li .event-item.is-selected {
border: 2px solid #34bd9e
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body, html {
font-size: 16px;
line-height: 1.5em;
background: #f8f8f8;
color: #1c2129;
min-height: 37rem;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%
}
body.is-lock, html.is-lock {
overflow: hidden;
position: fixed;
-webkit-overflow-scrolling: touch
}
.is-lock {
overflow: hidden;
position: fixed
}
@media screen and (min-width:1024px) and (max-width:1441px) {
body, html {
font-size: 14px;
line-height: 1.5em
}
}
@media screen and (min-width:1441px) {
body, html {
font-size: 16px;
line-height: 1.5em;
min-height: 42rem
}
}
b, strong {
font-weight: 600
}
a, button, input, label, textarea {
-webkit-tap-highlight-color: transparent;
font-family: inherit;
outline: 0
}
hr {
height: 1px;
background-color: #ebe6e6;
border: 0
}
.container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%
}
.container>.content {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.container>.content .scroll-container {
width: 100%;
margin: auto 0
}
.mt--1 {
margin-top: -1rem!important
}
.mt--1-5 {
margin-top: -.5rem!important
}
.mb--1 {
margin-bottom: -1rem!important
}
.mb--1-5 {
margin-bottom: -.5rem!important
}
.ml--1 {
margin-left: -1rem!important
}
.ml--1-5 {
margin-left: -.5rem!important
}
.mr--1 {
margin-right: -1rem!important
}
.mr--1-5 {
margin-right: -.5rem!important
}
.mt-0 {
margin-top: 0!important
}
.mt-0-5 {
margin-top: .5rem!important
}
.mb-0 {
margin-bottom: 0!important
}
.mb-0-5 {
margin-bottom: .5rem!important
}
.ml-0 {
margin-left: 0!important
}
.ml-0-5 {
margin-left: .5rem!important
}
.mr-0 {
margin-right: 0!important
}
.mr-0-5 {
margin-right: .5rem!important
}
.pt-0 {
padding-top: 0!important
}
.pt-0-5 {
padding-top: .5rem!important
}
.pb-0 {
padding-bottom: 0!important
}
.pb-0-5 {
padding-bottom: .5rem!important
}
.pl-0 {
padding-left: 0!important
}
.pl-0-5 {
padding-left: .5rem!important
}
.pr-0 {
padding-right: 0!important
}
.pr-0-5 {
padding-right: .5rem!important
}
.px-0 {
padding: 0!important
}
.px-0-5 {
padding: .5rem!important
}
.mt-1 {
margin-top: 1rem!important
}
.mt-1-5 {
margin-top: 1.5rem!important
}
.mb-1 {
margin-bottom: 1rem!important
}
.mb-1-5 {
margin-bottom: 1.5rem!important
}
.ml-1 {
margin-left: 1rem!important
}
.ml-1-5 {
margin-left: 1.5rem!important
}
.mr-1 {
margin-right: 1rem!important
}
.mr-1-5 {
margin-right: 1.5rem!important
}
.pt-1 {
padding-top: 1rem!important
}
.pt-1-5 {
padding-top: 1.5rem!important
}
.pb-1 {
padding-bottom: 1rem!important
}
.pb-1-5 {
padding-bottom: 1.5rem!important
}
.pl-1 {
padding-left: 1rem!important
}
.pl-1-5 {
padding-left: 1.5rem!important
}
.pr-1 {
padding-right: 1rem!important
}
.pr-1-5 {
padding-right: 1.5rem!important
}
.px-1 {
padding: 1rem!important
}
.px-1-5 {
padding: 1.5rem!important
}
.mt-2 {
margin-top: 2rem!important
}
.mt-2-5 {
margin-top: 2.5rem!important
}
.mb-2 {
margin-bottom: 2rem!important
}
.mb-2-5 {
margin-bottom: 2.5rem!important
}
.ml-2 {
margin-left: 2rem!important
}
.ml-2-5 {
margin-left: 2.5rem!important
}
.mr-2 {
margin-right: 2rem!important
}
.mr-2-5 {
margin-right: 2.5rem!important
}
.pt-2 {
padding-top: 2rem!important
}
.pt-2-5 {
padding-top: 2.5rem!important
}
.pb-2 {
padding-bottom: 2rem!important
}
.pb-2-5 {
padding-bottom: 2.5rem!important
}
.pl-2 {
padding-left: 2rem!important
}
.pl-2-5 {
padding-left: 2.5rem!important
}
.pr-2 {
padding-right: 2rem!important
}
.pr-2-5 {
padding-right: 2.5rem!important
}
.px-2 {
padding: 2rem!important
}
.px-2-5 {
padding: 2.5rem!important
}
.mt-3 {
margin-top: 3rem!important
}
.mt-3-5 {
margin-top: 3.5rem!important
}
.mb-3 {
margin-bottom: 3rem!important
}
.mb-3-5 {
margin-bottom: 3.5rem!important
}
.ml-3 {
margin-left: 3rem!important
}
.ml-3-5 {
margin-left: 3.5rem!important
}
.mr-3 {
margin-right: 3rem!important
}
.mr-3-5 {
margin-right: 3.5rem!important
}
.pt-3 {
padding-top: 3rem!important
}
.pt-3-5 {
padding-top: 3.5rem!important
}
.pb-3 {
padding-bottom: 3rem!important
}
.pb-3-5 {
padding-bottom: 3.5rem!important
}
.pl-3 {
padding-left: 3rem!important
}
.pl-3-5 {
padding-left: 3.5rem!important
}
.pr-3 {
padding-right: 3rem!important
}
.pr-3-5 {
padding-right: 3.5rem!important
}
.px-3 {
padding: 3rem!important
}
.px-3-5 {
padding: 3.5rem!important
}
.mt-4 {
margin-top: 4rem!important
}
.mt-4-5 {
margin-top: 4.5rem!important
}
.mb-4 {
margin-bottom: 4rem!important
}
.mb-4-5 {
margin-bottom: 4.5rem!important
}
.ml-4 {
margin-left: 4rem!important
}
.ml-4-5 {
margin-left: 4.5rem!important
}
.mr-4 {
margin-right: 4rem!important
}
.mr-4-5 {
margin-right: 4.5rem!important
}
.pt-4 {
padding-top: 4rem!important
}
.pt-4-5 {
padding-top: 4.5rem!important
}
.pb-4 {
padding-bottom: 4rem!important
}
.pb-4-5 {
padding-bottom: 4.5rem!important
}
.pl-4 {
padding-left: 4rem!important
}
.pl-4-5 {
padding-left: 4.5rem!important
}
.pr-4 {
padding-right: 4rem!important
}
.pr-4-5 {
padding-right: 4.5rem!important
}
.px-4 {
padding: 4rem!important
}
.px-4-5 {
padding: 4.5rem!important
}
.mt-5 {
margin-top: 5rem!important
}
.mt-5-5 {
margin-top: 5.5rem!important
}
.mb-5 {
margin-bottom: 5rem!important
}
.mb-5-5 {
margin-bottom: 5.5rem!important
}
.ml-5 {
margin-left: 5rem!important
}
.ml-5-5 {
margin-left: 5.5rem!important
}
.mr-5 {
margin-right: 5rem!important
}
.mr-5-5 {
margin-right: 5.5rem!important
}
.pt-5 {
padding-top: 5rem!important
}
.pt-5-5 {
padding-top: 5.5rem!important
}
.pb-5 {
padding-bottom: 5rem!important
}
.pb-5-5 {
padding-bottom: 5.5rem!important
}
.pl-5 {
padding-left: 5rem!important
}
.pl-5-5 {
padding-left: 5.5rem!important
}
.pr-5 {
padding-right: 5rem!important
}
.pr-5-5 {
padding-right: 5.5rem!important
}
.px-5 {
padding: 5rem!important
}
.px-5-5 {
padding: 5.5rem!important
}
.mt-6 {
margin-top: 6rem!important
}
.mt-6-5 {
margin-top: 6.5rem!important
}
.mb-6 {
margin-bottom: 6rem!important
}
.mb-6-5 {
margin-bottom: 6.5rem!important
}
.ml-6 {
margin-left: 6rem!important
}
.ml-6-5 {
margin-left: 6.5rem!important
}
.mr-6 {
margin-right: 6rem!important
}
.mr-6-5 {
margin-right: 6.5rem!important
}
.pt-6 {
padding-top: 6rem!important
}
.pt-6-5 {
padding-top: 6.5rem!important
}
.pb-6 {
padding-bottom: 6rem!important
}
.pb-6-5 {
padding-bottom: 6.5rem!important
}
.pl-6 {
padding-left: 6rem!important
}
.pl-6-5 {
padding-left: 6.5rem!important
}
.pr-6 {
padding-right: 6rem!important
}
.pr-6-5 {
padding-right: 6.5rem!important
}
.px-6 {
padding: 6rem!important
}
.px-6-5 {
padding: 6.5rem!important
}
.mt-7 {
margin-top: 7rem!important
}
.mt-7-5 {
margin-top: 7.5rem!important
}
.mb-7 {
margin-bottom: 7rem!important
}
.mb-7-5 {
margin-bottom: 7.5rem!important
}
.ml-7 {
margin-left: 7rem!important
}
.ml-7-5 {
margin-left: 7.5rem!important
}
.mr-7 {
margin-right: 7rem!important
}
.mr-7-5 {
margin-right: 7.5rem!important
}
.pt-7 {
padding-top: 7rem!important
}
.pt-7-5 {
padding-top: 7.5rem!important
}
.pb-7 {
padding-bottom: 7rem!important
}
.pb-7-5 {
padding-bottom: 7.5rem!important
}
.pl-7 {
padding-left: 7rem!important
}
.pl-7-5 {
padding-left: 7.5rem!important
}
.pr-7 {
padding-right: 7rem!important
}
.pr-7-5 {
padding-right: 7.5rem!important
}
.px-7 {
padding: 7rem!important
}
.px-7-5 {
padding: 7.5rem!important
}
.mt-8 {
margin-top: 8rem!important
}
.mt-8-5 {
margin-top: 8.5rem!important
}
.mb-8 {
margin-bottom: 8rem!important
}
.mb-8-5 {
margin-bottom: 8.5rem!important
}
.ml-8 {
margin-left: 8rem!important
}
.ml-8-5 {
margin-left: 8.5rem!important
}
.mr-8 {
margin-right: 8rem!important
}
.mr-8-5 {
margin-right: 8.5rem!important
}
.pt-8 {
padding-top: 8rem!important
}
.pt-8-5 {
padding-top: 8.5rem!important
}
.pb-8 {
padding-bottom: 8rem!important
}
.pb-8-5 {
padding-bottom: 8.5rem!important
}
.pl-8 {
padding-left: 8rem!important
}
.pl-8-5 {
padding-left: 8.5rem!important
}
.pr-8 {
padding-right: 8rem!important
}
.pr-8-5 {
padding-right: 8.5rem!important
}
.px-8 {
padding: 8rem!important
}
.px-8-5 {
padding: 8.5rem!important
}
.mt-9 {
margin-top: 9rem!important
}
.mt-9-5 {
margin-top: 9.5rem!important
}
.mb-9 {
margin-bottom: 9rem!important
}
.mb-9-5 {
margin-bottom: 9.5rem!important
}
.ml-9 {
margin-left: 9rem!important
}
.ml-9-5 {
margin-left: 9.5rem!important
}
.mr-9 {
margin-right: 9rem!important
}
.mr-9-5 {
margin-right: 9.5rem!important
}
.pt-9 {
padding-top: 9rem!important
}
.pt-9-5 {
padding-top: 9.5rem!important
}
.pb-9 {
padding-bottom: 9rem!important
}
.pb-9-5 {
padding-bottom: 9.5rem!important
}
.pl-9 {
padding-left: 9rem!important
}
.pl-9-5 {
padding-left: 9.5rem!important
}
.pr-9 {
padding-right: 9rem!important
}
.pr-9-5 {
padding-right: 9.5rem!important
}
.px-9 {
padding: 9rem!important
}
.px-9-5 {
padding: 9.5rem!important
}
.mt-10 {
margin-top: 10rem!important
}
.mt-10-5 {
margin-top: 10.5rem!important
}
.mb-10 {
margin-bottom: 10rem!important
}
.mb-10-5 {
margin-bottom: 10.5rem!important
}
.ml-10 {
margin-left: 10rem!important
}
.ml-10-5 {
margin-left: 10.5rem!important
}
.mr-10 {
margin-right: 10rem!important
}
.mr-10-5 {
margin-right: 10.5rem!important
}
.pt-10 {
padding-top: 10rem!important
}
.pt-10-5 {
padding-top: 10.5rem!important
}
.pb-10 {
padding-bottom: 10rem!important
}
.pb-10-5 {
padding-bottom: 10.5rem!important
}
.pl-10 {
padding-left: 10rem!important
}
.pl-10-5 {
padding-left: 10.5rem!important
}
.pr-10 {
padding-right: 10rem!important
}
.pr-10-5 {
padding-right: 10.5rem!important
}
.px-10 {
padding: 10rem!important
}
.px-10-5 {
padding: 10.5rem!important
}
@media screen and (max-width:1200px) {
.mt-tab--1 {
margin-top: -1rem!important
}
.mt-tab--1-5 {
margin-top: -.5rem!important
}
.mb-tab--1 {
margin-bottom: -1rem!important
}
.mb-tab--1-5 {
margin-bottom: -.5rem!important
}
.ml-tab--1 {
margin-left: -1rem!important
}
.ml-tab--1-5 {
margin-left: -.5rem!important
}
.mr-tab--1 {
margin-right: -1rem!important
}
.mr-tab--1-5 {
margin-right: -.5rem!important
}
.mt-tab-0 {
margin-top: 0!important
}
.mt-tab-0-5 {
margin-top: .5rem!important
}
.mb-tab-0 {
margin-bottom: 0!important
}
.mb-tab-0-5 {
margin-bottom: .5rem!important
}
.ml-tab-0 {
margin-left: 0!important
}
.ml-tab-0-5 {
margin-left: .5rem!important
}
.mr-tab-0 {
margin-right: 0!important
}
.mr-tab-0-5 {
margin-right: .5rem!important
}
.pt-tab-0 {
padding-top: 0!important
}
.pt-tab-0-5 {
padding-top: .5rem!important
}
.pb-tab-0 {
padding-bottom: 0!important
}
.pb-tab-0-5 {
padding-bottom: .5rem!important
}
.pl-tab-0 {
padding-left: 0!important
}
.pl-tab-0-5 {
padding-left: .5rem!important
}
.pr-tab-0 {
padding-right: 0!important
}
.pr-tab-0-5 {
padding-right: .5rem!important
}
.px-tab-0 {
padding: 0!important
}
.px-tab-0-5 {
padding: .5rem!important
}
.mt-tab-1 {
margin-top: 1rem!important
}
.mt-tab-1-5 {
margin-top: 1.5rem!important
}
.mb-tab-1 {
margin-bottom: 1rem!important
}
.mb-tab-1-5 {
margin-bottom: 1.5rem!important
}
.ml-tab-1 {
margin-left: 1rem!important
}
.ml-tab-1-5 {
margin-left: 1.5rem!important
}
.mr-tab-1 {
margin-right: 1rem!important
}
.mr-tab-1-5 {
margin-right: 1.5rem!important
}
.pt-tab-1 {
padding-top: 1rem!important
}
.pt-tab-1-5 {
padding-top: 1.5rem!important
}
.pb-tab-1 {
padding-bottom: 1rem!important
}
.pb-tab-1-5 {
padding-bottom: 1.5rem!important
}
.pl-tab-1 {
padding-left: 1rem!important
}
.pl-tab-1-5 {
padding-left: 1.5rem!important
}
.pr-tab-1 {
padding-right: 1rem!important
}
.pr-tab-1-5 {
padding-right: 1.5rem!important
}
.px-tab-1 {
padding: 1rem!important
}
.px-tab-1-5 {
padding: 1.5rem!important
}
.mt-tab-2 {
margin-top: 2rem!important
}
.mt-tab-2-5 {
margin-top: 2.5rem!important
}
.mb-tab-2 {
margin-bottom: 2rem!important
}
.mb-tab-2-5 {
margin-bottom: 2.5rem!important
}
.ml-tab-2 {
margin-left: 2rem!important
}
.ml-tab-2-5 {
margin-left: 2.5rem!important
}
.mr-tab-2 {
margin-right: 2rem!important
}
.mr-tab-2-5 {
margin-right: 2.5rem!important
}
.pt-tab-2 {
padding-top: 2rem!important
}
.pt-tab-2-5 {
padding-top: 2.5rem!important
}
.pb-tab-2 {
padding-bottom: 2rem!important
}
.pb-tab-2-5 {
padding-bottom: 2.5rem!important
}
.pl-tab-2 {
padding-left: 2rem!important
}
.pl-tab-2-5 {
padding-left: 2.5rem!important
}
.pr-tab-2 {
padding-right: 2rem!important
}
.pr-tab-2-5 {
padding-right: 2.5rem!important
}
.px-tab-2 {
padding: 2rem!important
}
.px-tab-2-5 {
padding: 2.5rem!important
}
.mt-tab-3 {
margin-top: 3rem!important
}
.mt-tab-3-5 {
margin-top: 3.5rem!important
}
.mb-tab-3 {
margin-bottom: 3rem!important
}
.mb-tab-3-5 {
margin-bottom: 3.5rem!important
}
.ml-tab-3 {
margin-left: 3rem!important
}
.ml-tab-3-5 {
margin-left: 3.5rem!important
}
.mr-tab-3 {
margin-right: 3rem!important
}
.mr-tab-3-5 {
margin-right: 3.5rem!important
}
.pt-tab-3 {
padding-top: 3rem!important
}
.pt-tab-3-5 {
padding-top: 3.5rem!important
}
.pb-tab-3 {
padding-bottom: 3rem!important
}
.pb-tab-3-5 {
padding-bottom: 3.5rem!important
}
.pl-tab-3 {
padding-left: 3rem!important
}
.pl-tab-3-5 {
padding-left: 3.5rem!important
}
.pr-tab-3 {
padding-right: 3rem!important
}
.pr-tab-3-5 {
padding-right: 3.5rem!important
}
.px-tab-3 {
padding: 3rem!important
}
.px-tab-3-5 {
padding: 3.5rem!important
}
.mt-tab-4 {
margin-top: 4rem!important
}
.mt-tab-4-5 {
margin-top: 4.5rem!important
}
.mb-tab-4 {
margin-bottom: 4rem!important
}
.mb-tab-4-5 {
margin-bottom: 4.5rem!important
}
.ml-tab-4 {
margin-left: 4rem!important
}
.ml-tab-4-5 {
margin-left: 4.5rem!important
}
.mr-tab-4 {
margin-right: 4rem!important
}
.mr-tab-4-5 {
margin-right: 4.5rem!important
}
.pt-tab-4 {
padding-top: 4rem!important
}
.pt-tab-4-5 {
padding-top: 4.5rem!important
}
.pb-tab-4 {
padding-bottom: 4rem!important
}
.pb-tab-4-5 {
padding-bottom: 4.5rem!important
}
.pl-tab-4 {
padding-left: 4rem!important
}
.pl-tab-4-5 {
padding-left: 4.5rem!important
}
.pr-tab-4 {
padding-right: 4rem!important
}
.pr-tab-4-5 {
padding-right: 4.5rem!important
}
.px-tab-4 {
padding: 4rem!important
}
.px-tab-4-5 {
padding: 4.5rem!important
}
.mt-tab-5 {
margin-top: 5rem!important
}
.mt-tab-5-5 {
margin-top: 5.5rem!important
}
.mb-tab-5 {
margin-bottom: 5rem!important
}
.mb-tab-5-5 {
margin-bottom: 5.5rem!important
}
.ml-tab-5 {
margin-left: 5rem!important
}
.ml-tab-5-5 {
margin-left: 5.5rem!important
}
.mr-tab-5 {
margin-right: 5rem!important
}
.mr-tab-5-5 {
margin-right: 5.5rem!important
}
.pt-tab-5 {
padding-top: 5rem!important
}
.pt-tab-5-5 {
padding-top: 5.5rem!important
}
.pb-tab-5 {
padding-bottom: 5rem!important
}
.pb-tab-5-5 {
padding-bottom: 5.5rem!important
}
.pl-tab-5 {
padding-left: 5rem!important
}
.pl-tab-5-5 {
padding-left: 5.5rem!important
}
.pr-tab-5 {
padding-right: 5rem!important
}
.pr-tab-5-5 {
padding-right: 5.5rem!important
}
.px-tab-5 {
padding: 5rem!important
}
.px-tab-5-5 {
padding: 5.5rem!important
}
.mt-tab-6 {
margin-top: 6rem!important
}
.mt-tab-6-5 {
margin-top: 6.5rem!important
}
.mb-tab-6 {
margin-bottom: 6rem!important
}
.mb-tab-6-5 {
margin-bottom: 6.5rem!important
}
.ml-tab-6 {
margin-left: 6rem!important
}
.ml-tab-6-5 {
margin-left: 6.5rem!important
}
.mr-tab-6 {
margin-right: 6rem!important
}
.mr-tab-6-5 {
margin-right: 6.5rem!important
}
.pt-tab-6 {
padding-top: 6rem!important
}
.pt-tab-6-5 {
padding-top: 6.5rem!important
}
.pb-tab-6 {
padding-bottom: 6rem!important
}
.pb-tab-6-5 {
padding-bottom: 6.5rem!important
}
.pl-tab-6 {
padding-left: 6rem!important
}
.pl-tab-6-5 {
padding-left: 6.5rem!important
}
.pr-tab-6 {
padding-right: 6rem!important
}
.pr-tab-6-5 {
padding-right: 6.5rem!important
}
.px-tab-6 {
padding: 6rem!important
}
.px-tab-6-5 {
padding: 6.5rem!important
}
.mt-tab-7 {
margin-top: 7rem!important
}
.mt-tab-7-5 {
margin-top: 7.5rem!important
}
.mb-tab-7 {
margin-bottom: 7rem!important
}
.mb-tab-7-5 {
margin-bottom: 7.5rem!important
}
.ml-tab-7 {
margin-left: 7rem!important
}
.ml-tab-7-5 {
margin-left: 7.5rem!important
}
.mr-tab-7 {
margin-right: 7rem!important
}
.mr-tab-7-5 {
margin-right: 7.5rem!important
}
.pt-tab-7 {
padding-top: 7rem!important
}
.pt-tab-7-5 {
padding-top: 7.5rem!important
}
.pb-tab-7 {
padding-bottom: 7rem!important
}
.pb-tab-7-5 {
padding-bottom: 7.5rem!important
}
.pl-tab-7 {
padding-left: 7rem!important
}
.pl-tab-7-5 {
padding-left: 7.5rem!important
}
.pr-tab-7 {
padding-right: 7rem!important
}
.pr-tab-7-5 {
padding-right: 7.5rem!important
}
.px-tab-7 {
padding: 7rem!important
}
.px-tab-7-5 {
padding: 7.5rem!important
}
.mt-tab-8 {
margin-top: 8rem!important
}
.mt-tab-8-5 {
margin-top: 8.5rem!important
}
.mb-tab-8 {
margin-bottom: 8rem!important
}
.mb-tab-8-5 {
margin-bottom: 8.5rem!important
}
.ml-tab-8 {
margin-left: 8rem!important
}
.ml-tab-8-5 {
margin-left: 8.5rem!important
}
.mr-tab-8 {
margin-right: 8rem!important
}
.mr-tab-8-5 {
margin-right: 8.5rem!important
}
.pt-tab-8 {
padding-top: 8rem!important
}
.pt-tab-8-5 {
padding-top: 8.5rem!important
}
.pb-tab-8 {
padding-bottom: 8rem!important
}
.pb-tab-8-5 {
padding-bottom: 8.5rem!important
}
.pl-tab-8 {
padding-left: 8rem!important
}
.pl-tab-8-5 {
padding-left: 8.5rem!important
}
.pr-tab-8 {
padding-right: 8rem!important
}
.pr-tab-8-5 {
padding-right: 8.5rem!important
}
.px-tab-8 {
padding: 8rem!important
}
.px-tab-8-5 {
padding: 8.5rem!important
}
.mt-tab-9 {
margin-top: 9rem!important
}
.mt-tab-9-5 {
margin-top: 9.5rem!important
}
.mb-tab-9 {
margin-bottom: 9rem!important
}
.mb-tab-9-5 {
margin-bottom: 9.5rem!important
}
.ml-tab-9 {
margin-left: 9rem!important
}
.ml-tab-9-5 {
margin-left: 9.5rem!important
}
.mr-tab-9 {
margin-right: 9rem!important
}
.mr-tab-9-5 {
margin-right: 9.5rem!important
}
.pt-tab-9 {
padding-top: 9rem!important
}
.pt-tab-9-5 {
padding-top: 9.5rem!important
}
.pb-tab-9 {
padding-bottom: 9rem!important
}
.pb-tab-9-5 {
padding-bottom: 9.5rem!important
}
.pl-tab-9 {
padding-left: 9rem!important
}
.pl-tab-9-5 {
padding-left: 9.5rem!important
}
.pr-tab-9 {
padding-right: 9rem!important
}
.pr-tab-9-5 {
padding-right: 9.5rem!important
}
.px-tab-9 {
padding: 9rem!important
}
.px-tab-9-5 {
padding: 9.5rem!important
}
.mt-tab-10 {
margin-top: 10rem!important
}
.mt-tab-10-5 {
margin-top: 10.5rem!important
}
.mb-tab-10 {
margin-bottom: 10rem!important
}
.mb-tab-10-5 {
margin-bottom: 10.5rem!important
}
.ml-tab-10 {
margin-left: 10rem!important
}
.ml-tab-10-5 {
margin-left: 10.5rem!important
}
.mr-tab-10 {
margin-right: 10rem!important
}
.mr-tab-10-5 {
margin-right: 10.5rem!important
}
.pt-tab-10 {
padding-top: 10rem!important
}
.pt-tab-10-5 {
padding-top: 10.5rem!important
}
.pb-tab-10 {
padding-bottom: 10rem!important
}
.pb-tab-10-5 {
padding-bottom: 10.5rem!important
}
.pl-tab-10 {
padding-left: 10rem!important
}
.pl-tab-10-5 {
padding-left: 10.5rem!important
}
.pr-tab-10 {
padding-right: 10rem!important
}
.pr-tab-10-5 {
padding-right: 10.5rem!important
}
.px-tab-10 {
padding: 10rem!important
}
.px-tab-10-5 {
padding: 10.5rem!important
}
}
@media screen and (max-width:1023px) {
.events-list {
max-height: 100%
}
body, html {
min-height: inherit
}
.container {
width: 100vw;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.container .sidebar>:not(header) {
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.container.is-expand .sidebar header.mobile .title {
-webkit-transform: translateY(-.8rem);
transform: translateY(-.8rem)
}
.container.is-expand .sidebar header.mobile .title strong, .container.is-expand .sidebar header.mobile.home-page .link {
opacity: 0
}
.container.is-expand .sidebar header.mobile.home-page .logo, .container.is-expand .sidebar>* {
opacity: 1
}
.container.is-expand>.content {
-webkit-transform: translateY(calc(100vh - 4rem));
transform: translateY(calc(100vh - 4rem))
}
.container>.content {
margin-top: 4rem;
background: #f8f8f8;
border-top-left-radius: .75rem;
border-top-right-radius: .75rem;
-webkit-transition: -webkit-transform .4s ease-out;
transition: -webkit-transform .4s ease-out;
transition: transform .4s ease-out;
transition: transform .4s ease-out, -webkit-transform .4s ease-out
}
.container>.content .scroll-container:not(.always-centered) {
margin: 0
}
.mt-phab--1 {
margin-top: -1rem!important
}
.mt-phab--1-5 {
margin-top: -.5rem!important
}
.mb-phab--1 {
margin-bottom: -1rem!important
}
.mb-phab--1-5 {
margin-bottom: -.5rem!important
}
.ml-phab--1 {
margin-left: -1rem!important
}
.ml-phab--1-5 {
margin-left: -.5rem!important
}
.mr-phab--1 {
margin-right: -1rem!important
}
.mr-phab--1-5 {
margin-right: -.5rem!important
}
.mt-phab-0 {
margin-top: 0!important
}
.mt-phab-0-5 {
margin-top: .5rem!important
}
.mb-phab-0 {
margin-bottom: 0!important
}
.mb-phab-0-5 {
margin-bottom: .5rem!important
}
.ml-phab-0 {
margin-left: 0!important
}
.ml-phab-0-5 {
margin-left: .5rem!important
}
.mr-phab-0 {
margin-right: 0!important
}
.mr-phab-0-5 {
margin-right: .5rem!important
}
.pt-phab-0 {
padding-top: 0!important
}
.pt-phab-0-5 {
padding-top: .5rem!important
}
.pb-phab-0 {
padding-bottom: 0!important
}
.pb-phab-0-5 {
padding-bottom: .5rem!important
}
.pl-phab-0 {
padding-left: 0!important
}
.pl-phab-0-5 {
padding-left: .5rem!important
}
.pr-phab-0 {
padding-right: 0!important
}
.pr-phab-0-5 {
padding-right: .5rem!important
}
.px-phab-0 {
padding: 0!important
}
.px-phab-0-5 {
padding: .5rem!important
}
.mt-phab-1 {
margin-top: 1rem!important
}
.mt-phab-1-5 {
margin-top: 1.5rem!important
}
.mb-phab-1 {
margin-bottom: 1rem!important
}
.mb-phab-1-5 {
margin-bottom: 1.5rem!important
}
.ml-phab-1 {
margin-left: 1rem!important
}
.ml-phab-1-5 {
margin-left: 1.5rem!important
}
.mr-phab-1 {
margin-right: 1rem!important
}
.mr-phab-1-5 {
margin-right: 1.5rem!important
}
.pt-phab-1 {
padding-top: 1rem!important
}
.pt-phab-1-5 {
padding-top: 1.5rem!important
}
.pb-phab-1 {
padding-bottom: 1rem!important
}
.pb-phab-1-5 {
padding-bottom: 1.5rem!important
}
.pl-phab-1 {
padding-left: 1rem!important
}
.pl-phab-1-5 {
padding-left: 1.5rem!important
}
.pr-phab-1 {
padding-right: 1rem!important
}
.pr-phab-1-5 {
padding-right: 1.5rem!important
}
.px-phab-1 {
padding: 1rem!important
}
.px-phab-1-5 {
padding: 1.5rem!important
}
.mt-phab-2 {
margin-top: 2rem!important
}
.mt-phab-2-5 {
margin-top: 2.5rem!important
}
.mb-phab-2 {
margin-bottom: 2rem!important
}
.mb-phab-2-5 {
margin-bottom: 2.5rem!important
}
.ml-phab-2 {
margin-left: 2rem!important
}
.ml-phab-2-5 {
margin-left: 2.5rem!important
}
.mr-phab-2 {
margin-right: 2rem!important
}
.mr-phab-2-5 {
margin-right: 2.5rem!important
}
.pt-phab-2 {
padding-top: 2rem!important
}
.pt-phab-2-5 {
padding-top: 2.5rem!important
}
.pb-phab-2 {
padding-bottom: 2rem!important
}
.pb-phab-2-5 {
padding-bottom: 2.5rem!important
}
.pl-phab-2 {
padding-left: 2rem!important
}
.pl-phab-2-5 {
padding-left: 2.5rem!important
}
.pr-phab-2 {
padding-right: 2rem!important
}
.pr-phab-2-5 {
padding-right: 2.5rem!important
}
.px-phab-2 {
padding: 2rem!important
}
.px-phab-2-5 {
padding: 2.5rem!important
}
.mt-phab-3 {
margin-top: 3rem!important
}
.mt-phab-3-5 {
margin-top: 3.5rem!important
}
.mb-phab-3 {
margin-bottom: 3rem!important
}
.mb-phab-3-5 {
margin-bottom: 3.5rem!important
}
.ml-phab-3 {
margin-left: 3rem!important
}
.ml-phab-3-5 {
margin-left: 3.5rem!important
}
.mr-phab-3 {
margin-right: 3rem!important
}
.mr-phab-3-5 {
margin-right: 3.5rem!important
}
.pt-phab-3 {
padding-top: 3rem!important
}
.pt-phab-3-5 {
padding-top: 3.5rem!important
}
.pb-phab-3 {
padding-bottom: 3rem!important
}
.pb-phab-3-5 {
padding-bottom: 3.5rem!important
}
.pl-phab-3 {
padding-left: 3rem!important
}
.pl-phab-3-5 {
padding-left: 3.5rem!important
}
.pr-phab-3 {
padding-right: 3rem!important
}
.pr-phab-3-5 {
padding-right: 3.5rem!important
}
.px-phab-3 {
padding: 3rem!important
}
.px-phab-3-5 {
padding: 3.5rem!important
}
.mt-phab-4 {
margin-top: 4rem!important
}
.mt-phab-4-5 {
margin-top: 4.5rem!important
}
.mb-phab-4 {
margin-bottom: 4rem!important
}
.mb-phab-4-5 {
margin-bottom: 4.5rem!important
}
.ml-phab-4 {
margin-left: 4rem!important
}
.ml-phab-4-5 {
margin-left: 4.5rem!important
}
.mr-phab-4 {
margin-right: 4rem!important
}
.mr-phab-4-5 {
margin-right: 4.5rem!important
}
.pt-phab-4 {
padding-top: 4rem!important
}
.pt-phab-4-5 {
padding-top: 4.5rem!important
}
.pb-phab-4 {
padding-bottom: 4rem!important
}
.pb-phab-4-5 {
padding-bottom: 4.5rem!important
}
.pl-phab-4 {
padding-left: 4rem!important
}
.pl-phab-4-5 {
padding-left: 4.5rem!important
}
.pr-phab-4 {
padding-right: 4rem!important
}
.pr-phab-4-5 {
padding-right: 4.5rem!important
}
.px-phab-4 {
padding: 4rem!important
}
.px-phab-4-5 {
padding: 4.5rem!important
}
.mt-phab-5 {
margin-top: 5rem!important
}
.mt-phab-5-5 {
margin-top: 5.5rem!important
}
.mb-phab-5 {
margin-bottom: 5rem!important
}
.mb-phab-5-5 {
margin-bottom: 5.5rem!important
}
.ml-phab-5 {
margin-left: 5rem!important
}
.ml-phab-5-5 {
margin-left: 5.5rem!important
}
.mr-phab-5 {
margin-right: 5rem!important
}
.mr-phab-5-5 {
margin-right: 5.5rem!important
}
.pt-phab-5 {
padding-top: 5rem!important
}
.pt-phab-5-5 {
padding-top: 5.5rem!important
}
.pb-phab-5 {
padding-bottom: 5rem!important
}
.pb-phab-5-5 {
padding-bottom: 5.5rem!important
}
.pl-phab-5 {
padding-left: 5rem!important
}
.pl-phab-5-5 {
padding-left: 5.5rem!important
}
.pr-phab-5 {
padding-right: 5rem!important
}
.pr-phab-5-5 {
padding-right: 5.5rem!important
}
.px-phab-5 {
padding: 5rem!important
}
.px-phab-5-5 {
padding: 5.5rem!important
}
.mt-phab-6 {
margin-top: 6rem!important
}
.mt-phab-6-5 {
margin-top: 6.5rem!important
}
.mb-phab-6 {
margin-bottom: 6rem!important
}
.mb-phab-6-5 {
margin-bottom: 6.5rem!important
}
.ml-phab-6 {
margin-left: 6rem!important
}
.ml-phab-6-5 {
margin-left: 6.5rem!important
}
.mr-phab-6 {
margin-right: 6rem!important
}
.mr-phab-6-5 {
margin-right: 6.5rem!important
}
.pt-phab-6 {
padding-top: 6rem!important
}
.pt-phab-6-5 {
padding-top: 6.5rem!important
}
.pb-phab-6 {
padding-bottom: 6rem!important
}
.pb-phab-6-5 {
padding-bottom: 6.5rem!important
}
.pl-phab-6 {
padding-left: 6rem!important
}
.pl-phab-6-5 {
padding-left: 6.5rem!important
}
.pr-phab-6 {
padding-right: 6rem!important
}
.pr-phab-6-5 {
padding-right: 6.5rem!important
}
.px-phab-6 {
padding: 6rem!important
}
.px-phab-6-5 {
padding: 6.5rem!important
}
.mt-phab-7 {
margin-top: 7rem!important
}
.mt-phab-7-5 {
margin-top: 7.5rem!important
}
.mb-phab-7 {
margin-bottom: 7rem!important
}
.mb-phab-7-5 {
margin-bottom: 7.5rem!important
}
.ml-phab-7 {
margin-left: 7rem!important
}
.ml-phab-7-5 {
margin-left: 7.5rem!important
}
.mr-phab-7 {
margin-right: 7rem!important
}
.mr-phab-7-5 {
margin-right: 7.5rem!important
}
.pt-phab-7 {
padding-top: 7rem!important
}
.pt-phab-7-5 {
padding-top: 7.5rem!important
}
.pb-phab-7 {
padding-bottom: 7rem!important
}
.pb-phab-7-5 {
padding-bottom: 7.5rem!important
}
.pl-phab-7 {
padding-left: 7rem!important
}
.pl-phab-7-5 {
padding-left: 7.5rem!important
}
.pr-phab-7 {
padding-right: 7rem!important
}
.pr-phab-7-5 {
padding-right: 7.5rem!important
}
.px-phab-7 {
padding: 7rem!important
}
.px-phab-7-5 {
padding: 7.5rem!important
}
.mt-phab-8 {
margin-top: 8rem!important
}
.mt-phab-8-5 {
margin-top: 8.5rem!important
}
.mb-phab-8 {
margin-bottom: 8rem!important
}
.mb-phab-8-5 {
margin-bottom: 8.5rem!important
}
.ml-phab-8 {
margin-left: 8rem!important
}
.ml-phab-8-5 {
margin-left: 8.5rem!important
}
.mr-phab-8 {
margin-right: 8rem!important
}
.mr-phab-8-5 {
margin-right: 8.5rem!important
}
.pt-phab-8 {
padding-top: 8rem!important
}
.pt-phab-8-5 {
padding-top: 8.5rem!important
}
.pb-phab-8 {
padding-bottom: 8rem!important
}
.pb-phab-8-5 {
padding-bottom: 8.5rem!important
}
.pl-phab-8 {
padding-left: 8rem!important
}
.pl-phab-8-5 {
padding-left: 8.5rem!important
}
.pr-phab-8 {
padding-right: 8rem!important
}
.pr-phab-8-5 {
padding-right: 8.5rem!important
}
.px-phab-8 {
padding: 8rem!important
}
.px-phab-8-5 {
padding: 8.5rem!important
}
.mt-phab-9 {
margin-top: 9rem!important
}
.mt-phab-9-5 {
margin-top: 9.5rem!important
}
.mb-phab-9 {
margin-bottom: 9rem!important
}
.mb-phab-9-5 {
margin-bottom: 9.5rem!important
}
.ml-phab-9 {
margin-left: 9rem!important
}
.ml-phab-9-5 {
margin-left: 9.5rem!important
}
.mr-phab-9 {
margin-right: 9rem!important
}
.mr-phab-9-5 {
margin-right: 9.5rem!important
}
.pt-phab-9 {
padding-top: 9rem!important
}
.pt-phab-9-5 {
padding-top: 9.5rem!important
}
.pb-phab-9 {
padding-bottom: 9rem!important
}
.pb-phab-9-5 {
padding-bottom: 9.5rem!important
}
.pl-phab-9 {
padding-left: 9rem!important
}
.pl-phab-9-5 {
padding-left: 9.5rem!important
}
.pr-phab-9 {
padding-right: 9rem!important
}
.pr-phab-9-5 {
padding-right: 9.5rem!important
}
.px-phab-9 {
padding: 9rem!important
}
.px-phab-9-5 {
padding: 9.5rem!important
}
.mt-phab-10 {
margin-top: 10rem!important
}
.mt-phab-10-5 {
margin-top: 10.5rem!important
}
.mb-phab-10 {
margin-bottom: 10rem!important
}
.mb-phab-10-5 {
margin-bottom: 10.5rem!important
}
.ml-phab-10 {
margin-left: 10rem!important
}
.ml-phab-10-5 {
margin-left: 10.5rem!important
}
.mr-phab-10 {
margin-right: 10rem!important
}
.mr-phab-10-5 {
margin-right: 10.5rem!important
}
.pt-phab-10 {
padding-top: 10rem!important
}
.pt-phab-10-5 {
padding-top: 10.5rem!important
}
.pb-phab-10 {
padding-bottom: 10rem!important
}
.pb-phab-10-5 {
padding-bottom: 10.5rem!important
}
.pl-phab-10 {
padding-left: 10rem!important
}
.pl-phab-10-5 {
padding-left: 10.5rem!important
}
.pr-phab-10 {
padding-right: 10rem!important
}
.pr-phab-10-5 {
padding-right: 10.5rem!important
}
.px-phab-10 {
padding: 10rem!important
}
.px-phab-10-5 {
padding: 10.5rem!important
}
}
@media screen and (max-width:680px) {
.mt-mob--1 {
margin-top: -1rem!important
}
.mt-mob--1-5 {
margin-top: -.5rem!important
}
.mb-mob--1 {
margin-bottom: -1rem!important
}
.mb-mob--1-5 {
margin-bottom: -.5rem!important
}
.ml-mob--1 {
margin-left: -1rem!important
}
.ml-mob--1-5 {
margin-left: -.5rem!important
}
.mr-mob--1 {
margin-right: -1rem!important
}
.mr-mob--1-5 {
margin-right: -.5rem!important
}
.mt-mob-0 {
margin-top: 0!important
}
.mt-mob-0-5 {
margin-top: .5rem!important
}
.mb-mob-0 {
margin-bottom: 0!important
}
.mb-mob-0-5 {
margin-bottom: .5rem!important
}
.ml-mob-0 {
margin-left: 0!important
}
.ml-mob-0-5 {
margin-left: .5rem!important
}
.mr-mob-0 {
margin-right: 0!important
}
.mr-mob-0-5 {
margin-right: .5rem!important
}
.pt-mob-0 {
padding-top: 0!important
}
.pt-mob-0-5 {
padding-top: .5rem!important
}
.pb-mob-0 {
padding-bottom: 0!important
}
.pb-mob-0-5 {
padding-bottom: .5rem!important
}
.pl-mob-0 {
padding-left: 0!important
}
.pl-mob-0-5 {
padding-left: .5rem!important
}
.pr-mob-0 {
padding-right: 0!important
}
.pr-mob-0-5 {
padding-right: .5rem!important
}
.px-mob-0 {
padding: 0!important
}
.px-mob-0-5 {
padding: .5rem!important
}
.mt-mob-1 {
margin-top: 1rem!important
}
.mt-mob-1-5 {
margin-top: 1.5rem!important
}
.mb-mob-1 {
margin-bottom: 1rem!important
}
.mb-mob-1-5 {
margin-bottom: 1.5rem!important
}
.ml-mob-1 {
margin-left: 1rem!important
}
.ml-mob-1-5 {
margin-left: 1.5rem!important
}
.mr-mob-1 {
margin-right: 1rem!important
}
.mr-mob-1-5 {
margin-right: 1.5rem!important
}
.pt-mob-1 {
padding-top: 1rem!important
}
.pt-mob-1-5 {
padding-top: 1.5rem!important
}
.pb-mob-1 {
padding-bottom: 1rem!important
}
.pb-mob-1-5 {
padding-bottom: 1.5rem!important
}
.pl-mob-1 {
padding-left: 1rem!important
}
.pl-mob-1-5 {
padding-left: 1.5rem!important
}
.pr-mob-1 {
padding-right: 1rem!important
}
.pr-mob-1-5 {
padding-right: 1.5rem!important
}
.px-mob-1 {
padding: 1rem!important
}
.px-mob-1-5 {
padding: 1.5rem!important
}
.mt-mob-2 {
margin-top: 2rem!important
}
.mt-mob-2-5 {
margin-top: 2.5rem!important
}
.mb-mob-2 {
margin-bottom: 2rem!important
}
.mb-mob-2-5 {
margin-bottom: 2.5rem!important
}
.ml-mob-2 {
margin-left: 2rem!important
}
.ml-mob-2-5 {
margin-left: 2.5rem!important
}
.mr-mob-2 {
margin-right: 2rem!important
}
.mr-mob-2-5 {
margin-right: 2.5rem!important
}
.pt-mob-2 {
padding-top: 2rem!important
}
.pt-mob-2-5 {
padding-top: 2.5rem!important
}
.pb-mob-2 {
padding-bottom: 2rem!important
}
.pb-mob-2-5 {
padding-bottom: 2.5rem!important
}
.pl-mob-2 {
padding-left: 2rem!important
}
.pl-mob-2-5 {
padding-left: 2.5rem!important
}
.pr-mob-2 {
padding-right: 2rem!important
}
.pr-mob-2-5 {
padding-right: 2.5rem!important
}
.px-mob-2 {
padding: 2rem!important
}
.px-mob-2-5 {
padding: 2.5rem!important
}
.mt-mob-3 {
margin-top: 3rem!important
}
.mt-mob-3-5 {
margin-top: 3.5rem!important
}
.mb-mob-3 {
margin-bottom: 3rem!important
}
.mb-mob-3-5 {
margin-bottom: 3.5rem!important
}
.ml-mob-3 {
margin-left: 3rem!important
}
.ml-mob-3-5 {
margin-left: 3.5rem!important
}
.mr-mob-3 {
margin-right: 3rem!important
}
.mr-mob-3-5 {
margin-right: 3.5rem!important
}
.pt-mob-3 {
padding-top: 3rem!important
}
.pt-mob-3-5 {
padding-top: 3.5rem!important
}
.pb-mob-3 {
padding-bottom: 3rem!important
}
.pb-mob-3-5 {
padding-bottom: 3.5rem!important
}
.pl-mob-3 {
padding-left: 3rem!important
}
.pl-mob-3-5 {
padding-left: 3.5rem!important
}
.pr-mob-3 {
padding-right: 3rem!important
}
.pr-mob-3-5 {
padding-right: 3.5rem!important
}
.px-mob-3 {
padding: 3rem!important
}
.px-mob-3-5 {
padding: 3.5rem!important
}
.mt-mob-4 {
margin-top: 4rem!important
}
.mt-mob-4-5 {
margin-top: 4.5rem!important
}
.mb-mob-4 {
margin-bottom: 4rem!important
}
.mb-mob-4-5 {
margin-bottom: 4.5rem!important
}
.ml-mob-4 {
margin-left: 4rem!important
}
.ml-mob-4-5 {
margin-left: 4.5rem!important
}
.mr-mob-4 {
margin-right: 4rem!important
}
.mr-mob-4-5 {
margin-right: 4.5rem!important
}
.pt-mob-4 {
padding-top: 4rem!important
}
.pt-mob-4-5 {
padding-top: 4.5rem!important
}
.pb-mob-4 {
padding-bottom: 4rem!important
}
.pb-mob-4-5 {
padding-bottom: 4.5rem!important
}
.pl-mob-4 {
padding-left: 4rem!important
}
.pl-mob-4-5 {
padding-left: 4.5rem!important
}
.pr-mob-4 {
padding-right: 4rem!important
}
.pr-mob-4-5 {
padding-right: 4.5rem!important
}
.px-mob-4 {
padding: 4rem!important
}
.px-mob-4-5 {
padding: 4.5rem!important
}
.mt-mob-5 {
margin-top: 5rem!important
}
.mt-mob-5-5 {
margin-top: 5.5rem!important
}
.mb-mob-5 {
margin-bottom: 5rem!important
}
.mb-mob-5-5 {
margin-bottom: 5.5rem!important
}
.ml-mob-5 {
margin-left: 5rem!important
}
.ml-mob-5-5 {
margin-left: 5.5rem!important
}
.mr-mob-5 {
margin-right: 5rem!important
}
.mr-mob-5-5 {
margin-right: 5.5rem!important
}
.pt-mob-5 {
padding-top: 5rem!important
}
.pt-mob-5-5 {
padding-top: 5.5rem!important
}
.pb-mob-5 {
padding-bottom: 5rem!important
}
.pb-mob-5-5 {
padding-bottom: 5.5rem!important
}
.pl-mob-5 {
padding-left: 5rem!important
}
.pl-mob-5-5 {
padding-left: 5.5rem!important
}
.pr-mob-5 {
padding-right: 5rem!important
}
.pr-mob-5-5 {
padding-right: 5.5rem!important
}
.px-mob-5 {
padding: 5rem!important
}
.px-mob-5-5 {
padding: 5.5rem!important
}
.mt-mob-6 {
margin-top: 6rem!important
}
.mt-mob-6-5 {
margin-top: 6.5rem!important
}
.mb-mob-6 {
margin-bottom: 6rem!important
}
.mb-mob-6-5 {
margin-bottom: 6.5rem!important
}
.ml-mob-6 {
margin-left: 6rem!important
}
.ml-mob-6-5 {
margin-left: 6.5rem!important
}
.mr-mob-6 {
margin-right: 6rem!important
}
.mr-mob-6-5 {
margin-right: 6.5rem!important
}
.pt-mob-6 {
padding-top: 6rem!important
}
.pt-mob-6-5 {
padding-top: 6.5rem!important
}
.pb-mob-6 {
padding-bottom: 6rem!important
}
.pb-mob-6-5 {
padding-bottom: 6.5rem!important
}
.pl-mob-6 {
padding-left: 6rem!important
}
.pl-mob-6-5 {
padding-left: 6.5rem!important
}
.pr-mob-6 {
padding-right: 6rem!important
}
.pr-mob-6-5 {
padding-right: 6.5rem!important
}
.px-mob-6 {
padding: 6rem!important
}
.px-mob-6-5 {
padding: 6.5rem!important
}
.mt-mob-7 {
margin-top: 7rem!important
}
.mt-mob-7-5 {
margin-top: 7.5rem!important
}
.mb-mob-7 {
margin-bottom: 7rem!important
}
.mb-mob-7-5 {
margin-bottom: 7.5rem!important
}
.ml-mob-7 {
margin-left: 7rem!important
}
.ml-mob-7-5 {
margin-left: 7.5rem!important
}
.mr-mob-7 {
margin-right: 7rem!important
}
.mr-mob-7-5 {
margin-right: 7.5rem!important
}
.pt-mob-7 {
padding-top: 7rem!important
}
.pt-mob-7-5 {
padding-top: 7.5rem!important
}
.pb-mob-7 {
padding-bottom: 7rem!important
}
.pb-mob-7-5 {
padding-bottom: 7.5rem!important
}
.pl-mob-7 {
padding-left: 7rem!important
}
.pl-mob-7-5 {
padding-left: 7.5rem!important
}
.pr-mob-7 {
padding-right: 7rem!important
}
.pr-mob-7-5 {
padding-right: 7.5rem!important
}
.px-mob-7 {
padding: 7rem!important
}
.px-mob-7-5 {
padding: 7.5rem!important
}
.mt-mob-8 {
margin-top: 8rem!important
}
.mt-mob-8-5 {
margin-top: 8.5rem!important
}
.mb-mob-8 {
margin-bottom: 8rem!important
}
.mb-mob-8-5 {
margin-bottom: 8.5rem!important
}
.ml-mob-8 {
margin-left: 8rem!important
}
.ml-mob-8-5 {
margin-left: 8.5rem!important
}
.mr-mob-8 {
margin-right: 8rem!important
}
.mr-mob-8-5 {
margin-right: 8.5rem!important
}
.pt-mob-8 {
padding-top: 8rem!important
}
.pt-mob-8-5 {
padding-top: 8.5rem!important
}
.pb-mob-8 {
padding-bottom: 8rem!important
}
.pb-mob-8-5 {
padding-bottom: 8.5rem!important
}
.pl-mob-8 {
padding-left: 8rem!important
}
.pl-mob-8-5 {
padding-left: 8.5rem!important
}
.pr-mob-8 {
padding-right: 8rem!important
}
.pr-mob-8-5 {
padding-right: 8.5rem!important
}
.px-mob-8 {
padding: 8rem!important
}
.px-mob-8-5 {
padding: 8.5rem!important
}
.mt-mob-9 {
margin-top: 9rem!important
}
.mt-mob-9-5 {
margin-top: 9.5rem!important
}
.mb-mob-9 {
margin-bottom: 9rem!important
}
.mb-mob-9-5 {
margin-bottom: 9.5rem!important
}
.ml-mob-9 {
margin-left: 9rem!important
}
.ml-mob-9-5 {
margin-left: 9.5rem!important
}
.mr-mob-9 {
margin-right: 9rem!important
}
.mr-mob-9-5 {
margin-right: 9.5rem!important
}
.pt-mob-9 {
padding-top: 9rem!important
}
.pt-mob-9-5 {
padding-top: 9.5rem!important
}
.pb-mob-9 {
padding-bottom: 9rem!important
}
.pb-mob-9-5 {
padding-bottom: 9.5rem!important
}
.pl-mob-9 {
padding-left: 9rem!important
}
.pl-mob-9-5 {
padding-left: 9.5rem!important
}
.pr-mob-9 {
padding-right: 9rem!important
}
.pr-mob-9-5 {
padding-right: 9.5rem!important
}
.px-mob-9 {
padding: 9rem!important
}
.px-mob-9-5 {
padding: 9.5rem!important
}
.mt-mob-10 {
margin-top: 10rem!important
}
.mt-mob-10-5 {
margin-top: 10.5rem!important
}
.mb-mob-10 {
margin-bottom: 10rem!important
}
.mb-mob-10-5 {
margin-bottom: 10.5rem!important
}
.ml-mob-10 {
margin-left: 10rem!important
}
.ml-mob-10-5 {
margin-left: 10.5rem!important
}
.mr-mob-10 {
margin-right: 10rem!important
}
.mr-mob-10-5 {
margin-right: 10.5rem!important
}
.pt-mob-10 {
padding-top: 10rem!important
}
.pt-mob-10-5 {
padding-top: 10.5rem!important
}
.pb-mob-10 {
padding-bottom: 10rem!important
}
.pb-mob-10-5 {
padding-bottom: 10.5rem!important
}
.pl-mob-10 {
padding-left: 10rem!important
}
.pl-mob-10-5 {
padding-left: 10.5rem!important
}
.pr-mob-10 {
padding-right: 10rem!important
}
.pr-mob-10-5 {
padding-right: 10.5rem!important
}
.px-mob-10 {
padding: 10rem!important
}
.px-mob-10-5 {
padding: 10.5rem!important
}
}
.bdr-box {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.d-inline, .inline {
display: inline
}
.d-block {
display: block!important
}
.d-inline-block {
display: inline-block!important
}
.d-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.justify-content-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.align-items-top {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.f-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.m-auto {
margin: 0 auto!important
}
.align-center {
text-align: center!important
}
.align-left {
text-align: left!important
}
.align-right {
text-align: right!important
}
.pull-right {
float: right;
z-index: 2
}
.pull-left {
float: left;
z-index: 2
}
.wd-100 {
width: 100%
}
.max-width {
max-width: 1600px;
margin: 0 auto
}
.max-width-10p {
max-width: 10%!important
}
.max-width-20p {
max-width: 20%!important
}
.max-width-30p {
max-width: 30%!important
}
.max-width-40p {
max-width: 40%!important
}
.max-width-50p {
max-width: 50%!important
}
.max-width-60p {
max-width: 60%!important
}
.max-width-70p {
max-width: 70%!important
}
.max-width-80p {
max-width: 80%!important
}
.max-width-90p {
max-width: 90%!important
}
.max-width-100p {
max-width: 100%!important
}
@media screen and (max-width:1200px) {
.max-width-tablet-10p {
max-width: 10%!important
}
.max-width-tablet-20p {
max-width: 20%!important
}
.max-width-tablet-30p {
max-width: 30%!important
}
.max-width-tablet-40p {
max-width: 40%!important
}
.max-width-tablet-50p {
max-width: 50%!important
}
.max-width-tablet-60p {
max-width: 60%!important
}
.max-width-tablet-70p {
max-width: 70%!important
}
.max-width-tablet-80p {
max-width: 80%!important
}
.max-width-tablet-90p {
max-width: 90%!important
}
.max-width-tablet-100p {
max-width: 100%!important
}
}
@media screen and (max-width:1023px) {
.max-width-phablet-10p {
max-width: 10%!important
}
.max-width-phablet-20p {
max-width: 20%!important
}
.max-width-phablet-30p {
max-width: 30%!important
}
.max-width-phablet-40p {
max-width: 40%!important
}
.max-width-phablet-50p {
max-width: 50%!important
}
.max-width-phablet-60p {
max-width: 60%!important
}
.max-width-phablet-70p {
max-width: 70%!important
}
.max-width-phablet-80p {
max-width: 80%!important
}
.max-width-phablet-90p {
max-width: 90%!important
}
.max-width-phablet-100p {
max-width: 100%!important
}
}
@media screen and (max-width:680px) {
.max-width-mob-10p {
max-width: 10%!important
}
.max-width-mob-20p {
max-width: 20%!important
}
.max-width-mob-30p {
max-width: 30%!important
}
.max-width-mob-40p {
max-width: 40%!important
}
.max-width-mob-50p {
max-width: 50%!important
}
.max-width-mob-60p {
max-width: 60%!important
}
.max-width-mob-70p {
max-width: 70%!important
}
.max-width-mob-80p {
max-width: 80%!important
}
.max-width-mob-90p {
max-width: 90%!important
}
.max-width-mob-100p {
max-width: 100%!important
}
.hide-on-mobile {
display: none!important
}
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
span.ellipsis {
display: inline-block;
vertical-align: middle
}
.hide {
display: none!important
}
@media screen and (min-width:1201px) {
.hide-on-desktop {
display: none!important
}
}
@media screen and (min-width:1024px) and (max-width:1200px) {
.hide-on-tablet {
display: none!important
}
}
@media screen and (min-width:681px) and (max-width:1023px) {
.hide-on-phablet {
display: none!important
}
}
.order-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
@media screen and (max-width:1200px) {
.max-width {
padding: 0 5rem
}
.max-width-50p {
max-width: none
}
.order-tab-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-tab-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-tab-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-tab-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-tab-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-tab-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
}
@media screen and (max-width:1023px) {
.order-phab-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-phab-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-phab-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-phab-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-phab-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-phab-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
}
.grid-helper-h, .grid-helper-v {
position: relative
}
.grid-helper-h:after, .grid-helper-v:before {
z-index: 10;
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: .25;
background-position: top;
pointer-events: none
}
.grid-helper-h:after {
background-image: repeating-linear-gradient(orange, orange .5rem, transparent .5rem, transparent 1rem, #0ff 1rem, #0ff 1.5rem, transparent 1.5rem, transparent 2rem, #0ff 2rem, #0ff 2.5rem, transparent 2.5rem, transparent 3rem)!important
}
.grid-helper-v:before {
background-image: repeating-linear-gradient(90deg, orange, orange .5rem, transparent .5rem, transparent 1rem, #0ff 1rem, #0ff 1.5rem, transparent 1.5rem, transparent 2rem, #0ff 2rem, #0ff 2.5rem, transparent 2.5rem, transparent 3rem)!important
}
.block {
border-radius: .75rem;
padding: 2.5rem
}
.block.small-p {
padding: 1.5rem
}
.block.grey-bg {
background-color: #f2f3f5;
border: 2px solid #edeef0
}
.block.l-grey-bg {
background-color: #f8f8f8;
border: 2px solid #edeef0
}
.block section {
border-top: 1px solid #f2f3f5;
margin: 1.5rem -2.5rem -1.5rem;
padding: 1.5rem 2.5rem;
background: #fff
}
.block.small-p section {
margin-left: -1.5rem;
margin-right: -1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.block section:last-child {
border-bottom-left-radius: .875rem;
border-bottom-right-radius: .875rem
}
.block.full-size {
border-radius: 0;
padding-top: 3rem;
padding-left: 0;
padding-right: 0
}
.block.full-size .inner {
width: calc(100% - 7rem);
max-width: 65rem;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.block.decorated {
background-size: 19.18rem 17rem
}
.block.decorated--cinepass {
background-position: top -5.75rem right 2rem;
background-image: url(block-decoration--cinepass@2x.639c34240264bd1cfbb4.jpg)
}
.block.decorated--places {
background-position: top -3rem right 2rem;
background-image: url(block-decoration--places@2x.6bbad351a336d1e512f7.jpg)
}
@media screen and (max-width:1023px) {
.block.full-size {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.block.full-size .inner {
width: 100%;
max-width: inherit
}
}
@media screen and (max-width:680px) {
.order-mob-0 {
-webkit-box-ordinal-group: 1!important;
-ms-flex-order: 0!important;
order: 0!important
}
.order-mob-1 {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important
}
.order-mob-2 {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important
}
.order-mob-3 {
-webkit-box-ordinal-group: 4!important;
-ms-flex-order: 3!important;
order: 3!important
}
.order-mob-4 {
-webkit-box-ordinal-group: 5!important;
-ms-flex-order: 4!important;
order: 4!important
}
.order-mob-5 {
-webkit-box-ordinal-group: 6!important;
-ms-flex-order: 5!important;
order: 5!important
}
.block {
border-radius: 0;
padding: 1rem
}
.block.small-p {
padding: 1rem
}
.block.small-p section {
margin: 1rem -1rem -1rem;
padding: 1rem
}
.block.full-size {
padding: 0
}
.block.full-size .inner {
padding: 1rem;
width: 100%
}
.block.decorated {
background-size: 11rem 9.74rem;
background-position: top 0 right -4rem
}
.block.decorated--cinepass {
background-image: url(block-decoration--cinepass@2x.639c34240264bd1cfbb4.jpg)
}
.block.decorated--places {
background-image: url(block-decoration--places@2x.6bbad351a336d1e512f7.jpg)
}
}
.btn.sidebar-btn {
height: 5rem;
border-radius: 0;
font-size: 1.25rem
}
.btn.min-w {
min-width: 11.5rem
}
.btn.orange {
background: #ff7920;
color: #fff;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(255,121,32,.25);
box-shadow: 0 .3125rem .625rem 0 rgba(255,121,32,.25)
}
.btn.orange:hover {
background: #ff9853
}
@media screen and (max-width:1023px) {
.btn.min-w {
min-width: 9rem
}
}
.form-number.form-number--x-small input {
font-size: 1rem;
width: 1.5rem;
padding: 0 .25rem
}
.form-number.form-number--x-small .btn {
width: 1.5rem;
height: 1.5rem
}
.form-number.form-number--x-small .btn .icon {
width: 1rem;
height: 1rem
}
@media screen and (min-width:1023px) {
.form-number input {
font-size: 2.5rem;
width: 4rem
}
.form-number .btn {
width: 3.25rem;
height: 3.25rem;
background-size: 1.5rem
}
.form-number .btn .icon {
width: 2rem;
height: 2rem
}
.main-wrapper header.main-wrapper__header {
margin-left: auto;
margin-right: auto;
max-width: 85%
}
}
@media screen and (max-width:680px) {
.btn.min-w {
min-width: inherit
}
.form-number input {
width: 1.8rem
}
.form-inline-btn {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.form-inline-btn .input {
text-align: left
}
.form-inline-btn .btn {
margin-top: 0
}
}
.form-check.form--bordered {
height: 3rem;
min-width: 15rem;
padding: .1rem 1.5rem 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #edeef0;
border-radius: .375rem
}
.row .col.with-btn-fixed {
padding-bottom: 4rem
}
.row .col.with-btn-fixed .btn {
bottom: 0
}
.main-wrapper {
margin: 0 auto;
padding-top: 3rem;
padding-bottom: 3rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: padding-bottom .3s ease-in-out;
transition: padding-bottom .3s ease-in-out;
width: calc(100% - 7rem);
max-width: 65rem
}
.main-wrapper header.main-wrapper__header {
position: relative;
text-align: center;
margin-bottom: 4rem
}
.main-wrapper header.main-wrapper__header>.icon:first-child {
width: 7rem;
height: 7rem
}
.main-wrapper header.main-wrapper__header .title-element {
margin-bottom: 0
}
.main-wrapper header.main-wrapper__header .text-main {
margin-top: .3rem
}
.main-wrapper header.main-wrapper__header .seat {
font-size: 1.8em
}
@media screen and (max-width:1023px) {
.main-wrapper {
width: 100%;
padding: 0 1.5rem 4rem
}
.main-wrapper header.main-wrapper__header {
padding: 1.125rem;
margin-bottom: 2rem
}
}
.page-cancel .logo-wrapper {
display: block;
text-align: center;
margin-bottom: 5rem
}
.page-cancel .logo-wrapper img {
width: 18rem;
height: 3.75rem
}
.page-cancel .content {
background-size: cover;
background-position: center top
}
.page-cancel .content:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #1c2129), to(rgba(28,33,41,.4)));
background-image: linear-gradient(to top, #1c2129 15%, rgba(28,33,41,.4) 100%)
}
.page-cancel .content .scroll-container {
position: relative
}
.page-cancel .content .scroll-container .main-wrapper {
max-width: 50rem
}
.page-cancel .block {
overflow: hidden
}
.page-cancel .block-movie, .page-cancel .block-top {
padding: 3rem 3.5rem
}
.page-cancel .block-movie {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f8f8f8
}
.page-cancel .block-movie .poster {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 10rem;
background-size: 100% 100%;
border-radius: .375rem;
margin-right: 2.5rem
}
.page-cancel .block-movie .poster:before {
content: '';
display: block;
width: 100%;
padding-bottom: 135%
}
.page-cancel .block-movie.disabled>* {
opacity: .5
}
.page-cancel .btn.danger {
padding-top: .35rem;
height: 3.5rem
}
@media screen and (min-width:1023px) {
.page-cancel .content {
position: inherit
}
}
@media screen and (max-width:1023px) {
.page-cancel .content {
margin-top: 0;
border-radius: 0
}
.page-cancel .logo-wrapper {
margin-top: 1rem;
margin-bottom: 1rem
}
.page-cancel .logo-wrapper img {
width: 12rem;
height: 2.5rem
}
}
@media screen and (max-width:680px) {
.main-wrapper {
padding: 0
}
.main-wrapper header.main-wrapper__header {
margin-bottom: 0
}
.main-wrapper header.main-wrapper__header>.icon:first-child {
width: 5rem;
height: 5rem
}
.main-wrapper header.main-wrapper__header .text-main, .main-wrapper header.main-wrapper__header .text-main span {
font-size: .875rem;
line-height: 1.5rem
}
.mobile-container {
padding: 0 1rem
}
.page-cancel .block-movie, .page-cancel .block-top {
padding: 1rem
}
.page-cancel .block-movie .poster {
width: 3.75rem;
margin-right: 1rem
}
.page-cancel .block-movie .download-bill {
display: block;
margin-top: .5rem
}
}
.page-commande-validee header .btn.link {
font-weight: inherit;
text-decoration: underline;
margin-right: 0
}
.page-commande-validee .sidebar {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.page-commande-validee .sidebar .movie-content {
-webkit-box-flex: inherit;
-ms-flex-positive: inherit;
flex-grow: inherit
}
.page-commande-validee .sidebar .ticket-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 2rem
}
.page-commande-validee .sidebar .ticket-wrapper .ticket {
width: 100%;
max-width: 20rem;
margin: 0 auto
}
.page-commande-validee .sidebar .sidebar-content {
padding: 2rem 2rem 0
}
.page-commande-validee .sidebar .sidebar-content .sidebar-push-app {
text-align: center
}
.page-commande-validee .sidebar .sidebar-content .sidebar-push-app .col:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.page-commande-validee .download-ticket {
position: relative;
text-align: center
}
.page-commande-validee .download-ticket:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -40%;
width: 80%;
height: 1px;
background: #d0d0d0
}
.page-commande-validee .download-ticket>* {
position: relative
}
.page-commande-validee .download-ticket span {
padding: 0 2rem;
background: #f8f8f8
}
.page-commande-validee .download-ticket .apple-wallet__btn {
display: inline-block;
vertical-align: middle;
padding-top: .25rem
}
.page-commande-validee .download-ticket .apple-wallet__btn img {
height: 3rem
}
.page-commande-validee .block-movie__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.page-commande-validee .block-movie__container .poster {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 10.5rem;
background-size: 100% 100%;
border-radius: .375rem;
margin-right: 2.5rem;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05)
}
.page-commande-validee .block-movie__container .poster:before {
content: '';
display: block;
width: 100%;
padding-bottom: 135%
}
.page-commande-validee .block-movie__container .poster.poster--large {
width: 15rem
}
.page-commande-validee .block-movie .recap-events-list {
margin-top: 2rem
}
.page-commande-validee .block-movie .recap-events-list li {
position: relative;
padding: 1.5rem 0
}
.page-commande-validee .block-movie .recap-events-list li:last-child {
padding-bottom: 0
}
.page-commande-validee .block-movie .recap-events-list li:last-child:after {
display: none
}
.page-commande-validee .block-movie .recap-events-list li:after, .page-commande-validee .block-movie .recap-events-list li:before {
content: '';
position: absolute;
width: calc(100% + 5rem);
left: -2.5rem;
height: 1px;
background: #f8f8f8
}
.page-commande-validee .block-movie .recap-events-list li:before {
top: 0
}
.page-commande-validee .block-movie .recap-events-list li:after {
bottom: 0
}
.page-commande-validee .block-promo {
padding-right: 20rem;
background-color: #fbdd82;
border: 1px solid #d2b663;
background-image: url(tunnel-promo-code@2x.feec4fe69a02be4d2882.png);
background-position: center right 1.5rem;
background-repeat: no-repeat;
background-size: 13.5rem
}
.page-commande-validee .block-step {
position: relative;
padding-left: 4rem
}
.page-commande-validee .block-step .backdrop {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50%;
border-top-right-radius: .75rem;
border-bottom-right-radius: .75rem;
background-position: bottom right;
background-size: cover;
background-repeat: no-repeat
}
.page-commande-validee .block-step .backdrop:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #fff), color-stop(60%, rgba(255,255,255,.8)), to(rgba(255,255,255,0)));
background-image: linear-gradient(to right, #fff 20%, rgba(255,255,255,.8) 60%, rgba(255,255,255,0) 100%)
}
.page-commande-validee .block-step .step {
position: absolute;
top: 2.25rem;
left: -.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
font-size: 1.875rem;
font-weight: 700;
color: #fff;
border-radius: 50%;
background-color: #dee0e3
}
.page-commande-validee .block-step .text-main {
padding-right: 25%
}
.page-commande-validee .friends-title {
position: relative
}
.page-commande-validee .friends-title .icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 9.75rem;
height: 9.75rem;
opacity: .06
}
.page-commande-validee .block-friends .friends-timer {
width: 100%;
margin: 0
}
.page-commande-validee .block-friends .friends-timer .friends-timer__container {
width: 11.5rem;
height: 11.5rem;
margin: 0 auto
}
.page-commande-validee .block-friends .friends-timer .friends-timer__expiration-time {
font-size: 2rem
}
.page-commande-validee .block-total {
padding-left: 17.5rem
}
@media screen and (max-width:1023px) {
.page-commande-validee .sidebar .sidebar-content .sidebar-push-app .col:last-child {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width:680px) {
.page-commande-validee header.main-wrapper__header .btn.link, .page-commande-validee header.main-wrapper__header .text-main {
font-size: 1rem
}
.page-commande-validee .sidebar .ticket-wrapper {
padding: 0 1rem
}
.page-commande-validee .sidebar .sidebar-content {
padding: 1rem 1rem 0
}
.page-commande-validee .sidebar .sidebar-content .sidebar-push-app {
text-align: left
}
.page-commande-validee .sidebar .sidebar-content .sidebar-push-app .col:last-child {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.page-commande-validee .download-ticket {
padding: 0 1rem
}
.page-commande-validee .download-ticket:before {
display: none
}
.page-commande-validee .download-ticket span {
padding: 0
}
.page-commande-validee .block-movie .poster {
width: 3.75rem;
margin-right: 1rem
}
.page-commande-validee .block-movie .download-bill {
display: block;
margin-top: .5rem
}
.page-commande-validee .block-promo {
border-left: 0;
border-right: 0;
padding-right: 1rem;
padding-bottom: 2rem;
background-size: 8rem;
background-position: bottom 1rem right 1rem
}
.page-commande-validee .block-promo .text-micro {
max-width: 8.5rem
}
.page-commande-validee .block-step {
padding: 1rem
}
.page-commande-validee .block-step .backdrop, .page-commande-validee .block-step .step {
display: none
}
.page-commande-validee .block-step .text-main {
padding-right: 0
}
.page-commande-validee .block-friends .friends-timer .friends-timer__container {
width: 100%;
height: 100%
}
.page-commande-validee .block-friends .friends-timer .friends-timer__expiration-time {
font-size: 1rem
}
.page-commande-validee .block-total {
padding-left: 0
}
}
.page-options .informations {
position: relative;
margin: -.5rem -1rem 1.5rem;
padding: 1rem 16rem 1rem 1rem;
border-radius: .5rem;
background-color: rgba(230,48,65,.05)
}
.page-options .informations .preview {
position: absolute;
right: 1rem;
bottom: .5rem;
width: 11.5rem;
height: 5.75rem;
border-radius: .875rem;
background: url(imax-glasses@2x.711a4ede6cd69a41a556.jpg) center/contain no-repeat #fff
}
@media screen and (max-width:680px) {
.page-options .informations {
padding-right: 1rem
}
.page-options .informations .preview {
display: none
}
}
.page-paiement .block {
display: block;
position: relative;
background: 0 0;
padding: 0;
text-decoration: none
}
.page-paiement .block:before {
content: '';
position: absolute;
top: -.5rem;
left: -.5rem;
bottom: -.5rem;
right: -.5rem;
opacity: .5;
background-color: #edeef0;
-webkit-transition: opacity .15s;
transition: opacity .15s;
border-radius: 1rem
}
.page-paiement .block.is-selected:before {
background-color: #ffd259
}
.page-paiement .block.is-selected:before, .page-paiement .block:hover:before {
opacity: 1
}
.page-paiement .block .inner {
padding: 2.5rem 2rem;
border-radius: .75rem;
background: #fff;
cursor: pointer
}
.page-paiement .block.grey-bg .inner {
background-color: #f2f3f5
}
.page-paiement .block.block-apple-pay .inner {
padding: 2.5rem 2rem 1.5rem
}
.page-paiement .block.block-apple-pay .inner .credit-cards {
margin-top: 1rem
}
.page-paiement .block .credit-cards {
margin-top: 2rem
}
.page-paiement .block .credit-cards.card-selected .card:not(.not-selectable) {
opacity: .3
}
.page-paiement .block .credit-cards .card {
display: inline-block;
position: relative;
margin-right: .25rem;
border: 0;
padding: 0;
background: 0 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
cursor: pointer
}
.page-paiement .block .credit-cards .card:before {
content: '';
position: absolute;
top: -.25rem;
left: -.2rem;
bottom: -.25rem;
right: -.2rem;
opacity: 0;
background-color: #ffd259;
-webkit-transition: opacity .15s;
transition: opacity .15s;
border-radius: .5rem
}
.page-paiement .block .credit-cards .card.is-selected, .page-paiement .block .credit-cards .card.is-selected:before, .page-paiement .block .credit-cards .card:hover {
opacity: 1
}
.page-paiement .block .credit-cards .card.apple-pay .icon {
width: 6.75rem;
height: 4.5rem
}
.page-paiement .block .credit-cards .card .icon {
position: relative;
width: 3.75rem;
height: 2.5rem
}
.page-paiement .block .credit-cards .card.form-inline {
margin-right: 1.25rem
}
.page-paiement .block .credit-cards .card.form-inline label {
padding-left: 1.75rem
}
.page-paiement .block .credit-cards .card.form-inline label:before {
top: 1.2rem
}
.page-paiement .block .credit-cards .card.form-inline label .icon {
position: relative;
width: 4rem;
height: 2.66rem
}
.page-paiement .block .content-hided {
opacity: 0;
max-height: 0;
overflow: hidden;
-webkit-transition: opacity .3s ease-in-out, max-height 1s cubic-bezier(0, 1, 0, 1);
transition: opacity .3s ease-in-out, max-height 1s cubic-bezier(0, 1, 0, 1)
}
.page-paiement .block.is-selected .content-hided {
opacity: 1;
max-height: 1000vh;
-webkit-transition: max-height 1.5s ease-in-out;
transition: max-height 1.5s ease-in-out
}
@media screen and (max-width:680px) {
.page-paiement .block, .page-paiement .block.block-apple-pay {
margin-bottom: 1.5rem
}
.page-paiement .block .inner, .page-paiement .block.block-apple-pay .inner {
padding: 1rem
}
.page-paiement .block .credit-cards .card, .page-paiement .block.block-apple-pay .credit-cards .card {
margin-right: .2rem
}
.page-paiement .block .credit-cards .card .icon, .page-paiement .block.block-apple-pay .credit-cards .card .icon {
width: 2.75rem;
height: 1.8rem
}
.page-paiement .block .credit-cards .card.apple-pay .icon, .page-paiement .block.block-apple-pay .credit-cards .card.apple-pay .icon {
width: 3.75rem;
height: 2.5rem
}
}
.page-selection-places>.content .scroll-container .main-wrapper {
width: 100%;
max-width: inherit
}
.page-selection-places .mobile-theater-actions {
padding: 0 1rem;
margin: 1rem 0;
font-size: .875rem;
font-weight: 600;
font-style: italic;
color: #676a6f;
text-align: center
}
.page-selection-places.is-loading .loading__logo {
width: 25rem;
max-width: 100%;
opacity: .15;
-webkit-animation: 2s infinite logo-loading;
animation: 2s infinite logo-loading
}
.page-selection-places.is-loading .pub__wrapper {
width: 100%
}
.page-selection-places.is-loading .pub__wrapper img {
max-width: 100%
}
@media screen and (max-width:1023px) {
.page-selection-places>.content .main-wrapper {
padding: 0
}
.page-selection-places>.content .main-wrapper header .text-main {
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.page-selection-places>.content .main-wrapper .theater {
min-height: 0;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.page-selection-places>.content .main-wrapper .mobile-theater-actions {
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.page-selection-places>.content.selection-on-mobile {
margin-top: 0
}
.page-selection-places>.content.selection-on-mobile .main-wrapper header .text-main {
opacity: 0
}
.page-selection-places>.content.selection-on-mobile .main-wrapper .mobile-theater-actions .text-micro {
display: none
}
.page-selection-places>.content.selection-on-mobile .theater__mobile-selection {
display: block
}
.page-selection-places>.content.selection-on-mobile .confirmation-btns-container {
display: none
}
.page-selection-places.is-loading .is-loading__container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(100% - 2.25rem);
max-width: 20rem
}
}
@-webkit-keyframes logo-loading {
0%, 100% {
opacity:.15
}
50% {
opacity:.35
}
}
@keyframes logo-loading {
0%, 100% {
opacity:.15
}
50% {
opacity:.35
}
}
@media screen and (min-width:1200px) and (max-width:1681px) {
.popin:not(.default-layout) {
padding: 5rem 0 0;
text-align: right
}
.popin:not(.default-layout) .wrapper {
width: calc(100% - 22.5rem);
max-width: inherit;
vertical-align: bottom
}
}
@media screen and (min-width:1200px) {
.popin.small {
text-align: center;
background: rgba(248,248,248,.8);
width: calc(100% - 22.5rem);
left: 22.5rem
}
.popin.small .btn-layer-close {
width: calc(100% - 22.5rem);
left: 22.5rem
}
.popin.small .wrapper {
max-width: 43rem;
vertical-align: middle;
margin-left: 0;
border-radius: .75rem;
padding: 3rem;
text-align: center
}
.popin.small .wrapper>.icon:first-of-type {
width: 7rem;
height: 7rem
}
.popin.small .wrapper .btn.close {
display: none
}
.popin.small .wrapper .btn-wrapper {
margin-top: 2rem
}
.popin.small .wrapper .btn-wrapper.w-w {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.popin.small .wrapper .btn-wrapper.w-w .btn {
width: 50%
}
}
.popin.ajout-carte.cinepass .wrapper {
background-image: url(block-decoration--cinepass-big@2x.1f58d7287cc604c522e9.jpg);
background-size: 40%;
background-repeat: no-repeat;
background-position: top right
}
.popin.ajout-carte .wrapper>.row {
position: relative
}
.popin.ajout-carte .wrapper>.row .col>.block {
border-radius: .875rem;
margin-bottom: 0
}
@media screen and (min-width:1023px) {
.col>.block.btns-fixed {
padding-bottom: 7rem;
height: 100%
}
.col>.block.btns-fixed .btn {
position: absolute;
bottom: 2.5rem;
left: 2.5rem
}
}
.code-pin {
margin-top: 1.95rem
}
.code-pin input {
margin-right: .5rem;
height: 5rem;
width: 4rem;
border-radius: .375rem;
border: 1px solid #d0d0d0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .25s;
transition: border-color .25s;
outline: 0;
font-size: 2rem;
font-weight: 300;
text-align: center;
-webkit-appearance: none
}
.code-pin input:last-child {
margin-right: 0
}
.code-pin input:focus {
border-color: #ffc426
}
.code-pin .btn.link {
margin-top: 1rem;
opacity: 1;
text-decoration: underline
}
.code-pin .btn.link+.tooltip-content {
margin-top: .4rem
}
.popin.carte-details .img-illu {
margin: -3rem -3rem 2.5rem;
width: calc(100% + 6rem)
}
.popin.friends-add-seat .seat-tooltip {
opacity: 1;
top: 0;
left: 50%;
right: inherit;
bottom: inherit;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.popin.friends-add-seat .seat-tooltip:after {
display: none
}
@media screen and (max-width:1023px) {
.popin.ajout-carte .wrapper>.row:after {
display: none
}
.popin.carte-details .img-illu {
margin: -1.75rem -2rem 1rem;
width: calc(100% + 4rem)
}
.popin.friends-add-seat .seat-tooltip {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.popin-4dx .popin__text-scroller {
position: relative
}
.popin-4dx .popin__text-scroller__content {
max-height: 13rem;
overflow-y: auto;
padding: 2rem 0
}
.popin-4dx .popin__text-scroller:after, .popin-4dx .popin__text-scroller:before {
content: '';
position: absolute;
left: 0;
right: 0;
height: 2rem
}
.popin-4dx .popin__text-scroller:before {
top: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255,255,255,0)));
background-image: linear-gradient(to bottom, #fff 0, rgba(255,255,255,0) 100%)
}
.popin-4dx .popin__text-scroller:after {
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255,255,255,0)));
background-image: linear-gradient(to top, #fff 0, rgba(255,255,255,0) 100%)
}
.popup-cookies {
position: fixed;
bottom: 2.1rem;
right: 2.1rem;
z-index: 200;
width: 28rem;
padding: 2rem 1.5rem 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: .75rem;
background: #fff;
-webkit-box-shadow: 0 .3rem 1.25rem 0 rgba(0,0,0,.25);
box-shadow: 0 .3rem 1.25rem 0 rgba(0,0,0,.25)
}
@media screen and (max-width:680px) {
.code-pin {
max-width: 90%;
margin-left: auto;
margin-right: auto
}
.code-pin .inputs-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.code-pin input {
margin-right: 0
}
.popin-4dx .popin__text-scroller__content {
max-height: 15rem;
padding: 1.5rem 0
}
.popin-4dx .popin__text-scroller__content:after, .popin-4dx .popin__text-scroller__content:before {
height: 1.5rem
}
.popup-cookies {
bottom: .5rem;
right: .5rem;
left: .5rem;
padding-bottom: 1rem;
width: auto
}
}
.sidebar {
position: relative;
z-index: 210;
width: 22.5rem;
height: 100%;
overflow: hidden;
background: top center/auto 50% no-repeat #1c2129;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.sidebar:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(28,33,41,.5)), color-stop(50%, #1c2129));
background-image: linear-gradient(-180deg, rgba(28,33,41,.5) 0, #1c2129 50%)
}
.sidebar>* {
position: relative
}
.sidebar header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1
}
.sidebar header .home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 3rem;
height: 3rem;
background-color: rgba(255,255,255,.1);
border-radius: 50%;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out
}
.sidebar header .home:hover {
background-color: rgba(255,255,255,.15)
}
.sidebar header .home .icon {
width: 1.75rem;
height: 1.75rem;
fill: #fff
}
.sidebar header.desktop {
text-align: center;
padding: 0.5rem 1.5rem
}
.sidebar header.desktop .logo {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: block
}
.sidebar header.desktop .logo img {
display: block;
width: 12rem;
height: 2.5rem;
margin: 0 auto
}
.sidebar header.mobile {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .6rem 1rem
}
.sidebar header.mobile .home {
width: 2.5rem;
height: 2.5rem
}
.sidebar header.mobile .home .icon {
width: 1.5rem;
height: 1.5rem
}
.sidebar header.mobile .title {
min-width: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
padding: 0 .5rem;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.sidebar header.mobile .title .link, .sidebar header.mobile .title strong {
color: #fff
}
.sidebar header.mobile .title strong {
display: block;
font-size: 1.125rem;
font-weight: 900;
line-height: 1;
padding-top: .3rem;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.sidebar header.mobile .title .link {
font-size: .875rem;
opacity: .7;
text-decoration: none;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.sidebar header.mobile .title .link .icon {
fill: #fff;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.sidebar header.mobile .title .link.is-open .icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.sidebar header.mobile .title .logo {
position: absolute;
top: calc(50% + .8rem);
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 9.5rem;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.sidebar header.mobile .user a {
display: block
}
.sidebar header.mobile .user .thumb {
width: 2.5rem;
height: 2.5rem
}
.sidebar .movie-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
text-align: center
}
.sidebar .movie-content .movie-wrapper {
width: 100%;
padding: 1rem
}
.sidebar .movie-content .poster {
max-width: 10rem;
width: 15vh;
margin: 0 auto 1rem;
border-radius: .375rem
}
.sidebar .movie-content .poster--large {
max-width: inherit;
width: 16rem
}
.sidebar .movie-content .title-molecule span, .sidebar .movie-content .title-molecule.medium {
max-width: 88%;
display: inline-block;
vertical-align: middle
}
.sidebar .movie-content .title-molecule span:not(.without-ellipsis), .sidebar .movie-content .title-molecule.medium:not(.without-ellipsis) {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.sidebar .movie-content .title-molecule.medium {
max-width: 100%;
margin-bottom: 0
}
.sidebar .sidebar-content .movie-recap {
padding: 1.5rem;
background: rgba(255,255,255,.15);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px)
}
.sidebar .sidebar-content .movie-recap .details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
fill: #676a6f;
margin-bottom:0rem
}
.sidebar .sidebar-content .movie-recap .details .col {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
text-align: center;
padding-right: 1rem;
margin-right: 1rem
}
.sidebar .sidebar-content .movie-recap .details .col:last-child {
padding-right: 0;
margin-right: 0
}
.sidebar .sidebar-content .movie-recap .details .col:last-child:after {
display: none
}
.sidebar .sidebar-content .movie-recap .details .col:after {
content: '';
position: absolute;
right: -1px;
top: 50%;
height: 70%;
width: 2px;
background: rgba(103,106,111,.3);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.sidebar .sidebar-content .movie-recap .details .col p .icon {
font-size: 1.5em
}
.sidebar .sidebar-content .movie-recap .details .col p:first-child {
font-size: 1.375rem;
font-weight: 900
}
.sidebar .sidebar-content .movie-recap .details .col p:last-child {
font-size: .75rem;
font-weight: 600;
text-transform: uppercase
}
.sidebar .sidebar-content .total-recap {
height: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1.5rem;
background: purple
}
@media screen and (min-width:1023px) {
.sidebar {
padding-top: 0rem
}
}
@media screen and (max-width:1023px) {
.sidebar {
position: fixed;
z-index: 0;
width: 100%;
height: 100%;
padding-top: 2.5rem
}
.sidebar .movie-content .poster {
width: 9rem
}
}
.sidebar-extension--layer {
position: absolute;
z-index: 205;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,.8);
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
cursor: pointer
}
.sidebar-extension--layer.is-visible {
opacity: 1;
pointer-events: inherit
}
.sidebar-extension {
position: absolute;
z-index: 206;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 22.5rem;
height: 100%;
padding: 2.5rem 1.5rem 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #1c2129;
background-image: -webkit-gradient(linear, left top, right top, color-stop(-5%, rgba(0,0,0,.2)), color-stop(1.875rem, #1c2129));
background-image: linear-gradient(to right, rgba(0,0,0,.2) -5%, #1c2129 1.875rem);
-webkit-transition: -webkit-transform .4s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: -webkit-transform .4s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: transform .4s ease-in-out, box-shadow .3s ease-in-out;
transition: transform .4s ease-in-out, box-shadow .3s ease-in-out, -webkit-transform .4s ease-in-out, -webkit-box-shadow .3s ease-in-out;
color: #fff;
pointer-events: none
}
.sidebar-extension.is-open {
z-index: 208;
-webkit-transform: translateX(22.5rem);
transform: translateX(22.5rem);
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
pointer-events: inherit
}
.sidebar-extension .ext-header {
position: relative;
padding-bottom: .5rem
}
.sidebar-extension .ext-header .title-molecule {
margin-bottom: 0
}
.sidebar-extension .ext-header:after {
content: '';
position: absolute;
z-index: 1;
top: 100%;
left: 0;
width: 100%;
height: 3rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1c2129), to(rgba(28,33,41,0)));
background-image: linear-gradient(to bottom, #1c2129 0, rgba(28,33,41,0) 100%);
pointer-events: none
}
.sidebar-extension .scroll-container {
position: relative;
max-height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin-right: -1rem;
padding-bottom: 1rem
}
.sidebar-extension .scroll-container ul {
padding-bottom: 3rem
}
.sidebar-extension .scroll-container ul li:last-child .list-item {
border: 0
}
.sidebar-extension .scroll-container .simplebar-content {
padding-top: 1rem;
padding-right: 1rem
}
.sidebar-extension .ext-close {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 5rem
}
.sidebar-extension .ext-close>* {
position: relative
}
.sidebar-extension .ext-close .btn {
background: #34383d
}
.sidebar-extension .ext-close .btn:hover {
background: #40454b
}
.sidebar-extension .ext-close:before {
content: '';
position: absolute;
top: -20%;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#1c2129), color-stop(60%, rgba(28,33,41,.65)), to(rgba(28,33,41,0)));
background-image: linear-gradient(to top, #1c2129 0, rgba(28,33,41,.65) 60%, rgba(28,33,41,0) 100%)
}
@media screen and (max-width:1023px) {
.sidebar-extension--layer {
display: none
}
.sidebar-extension {
position: fixed;
top: 100vh;
width: 100vw;
height: 100%;
background-image: none
}
.sidebar-extension.is-open {
-webkit-transform: translateY(-100vh);
transform: translateY(-100vh);
pointer-events: inherit
}
}
.slider.slider--large {
overflow: inherit
}
.theater {
position: relative;
z-index: 0;
text-align: center;
overflow: hidden
}
.theater:after, .theater:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
height: 3rem;
width: 100%;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.theater:before {
top: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(rgba(248,248,248,0)));
background-image: linear-gradient(to bottom, #f8f8f8 0, rgba(248,248,248,0) 100%)
}
.theater:after {
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f8f8f8), to(rgba(248,248,248,0)));
background-image: linear-gradient(to top, #f8f8f8 0, rgba(248,248,248,0) 100%)
}
.theater__loading-layer {
top: 0;
bottom: 0;
left: 22.5rem;
right: 0;
background-color: rgba(255,255,255,.7)
}
.theater__loading-layer .loader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.theater__loading-layer .loader span {
display: block;
width: 1rem;
height: 1rem;
background: #676a6f;
margin-right: 5px;
border-radius: 50%;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-animation-name: wave;
animation-name: wave;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.theater__loading-layer .loader span:nth-child(1) {
-webkit-animation-delay: -.3s;
animation-delay: -.3s
}
.theater__loading-layer .loader span:nth-child(2) {
-webkit-animation-delay: -.2s;
animation-delay: -.2s
}
.theater__loading-layer .loader span:nth-child(3) {
-webkit-animation-delay: -.1s;
animation-delay: -.1s
}
.theater__loading-layer .loader span:last-child {
margin-right: 0
}
.theater.is-scaled:after, .theater.is-scaled:before {
opacity: 1
}
.theater.theater--disabled .screen span {
color: #dbdbdb
}
.theater.theater--disabled .screen svg {
fill: #dbdbdb
}
.theater.friends-selection .seat {
pointer-events: none;
opacity: .3
}
.theater.friends-selection .seat.friends {
pointer-events: all;
opacity: 1
}
.theater .theater-inner {
display: inline-block;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.theater table.seats {
margin: 0 auto
}
.theater table.seats td {
line-height: 0
}
.theater table.seats td.empty {
min-width: 40px;
width: 40px;
min-height: 40px;
height: 40px
}
.theater table.seats td.seat {
cursor: pointer;
position: relative;
vertical-align: top
}
.theater table.seats td.seat .icon {
width: 40px;
height: 40px;
display: block;
vertical-align: inherit;
margin: 0;
overflow: hidden
}
.theater table.seats td.seat img {
width: 40px;
height: 40px
}
.theater table.seats td.seat.large .icon {
height: 80px!important
}
.theater table.seats td.seat.seat-unavailable {
cursor: inherit
}
.theater table.seats td.seat.seat-disabled {
pointer-events: none
}
.theater table.seats td.seat:hover:not(.seat-unavailable) .icon {
opacity: .6;
-webkit-transition: opacity .1s ease-in;
transition: opacity .1s ease-in
}
.theater .screen {
position: relative;
margin-top: 2rem
}
.theater .screen span {
position: relative;
z-index: 2;
font-size: 1.125rem;
font-weight: 600;
color: #daa846;
padding: 0 1.5rem;
border-radius: 1rem;
background: #f8f8f8
}
.theater .screen svg {
position: absolute;
width: 100%;
left: 0;
bottom: 30%
}
.theater .screen-zoomed {
margin-top: 8rem
}
.seat-tooltip {
position: absolute;
z-index: 99;
top: 0;
left: 0;
-webkit-transform: translateX(-50%) translateX(1.25rem) translateY(-100%) translateY(-.5rem);
transform: translateX(-50%) translateX(1.25rem) translateY(-100%) translateY(-.5rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: none;
white-space: nowrap;
background: #fff;
-webkit-box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
box-shadow: 0 .625rem 1.25rem 0 rgba(0,0,0,.2);
border-radius: .75rem;
opacity: 0
}
.seat-tooltip .number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #4a90e2;
width: 3.125rem;
border-radius: .75rem 0 0 .75rem;
font-size: 1rem;
font-weight: 700;
color: #fff
}
.seat-tooltip .description {
text-align: center;
padding: .5rem 1rem
}
.seat-tooltip .description .text-micro, .seat-tooltip .description .text-small {
line-height: 1.2rem
}
.seat-tooltip .description .text-micro {
text-transform: uppercase;
font-weight: 700
}
.seat-tooltip.is-visible {
top: inherit;
left: inherit;
opacity: 1;
-webkit-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out
}
.seat-tooltip:after, .seat-tooltip:before {
content: '';
position: absolute;
top: auto;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.seat-tooltip:before {
bottom: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid transparent
}
.seat-tooltip:after {
bottom: -7px;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #fff
}
@media screen and (max-width:1023px) {
.theater__loading-layer {
left: 0
}
.seat-tooltip {
display: none
}
.theater.is-scaled:after, .theater.is-scaled:before {
opacity: 0
}
}
.theater-pip {
position: relative;
display: inline-block;
padding: .75rem;
margin: 0 1rem 1rem;
background: #fff;
border: 1px solid #edeef0;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
border-radius: .75rem;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.theater-pip.is-visible {
opacity: 1
}
.theater-pip .zoom-selector {
position: absolute;
top: 0;
left: 0;
background: rgba(255,196,38,.4);
border: 1px solid #daa846;
-webkit-box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.1);
border-radius: .375rem
}
.theater-pip .theater table.seats td.empty {
min-width: 5px;
width: 5px;
min-height: 5px;
height: 5px
}
.theater-pip .theater table.seats td.seat .icon {
width: 5px;
height: 5px
}
.theater-pip .theater .screen {
margin-top: .5rem
}
@media screen and (max-width:680px) {
.theater-pip .theater table.seats td.empty {
min-width: 3.15px;
width: 3.15px;
min-height: 3.15px;
height: 3.15px
}
.theater-pip .theater table.seats td.seat .icon {
width: 3.15px;
height: 3.15px
}
}
.theater-elements {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.theater__mobile-selection {
width: 100%;
height: 3.5rem;
font-size: 1.125rem;
font-weight: 900;
border: 0;
background-color: #fff;
-webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.1);
box-shadow: 0 -5px 10px 0 rgba(0,0,0,.1);
display: none
}
.theater__mobile-selection.is-valid {
background-color: #34bd9e;
color: #fff
}
@-webkit-keyframes wave {
0%, 100%, 60% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
-webkit-transform:translateY(2px);
transform:translateY(2px)
}
40% {
-webkit-transform:translateY(-7px);
transform:translateY(-7px)
}
}
@keyframes wave {
0%, 100%, 60% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
-webkit-transform:translateY(2px);
transform:translateY(2px)
}
40% {
-webkit-transform:translateY(-7px);
transform:translateY(-7px)
}
}
.tooltip.min-width .tooltip-content {
width: 15rem
}
.tooltip .tooltip-content {
text-align: center
}
.theater__loading-layer {
position: fixed
}
.map-zoom-touch-hack {
overflow: hidden;
position: fixed;
-webkit-overflow-scrolling: touch
}
.page-cancel .block-click-collect.disabled>*, .page-cancel .block-price.disabled>* {
opacity: .5
}
.page-cancel .block-price {
padding-top: 0;
padding-bottom: 0
}
.scroll-container.store-visible {
padding-bottom: 140px
}
.scroll-container.cart-visible {
padding-bottom: 160px
}
#popin-click-collect-menu .product .product__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
#popin-click-collect-menu .product .product__inner .product__preview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}