a.nav-skip-to-main-content {
border: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
position: absolute;
color: #fff;
font-weight: 100;
text-decoration: none;
text-align: center;
background: #3484fa;
top: 0;
left: 0;
z-index: 999;
cursor: pointer;
height: 0;
padding: 0;
line-height: normal
}
a.nav-skip-to-main-content:focus {
border: 1px solid #3484fa;
height: 54px;
padding: 8px 8px
}
.nav-skip-to-main-content>.nav-skip-to-main-content__content {
display: none
}
.nav-skip-to-main-content:focus>.nav-skip-to-main-content__content {
display: block;
padding: 8px;
border: 1px solid #fff;
border-radius: 4px
}
.sb-suggestions {
text-align: left;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
font-family: inherit;
position: absolute;
display: none;
z-index: 1005;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%
}
.ML .sb-suggestions,
[data-site=ML] .sb-suggestions {
font-family: 'Proxima Nova', -apple-system, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif
}
.sb-suggestions__wrapper {
overflow: hidden;
position: relative
}
.sb-suggestions__list {
padding: 0;
margin: 12px 0
}
.sb-suggestions__list--additional {
margin: 0 0 12px;
padding: 0
}
.sb-suggestions__item {
position: relative;
padding: 16px 40px 20px 49px;
margin: 0;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 600;
line-height: 0.88;
color: #333
}
.sb-suggestions__item strong {
font-weight: 400
}
.sb-suggestions__item:before {
content: '';
display: block;
position: absolute;
left: 1em;
top: 0.9em;
background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">%3C/svg>') center center no-repeat;
background-size: cover;
width: 18px;
height: 18px
}
.sb-suggestions__item:last-child {
margin-bottom: 0
}
.sb-suggestions__item.selected {
background: #f5f5f5
}
.sb-suggestions__item--visited {
font-weight: 400
}
.sb-suggestions__item--visited:before {
background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">%3C/svg>')
}
.sb-suggestions__item--additional {
font-weight: 400
}
.sb-suggestions__item--additional .store-name {
display: block;
color: #3483fa;
margin-top: 8px
}
.sb-suggestions__item--additional .store-one~.store-name:before {
content: 'Tienda oficial '
}
[lang=pt-BR] .sb-suggestions__item--additional .store-one~.store-name:before,
[lang=pt-PT] .sb-suggestions__item--additional .store-one~.store-name:before {
content: 'Loja oficial '
}
.sb-suggestions__fill {
display: inline-block;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%
}
.sb-suggestions__fill-icon {
display: inline-block;
position: absolute;
top: 10px;
right: 8px;
width: 24px;
height: 24px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">%3C/svg>') center center no-repeat;
background-size: cover
}
.mobile-view#mlCategory {
height: 50px;
background: #f5f5f5;
position: absolute;
margin-top: 6px;
left: -10px;
right: -10px;
line-height: 50px;
box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.1);
padding: 0 20px 0 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block !important;
visibility: hidden
}
.nav-header-has-search-active .mobile-view#mlCategory {
visibility: visible;
height: 50px
}
.mobile-view#mlCategory input {
margin: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.mobile-view#mlCategory label {
padding-left: 30px;
font-size: 16px
}
@media (min-width: 1024px) {
.sb-suggestions {
border-top: solid 1px #e6e6e6;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
padding: 0;
z-index: 1005;
margin-top: 0;
min-width: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px
}
.sb-suggestions__wrapper:before {
display: none
}
.sb-suggestions__wrapper--additional:before {
content: '';
border-top: solid 1px #e6e6e6;
display: block;
margin: 0 16.5px
}
.sb-suggestions__list {
margin: 8px 0
}
.sb-suggestions__list--additional {
margin: 0;
padding: 16.5px 0
}
.sb-suggestions__list--additional:before {
content: 'Tiendas oficiales';
color: #666;
margin-left: 16.5px;
font-weight: 300
}
[lang=pt-BR] .sb-suggestions__list--additional:before,
[lang=pt-PT] .sb-suggestions__list--additional:before {
content: 'Lojas oficiais'
}
.sb-suggestions__item {
padding: 11px 0 11px 48px;
border-top: 0;
cursor: pointer
}
.sb-suggestions__item strong {
font-weight: 300
}
.sb-suggestions__item:before {
top: 0.7em;
background: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">%3Cg fill="%23CCCCCC" fill-rule="evenodd">%3Cpath d="M10.915 10.167l4.955 4.955-.749.748-4.954-4.954z"/>%3Cpath d="M6.612 13.223A6.612 6.612 0 1 1 6.612 0a6.612 6.612 0 0 1 0 13.223zm0-1.058a5.554 5.554 0 1 0 0-11.107 5.554 5.554 0 0 0 0 11.107z"/>%3C/g>%3C/svg>') center center no-repeat;
width: 16px;
height: 16px
}
.sb-suggestions__item.selected {
background: #3483fa;
color: #fff
}
.sb-suggestions__item.selected:before {
background: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">%3Cg fill="%23FFFFFF" fill-rule="evenodd">%3Cpath d="M10.915 10.167l4.955 4.955-.749.748-4.954-4.954z"/>%3Cpath d="M6.612 13.223A6.612 6.612 0 1 1 6.612 0a6.612 6.612 0 0 1 0 13.223zm0-1.058a5.554 5.554 0 1 0 0-11.107 5.554 5.554 0 0 0 0 11.107z"/>%3C/g>%3C/svg>') center center no-repeat
}
.sb-suggestions__item--additional {
font-weight: 300
}
.sb-suggestions__item--additional:first-child {
margin-top: 10px
}
.sb-suggestions__item--additional .store-name {
display: inline
}
.sb-suggestions__item--additional.selected .store-name {
color: #fff
}
.sb-suggestions__item--visited {
font-weight: 600
}
.sb-suggestions__item--visited:before {
background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">%3Cg fill="none" fill-rule="evenodd" stroke="%23CCCCCC">%3Cpath d="M.5 7.5a7 7 0 1 0 14 0 7 7 0 1 0-14 0"/>%3Cpath stroke-linecap="square" d="M7.5 3.5v4m0 0h4"/>%3C/g>%3C/svg>') center center no-repeat
}
.sb-suggestions__item--visited.selected:before {
background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">%3Cg fill="none" fill-rule="evenodd" stroke="%23FFFFFF">%3Cpath d="M.5 7.5a7 7 0 1 0 14 0 7 7 0 1 0-14 0"/>%3Cpath stroke-linecap="square" d="M7.5 3.5v4m0 0h4"/>%3C/g>%3C/svg>') center center no-repeat
}
.sb-suggestions__fill {
display: none
}
.nav-header-has-search-active .nav-search:before,
.nav-header-has-search-active .nav-search .nav-search-close-btn,
.nav-header-has-search-active .nav-search .nav-search-clear-btn {
display: none
}
}
.andes-spinner {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px
}
.andes-spinner__icon {
width: 32px;
height: 32px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
-webkit-animation: rotate-all 1s linear infinite;
animation: rotate-all 1s linear infinite
}
.andes-spinner__icon-left,
.andes-spinner__icon-right {
position: absolute;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.andes-spinner__icon-left {
left: 0
}
.andes-spinner__icon-right {
right: 0
}
.andes-spinner__icon-border {
position: relative;
width: 100%;
height: 100%;
-webkit-border-radius: 200px 0 0 200px;
border-radius: 200px 0 0 200px;
border: 2px solid #3483fa;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.andes-spinner__icon-right .andes-spinner__icon-border {
-webkit-border-radius: 0 200px 200px 0;
border-radius: 0 200px 200px 0;
border-left: 0;
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-animation: rotate-right .75s linear infinite alternate;
animation: rotate-right .75s linear infinite alternate
}
.andes-spinner__icon-right .andes-spinner__icon-border:after {
bottom: -10px;
left: -5px
}
.andes-spinner__icon-left .andes-spinner__icon-border {
border-right: 0;
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-animation: rotate-left .75s linear infinite alternate;
animation: rotate-left .75s linear infinite alternate
}
.andes-spinner__icon-left .andes-spinner__icon-border:after {
bottom: -10px;
right: -5px
}
.andes-spinner--highlight .andes-spinner__label {
color: #fff
}
.andes-spinner--highlight .andes-spinner__icon-border {
border-color: #fff
}
@-webkit-keyframes rotate-left {
to {
-webkit-transform: rotate(30deg);
transform: rotate(30deg)
}
0% {
-webkit-transform: rotate(175deg);
transform: rotate(175deg)
}
}
@keyframes rotate-left {
to {
-webkit-transform: rotate(30deg);
transform: rotate(30deg)
}
0% {
-webkit-transform: rotate(175deg);
transform: rotate(175deg)
}
}
@-webkit-keyframes rotate-right {
0% {
-webkit-transform: rotate(-175deg);
transform: rotate(-175deg)
}
to {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg)
}
}
@keyframes rotate-right {
0% {
-webkit-transform: rotate(-175deg);
transform: rotate(-175deg)
}
to {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg)
}
}
@-webkit-keyframes rotate-all {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes rotate-all {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.modal-iframe-cp .andes-spinner__container--medium-notlabel {
width: 48px;
height: 48px
}
.modal-iframe-cp .andes-spinner__container--medium .andes-spinner__label {
display: block;
margin-top: 66px;
line-height: 1
}
.modal-iframe-cp .andes-spinner__icon--medium {
width: 48px;
height: 48px
}
.modal-iframe-cp .andes-spinner__mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: hsla(0, 0%, 100%, .9)
}
.modal-iframe-cp .andes-spinner__mask--highlight {
background-color: rgba(52, 131, 250, .9)
}
.modal-iframe-cp .andes-spinner--fullscreen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1022
}
.modal-iframe-cp .andes-spinner--fullscreen .andes-spinner__container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1023
}
.modal-iframe-cp .andes-modal-bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1020;
background-color: rgba(0, 0, 0, .6);
opacity: 1;
-webkit-animation: fadeIn .2s ease-in-out;
animation: fadeIn .2s ease-in-out;
will-change: opacity
}
.modal-iframe-cp .andes-modal-dialog {
position: fixed;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
z-index: 1021;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .07), 0 20px 25px 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .07), 0 20px 25px 0 rgba(0, 0, 0, .1);
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
background: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
-webkit-animation: translateIn .2s ease-in-out, fadeIn .2s ease-in-out;
animation: translateIn .2s ease-in-out, fadeIn .2s ease-in-out;
will-change: opacity, transform
}
.modal-iframe-cp .andes-modal-dialog--closing {
-webkit-animation: translateOut .2s ease-in-out, fadeOut .2s ease-in-out;
animation: translateOut .2s ease-in-out, fadeOut .2s ease-in-out;
-webkit-transform: translate(-50%, calc(-50% + 20px));
-ms-transform: translate(-50%, calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px));
opacity: 0
}
.modal-iframe-cp .andes-modal-bg--closing {
-webkit-animation: fadeOut .2s ease-in-out;
animation: fadeOut .2s ease-in-out;
opacity: 0
}
.modal-iframe-cp .andes-modal-dialog__button-close {
position: absolute;
z-index: 1022
}
.modal-iframe-cp .andes-modal-dialog__button-close:after,
.modal-iframe-cp .andes-modal-dialog__button-close:before {
opacity: 1
}
.modal-iframe-cp .andes-modal-dialog__button-close:hover:after,
.modal-iframe-cp .andes-modal-dialog__button-close:hover:before {
background-color: #1e6dff
}
.modal-iframe-cp .andes-modal-dialog__container {
width: 100%;
height: 100%;
overflow: auto;
position: absolute;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.modal-iframe-cp .andes-modal-dialog__content {
color: rgba(0, 0, 0, .45);
-webkit-font-smoothing: antialiased
}
.modal-iframe-cp .andes-modal-dialog--is-open {
overflow: hidden
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes translateIn {
0% {
-webkit-transform: translate(-50%, calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
@keyframes translateIn {
0% {
-webkit-transform: translate(-50%, calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
@-webkit-keyframes translateOut {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
to {
-webkit-transform: translate(-50%, calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
}
@keyframes translateOut {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
to {
-webkit-transform: translate(-50%, calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
}
@media (min-width:768px) {
.modal-iframe-cp .andes-modal-dialog {
max-width: 40em;
max-height: 30em
}
.modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close {
position: relative;
width: 1em;
height: 1em;
cursor: pointer;
position: absolute;
left: auto;
right: 64px;
top: 64px;
padding: 0;
margin-top: 14px
}
.modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:after,
.modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:before {
position: absolute;
left: .5em;
top: 0;
content: "";
height: 1em;
width: 2px;
background-color: #3483fa;
cursor: pointer
}
.modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.modal-iframe-cp .andes-modal--loose .andes-modal-dialog__content {
padding: 64px
}
}
.modal-iframe-cp .andes-modal-dialog {
max-width: calc(100% - 16px);
max-height: calc(100% - 16px)
}
.modal-iframe-cp .andes-spinner__mask {
background: #fff
}
.modal-iframe-cp-hidden {
overflow: hidden !important
}
.u-clearfix:after,
.u-clearfix:before {
display: table;
content: ""
}
.u-clearfix:after {
clear: both
}
[data-js=nav-menu-categories-trigger]:before {
content: "";
opacity: 0
}
[data-js=nav-menu-categories-trigger]:hover:before {
content: "";
opacity: 1
}
.nav-categs {
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
margin: 9px 0 0 -10px;
max-width: 1200px;
position: absolute;
z-index: 1002;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.nav-categs,
.nav-categs * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.nav-categs a,
.nav-categs a:link {
color: inherit;
text-decoration: none
}
.nav-categs ul {
margin: 0;
list-style: none
}
.nav-categs:before {
content: "";
width: 0;
height: 0;
border: 0 solid transparent;
border-right-width: 14px;
border-left-width: 14px;
border-bottom: 14px solid #333;
top: -8px;
left: 76px;
position: absolute;
display: block
}
.nav-categs:focus {
outline: none
}
.nav-categs--with-details {
width: 100%
}
.nav-categs-overlay {
position: absolute;
left: 0;
opacity: .3;
background-color: #333;
width: 100%;
height: 100%;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 32px;
z-index: 1001
}
.nav-categs a:after {
content: none
}
.nav-categs-overlay[hidden],
.nav-categs[hidden] {
display: none
}
.nav-bounds-with-cp .nav-categs {
max-width: 980px;
margin-left: -490px;
left: 50%
}
.nav-bounds-with-cp .nav-categs:before {
left: 148px
}
.nav-bounds-with-cp .nav-categs-detail__body-aside {
display: none
}
@media (max-width:1200px) {
.nav-bounds-with-cp .nav-categs:before {
left: 258px;
position: fixed;
top: 91px
}
}
@media (max-width:1090px) {
.nav-bounds-with-cp .nav-categs {
left: 55px;
margin-left: 0
}
}
.nav-categs-departments {
position: relative;
display: inline-block;
float: left;
background-color: #333;
padding: 22px 0;
-webkit-border-radius: 4px;
border-radius: 4px
}
.nav-categs-departments a {
cursor: default
}
.nav-categs-departments a,
.nav-categs-departments a:link,
.nav-categs-departments a:visited {
color: #fff;
display: block;
padding: 0 36px;
line-height: 2.59;
max-width: 260px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.nav-categs-departments .nav-categs-departments__list--dynamic a {
position: relative;
padding-right: 44px
}
.nav-categs-departments .nav-categs-departments__list--dynamic a:after {
border-style: solid;
border-width: 1.5px 1.5px 0 0;
border-color: hsla(0, 0%, 100%, .6);
display: inline-block;
position: absolute;
vertical-align: middle;
height: 7px;
width: 7px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
top: 50%;
content: "";
right: 34px
}
.nav-categs-departments .nav-categs-departments__list--static a {
cursor: pointer
}
.nav-categs--with-details .nav-categs-departments {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0
}
.nav-categs-departments__list--static a:hover,
.nav-categs-departments__selected {
background-color: #3483fa
}
.nav-categs-detail {
overflow: hidden;
padding: 36px;
width: 100%;
position: relative;
background-color: #fff;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0
}
.nav-categs-detail:focus {
outline: none
}
.nav-categs-detail__header {
border-bottom: 1px solid #ddd;
position: relative;
margin-bottom: 24px
}
.nav-categs-detail__header h1 {
font-size: 20px;
color: #333;
margin: 0 0 12px;
font-weight: 400;
line-height: 1
}
.nav-categs-detail__categ {
width: 192px;
display: inline-block;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-bottom: 24px
}
.nav-categs-detail__title {
font-size: 15px;
font-weight: 600;
margin: 0 0 3px;
line-height: 1.1
}
.nav-categs-detail__title a {
display: -webkit-box;
line-height: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: inherit
}
.nav-categs-detail__title a:hover {
color: #3483fa
}
.nav-categs-detail__categ-list {
padding-left: 0
}
.nav-categs-detail__list a {
width: 88px;
height: 88px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ddd;
float: left;
margin: 0 8px 8px 0;
overflow: hidden;
background-position: 50%;
background-repeat: no-repeat;
background-color: #fff;
-webkit-background-size: contain;
background-size: contain;
font-size: 0
}
.nav-categs-detail__categ-list a,
.nav-categs-detail__categ-list a:link {
line-height: 1.85;
color: #666;
font-weight: 400
}
.nav-categs-detail__categ-list a:hover,
.nav-categs-detail__categ-list a:link:hover {
color: #3483fa
}
.nav-categs-detail__body {
max-height: 550px;
overflow-y: auto
}
.nav-categs-detail__body:after,
.nav-categs-detail__body:before {
display: table;
content: ""
}
.nav-categs-detail__body:after {
clear: both
}
.nav-categs-detail__body-content {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 36px;
-moz-column-gap: 36px;
column-gap: 36px;
-webkit-column-width: 192px;
-moz-column-width: 192px;
column-width: 192px;
overflow: hidden;
float: left
}
.nav-categs-detail__body-aside {
display: none;
width: 192px;
float: left;
margin-left: 36px
}
.nav-categs-detail__body-aside .nav-categs-detail__title {
margin-bottom: 8px
}
@media (min-width:1200px) {
.nav-categs-detail__body-content {
max-width: 648px
}
.nav-categs-detail__body-aside {
display: block
}
}
.ui-cart-feedback {
z-index: 1000;
-webkit-box-shadow: 2px 2px 2px hsla(0, 0%, 39%, .1);
box-shadow: 2px 2px 2px hsla(0, 0%, 39%, .1);
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid #dedede;
background-color: #fff;
width: auto;
height: auto;
position: absolute
}
.ui-cart-feedback:after,
.ui-cart-feedback:before {
border: outset transparent;
content: "";
height: 0;
width: 0;
position: absolute;
-ms-touch-action: none;
pointer-events: none;
display: block;
bottom: 100%;
border-bottom-style: solid
}
.ui-cart-feedback:before {
border-width: 10px;
border-bottom-color: #dedede;
right: 7px
}
.ui-cart-feedback:after {
border-width: 9px;
border-bottom-color: #fff;
right: 8px
}
.nav-cart-layer {
padding: 5px;
background: #fff;
width: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative
}
.nav-cart-layer__img,
.nav-cart-layer__text-container {
vertical-align: top
}
.nav-cart-layer .nav-cart-layer__img {
width: 40px;
height: 40px;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute
}
.nav-cart-layer__text-container {
margin-left: 50px
}
.nav-cart-layer__legend,
.nav-cart-layer__title {
color: #666
}
.nav-cart-layer__legend {
font-size: 12px
}
.nav-cart-layer__title {
font-size: 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.nav-cart-layer a,
.nav-cart-layer a:active,
.nav-cart-layer a:hover,
.nav-cart-layer a:link {
color: #666;
text-decoration: none
}
@-webkit-keyframes snackbar-show {
0% {
opacity: 0;
-webkit-transform: translate3d(-50%, 100%, 0);
transform: translate3d(-50%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
}
@keyframes snackbar-show {
0% {
opacity: 0;
-webkit-transform: translate3d(-50%, 100%, 0);
transform: translate3d(-50%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
}
@-webkit-keyframes snackbar-hide {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
50% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 100%, 0);
transform: translate3d(-50%, 100%, 0)
}
}
@keyframes snackbar-hide {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
50% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 100%, 0);
transform: translate3d(-50%, 100%, 0)
}
}
.no-js .ui-snackbar,
.ui-snackbar--is-active {
-webkit-animation-name: snackbar-show;
animation-name: snackbar-show
}
.no-js .ui-snackbar__close:checked+.ui-snackbar,
.ui-snackbar--is-inactive {
-webkit-animation-name: snackbar-hide;
animation-name: snackbar-hide;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.ui-snackbar {
position: fixed;
z-index: 1022;
width: 100%;
font-size: 14px;
line-height: 1.25;
color: #fff;
bottom: 0;
display: table;
border-spacing: 20px;
border-collapse: separate;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
animation-timing-function: cubic-bezier(.23, 1, .32, 1);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.ui-snackbar,
.ui-snackbar--default {
background-color: #333
}
.ui-snackbar--success {
background-color: #39b54a
}
.ui-snackbar--error {
background-color: #f04449
}
.ui-snackbar__action,
.ui-snackbar__message {
display: table-cell
}
.ui-snackbar__action {
color: #fff;
background: inherit;
border: 0;
font-size: inherit;
text-transform: uppercase;
padding-left: 0;
height: 100%;
text-align: right;
vertical-align: middle;
white-space: nowrap
}
a.ui-snackbar__action,
a.ui-snackbar__action:active,
a.ui-snackbar__action:hover,
a.ui-snackbar__action:link,
a.ui-snackbar__action:visited {
color: #fff;
text-decoration: none
}
.ui-snackbar__close,
.ui-snackbar__close-trigger {
display: none
}
.no-js .ui-snackbar__close-trigger {
position: relative;
width: 15px;
height: 15px;
cursor: pointer;
display: table-cell
}
.no-js .ui-snackbar__close-trigger:after,
.no-js .ui-snackbar__close-trigger:before {
position: absolute;
left: 7.5px;
top: 0;
content: "";
height: 15px;
width: 2px;
background-color: #fff;
cursor: pointer
}
.no-js .ui-snackbar__close-trigger:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.no-js .ui-snackbar__close-trigger:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
@media (min-width:768px) {
.ui-snackbar {
max-width: 600px;
bottom: 24px;
font-size: 16px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-left: auto;
margin-right: auto
}
.ui-snackbar__action {
font-size: 14px
}
}
.about {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .15);
color: #333;
display: -webkit-flex;
display: flex;
margin: 10px auto;
max-width: 1184px
}
@media(max-width:768px) {
.about {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
margin: 10px;
padding: 20px
}
}
.about .about__image {
padding: 25px;
position: relative;
width: 535px
}
@media(max-width:768px) {
.about .about__image {
padding: 0;
top: 0;
-webkit-transform: none;
transform: none;
width: 100%
}
}
.about .title {
font-size: 35px;
font-weight: 400;
}
@media(max-width:768px) {
.about .title {
margin: 0
}
}
.about .text {
font-size: 20px;
line-height: 24px;
}
@media(max-width:768px) {
.about .text {
margin: 30px auto
}
}
.about .with-text {
margin: 0 0 0 20px;
width: 504px
}
@media(max-width:768px) {
.about .with-text {
margin: 0;
width: 100%
}
}
.about .with-image {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
@-webkit-keyframes rotate-left {
to {
-webkit-transform: rotate(30deg);
transform: rotate(30deg)
}
0% {
-webkit-transform: rotate(175deg);
transform: rotate(175deg)
}
}
@-webkit-keyframes rotate-right {
0% {
-webkit-transform: rotate(-175deg);
transform: rotate(-175deg)
}
to {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg)
}
}
@-webkit-keyframes rotate-all {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.andes-spinner__mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: hsla(0, 0%, 100%, .9)
}
.andes-spinner__mask--highlight {
background-color: rgba(52, 131, 250, .9)
}
.andes-spinner--block {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1020
}
.andes-spinner--block .andes-spinner__container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1021
}
.andes-spinner__container--large-notlabel {
width: 64px;
height: 64px
}
.andes-spinner__container--large .andes-spinner__label {
font-size: 18px;
display: block;
margin-top: 88px
}
.andes-spinner__icon--large {
width: 64px;
height: 64px
}
.about-carousel__loading {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .15);
color: #333;
height: 400px;
margin: 10px auto;
max-width: 1184px
}
@media(max-width:768px) {
.about-carousel__loading {
height: 517px;
margin: 10px;
width: auto
}
}
.about-carousel__loading .andes-spinner__mask {
width: auto !important
}
.about-carousel__loading .andes-spinner--block {
position: relative !important
}
.about-carousel__loading .andes-spinner__icon {
height: 64px !important;
width: 64px !important
}
.about-carousel__container {
margin: 10px auto;
max-width: 1188px
}
.about-carousel__container .prev-button {
left: -3% !important;
top: 40% !important
}
.about-carousel__container .next-button {
left: 97.5% !important;
top: 40% !important
}
.about-carousel__container .carousel-container .slick-dots {
bottom: 15px;
position: absolute
}
@media(max-width:768px) {
.about-carousel__container .carousel-container .slick-dots {
bottom: 17px
}
}
.about-carousel__container .carousel-container .slick-dots li {
margin: 0 -3px;
width: 15px
}
@media(max-width:768px) {
.about-carousel__container .carousel-container .slick-dots li {
margin: 0
}
}
.about-carousel__container .carousel-container .slick-dots li.slick-active button:before {
color: #3483fa;
font-size: 25px;
opacity: 1
}
.about-carousel__container .carousel-container .slick-dots li button:before {
font-size: 15px;
opacity: .25
}
.about-carousel__container .about-carousel__template {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .15);
color: #333;
display: -webkit-flex;
display: flex;
height: 400px;
margin: 2px;
max-width: 1184px
}
@media(max-width:768px) {
.about-carousel__container .about-carousel__template {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
height: 100%;
margin: 2px 10px;
padding: 20px 20px 40px;
width: auto
}
}
.about-carousel__container .about-carousel__template .about-carousel__image {
height: 320px;
padding: 25px;
position: relative;
width: 535px
}
@media(max-width:768px) {
.about-carousel__container .about-carousel__template .about-carousel__image {
margin: 15px auto;
max-height: 177px;
padding: 0;
top: 0;
-webkit-transform: none;
transform: none;
width: 100%
}
}
.about-carousel__container .about-carousel__template .title {
font-size: 32px;
font-weight: 400;
margin-bottom: 20px
}
@media(max-width:768px) {
.about-carousel__container .about-carousel__template .title {
margin: 0
}
}
.about-carousel__container .about-carousel__template .text {
font-size: 16px;
line-height: 23px;
margin: 0 auto 20px
}
@media(max-width:768px) {
.about-carousel__container .about-carousel__template .text {
margin: 15px auto
}
}
.about-carousel__container .about-carousel__template .with-text {
height: 320px;
margin: 15px 60px;
overflow: hidden;
width: 504px
}
@media(max-width:768px) {
.about-carousel__container .about-carousel__template .with-text {
height: 250px;
margin: 0;
width: 100%
}
}
.about-carousel__container .about-carousel__template .with-image {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
.about-carousel__container .about-carousel__template .with-image img {
object-fit: cover
}
.bvn__mascara {
height: 320px;
overflow: hidden;
position: relative;
width: 100%
}
@media(max-width:768px) {
.bvn__mascara {
height: 210px
}
}
.bvn__iframe {
height: 100vh;
left: 50%;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%
}
@media(min-aspect-ratio:16/9) {
.bvn__iframe {
height: 56.25vw
}
}
@media(max-aspect-ratio:16/9) {
.bvn__iframe {
width: 177.78vh
}
}
@media(max-width:768px) {
.bvn__iframe {
pointer-events: all;
width: 100vw
}
}
.bvn__mobile-image img {
background-color: #000;
height: 100%;
width: 100vw
}
.bvn__mute-button {
background-image: url("data:image/png;base64,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");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 62px;
height: 320px;
opacity: .5;
position: absolute;
width: 100%;
z-index: 99
}
@media(max-width:768px) {
.bvn__mute-button {
background-position: 50%;
background-size: 56px;
height: 35px;
left: 89%;
top: 80%;
width: 35px
}
}
.bvn__unmute-button {
background-image: url("data:image/png;base64,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");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 62px;
height: 320px;
opacity: .8;
position: absolute;
width: 100%;
z-index: 99
}
@media(max-width:768px) {
.bvn__unmute-button {
background-position: 50%;
background-size: 56px;
height: 35px;
left: 89%;
top: 80%;
width: 35px
}
}
.bvc__background {
background-color: #000;
height: 320px;
position: absolute;
width: 100%
}
.bvc__mascara {
height: 320px;
overflow: hidden;
position: relative;
width: 100%
}
@media(max-width:768px) {
.bvc__mascara {
height: 210px
}
}
.bvc__iframe {
background-color: #000;
height: 100vh;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: -webkit-calc(100% - 200px);
width: calc(100% - 200px)
}
@media(min-aspect-ratio:16/9) {
.bvc__iframe {
height: 56.25vw
}
}
@media(max-width:768px) {
.bvc__iframe {
padding: 0;
pointer-events: all;
width: 100vw
}
}
.bvc__gradient-container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
height: 320px;
position: absolute;
width: 100%;
z-index: 98
}
.bvc__left-gradient {
background-image: -webkit-linear-gradient(left, #000, rgba(255, 0, 0, 0));
background-image: linear-gradient(90deg, #000, rgba(255, 0, 0, 0));
height: 100%;
margin-left: 99px;
width: 320px
}
.bvc__right-gradient {
background-image: -webkit-linear-gradient(right, #000, rgba(255, 0, 0, 0));
background-image: linear-gradient(270deg, #000, rgba(255, 0, 0, 0));
height: 100%;
margin-left: auto;
margin-right: 99px;
width: 320px
}
.bvc__mobile-image img {
background-color: #000;
height: 100%;
width: 100vw
}
.bvc__mute-button {
background-image: url("data:image/png;base64,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");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 62px;
height: 320px;
opacity: .5;
position: absolute;
width: 100%;
z-index: 99
}
@media(max-width:768px) {
.bvc__mute-button {
background-position: 50%;
background-size: 56px;
height: 35px;
left: 89%;
top: 80%;
width: 35px
}
}
.bvc__unmute-button {
background-image: url("data:image/png;base64,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");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 62px;
height: 320px;
opacity: .8;
position: absolute;
width: 100%;
z-index: 99
}
@media(max-width:768px) {
.bvc__unmute-button {
background-position: 50%;
background-size: 56px;
height: 35px;
left: 89%;
top: 80%;
width: 35px
}
}
.benefits {
background-color: #fff
}
.benefits .benefits__wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
margin: 0 auto;
max-width: 1184px
}
.benefits .benefits__wrapper .benefits__left-content,
.benefits .benefits__wrapper .benefits__right-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%
}
.benefits .benefits__wrapper .benefits__left-content {
text-align: center
}
.benefits .benefits__wrapper .benefits__left-content .benefits__product {
max-width: 100%
}
.benefits .benefits__wrapper .benefits__right-content {
padding: 30px 20px 0;
text-align: left
}
.benefits .benefits__wrapper .benefits__right-content .benefits li {
font-size: 18px
}
.benefits .benefits__wrapper .benefits__right-content .benefits__title {
font-size: 24px;
font-weight: 600;
margin: 0;
padding-bottom: 15px
}
.benefits .benefits__wrapper .benefits__right-content .benefits {
padding: 0
}
.benefits .benefits__wrapper .benefits__right-content .benefits .benefits__icon {
border-radius: 50%;
display: inline-block;
height: 28px;
margin-right: 18px;
vertical-align: middle;
width: 28px
}
.benefits .benefits__wrapper .benefits__right-content .benefits .benefits__text {
display: inline-block;
line-height: 123%;
vertical-align: middle;
width: 70%
}
.benefits .benefits__wrapper .benefits__right-content .benefits li {
color: #8c8c8c;
font-weight: 100;
padding-bottom: 23px
}
.benefits .benefits__wrapper ul {
list-style: none;
margin: 0
}
@media(min-width:769px) {
.benefits .benefits__wrapper {
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: row;
flex-direction: row
}
.benefits .benefits__wrapper .benefits__left-content,
.benefits .benefits__wrapper .benefits__right-content {
width: 50%
}
.benefits .benefits__wrapper .benefits__left-content .benefits__product {
height: 430px;
max-width: 100%
}
.benefits .benefits__wrapper .benefits__right-content .benefits__title {
font-size: 28px
}
.benefits .benefits__wrapper .benefits__right-content .benefits li {
font-size: 22px
}
}
.promotion-item__lightning-deal-container {
display: inline-block;
margin: 12px 0;
width: 100%
}
@media(min-width:681px) {
.promotion-item__lightning-deal-container {
margin: 12px 0 8px
}
}
.promotion-item__lightning-deal-container .promotion-item__item-lightning-status {
color: #333;
display: -webkit-flex;
display: flex;
font-size: 12px;
-webkit-justify-content: space-between;
justify-content: space-between
}
.promotion-item__lightning-deal-container .promotion-item__item-lightning-status .promotion-item__item-lightning-status-timer {
text-align: right
}
.promotion-item__lightning-deal-container .promotion-item__item-lightning-status .promotion-item__item-lightning-status-timer .promotion-item__item-lightning-status-timer-left {
display: none
}
@media(min-width:681px) {
.promotion-item__lightning-deal-container .promotion-item__item-lightning-status .promotion-item__item-lightning-status-timer .promotion-item__item-lightning-status-timer-left {
display: inline-block;
margin-right: 4px;
width: 110px
}
}
.promotion-item__lightning-deal-container .promotion-item__item-lightning-status .promotion-item__item-lightning-status-timer .promotion-item__item__lightning-status__timer__count {
font-family: Helvetica;
font-size: 11px
}
.promotion-item__lightning-deal-progress-bar {
background-color: #e5e5e5;
border-radius: 100px;
height: 4px;
margin-bottom: 4px;
position: relative
}
.promotion-item__lightning-deal-progress-bar.out {
background-color: #bfbfbf
}
.promotion-item__lightning-deal-progress-bar .progress {
background: #f73;
border-radius: 100px 0 0 100px;
height: 4px;
max-width: 100%;
position: absolute
}
@-webkit-keyframes andes-snackbar-show {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1
}
}
@keyframes andes-snackbar-show {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1
}
}
@-webkit-keyframes andes-snackbar-hide {
50% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes andes-snackbar-hide {
50% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.andes-snackbar {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: center;
align-items: center;
position: fixed;
z-index: 1021;
bottom: 0;
color: #fff;
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.andes-snackbar--default {
background-color: #333
}
.andes-snackbar__action {
color: #fff !important;
background: none;
font-size: inherit;
font-weight: 600;
text-transform: uppercase;
text-align: right;
white-space: nowrap;
text-decoration: none !important
}
.andes-snackbar__action:hover {
text-decoration: underline
}
.andes-snackbar__message {
color: #fff
}
.andes-snackbar--bottom {
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-align-items: flex-start;
align-items: flex-start
}
.andes-snackbar--bottom .andes-snackbar__action {
padding-top: 0
}
.andes-snackbar--animate-show {
-webkit-animation-name: andes-snackbar-show;
animation-name: andes-snackbar-show
}
.andes-snackbar--animate-hide {
-webkit-animation-name: andes-snackbar-hide;
animation-name: andes-snackbar-hide;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.andes-snackbar {
left: 0;
right: 0;
line-height: 1.14286em;
border-radius: .42857em;
bottom: 1.14286em;
margin: 0 .57143em;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
}
.andes-snackbar__action {
padding: .57143em 1.14286em;
border-radius: .42857em
}
.andes-snackbar__message {
font-size: 14px;
padding: 1.14286em
}
.andes-snackbar--bottom .andes-snackbar__action {
padding-top: .57143em;
padding-bottom: .57143em;
margin-bottom: .57143em
}
.andes-snackbar--bottom .andes-snackbar__message {
line-height: 1.57143em;
padding-bottom: .57143em
}
@media(min-width:768px) {
.andes-snackbar {
line-height: 1em;
max-width: 37.5em;
bottom: 2em;
border-radius: .375em;
margin-left: auto;
margin-right: auto
}
.andes-snackbar__action {
padding: .5em 1em;
border-radius: .375em
}
.andes-snackbar__message {
font-size: 16px;
padding: 1em
}
.andes-snackbar--bottom .andes-snackbar__action {
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: .5em
}
.andes-snackbar--bottom .andes-snackbar__message {
line-height: 1.375em;
padding-bottom: .5em
}
}
.andes-snackbar--success {
background-color: #00a650
}
.andes-snackbar--error {
background-color: #f23d4f
}
@media(min-width:768px) {
.andes-snackbar {
max-width: 525px
}
}
.dynamic__carousel .andes-spinner--inline {
left: 0;
position: relative;
top: -31px
}
.dynamic__carousel .andes-spinner--inline .andes-spinner__icon--small {
height: 26px;
width: 26px
}
.dynamic__carousel .andes-button--transparent {
-webkit-tap-highlight-color: transparent;
height: 34px
}
.dynamic__carousel .andes-button--transparent:hover {
background-color: #fff;
border-color: transparent
}
.dynamic__carousel .andes-button--transparent:focus {
box-shadow: none
}
.dynamic__carousel .andes-button--transparent:active {
background-color: #fff;
border-color: unset;
color: unset
}
.dynamic__carousel .add-to-cart__choose-options,
.dynamic__carousel .add-to-cart__quantity-modifier,
.dynamic__carousel .andes-button.dynamic-carousel__add-to-cart-button {
-webkit-align-items: center;
align-items: center;
border-radius: 4px;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
font-size: 14px;
font-weight: 400;
height: 36px;
line-height: 14px;
padding: 0
}
.dynamic__carousel .add-to-cart__choose-options.fetching-cart,
.dynamic__carousel .add-to-cart__quantity-modifier.fetching-cart,
.dynamic__carousel .andes-button.dynamic-carousel__add-to-cart-button.fetching-cart {
opacity: .15
}
.dynamic__carousel .add-to-cart__choose-options,
.dynamic__carousel .add-to-cart__quantity-modifier {
border: 1px solid;
width: 100%
}
.dynamic__carousel .add-to-cart__choose-options {
-webkit-tap-highlight-color: transparent;
border-color: #3483fa;
font-weight: 300;
-webkit-justify-content: center;
justify-content: center
}
.dynamic__carousel .add-to-cart__quantity-modifier {
border-color: rgba(0, 0, 0, .25);
-webkit-justify-content: space-between;
justify-content: space-between
}
.dynamic__carousel .add-to-cart__quantity-modifier .quantity {
color: #333;
font-weight: 600
}
.dynamic__carousel .add-to-cart__quantity-modifier .label {
color: #666;
font-weight: 300;
margin-left: 6px
}
.dynamic__carousel .add-to-cart__quantity-modifier .remove__button,
.dynamic__carousel .add-to-cart__quantity-modifier .remove__button svg {
border-radius: 4px 0 0 4px
}
.dynamic__carousel .add-to-cart__quantity-modifier .add__button,
.dynamic__carousel .add-to-cart__quantity-modifier .add__button svg {
border-radius: 0 4px 4px 0
}
.dynamic__carousel .add-to-cart__quantity-modifier .add__button,
.dynamic__carousel .add-to-cart__quantity-modifier .remove__button {
border: 0;
margin: 0;
padding: 0;
min-width: auto;
width: auto
}
.dynamic__carousel .add-to-cart__quantity-modifier .add__button span,
.dynamic__carousel .add-to-cart__quantity-modifier .remove__button span {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.dynamic__carousel .add-to-cart__quantity-modifier .add__button span svg,
.dynamic__carousel .add-to-cart__quantity-modifier .remove__button span svg {
display: block;
fill: #3483fa;
height: 34px;
max-height: none;
max-width: none;
width: 37px
}
.dynamic__carousel .add-to-cart__quantity-modifier .add__button span svg:hover,
.dynamic__carousel .add-to-cart__quantity-modifier .remove__button span svg:hover {
background-color: #fff;
border: 0
}
.dynamic__carousel .add-to-cart__choose-options,
.dynamic__carousel .andes-button.dynamic-carousel__add-to-cart-button {
color: #3483fa
}
.dynamic__carousel .add-to-cart__choose-options:hover,
.dynamic__carousel .andes-button.dynamic-carousel__add-to-cart-button:hover {
background-color: rgba(65, 137, 230, .1);
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.dynamic__carousel .andes-button.dynamic-carousel__add-to-cart-button {
background: 0 0;
border: 1px solid #3483fa;
-webkit-justify-content: center;
justify-content: center;
width: 100%
}
.dynamic__carousel .andes-button.dynamic-carousel__add-to-cart-button span.andes-button__content {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
.dynamic-carousel-mobile {
margin-bottom: 25px
}
.dynamic-carousel-mobile .andes-card {
padding: 0
}
.dynamic-carousel-mobile .andes-button--transparent:focus {
background-color: transparent
}
.dynamic-carousel-mobile .dynamic-carousel__item-container {
border-right: 1px solid #f5f5f5;
border-top: 1px solid #f5f5f5;
min-height: 263px;
padding: 6px 8px;
width: 50%
}
.dynamic-carousel-mobile .dynamic-carousel__item-container>a {
height: auto
}
.dynamic-carousel-mobile .dynamic-carousel__item-container .dynamic-carousel__item-content {
min-height: 115px
}
.dynamic-carousel-mobile .dynamic-carousel__item-container .dynamic-carousel__item-content.with-add-to-cart {
min-height: 56px
}
.dynamic-carousel-mobile .dynamic-carousel__item-container .dynamic-carousel__item-actions {
padding: 12px 0 2px
}
.dynamic-carousel-mobile__items {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.dynamic-carousel-mobile__title {
color: rgba(0, 0, 0, .8);
font-size: 18px;
font-weight: 700;
margin: 0;
padding: 12px 16px
}
.dynamic-carousel-mobile__link {
border-top: 1px solid #f5f5f5
}
.dynamic-carousel-mobile__link a {
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #3483fa;
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 16px;
width: 100%
}
.dynamic-carousel-mobile .dynamic-carousel__price-block {
display: -webkit-flex;
display: flex
}
.dynamic-carousel-mobile .arrow-container {
display: inline-block;
float: right
}
.dynamic-carousel-mobile .arrow-right {
border: solid #3483fa;
border-width: 0 2px 2px 0;
display: inline-block;
float: right;
margin-top: 6px;
padding: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.dynamic-carousel-mobile .dynamic-carousel__img {
margin: auto;
max-height: 148px;
max-width: 100%
}
.dynamic__carousel .dynamic-carousel-normal-desktop {
margin: 44px auto 24px;
max-width: 1200px;
padding: 0
}
@media(max-width:768px) {
.dynamic__carousel .dynamic-carousel-normal-desktop {
margin: 30px -10px auto
}
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-button.dynamic-carousel__add-to-cart-button.fetching-cart:not(:hover) {
border: 0
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic__carousel-title {
color: #666;
font-size: 16px;
font-weight: 400;
letter-spacing: 1.6px;
line-height: 1.13;
margin: 0 0 0 8px;
text-transform: uppercase
}
.dynamic__carousel .dynamic-carousel-normal-desktop .slick-list {
height: 430px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .slick-track>.slick-slide {
width: 240px !important
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card {
display: inline-block;
margin: 0 7px;
padding: 0;
position: relative;
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
width: 224px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card:hover {
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .07), 0 10px 15px 0 rgba(0, 0, 0, .1)
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card .dynamic-carousel__price-block {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
text-align: left
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card .dynamic-carousel__oldprice {
color: #666;
display: -webkit-inline-flex;
display: inline-flex;
font-size: 12px;
height: 15px;
opacity: 1;
text-decoration: line-through
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card .dynamic-carousel__price {
color: rgba(0, 0, 0, .8);
font-size: 20px;
font-weight: 400;
line-height: 1;
padding-right: 5px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card .dynamic-carousel__price .dynamic-carousel__price-decimals {
font-size: 12px;
font-weight: 400;
line-height: 1em;
padding-left: 0;
vertical-align: super
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card .dynamic-carousel__price-additional-info {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
.dynamic__carousel .dynamic-carousel-normal-desktop .andes-card .dynamic-carousel__discount {
color: #00a650;
font-size: 12px;
font-weight: 400;
padding-left: 0;
vertical-align: 3px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__container--with-link {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
line-height: 1.2;
margin-bottom: 16px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__container--with-link a.dynamic__carousel-link {
color: #3483fa;
font-size: 16px;
margin-left: 16px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container {
border: 0;
border-radius: 4px 4px 0 0;
height: 100%;
padding: 0 0 14px;
width: 100%
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__img {
border-bottom: 1px solid #f5f5f5;
border-radius: 4px 4px 0 0;
height: 224px;
max-height: unset;
width: 224px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__item-content {
height: 162px;
padding: 14px 14px 10px;
position: relative;
text-align: left;
width: 196px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__item-content.with-add-to-cart {
height: 112px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .add__button svg:hover,
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .remove__button svg:hover {
background-color: #eee
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__price-block {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__price {
font-size: 24px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__installments,
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__shipping-container {
font-size: 14px;
padding-top: 2px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__title {
font-size: 14px;
line-height: 1.3;
max-height: 35px;
padding-right: 20px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__pill-container {
margin: 0
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__pill-container--no-discount {
margin: 0 0 3px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .promotion-item__lightning-deal-container .promotion-item__item-lightning-status .promotion-item__item-lightning-status-timer .promotion-item__item-lightning-status-timer-left {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.dynamic__carousel .dynamic-carousel-normal-desktop .dynamic-carousel__item-container .dynamic-carousel__item-actions {
margin: 0 14px
}
.dynamic__carousel .dynamic-carousel-normal-desktop .next-button,
.dynamic__carousel .dynamic-carousel-normal-desktop .prev-button {
top: 40% !important
}
.dynamic__carousel .dynamic-carousel__home {
margin: 44px auto 24px;
max-width: 1200px;
padding: 0
}
.dynamic__carousel .dynamic-carousel__home .dynamic__carousel-title {
color: #666;
-webkit-flex: 6;
flex: 6;
font-size: 14px;
font-weight: 400;
letter-spacing: 1.6px;
line-height: 1.13;
margin: 0;
opacity: 1;
text-transform: uppercase;
-webkit-transition: visibility .1s .1s;
transition: visibility .1s .1s;
visibility: visible
}
.dynamic__carousel .dynamic-carousel__home .andes-button--transparent:focus {
background-color: transparent
}
.dynamic__carousel .dynamic-carousel__home .andes-card {
display: inline-block;
margin: 0 4px 20px;
padding: 0 6px 6px;
position: relative;
width: 160px
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__container--with-link {
-webkit-align-items: flex-end;
align-items: flex-end;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0 4px 16px
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__container--with-link a.dynamic__carousel-link {
color: #3483fa;
-webkit-flex: 2;
flex: 2;
font-size: 14px;
font-weight: 600;
text-align: right
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container {
border: 0;
border-radius: 4px 4px 0 0;
height: 298px;
width: 100%
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__item-actions {
padding: 10px 8px 8px
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__img {
border-bottom: 1px solid #f5f5f5;
border-radius: 4px 4px 0 0;
height: 153px;
margin: auto;
max-height: unset;
width: 153px
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__item-content {
padding: 12px 2px 0 8px;
position: relative
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__item-content.with-discount {
-webkit-transform: padding-bottom .1s ease-out;
transform: padding-bottom .1s ease-out
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__item-content.with-discount .dynamic-carousel__price-block {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__item-content.with-discount .dynamic-carousel__price-block .dynamic-carousel__price-container {
padding-right: 6px
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__price-block {
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__price-block .dynamic-carousel__price-container {
padding-right: 9px
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__price {
font-size: 16px
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__price-container {
padding: 0
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__price-decimals {
color: rgba(0, 0, 0, .8);
font-size: 11px;
font-weight: 400;
line-height: 1em;
margin-left: 0;
padding-left: 0;
vertical-align: super
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .dynamic-carousel__title {
font-size: 12px;
font-weight: 300;
line-height: 1.3
}
.dynamic__carousel .dynamic-carousel__home .dynamic-carousel__item-container .promotion-item__lightning-deal-container {
margin: 6px 0
}
@-webkit-keyframes loading-items {
0% {
opacity: 0
}
25% {
opacity: 1
}
50% {
opacity: 0
}
75% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes loading-items {
0% {
opacity: 0
}
25% {
opacity: 1
}
50% {
opacity: 0
}
75% {
opacity: 1
}
to {
opacity: 0
}
}
.dynamic-carousel__skeleton-home {
width: 1200px;
margin: 44px auto 24px
}
@media(max-width:768px) {
.dynamic-carousel__skeleton-home {
margin: initial;
padding: 14px 10px 0
}
}
.dynamic-carousel__skeleton-home .dynamic-carousel__skeleton-title {
background-color: #8c8c8c;
background-image: -webkit-linear-gradient(left, #fff 42%, #f8f8f8);
background-image: linear-gradient(90deg, #fff 42%, #f8f8f8);
-webkit-animation: loading-items 3s infinite;
animation: loading-items 3s infinite;
height: 19px;
width: 100%;
margin-bottom: 16px
}
@media(max-width:768px) {
.dynamic-carousel__skeleton-home .dynamic-carousel__skeleton-title {
height: 20px;
width: 100%
}
}
.dynamic-carousel__skeleton-home .dynamic-carousel__skeleton-items {
display: -webkit-flex;
display: flex
}
.dynamic-carousel__skeleton-home .dynamic-carousel__skeleton-items .dynamic-carousel__skeleton-item {
background-color: #8c8c8c;
background-image: -webkit-linear-gradient(left, #fff 42%, #f8f8f8);
background-image: linear-gradient(90deg, #fff 42%, #f8f8f8);
-webkit-animation: loading-items 3s infinite;
animation: loading-items 3s infinite;
margin: 0 7px;
width: 224px;
height: 425px;
border: 0;
border-radius: 4px
}
@media(max-width:768px) {
.dynamic-carousel__skeleton-home .dynamic-carousel__skeleton-items {
display: initial
}
.dynamic-carousel__skeleton-home .dynamic-carousel__skeleton-items .dynamic-carousel__skeleton-item {
display: inline-block;
margin: 0 4px 20px;
padding: 0 6px 6px;
width: 160px;
height: 324px
}
}
.dynamic-carousel__skeleton-normal {
width: 100%;
margin: 0 auto;
display: -webkit-flex;
display: flex
}
.dynamic-carousel__skeleton-normal .dynamic-carousel__skeleton-card {
background-color: #8c8c8c;
background-image: -webkit-linear-gradient(left, #fff 42%, #f8f8f8);
background-image: linear-gradient(90deg, #fff 42%, #f8f8f8);
-webkit-animation: loading-items 3s infinite;
animation: loading-items 3s infinite;
border: 0;
border-radius: 4px;
height: 655px;
margin: 14px 10px 0;
width: 100%
}
@media(max-width:768px) {
.dynamic__carousel {
padding: 14px 10px 0
}
}
.dynamic-carousel__item-container {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-justify-content: space-between;
justify-content: space-between;
min-height: 224px;
text-align: center;
vertical-align: top
}
.dynamic-carousel__item-container,
.dynamic-carousel__item-container .dynamic-carousel__link-container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.dynamic-carousel__item-container .dynamic-carousel__price-block {
overflow: hidden;
padding-top: 8px;
text-align: left
}
.dynamic-carousel__item-container .dynamic-carousel__price-container {
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: flex;
padding: 0 4px 2px 0
}
.dynamic-carousel__item-container .dynamic-carousel__price {
color: rgba(0, 0, 0, .8);
font-size: 16px;
font-weight: 400;
line-height: 1
}
.dynamic-carousel__item-container .dynamic-carousel__price-decimals {
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-weight: 400;
line-height: 1em;
margin-left: 0;
padding-left: 0;
vertical-align: super
}
.dynamic-carousel__item-container .dynamic-carousel__discount {
color: #00a650;
font-size: 12px;
line-height: 1.5;
margin-top: 1px;
padding-left: 5px;
vertical-align: text-top
}
.dynamic-carousel__item-container .dynamic-carousel__installments {
color: #00a650;
font-size: 12px;
text-align: left
}
.dynamic-carousel__item-container .dynamic-carousel__installments-decimals {
font-size: 10px;
left: -2px;
position: relative;
top: -3px
}
.dynamic-carousel__item-container .dynamic-carousel__shipping-container {
color: #00a650;
font-size: 12px;
font-weight: 600;
text-align: left
}
.dynamic-carousel__item-container .dynamic-carousel__shipping-container-fulfillment {
margin-bottom: -3px
}
.dynamic-carousel__item-container .dynamic-carousel__title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #000;
display: -webkit-box;
font-size: 12px;
font-weight: 300;
line-height: 1.17;
margin: 2px 0 0;
overflow: hidden;
text-align: left
}
.dynamic-carousel__item-container .dynamic-carousel__pill-container {
display: block;
line-height: 1;
margin: 8px 0 4px;
text-align: left
}
.dynamic-carousel__item-container .dynamic-carousel__pill-container--text {
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
padding: 2px 4px
}
.dynamic-carousel__item-container .dynamic-carousel__pill-container--text-today-offer {
background-color: #3483fa
}
.dynamic-carousel__item-container .dynamic-carousel__pill-container--text-best-seller {
background-color: #f73
}
.carousel-mobile {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.carousel-mobile::-webkit-scrollbar {
height: 0;
width: 0;
background-color: transparent
}
.carousel-mobile::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px transparent;
background-color: transparent
}
.carousel-mobile ::-webkit-scrollbar-thumb {
background-color: transparent;
width: 0;
height: 0
}
.carousel-mobile-list {
display: table
}
.carousel-mobile-list-element {
display: table-cell;
vertical-align: middle
}
.carousel-mobile ul {
margin: 0;
padding: 0;
list-style: none
}
.hub__carousel {
border: 0;
margin: 20px auto;
max-width: 1200px;
outline: 0;
overflow: hidden;
padding: 20px 0;
vertical-align: baseline
}
@media(min-width:768px) {
.hub__carousel {
overflow: hidden;
padding: 30px 0
}
}
.hub__carousel .carousel__brands-ul,
.hub__carousel .carousel__ul {
margin: 0 auto;
max-width: 1120px;
position: relative;
text-align: center
}
@media(max-width:768px) {
.hub__carousel .carousel__brands-ul,
.hub__carousel .carousel__ul {
min-width: 100%
}
}
@media(min-width:768px) {
.hub__carousel .carousel__brands-ul .slick-track>.slick-slide,
.hub__carousel .carousel__ul .slick-track>.slick-slide {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
width: 140px
}
}
.hub__carousel .carousel__brands-ul .carousel-mobile-list,
.hub__carousel .carousel__ul .carousel-mobile-list {
display: -webkit-flex;
display: flex
}
.hub__carousel .carousel__brands-ul .carousel-mobile-list-element,
.hub__carousel .carousel__ul .carousel-mobile-list-element {
padding-bottom: 12px
}
.hub__carousel .carousel__brands-ul .carousel-mobile-list-element:first-child,
.hub__carousel .carousel__ul .carousel-mobile-list-element:first-child {
margin-left: 4px
}
.hub__carousel .carousel__brands-ul .carousel__item,
.hub__carousel .carousel__ul .carousel__item {
height: auto;
margin: 0 8px;
width: 88px
}
@media(min-width:768px) {
.hub__carousel .carousel__brands-ul .carousel__item,
.hub__carousel .carousel__ul .carousel__item {
width: 100px
}
}
.hub__carousel .carousel__brands-ul .carousel__item-img,
.hub__carousel .carousel__ul .carousel__item-img {
background-color: #fff;
border-radius: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 88px;
overflow: hidden;
position: relative;
text-align: center;
z-index: 1
}
@media(min-width:768px) {
.hub__carousel .carousel__brands-ul .carousel__item-img,
.hub__carousel .carousel__ul .carousel__item-img {
height: 100px
}
}
.hub__carousel .carousel__brands-ul .carousel__item-img img,
.hub__carousel .carousel__ul .carousel__item-img img {
display: inline
}
.hub__carousel .carousel__brands-ul .carousel__item a,
.hub__carousel .carousel__ul .carousel__item a {
text-decoration: none
}
.hub__carousel .carousel__ul .carousel__item-title {
color: #4a4a4a;
font-size: 12px;
font-weight: 400;
line-height: 1.2;
margin: 0;
padding-top: 12px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: normal
}
@media(min-width:768px) {
.hub__carousel .carousel__ul .carousel__item-title {
padding-top: 16px
}
}
@media(max-width:768px) {
.hub__carousel .carousel__brands-ul {
margin: 0 auto;
max-width: 1120px;
padding: 0;
position: relative;
text-align: center
}
}
.hub__carousel .carousel__brands-ul .carousel__item {
display: inline-block;
height: auto;
margin: 0 12px
}
.hub__carousel .carousel__brands-ul .carousel__item-title {
display: none
}
@media(min-width:768px) {
.hub__carousel .carousel__brands-ul .carousel__item-title {
display: none
}
}
.hub__carousel .carousel-container {
margin: 0 auto
}
.hub__carousel .carousel-container .next-button,
.hub__carousel .carousel-container .prev-button {
background: 0 0;
background-color: transparent;
border: 0;
box-shadow: none;
color: inherit;
display: block;
font: inherit;
height: 40px;
padding: 0 !important;
top: 25%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 40px
}
.hub__carousel .carousel-container .next-button:hover,
.hub__carousel .carousel-container .prev-button:hover {
box-shadow: none
}
.hub__carousel .carousel-container .next-button:after,
.hub__carousel .carousel-container .next-button:before,
.hub__carousel .carousel-container .prev-button:after,
.hub__carousel .carousel-container .prev-button:before {
background-color: #333;
height: 1px;
margin-bottom: -7px;
width: 16px
}
.hub__carousel .carousel-container .prev-button {
left: -37px
}
.hub__carousel .carousel-container .next-button {
right: -37px
}
.hub__carousel div.slick-track {
white-space: nowrap;
width: 4102.5px
}
.hub__carousel div.slick-track .slick-slide.slick-active.slick-cloned {
width: 136.75px
}
.hub__carousel div[role=presentation].slick-list {
height: auto
}
.hub__carousel ul.slick-dots {
bottom: auto;
height: 13px;
position: relative;
visibility: hidden
}
.hub__carousel .title {
color: #333;
display: block;
font-family: Proxima Nova;
font-size: 16px;
font-weight: 400;
letter-spacing: 1.5px;
margin: 0;
padding: 0 10px 25px;
text-align: center;
text-transform: uppercase
}
@media(min-width:768px) {
.hub__carousel .title {
padding-bottom: 24px
}
}
.mobile__view-container {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
padding: 12px 12px 24px
}
.mobile__view-child {
border-radius: 6px;
margin-bottom: 8px
}
.mobile__view li a {
width: 100%
}
.mobile__view .category-list__title {
color: rgba(0, 0, 0, .8);
font-size: 20px;
margin: 0;
padding: 24px 12px 0
}
.mobile__view .category-list__item {
border-top: 1px solid #ededed;
list-style-type: none;
padding: 0
}
.mobile__view .category-list__permanlink {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 24px 0 24px 24px;
text-decoration: none
}
.mobile__view .category-list__permanlink-title {
color: rgba(0, 0, 0, .8);
font-size: 16px;
font-weight: 400;
margin: 0
}
.mobile__view .category-list__permanlink-chevron-container {
margin: 0 16px
}
.mobile__view .category-list__permanlink-chevron {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-radius: 1px;
border-style: solid;
border-width: 2px 2px 0 0;
color: rgba(0, 0, 0, .45);
display: inline-block;
height: 9px;
margin: 5px 0 0 3px;
position: relative;
transform: rotate(45deg);
vertical-align: top;
width: 9px
}
.desktop__view {
margin: auto;
width: 1200px
}
.desktop__view-container {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
margin: 24px auto;
padding: 32px 40px 40px
}
.desktop__view-wrapper {
-moz-column-gap: 50px;
-webkit-column-gap: 50px;
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
column-gap: 50px
}
.desktop__view-child {
-webkit-column-break-inside: avoid;
break-inside: avoid;
padding-bottom: 20px;
width: 198px
}
.desktop__view-ul {
margin: 0;
padding: 0
}
.desktop__view .category-list__title {
font-size: 26px;
font-weight: 400;
margin: 24px auto;
padding: 0;
width: 1200px
}
.desktop__view .category-list__item {
border-top: 0;
list-style-type: none
}
.desktop__view .category-list__item a {
width: 100%
}
.desktop__view .category-list__permanlink {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0;
text-decoration: none;
width: 100%
}
.desktop__view .category-list__permanlink-title {
color: #8c8c8c;
font-size: 14px;
font-weight: 400;
margin: 0 0 8px
}
.desktop__view .category-list__permanlink-title:hover {
color: #3483fa
}
.desktop__view .category-list__permanlink-custom {
color: rgba(0, 0, 0, .8);
font-size: 16px;
font-weight: 600;
line-height: 18px;
margin: 0 0 12px
}
.desktop__view .category-list__permanlink-custom:hover {
color: #3483fa
}
section.hub__section-clockdown {
margin-bottom: 0;
margin-top: 0
}
.hub__countdown {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 40px;
height: 88px;
margin: 0 auto;
text-align: center;
width: 100%
}
.hub__countdown .countdown {
color: #fff;
display: -webkit-inline-flex;
display: inline-flex
}
.hub__countdown .countdown.dark {
color: #000
}
.hub__countdown .countdown p {
font-size: 21px;
font-weight: 100;
height: 36px;
letter-spacing: 1px;
line-height: 80px;
margin: 0;
text-align: right;
text-transform: uppercase
}
.hub__countdown .countdown p:first-child {
margin-right: 14px
}
.hub__countdown .countdown p:last-child {
margin-left: 14px
}
.hub__countdown .countdown .card {
display: inline-block;
font-size: 55px;
height: 52px;
line-height: 1;
margin: 0 8px;
position: relative;
text-align: center;
vertical-align: middle;
width: 67px
}
.hub__countdown .countdown .card .clock-handle {
font-size: 45px;
left: -14px;
line-height: .68;
margin-top: 20px;
position: absolute
}
.hub__countdown .countdown .card .clock-part {
font-size: 45px;
height: 41px;
letter-spacing: 5px;
line-height: .68;
margin-top: 20px;
width: 68px
}
.hub__countdown .countdown .card .alt {
font-size: 11px;
font-weight: 300;
letter-spacing: .7px;
padding-top: 2px;
text-transform: uppercase;
width: 68px
}
@media(max-width:680px) {
.hub__countdown {
text-align: center
}
.hub__countdown .countdown {
float: none;
margin: 0 auto
}
.hub__countdown .countdown p {
display: none
}
}
@media(max-width:768px) {
.section__cobranded .cobranded__wrapper {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 20px 0;
text-align: center
}
.section__cobranded .cobranded__wrapper .cobranded__left-content,
.section__cobranded .cobranded__wrapper .cobranded__right-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 90%
}
.section__cobranded .cobranded__wrapper .cobranded__left-content .with-image,
.section__cobranded .cobranded__wrapper .cobranded__right-content .with-image {
max-width: 100%
}
.section__cobranded .cobranded__wrapper .cobranded__title {
font-size: 24px;
font-weight: 400;
padding-bottom: 0;
text-transform: none
}
.section__cobranded .cobranded__wrapper .cobranded__description {
color: #8c8c8c;
font-size: 22px;
font-weight: 300
}
.section__cobranded .cobranded__wrapper .andes-button {
text-align: center
}
}
@media(min-width:769px) {
.section__cobranded .cobranded__wrapper {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
max-width: 890px;
padding: 8px 0 0
}
.section__cobranded .cobranded__wrapper .cobranded__left-content,
.section__cobranded .cobranded__wrapper .cobranded__right-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex: 50%;
flex: 50%;
-webkit-flex-direction: column;
flex-direction: column
}
.section__cobranded .cobranded__wrapper .cobranded__left-content .with-image,
.section__cobranded .cobranded__wrapper .cobranded__right-content .with-image {
max-width: 100%;
padding: 0 24px
}
.section__cobranded .cobranded__wrapper .with-text {
-webkit-align-self: center;
align-self: center;
color: #4a4a4a;
padding: 0;
text-align: left
}
.section__cobranded .cobranded__wrapper .with-text .cobranded__title {
font-size: 34px;
font-weight: 100;
line-height: 40px;
margin: 0
}
.section__cobranded .cobranded__wrapper .with-text .cobranded__description {
color: #8c8c8c;
font-size: 20px;
font-weight: 400;
line-height: 25px;
padding: 20px 0
}
}
.section__cobranded {
background: #fff
}
.section__cobranded .with-text {
padding: 35px 0
}
.section__cobranded .andes-button {
color: #3483fa;
cursor: pointer;
font-size: 20px;
height: 100%;
padding: 0;
text-align: left
}
@media(max-width:768px) {
.section__cobranded .cobranded__wrapper {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 20px 0;
text-align: center
}
.section__cobranded .cobranded__wrapper .cobranded__left-content,
.section__cobranded .cobranded__wrapper .cobranded__right-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 90%
}
.section__cobranded .cobranded__wrapper .cobranded__left-content .with-image,
.section__cobranded .cobranded__wrapper .cobranded__right-content .with-image {
max-width: 100%;
padding: 0 24px
}
.section__cobranded .cobranded__wrapper .cobranded__title {
font-size: 24px;
font-weight: 400;
padding-bottom: 0;
text-transform: none
}
.section__cobranded .cobranded__wrapper .cobranded__description {
color: #8c8c8c;
font-size: 22px;
font-weight: 300
}
.section__cobranded .cobranded__wrapper .andes-button {
text-align: center
}
}
@media(min-width:769px) {
.section__cobranded .cobranded__wrapper {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
max-width: 890px;
padding: 8px 0 0
}
.section__cobranded .cobranded__wrapper .cobranded__left-content,
.section__cobranded .cobranded__wrapper .cobranded__right-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex: 50%;
flex: 50%;
-webkit-flex-direction: column;
flex-direction: column
}
.section__cobranded .cobranded__wrapper .cobranded__left-content .with-image,
.section__cobranded .cobranded__wrapper .cobranded__right-content .with-image {
max-width: 100%
}
.section__cobranded .cobranded__wrapper .with-text {
-webkit-align-self: center;
align-self: center;
color: #4a4a4a;
padding: 0;
text-align: left
}
.section__cobranded .cobranded__wrapper .with-text .cobranded__title {
font-size: 34px;
font-weight: 100;
line-height: 40px;
margin: 0
}
.section__cobranded .cobranded__wrapper .with-text .cobranded__description {
color: #8c8c8c;
font-size: 20px;
font-weight: 400;
line-height: 25px;
padding: 20px 0
}
}
.section__congrats {
background: #fff;
text-align: center
}
.section__congrats .content {
margin: 0 auto;
max-width: 1184px;
padding: 40px
}
.section__congrats .content .paragraph__text {
color: #666;
font-size: 26px;
font-weight: 100;
line-height: 41px;
padding: 0 10px;
text-align: center
}
.section__congrats .content .paragraph__text .primary__text {
font-weight: 400
}
@media(min-width:769px) {
.section__congrats .content .paragraph__text {
font-size: 36px;
padding: 0
}
.section__congrats .content .paragraph__text .primary__text {
font-weight: 400
}
}
@media(max-width:768px) {
.section__custombenefit {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center
}
.section__custombenefit .custombenefit__wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
margin: 0;
padding: 20px 0;
text-align: center
}
.section__custombenefit .custombenefit__wrapper .custombenefit__left-content,
.section__custombenefit .custombenefit__wrapper .custombenefit__right-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 90%
}
.section__custombenefit .custombenefit__wrapper .custombenefit__title {
font-size: 24px;
font-weight: 400;
padding-bottom: 0;
text-transform: none
}
.section__custombenefit .custombenefit__wrapper .custombenefit__description {
font-size: 22px;
font-weight: 300
}
}
@media(min-width:769px) {
.section__custombenefit,
.section__custombenefit .custombenefit__wrapper {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.section__custombenefit .custombenefit__wrapper {
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 890px;
padding: 0;
width: 100%
}
.section__custombenefit .custombenefit__wrapper.inverted {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.section__custombenefit .custombenefit__wrapper .custombenefit__left-content,
.section__custombenefit .custombenefit__wrapper .custombenefit__right-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex: 50%;
flex: 50%
}
.section__custombenefit .custombenefit__wrapper .with-text {
-webkit-align-self: center;
align-self: center;
text-align: left
}
.section__custombenefit .custombenefit__wrapper .with-text .custombenefit__title {
font-size: 34px;
font-weight: 100;
line-height: 40px;
margin: 0
}
.section__custombenefit .custombenefit__wrapper .with-text .custombenefit__description {
font-size: 20px;
font-weight: 400;
line-height: 25px;
padding: 20px 0
}
.section__custombenefit .custombenefit__wrapper .with-image {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
}
.section__custombenefit .with-image {
padding: 0 24px
}
.section__custombenefit .with-image img {
max-width: 100%
}
.section__custombenefit .with-text {
padding: 35px 0
}
.section__custombenefit .andes-button {
cursor: pointer;
font-size: 20px;
line-height: 45px;
padding: 0;
text-align: left
}
.section__custombenefit .andes-button.blue {
color: #3483fa
}
.section__custombenefit .andes-button.white {
color: #fff
}
@media(max-width:768px) {
.section__custombenefit .andes-button {
line-height: normal;
text-align: unset
}
}
.disclaimer {
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
font-size: 12px;
margin-bottom: 25px;
max-width: 1184px;
min-height: 100px;
padding: 0 15px 10px
}
@media(min-width:1024px) {
.disclaimer {
padding: 8px 25px;
}
}
.disclaimer p {
font-weight: 400;
line-height: 1.4;
text-align: left
}
@media(max-width:768px) {
.disclaimer p {
margin-top: 0
}
}
@media(min-width:769px) {
.disclaimer {
margin: auto
}
}
.section__data-viewer {
margin: 0 auto;
max-width: 1184px;
padding: 10px
}
.container-faq {
background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 100px;
padding: 8px 0
}
@media(max-width:681px) {
.container-faq {
padding: 0 8px 10px
}
}
.container-faq .content {
margin: auto;
max-width: 1184px;
padding: 50px 0
}
.container-faq .content h1,
.container-faq .content h2,
.container-faq .content h3,
.container-faq .content h4,
.container-faq .content h5,
.container-faq .content h6 {
color: #343434;
font-size: 20px;
font-weight: 400;
letter-spacing: normal;
line-height: 1;
margin: 0;
padding: 40px 0 20px;
text-align: left
}
@media(max-width:1024px) {
.container-faq .content h1,
.container-faq .content h2,
.container-faq .content h3,
.container-faq .content h4,
.container-faq .content h5,
.container-faq .content h6 {
font-size: 16px;
padding: 40px 0 20px
}
}
.container-faq .content .subtitle:first-of-type {
padding-top: 0
}
.container-faq .content-paragraph {
text-align: left
}
.container-faq .content-paragraph p {
color: #8c8c8c;
font-size: 14px;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.29
}
.container-faq .content-paragraph a,
.container-faq .content-paragraph p {
display: inline
}
.container-faq .content-paragraph a {
color: #3483fa
}
.container-faq .content .title {
color: #343434;
font-size: 36px;
font-weight: 300;
margin: 0;
padding: 50px 20px;
text-align: center
}
@media(max-width:1024px) {
.container-faq .content .title {
font-size: 24px;
font-weight: 700;
line-height: 1.1;
padding: 46px 0 8px;
text-align: left
}
}
@media(max-width:1024px) {
.container-faq .content {
padding: 0 22px 38px
}
}
.andes-form-control--textfield .andes-form-control__label {
position: absolute;
top: 7px;
left: 0;
-webkit-transform: translateY(5px);
transform: translateY(5px);
-webkit-transform-origin: left 50% 0;
transform-origin: left 50% 0;
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
-webkit-transition-property: color, -webkit-transform;
transition-property: color, -webkit-transform;
transition-property: transform, color;
transition-property: transform, color, -webkit-transform;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: text
}
.andes-form-control--textfield .andes-form-control__field {
height: 24px
}
.andes-form-control__control {
display: -webkit-flex;
display: flex
}
.andes-form-control__field::-webkit-input-placeholder {
opacity: 1
}
.andes-form-control__field:-ms-input-placeholder {
opacity: 1
}
.andes-form-control__field::placeholder {
opacity: 1;
color: rgba(0, 0, 0, .25);
font-size: 18px
}
.andes-form-control__field::-webkit-input-placeholder {
color: rgba(0, 0, 0, .25);
font-size: 18px
}
.andes-form-control__field::-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, .25);
font-size: 18px
}
.andes-form-control__field:-moz-placeholder {
opacity: 1
}
.andes-form-control__field:-ms-input-placeholder {
color: rgba(0, 0, 0, .25);
font-size: 18px
}
.andes-form-control__field::-ms-input-placeholder {
color: rgba(0, 0, 0, .25);
font-size: 18px
}
.andes-form-control__field:-moz-placeholder {
color: rgba(0, 0, 0, .25);
font-size: 18px
}
.andes-form-control__label-fixed {
cursor: text;
-webkit-transition-property: color;
transition-property: color
}
.andes-form-control--countdown .andes-form-control__countdown,
.andes-form-control--countdown .andes-form-control__message {
display: inline-block
}
.andes-form-control--countdown .andes-form-control__message {
width: 80%
}
.andes-form-control--countdown .andes-form-control__countdown {
width: 20%;
text-align: right;
font-size: .66667em;
color: rgba(0, 0, 0, .45);
line-height: 1;
vertical-align: top;
margin-top: 8px;
float: right
}
.andes-form-control--textfield .andes-button--link {
position: relative;
padding: 8px;
margin-top: 8px
}
.andes-form-control--textfield .andes-checkbox {
display: inline-block;
margin: 7px 8px 0
}
.andes-form-control--textfield .andes-tooltip__trigger {
margin: 12px 0 0
}
.andes-form-control--textfield .andes-form-control__embedded {
z-index: 1
}
.andes-form-control--multiline .andes-form-control__field {
line-height: 1.3;
min-height: 1.38889em
}
.andes-form-control--numeric {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.andes-form-control--numeric .andes-form-control--textfield {
width: 40px;
margin-right: 8px
}
.andes-form-control--numeric .andes-form-control__field::-webkit-inner-spin-button {
-webkit-appearance: none
}
.andes-form-control--textfield:last-child {
margin-right: 0
}
.andes-form-control--centered .andes-form-control--numeric-wrapper {
margin: 0 auto
}
.andes-form-control--centered .andes-form-control__message {
margin-left: 5px
}
.andes-form-control--focused .andes-form-control__prefix,
.andes-form-control--focused .andes-form-control__suffix {
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in
}
.andes-form-control--focused .andes-form-control__prefix+.andes-form-control__label {
-webkit-transform: translateY(120%) translateX(3em);
transform: translateY(120%) translateX(3em)
}
.andes-form-control__prefix,
.andes-form-control__suffix {
color: rgba(0, 0, 0, .45);
white-space: nowrap;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
opacity: 1;
padding-right: 8px;
margin-top: 9px
}
.andes-form-control__suffix {
padding-left: 8px;
text-align: right
}
.andes-form-control--textbox.andes-form-control--invalid .andes-form-control__field,
.andes-form-control--textbox.andes-form-control--invalid .andes-form-control__field:focus,
.andes-form-control--textbox.andes-form-control--invalid .andes-form-control__field:hover:not(:focus) {
border: .11111em solid #f04449
}
.andes-form-control--textbox.andes-form-control--disabled .andes-form-control__field {
border: 0;
background-color: #ededed
}
.andes-form-control--textbox.andes-form-control--disabled .andes-form-control__field:hover {
border: 0
}
.andes-form-control--textbox {
padding-top: 14px
}
.andes-form-control--textbox.andes-form-control--multiline .andes-form-control__field {
min-height: 7.83333em
}
.andes-form-control--textbox .andes-form-control__label {
-webkit-transform: translateY(40%) translateX(.625em);
transform: translateY(40%) translateX(.625em);
padding-top: 1px;
pointer-events: none
}
.andes-form-control--textbox .andes-form-control__control {
display: block
}
.andes-form-control--textbox .andes-form-control__field {
border: .05556em solid rgba(0, 0, 0, .25);
border-radius: .22222em;
padding: .625em 0;
text-indent: .625em;
margin: 4px 0 4px -1px;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px
}
.andes-form-control--textbox.andes-form-control--floated .andes-form-control__label,
.andes-form-control--textbox.andes-form-control--focused .andes-form-control__label {
-webkit-transform: translateY(-155%) scale(.77778) !important;
transform: translateY(-155%) scale(.77778) !important
}
.andes-form-control--textbox .andes-form-control__field:hover {
border: .11111em solid rgba(0, 0, 0, .45)
}
.andes-form-control--textbox .andes-form-control__field:focus {
border: .11111em solid #3483fa
}
.andes-form-control--textbox .andes-form-control__border {
display: none
}
.andes-form-control--centered .andes-form-control__label {
-webkit-transform-origin: inherit;
transform-origin: inherit;
text-align: center
}
.andes-form-control--centered .andes-form-control__field,
.andes-form-control--centered .andes-form-control__message {
text-align: center
}
.andes-form-control--centered .andes-form-control__field::-webkit-input-placeholder {
text-align: center
}
.andes-form-control--centered .andes-form-control__field::-moz-placeholder {
text-align: center
}
.andes-form-control--centered .andes-form-control__field:-ms-input-placeholder {
text-align: center
}
.andes-form-control--centered .andes-form-control__field::placeholder {
text-align: center
}
.andes-form-control--sectioned .andes-form-control__control {
display: -webkit-flex;
display: flex
}
.andes-form-control--password .andes-form-control__message {
opacity: 1
}
.andes-form-control__password-embedded {
padding: 6px 0 6px 8px
}
.andes-form-control__password-value {
color: rgba(0, 0, 0, .8)
}
.andes-form-control__password-value.hide {
display: none
}
.andes-form-control__password-link {
text-transform: uppercase;
color: #3483fa;
font-size: 12px;
outline: 0;
cursor: pointer
}
.andes-form-control__password-link.hide {
display: none
}
.form-section textarea {
height: 96px !important;
padding-left: 5px !important;
padding-right: 5px !important
}
.form-section .andes-form-control--textfield .andes-form-control__field {
min-height: 48px
}
.form-section .autocompleted-input input {
background-color: #e8f0fe
}
.form-section .hidden {
display: none
}
.andes-checkbox {
position: relative;
cursor: pointer;
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px
}
.andes-checkbox__mimic {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
margin-top: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.andes-checkbox__mimic:before {
line-height: 1;
left: 0
}
.andes-checkbox__mimic:after,
.andes-checkbox__mimic:before {
width: 16px;
height: 16px;
position: absolute;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3Cpath fill='%23000' fill-opacity='.25' d='M3 0h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm0 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3C/g%3E%3C/svg%3E");
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-moz-box-sizing: content-box;
box-sizing: content-box
}
.andes-checkbox__mimic:after {
left: -3px;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
border-radius: 6px;
border: 3px solid #3483fa;
background: #fff;
opacity: 0
}
.andes-checkbox__input {
position: absolute;
top: 0;
opacity: 0
}
.andes-checkbox__input:hover~.andes-checkbox__mimic:after,
.andes-checkbox__input:hover~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3Cpath fill='%23000' fill-opacity='.45' d='M3 0h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm0 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox__input[disabled]~.andes-checkbox__label {
color: rgba(0, 0, 0, .25)
}
.andes-checkbox__input[disabled]~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill-opacity='.1' fill-rule='evenodd' d='M3 0h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm0 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3C/svg%3E")
}
.andes-checkbox__input:checked~.andes-checkbox__mimic:after,
.andes-checkbox__input:checked~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16'%3E%3Cdefs%3E%3Cpath id='a' d='M3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%233483fa' xlink:href='%23a'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M3.63 7.775l-.847.85 3.256 3.245 6.845-6.848-.849-.848-5.998 6z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox__input:checked:hover~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16'%3E%3Cdefs%3E%3Cpath id='a' d='M3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%232968c8' xlink:href='%23a'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M3.63 7.775l-.847.85 3.256 3.245 6.845-6.848-.849-.848-5.998 6z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox__input:checked[disabled]~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill-opacity='.1' d='M3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z'/%3E%3Cpath fill-opacity='.25' d='M3.63 7.775l-.847.85 3.256 3.245 6.845-6.848-.849-.848-5.998 6z'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox__input:focus~.andes-checkbox__mimic:after {
opacity: .4
}
.andes-checkbox__label {
display: inline-block;
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
color: rgba(0, 0, 0, .8);
font-weight: 400
}
.andes-checkbox__label-text {
padding-left: 1.5em
}
.andes-checkbox--label-before .andes-checkbox__label {
padding-left: 0;
padding-right: 1.5em
}
.andes-checkbox--label-before .andes-checkbox__mimic:before {
left: auto;
right: 0
}
.andes-checkbox--label-before .andes-checkbox__mimic:after {
left: auto;
right: -3px
}
.andes-checkbox--disabled {
cursor: default
}
.andes-checkbox--embedded .andes-checkbox__mimic {
top: 50%;
margin-top: 0
}
.andes-checkbox--embedded .andes-checkbox__mimic:before {
width: 10px;
height: 10px;
top: 38%;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%233483fa' d='M2 1a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V2a1 1 0 00-1-1H2zm0-1h6a2 2 0 012 2v6a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2z'/%3E%3C/svg%3E")
}
.andes-checkbox--embedded .andes-checkbox__label {
font-size: 12px;
color: #3483fa;
padding-left: 1.16667em
}
.andes-checkbox--embedded .andes-checkbox__input:checked~.andes-checkbox__mimic:before {
width: 10px;
height: 10px;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='10' height='10' fill='%233483fa' rx='2'/%3E%3Cpath fill='%23fff' d='M7.47 2.47l1.06 1.06L4 8.06 1.47 5.53l1.06-1.06L4 5.94z'/%3E%3C/svg%3E")
}
.andes-checkbox--embedded .andes-checkbox__input:checked~.andes-checkbox__mimic:after {
-webkit-transition: opacity .1s;
transition: opacity .1s;
opacity: 0
}
.andes-checkbox--embedded .andes-checkbox__input:checked:hover~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='10' height='10' fill='%233483fa' rx='2'/%3E%3Cpath fill='%23fff' d='M7.47 2.47l1.06 1.06L4 8.06 1.47 5.53l1.06-1.06L4 5.94z'/%3E%3C/svg%3E")
}
.andes-checkbox--embedded .andes-checkbox__input:checked:hover~.andes-checkbox__mimic:after {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1)
}
.andes-checkbox--embedded .andes-checkbox__input:checked[disabled]~.andes-checkbox__mimic:before {
width: 10px;
height: 10px;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='10' height='10' fill='%23ccc' rx='2'/%3E%3Cpath fill='%23fff' d='M7.47 2.47l1.06 1.06L4 8.06 1.47 5.53l1.06-1.06L4 5.94z'/%3E%3C/svg%3E")
}
.andes-checkbox--embedded .andes-checkbox__input~.andes-checkbox__mimic:after {
content: "";
width: 100%;
height: 32px;
left: -8px;
top: 50%;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
background: #3483fa;
border: 0;
padding: 0 8px;
border-radius: 0;
opacity: 0
}
.andes-checkbox--embedded .andes-checkbox__input:hover~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%233483fa' d='M2 1a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V2a1 1 0 00-1-1H2zm0-1h6a2 2 0 012 2v6a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2z'/%3E%3C/svg%3E")
}
.andes-checkbox--embedded .andes-checkbox__input:hover~.andes-checkbox__mimic:after {
opacity: .06
}
.andes-checkbox--embedded .andes-checkbox__input:focus~.andes-checkbox__mimic:after {
-webkit-transition: opacity .1s;
transition: opacity .1s;
opacity: .12
}
.andes-checkbox--embedded .andes-checkbox__input[disabled]~.andes-checkbox__mimic:before {
width: 10px;
height: 10px;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23ccc' d='M2 1a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V2a1 1 0 00-1-1H2zm0-1h6a2 2 0 012 2v6a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2z'/%3E%3C/svg%3E")
}
.andes-checkbox--embedded .andes-checkbox__input[disabled]~.andes-checkbox__mimic:after {
display: none
}
.andes-checkbox--indeterminate .andes-checkbox__input:checked~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16'%3E%3Cdefs%3E%3Cpath id='a' d='M3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%233483fa' xlink:href='%23a'/%3E%3Cpath fill='%23fff' d='M3.478 8.852h9.2v-1.2h-9.2z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox--indeterminate .andes-checkbox__input:checked:hover~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16'%3E%3Cdefs%3E%3Cpath id='a' d='M3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%232968c8' xlink:href='%23a'/%3E%3Cpath fill='%23fff' d='M3.478 8.852h9.2v-1.2h-9.2z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox--indeterminate .andes-checkbox__input:checked~.andes-checkbox__mimic:after {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16'%3E%3Cdefs%3E%3Cpath id='a' d='M3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%233483fa' xlink:href='%23a'/%3E%3Cpath fill='%23fff' d='M3.478 8.852h9.2v-1.2h-9.2z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox--indeterminate .andes-checkbox__input:checked[disabled]~.andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill-opacity='.1' d='M3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z'/%3E%3Cpath fill-opacity='.25' d='M3.478 8.852h9.2v-1.2h-9.2z'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox--error .andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3Cpath fill='%23f23d4f' d='M3 0h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm0 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox--error:hover .andes-checkbox__mimic:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3Cpath fill='%23d12440' d='M3 0h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3zm0 2a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3z'/%3E%3C/g%3E%3C/svg%3E")
}
.andes-checkbox--error.andes-checkbox--embedded .andes-checkbox__mimic:before {
width: 10px;
height: 10px;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23f23d4f' d='M2 1a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V2a1 1 0 00-1-1H2zm0-1h6a2 2 0 012 2v6a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2z'/%3E%3C/svg%3E")
}
.andes-checkbox--error.andes-checkbox--embedded .andes-checkbox__mimic:before:hover {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23d12440' d='M2 1a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V2a1 1 0 00-1-1H2zm0-1h6a2 2 0 012 2v6a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2z'/%3E%3C/svg%3E")
}
.input-section .form-checkbox {
display: -webkit-flex;
display: flex;
min-height: 90px;
padding-top: .66667em
}
.input-section .form-checkbox .andes-checkbox__mimic {
height: 50%
}
.andes-widther {
width: 256px
}
.andes-width--25 {
width: 25%;
max-width: none
}
.andes-width--50 {
width: 50%;
max-width: none
}
.andes-width--75 {
width: 75%;
max-width: none
}
.andes-width--100 {
width: 100%;
max-width: none
}
.andes-width--150 {
width: 150%;
max-width: none
}
.andes-width--200 {
width: 200%;
max-width: none
}
.andes-dropdown {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased
}
.andes-dropdown:focus {
outline: none
}
.andes-dropdown__popover {
background-color: #fff;
overflow: hidden;
border-radius: .22222em;
box-shadow: 0 .1875em .25em 0 rgba(0, 0, 0, .1), 0 0 .0625em 0 rgba(0, 0, 0, .25);
min-width: 12.5em;
position: absolute;
display: none;
left: -1.6em
}
.andes-dropdown--open .andes-dropdown__popover {
display: block;
z-index: 2
}
.andes-dropdown__popover--checking-position {
opacity: 0
}
.andes-dropdown__field {
position: relative
}
.andes-dropdown__arrow {
position: relative;
display: inline-block;
width: .66667em;
height: .44444em;
pointer-events: none;
background: transparent;
margin-left: 8px
}
.andes-dropdown__arrow:after {
position: absolute;
top: -.11111em;
left: .11111em;
width: .33333em;
height: .33333em;
background: inherit;
border-right: .11111em solid rgba(0, 0, 0, .45);
border-bottom: .11111em solid rgba(0, 0, 0, .45);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color .18s ease-out;
transition: border-color .18s ease-out;
content: "";
-moz-box-sizing: content-box;
box-sizing: content-box
}
:focus~.andes-dropdown__arrow:after {
border-color: #3483fa
}
.andes-dropdown__trigger {
cursor: pointer;
color: rgba(0, 0, 0, .8);
font: inherit;
font-size: 18px;
padding: 4px 6px;
margin: 0;
border: 0;
background: none;
border-radius: .22222em;
-webkit-transition: color .18s ease-out;
transition: color .18s ease-out;
outline: 0
}
.andes-dropdown__trigger::-moz-focus-inner {
border: 0
}
.andes-dropdown__trigger:hover {
color: #3483fa
}
.andes-dropdown__trigger:hover .andes-dropdown__arrow:after {
border-color: #3483fa
}
.andes-dropdown__trigger:focus {
box-shadow: 0 0 0 .1875em rgba(52, 131, 250, .3)
}
.andes-dropdown.andes-dropdown--form {
padding-top: .77778em
}
.andes-dropdown.andes-dropdown--form:focus {
outline: none
}
.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__arrow:after,
.andes-dropdown.andes-dropdown--form.andes-form-control--error:hover .andes-dropdown__arrow:after {
border-color: #f04449
}
.andes-dropdown.andes-dropdown--form:hover .andes-dropdown__arrow:after {
border-color: rgba(0, 0, 0, .6)
}
.andes-dropdown.andes-dropdown--form:hover .andes-dropdown__trigger,
.andes-dropdown.andes-dropdown--form:hover .andes-dropdown__trigger--placeholder {
color: rgba(0, 0, 0, .25)
}
.andes-dropdown.andes-dropdown--form:hover .andes-dropdown__trigger--filled {
color: rgba(0, 0, 0, .8)
}
.andes-dropdown.andes-dropdown--form:hover .andes-dropdown__trigger--no-placeholder {
color: rgba(0, 0, 0, .45)
}
.andes-dropdown.andes-dropdown--form:focus .andes-dropdown__arrow:after {
border-color: #2c6bff
}
.andes-dropdown.andes-dropdown--form:focus .andes-form-control__border:after {
background-color: #2c6bff;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.andes-dropdown.andes-dropdown--form:focus.andes-form-control--error .andes-form-control__border:after {
background-color: #f04449
}
.andes-dropdown.andes-dropdown--form:focus.andes-form-control--error:focus .andes-dropdown__arrow:after {
border-color: #f04449
}
.andes-dropdown.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger,
.andes-dropdown.andes-dropdown--form .andes-form-control--disabled:hover .andes-dropdown__trigger {
cursor: default;
color: rgba(0, 0, 0, .25)
}
.andes-dropdown.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__arrow:after,
.andes-dropdown.andes-dropdown--form .andes-form-control--disabled:hover .andes-dropdown__arrow:after {
border-color: rgba(0, 0, 0, .25)
}
.andes-dropdown.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger--no-placeholder,
.andes-dropdown.andes-dropdown--form .andes-form-control--disabled:hover .andes-dropdown__trigger--no-placeholder {
color: rgba(0, 0, 0, .25)
}
.andes-dropdown.andes-dropdown--form .andes-form-control__label {
font-size: .77778em;
position: absolute;
top: 0
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__arrow {
position: absolute;
bottom: 4px;
right: 0;
z-index: 1
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__popover {
left: -.88889em;
top: .77778em;
padding: 12px 0
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger {
position: relative;
margin-top: 8px;
margin-bottom: 6px;
padding: 0;
width: 100%;
font-size: 18px;
text-align: left;
color: rgba(0, 0, 0, .45)
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus {
box-shadow: none
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger--no-placeholder,
.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger--placeholder {
color: rgba(0, 0, 0, .25)
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger--filled {
color: rgba(0, 0, 0, .8)
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__popover {
width: -webkit-calc(100% + 2em);
width: calc(100% + 2em)
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__popover .andes-list__item {
padding: .72222em .88889em;
font-size: 18px;
border: 0
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__popover .andes-list__group--border {
border-top: 1px solid #e6e6e6;
margin: 12px 0
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__popover .andes-list__group--title {
padding: .44444em .88889em
}
.andes-dropdown.andes-dropdown--form .andes-dropdown__popover .andes-list__group--title .andes-list__item-text {
font-size: 14px;
color: rgba(0, 0, 0, .45)
}
.andes-dropdown.andes-dropdown--form .andes-dropdown-item-hover {
background-color: #ededed
}
.andes-dropdown.andes-dropdown--form .andes-form-control__field {
margin: 8px 0 6px
}
.andes-dropdown.andes-dropdown--form .andes-form-control__field option {
padding: 0
}
.andes-dropdown.andes-dropdown--form .andes-form-control__field::-moz-focus-inner {
border: 0;
padding: 0
}
.andes-dropdown.andes-dropdown--form .andes-form-control__field:focus {
outline: 0
}
.andes-dropdown.andes-dropdown--form .andes-form-control__field:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 rgba(0, 0, 0, .8)
}
@supports((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) {
.andes-dropdown--form .andes-form-control__field {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: none
}
.andes-dropdown--form .andes-dropdown__arrow {
background: inherit
}
}
.andes-dropdown--compact .andes-dropdown__trigger {
font-size: 14px;
padding: 6px;
border-radius: .28571em
}
.andes-dropdown--compact .andes-dropdown__chevron {
margin-left: .28571em;
top: .07143em
}
.andes-dropdown--compact .andes-dropdown__popover {
padding: 8px 0;
border-radius: .28571em;
min-width: 9.375em;
left: -.6em
}
.andes-dropdown--compact .andes-list__item+.andes-list__item {
border: 0
}
.andes-dropdown--form-native.andes-form-control--invalid .andes-dropdown__arrow:after,
.andes-dropdown--form-native.andes-form-control--invalid:hover .andes-dropdown__arrow:after {
border-color: #f04449
}
.andes-dropdown--form-native.andes-form-control {
padding-top: 0
}
.andes-dropdown--form-native .andes-form-control__label {
font-size: .77778em
}
.andes-dropdown--form-native .andes-dropdown__arrow {
position: absolute;
bottom: .6em;
right: 0;
z-index: 1
}
.andes-dropdown--form-native .andes-form-control__field {
margin-top: 8px;
margin-bottom: 6px;
line-height: 1;
cursor: pointer
}
.andes-dropdown--form-native .andes-form-control__field option {
padding: 0
}
.andes-dropdown--form-native .andes-form-control__field::-moz-focus-inner {
border: 0;
padding: 0
}
.andes-dropdown--form-native .andes-form-control__field:focus {
outline: 0
}
.andes-dropdown--form-native .andes-form-control__field:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 rgba(0, 0, 0, .45)
}
.andes-dropdown--form-native .andes-form-control__field::-ms-expand {
display: none
}
@supports((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) {
.andes-dropdown--form-native .andes-form-control__field {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: none
}
.andes-dropdown--form-native .andes-dropdown__arrow {
background: inherit
}
}
.andes-list {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
background-color: #fff;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased
}
.andes-list__item {
padding: 24px 32px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between
}
.andes-list__item+.andes-list__item {
border-top: .0625em solid #e6e6e6
}
.andes-list__item-with-image {
padding: 20px 32px
}
.andes-list__item-with-secondary .andes-list__item-tertiary {
-webkit-align-self: auto;
align-self: auto
}
.andes-list__item-primary {
color: rgba(0, 0, 0, .8)
}
.andes-list__item-secondary {
color: rgba(0, 0, 0, .45);
font-size: 16px;
line-height: 1.25em
}
.andes-list__item-image-container {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center
}
.andes-list__item-tertiary {
color: rgba(0, 0, 0, .8);
-webkit-align-self: center;
align-self: center
}
.andes-list__item-image {
width: 3em;
height: 3em;
border-radius: 50%;
margin-right: 1.14286em;
border: 1px solid #e6e6e6;
display: block;
-webkit-align-self: flex-start;
align-self: flex-start;
min-width: 3em;
min-height: 3em
}
.andes-list__item-primary+.andes-list__item-secondary {
margin-top: 8px
}
.andes-list--size-compact {
font-size: 14px
}
.andes-list--size-compact .andes-list__item {
padding: 12px 1.14286em
}
.andes-list--size-compact .andes-list__item-secondary {
font-size: inherit
}
.andes-list__group {
padding: 0
}
.andes-list__group .andes-list__group--header {
display: -webkit-flex;
display: flex;
font-size: .77778em;
background-color: #f5f5f5;
cursor: default;
padding: .92857em 2.28571em
}
.andes-list__group .andes-list__group--header-label {
color: rgba(0, 0, 0, .45)
}
.andes-list--dropdown.andes-list--size-compact .andes-list__item-secondary,
.andes-list--dropdown.andes-list--size-compact .andes-list__item-tertiary {
display: none
}
.andes-list--selectable .andes-list__item {
cursor: pointer
}
.andes-list--selectable .andes-list__item:focus,
.andes-list--selectable .andes-list__item:hover {
background-color: rgba(0, 0, 0, .04);
-webkit-transition: background-color .1s ease-out;
transition: background-color .1s ease-out
}
.andes-list--selectable .andes-list__item--disabled {
cursor: default
}
.andes-list--selectable .andes-list__item--disabled:focus,
.andes-list--selectable .andes-list__item--disabled:hover {
background-color: #fff
}
.andes-list__item--disabled .andes-list__item-primary,
.andes-list__item--disabled .andes-list__item-secondary,
.andes-list__item--disabled .andes-list__item-tertiary {
color: rgba(0, 0, 0, .25)
}
.andes-list__item--disabled:hover {
background: transparent
}
.andes-list__item--selected {
position: relative
}
.andes-list__item--selected:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-left: .22222em solid #3483fa
}
.input-section .dropdown-textbox {
display: block;
height: 82px;
margin-top: 4px
}
.input-section .dropdown-textbox .andes-dropdown__popover {
max-height: 300px;
overflow-y: auto;
top: -.15em !important
}
@media(max-width:768px) {
.input-section .dropdown-textbox {
padding-left: 0;
padding-right: 0
}
}
.input-section .dropdown-textbox .andes-form-control__label {
margin-top: -7px !important
}
.input-section .dropdown-textbox .andes-form-control__border {
display: none
}
.input-section .dropdown-textbox .andes-dropdown.andes-dropdown--form .andes-dropdown__arrow {
bottom: 17px;
right: 10px
}
.input-section .dropdown-textbox .andes-dropdown__field,
.input-section .dropdown-textbox button {
border-radius: .22222em;
margin: -2px 0 4px -1px !important;
min-height: 48px;
padding: .625em 0 !important;
text-indent: .625em;
border: .05556em solid rgba(0, 0, 0, .25)
}
.input-section .dropdown-textbox .andes-dropdown__field {
padding-left: 10px
}
.input-section .dropdown-textbox .andes-form-control--error button {
border: .11111em solid #f04449
}
.input-section .dropdown-textbox .andes-form-control--disabled button {
background-color: #ededed;
border: 0 !important;
cursor: not-allowed !important
}
.input-section .dropdown-textbox:hover button {
border: .11111em solid rgba(0, 0, 0, .45)
}
.input-section .dropdown-textbox:focus button {
border: .11111em solid #3483fa
}
.form-section .form-divider {
grid-column: auto/span 2;
text-align: left
}
@media(max-width:768px) {
.form-section .form-divider {
grid-column: auto
}
}
.form-section .form-divider .divider-line {
border-top: 1px solid #e7e7e7;
margin-bottom: 15px;
width: 100%
}
.form-section .form-divider .divider-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
text-align: left
}
.result-page {
padding: 8px
}
.result-page .result-icon {
border: 3px solid #e7e7e7;
border-radius: 50%;
height: 130px;
margin: auto auto 16px;
position: relative;
width: 130px
}
.result-page .result-icon>svg:first-child {
margin-left: 2px;
margin-top: 8px
}
.result-page .result-icon .sub-icon {
background-color: #e7e7e7;
border-radius: 50%;
bottom: 0;
height: 38px;
padding: 6px;
position: absolute;
right: 0;
width: 38px
}
.result-page .result-icon .sub-icon>svg:first-child {
fill: #fff;
margin-top: 9px
}
.result-page .result-icon .sub-icon.error {
background-color: #dc0404
}
.result-page .result-icon .sub-icon.error>svg:first-child {
width: 20px
}
.result-page .result-icon .sub-icon.success {
background-color: #00a650
}
.result-page .result-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 9px
}
@media(max-width:768px) {
.result-page .result-title {
font-size: 18px
}
}
.result-page .result-sub {
color: rgba(0, 0, 0, .45);
font-size: 16px;
font-weight: 400
}
@media(max-width:768px) {
.result-page .result-sub {
font-size: 12px
}
}
.result-page .button-row {
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 1fr;
margin: 24px auto auto;
max-width: 560px
}
@media(max-width:768px) {
.result-page .button-row {
grid-template-columns: 1fr
}
}
.result-page .button-row .one-button-only {
grid-column: auto/span 2;
margin: auto
}
.andes-button--transparent {
cursor: pointer;
-webkit-transition: box-shadow .25s ease-out, background-color .2s ease-out;
transition: box-shadow .25s ease-out, background-color .2s ease-out;
box-shadow: 0 0 0 0 #fff
}
.andes-button--transparent,
.andes-button--transparent:focus,
.andes-button--transparent:link,
.andes-button--transparent:visited {
border-color: transparent;
background-color: transparent;
color: #3483fa
}
.andes-button--transparent:focus path,
.andes-button--transparent:link path,
.andes-button--transparent:visited path,
.andes-button--transparent path {
stroke: #3483fa !important
}
.andes-button--transparent:hover {
border-color: transparent;
background-color: rgba(65, 137, 230, .1);
color: #3483fa;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.andes-button--transparent:hover path {
stroke: #3483fa !important
}
.andes-button--transparent:active {
border-color: transparent;
background-color: rgba(65, 137, 230, .2);
color: #3483fa
}
.andes-button--transparent:active path {
stroke: #3483fa !important
}
.andes-button--transparent:disabled,
.andes-button--transparent[disabled] {
border-color: transparent;
background-color: transparent;
color: rgba(0, 0, 0, .25);
cursor: default;
background-clip: padding-box
}
.andes-button--transparent:disabled path,
.andes-button--transparent[disabled] path {
stroke: rgba(0, 0, 0, .25) !important
}
.andes-button--transparent:focus {
outline: 0;
box-shadow: 0 0 0 .1875em rgba(30, 109, 255, .3);
-webkit-transition: box-shadow .25s ease-in;
transition: box-shadow .25s ease-in
}
.retry-page {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
.retry-page .retry-page-container {
margin: 0 auto;
padding: 8px
}
.retry-page .retry-page-container .retry-title {
font-size: 24px;
font-weight: 700
}
.retry-page .retry-page-container .retry-text {
margin-bottom: 20px;
margin-top: 10px
}
.retry-page .retry-page-container .retry-image {
border: 3px solid #e7e7e7;
border-radius: 50%;
height: 130px;
margin: auto auto 16px;
position: relative;
width: 130px;
background-position: 50%;
background-repeat: no-repeat;
background-size: 110px
}
.retry-page .retry-page-container .retry-image>svg:first-child {
margin-left: -32px;
margin-top: 14px
}
.retry-page .retry-page-container .retry-image .retry-error-image {
background-color: #e7e7e7;
border-radius: 50%;
bottom: 0;
height: 38px;
padding: 6px;
position: absolute;
right: 0;
width: 38px;
background-color: #dc0404
}
.retry-page .retry-page-container .retry-image .retry-error-image svg {
fill: #fff;
margin-left: -9.5px;
margin-top: 9px;
position: absolute;
width: 20px
}
.retry-page .retry-page-container button {
margin-top: 20px
}
.andes-tooltip {
width: 21.25em;
background-color: #fff;
border-radius: .375em;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1);
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
padding: 1em;
color: rgba(0, 0, 0, .8);
opacity: 1;
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
position: absolute;
z-index: 1022
}
.andes-tooltip-hidden {
display: none
}
.andes-tooltip--dark {
background-color: #393939;
color: #fff
}
.andes-tooltip--dark .andes-tooltip-arrow:before {
background-color: #393939;
border: 1px solid #393939
}
.andes-tooltip--dark .andes-tooltip-button-close:after,
.andes-tooltip--dark .andes-tooltip-button-close:before {
background-color: #fff
}
.andes-tooltip--dark .andes-button--transparent .andes-button__content {
color: #fff
}
.andes-tooltip--highlight {
background-color: #3483fa;
color: #fff
}
.andes-tooltip--highlight .andes-tooltip-arrow:before {
background-color: #3483fa;
border: 1px solid #3483fa
}
.andes-tooltip--highlight .andes-tooltip-button-close:after,
.andes-tooltip--highlight .andes-tooltip-button-close:before {
background-color: #fff;
opacity: .6
}
.andes-tooltip--highlight .andes-button--transparent .andes-button__content {
color: #fff
}
.andes-tooltip__text,
.andes-tooltip__title {
font-weight: 400;
margin: 0
}
.andes-tooltip__text {
font-size: 14px
}
.andes-tooltip__title {
font-size: 16px;
margin: 0 0 4px;
padding: 0;
font-weight: 600
}
.andes-tooltip__image {
width: 2.875em;
height: 2.875em;
border-radius: 50%;
margin-right: 1em;
border: 1px solid rgba(0, 0, 0, .1)
}
.andes-tooltip__actions {
margin-top: 1em
}
.andes-tooltip__actions a,
.andes-tooltip__actions button {
margin-left: 4px
}
.andes-tooltip__actions a:first-child,
.andes-tooltip__actions button:first-child {
margin-left: 0
}
.andes-tooltip-data-image {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row
}
.andes-tooltip-button-close {
position: relative;
width: .8125em;
height: .8125em;
cursor: pointer;
position: absolute;
left: auto;
right: .625em;
top: .625em;
padding: 0;
width: 1em;
height: 1em
}
.andes-tooltip-button-close:after,
.andes-tooltip-button-close:before {
position: absolute;
left: .40625em;
top: 0;
content: "";
height: .8125em;
width: .125em;
background-color: rgba(0, 0, 0, .45);
cursor: pointer
}
.andes-tooltip-button-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.andes-tooltip-button-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.andes-tooltip-button-close:after,
.andes-tooltip-button-close:before {
opacity: 1;
left: .43em;
top: .06em
}
.andes-tooltip-button-close:focus {
outline: 0
}
.andes-tooltip-transition-enter {
-webkit-transform: translateY(-.3125em);
transform: translateY(-.3125em)
}
.andes-tooltip-transition-enter,
.andes-tooltip-transition-leave {
-webkit-transition: opacity .1s ease-out, -webkit-transform .1s ease-out;
transition: opacity .1s ease-out, -webkit-transform .1s ease-out;
transition: transform .1s ease-out, opacity .1s ease-out;
transition: transform .1s ease-out, opacity .1s ease-out, -webkit-transform .1s ease-out;
opacity: 0
}
.andes-tooltip-transition-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.andes-tooltip-transition-enter-active,
.andes-tooltip-transition-leave-active {
-webkit-transition: opacity .1s ease-out, -webkit-transform .1s ease-out;
transition: opacity .1s ease-out, -webkit-transform .1s ease-out;
transition: transform .1s ease-out, opacity .1s ease-out;
transition: transform .1s ease-out, opacity .1s ease-out, -webkit-transform .1s ease-out;
opacity: 1
}
.andes-tooltip-transition-leave-active {
-webkit-transform: translateY(-.3125em);
transform: translateY(-.3125em)
}
.andes-tooltip-arrow:before {
width: .75em;
height: .75em;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
left: 50%;
margin-left: -.5em;
border-bottom: 1px solid rgba(0, 0, 0, .1);
border-right: 1px solid rgba(0, 0, 0, .1);
box-shadow: 4px 0 4px -4px rgba(0, 0, 0, .15), 1px 1px 1px -1px rgba(0, 0, 0, .2);
bottom: -.4375em
}
.andes-tooltip-placement-bottom.andes-tooltip-transition-enter,
.andes-tooltip-placement-bottomLeft.andes-tooltip-transition-enter,
.andes-tooltip-placement-bottomRight.andes-tooltip-transition-enter {
-webkit-transform: translateY(.3125em);
transform: translateY(.3125em)
}
.andes-tooltip-placement-bottom.andes-tooltip-transition-enter-active,
.andes-tooltip-placement-bottomLeft.andes-tooltip-transition-enter-active,
.andes-tooltip-placement-bottomRight.andes-tooltip-transition-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.andes-tooltip-placement-bottom.andes-tooltip-transition-leave-active,
.andes-tooltip-placement-bottomLeft.andes-tooltip-transition-leave-active,
.andes-tooltip-placement-bottomRight.andes-tooltip-transition-leave-active {
-webkit-transform: translateY(.3125em);
transform: translateY(.3125em)
}
.andes-tooltip-placement-bottom .andes-tooltip-arrow:before,
.andes-tooltip-placement-bottomLeft .andes-tooltip-arrow:before,
.andes-tooltip-placement-bottomRight .andes-tooltip-arrow:before {
top: -.4375em;
bottom: auto;
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
.andes-tooltip-placement-leftTop.andes-tooltip-transition-enter {
-webkit-transform: translateX(-.3125em);
transform: translateX(-.3125em)
}
.andes-tooltip-placement-leftTop.andes-tooltip-transition-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.andes-tooltip-placement-leftTop.andes-tooltip-transition-leave-active {
-webkit-transform: translateX(-.3125em);
transform: translateX(-.3125em)
}
.andes-tooltip-placement-leftTop .andes-tooltip-arrow:before {
right: -.4375em;
left: auto;
top: .625em;
-webkit-transform: rotate(315deg);
transform: rotate(315deg)
}
.andes-tooltip-placement-rightTop.andes-tooltip-transition-enter {
-webkit-transform: translateX(.3125em);
transform: translateX(.3125em)
}
.andes-tooltip-placement-rightTop.andes-tooltip-transition-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.andes-tooltip-placement-rightTop.andes-tooltip-transition-leave-active {
-webkit-transform: translateX(.3125em);
transform: translateX(.3125em)
}
.andes-tooltip-placement-rightTop .andes-tooltip-arrow:before {
left: -.0625em;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: .625em
}
.andes-tooltip-placement-bottomLeft .andes-tooltip-arrow:before,
.andes-tooltip-placement-topLeft .andes-tooltip-arrow:before {
left: 1.25em
}
.andes-tooltip-placement-bottomRight .andes-tooltip-arrow:before,
.andes-tooltip-placement-topRight .andes-tooltip-arrow:before {
left: auto;
right: .625em
}
.tooltip-trigger-text {
position: absolute;
right: 24px
}
.autocomplete-box {
margin-bottom: 20px;
width: 100%
}
@media(max-width:768px) {
.autocomplete-box {
text-align: left
}
}
.andes-form-control {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 18px;
position: relative;
padding-top: .66667em;
font-weight: 400;
display: block;
-webkit-font-smoothing: antialiased;
text-align: left
}
.andes-form-control__control {
position: relative
}
.andes-form-control__border,
.andes-form-control__control,
.andes-form-control__field,
.andes-form-control__label,
.andes-form-control__message {
display: block;
width: 100%
}
.andes-form-control__label {
font-size: 1em;
line-height: 1;
color: rgba(0, 0, 0, .45);
-webkit-transition: .2s ease-out;
transition: .2s ease-out;
-webkit-transition-property: color, -webkit-transform;
transition-property: color, -webkit-transform;
transition-property: transform, color;
transition-property: transform, color, -webkit-transform
}
.andes-form-control__label-fixed {
-webkit-transform: scale(.77778) translateY(-135%) !important;
transform: scale(.77778) translateY(-135%) !important
}
.andes-form-control__field {
font-size: inherit;
font-family: inherit;
color: rgba(0, 0, 0, .8);
line-height: normal;
background: transparent;
border: 0;
padding: 0;
margin: 8px 0 4px;
resize: none;
overflow: hidden
}
.andes-form-control__border {
position: relative;
background-color: rgba(0, 0, 0, .25);
height: 1px;
width: 100%
}
.andes-form-control__border:after {
content: "";
position: absolute;
height: 2px;
width: 100%;
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease;
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
.andes-form-control:hover .andes-form-control__label {
color: rgba(0, 0, 0, .45)
}
.andes-form-control:hover .andes-form-control__border:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
background-color: rgba(0, 0, 0, .45)
}
.andes-form-control__field:focus {
outline: 0
}
.andes-form-control--focused .andes-form-control__border:after,
.andes-form-control__field:focus+.andes-form-control__border:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
background-color: #3483fa !important
}
.andes-form-control--floated .andes-form-control__label,
.andes-form-control--focused .andes-form-control__label {
cursor: text;
-webkit-transform: scale(.77778) translateY(-135%) !important;
transform: scale(.77778) translateY(-135%) !important
}
.andes-form-control__message {
font-size: 14px;
line-height: 1em;
color: rgba(0, 0, 0, .45);
margin-top: .33333em;
opacity: 0;
-webkit-transition: opacity .15s ease-out;
transition: opacity .15s ease-out;
text-align: left;
min-height: 14px
}
.andes-form-control--focused .andes-form-control__message,
.andes-form-control:hover .andes-form-control__message,
.andes-form-control__message-fixed {
opacity: 1
}
.andes-form-control--indeterminate .andes-form-control__border {
height: 2px
}
.andes-form-control--indeterminate .andes-form-control__border:after {
content: "";
position: absolute;
height: 2px;
background-color: #3483fa;
-webkit-animation: animation-indeterminate;
animation: animation-indeterminate;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
@-webkit-keyframes animation-indeterminate {
0% {
left: 0;
width: 5%
}
50% {
left: 15%;
width: 60%
}
to {
left: 101%;
width: 0
}
}
@keyframes animation-indeterminate {
0% {
left: 0;
width: 5%
}
50% {
left: 15%;
width: 60%
}
to {
left: 101%;
width: 0
}
}
.andes-form-control--error .andes-form-control__message {
color: #f04449;
font-weight: 600;
opacity: 1
}
.andes-form-control--error.andes-form-control--focused .andes-form-control__border:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
background-color: #f04449 !important
}
.andes-form-control--error .andes-form-control__border {
background-color: #f04449
}
.andes-form-control--error .andes-form-control__border:after {
-webkit-transform: scaleX(0);
transform: scaleX(0);
background-color: #f04449 !important
}
.andes-form-control--disabled .andes-form-control__field {
color: rgba(0, 0, 0, .45);
cursor: not-allowed
}
.andes-form-control--disabled .andes-form-control__border {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 50%, transparent 0);
background-image: linear-gradient(90deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, .25) 50%, transparent 0);
background-position: 0 top;
background-size: 6px 100%;
background-repeat: repeat-x;
background-color: transparent
}
.andes-form-control--disabled .andes-form-control__border:after {
display: none
}
.andes-form-control--completed .andes-form-control---validated-icon {
right: 0;
opacity: 0;
position: absolute;
top: 1.5625em;
-webkit-animation: show-valid-ckeck .5s;
animation: show-valid-ckeck .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes show-valid-ckeck {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes show-valid-ckeck {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.andes-spinner {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px
}
.andes-spinner__icon {
width: 32px;
height: 32px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
-webkit-animation: rotate-all 1s linear infinite;
animation: rotate-all 1s linear infinite
}
.andes-spinner__icon-left,
.andes-spinner__icon-right {
position: absolute;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.andes-spinner__icon-left {
left: 0
}
.andes-spinner__icon-right {
right: 0
}
.andes-spinner__icon-right .andes-spinner__icon-border:after {
left: -2px !important
}
.andes-spinner__icon-left .andes-spinner__icon-border:after,
.andes-spinner__icon-right .andes-spinner__icon-border:after {
display: block;
content: "";
width: 2.5px;
height: 2.5px;
border-radius: 50%;
background: #3483fa;
bottom: -2px !important;
position: absolute;
z-index: 9999
}
.andes-spinner__icon-left .andes-spinner__icon-border:after {
right: -2px !important
}
.andes-spinner__icon-border {
position: relative;
width: 100%;
height: 100%;
border-radius: 200px 0 0 200px;
border: 2px solid #3483fa;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.andes-spinner__icon-right .andes-spinner__icon-border {
border-radius: 0 200px 200px 0;
border-left: 0;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-animation: rotate-right .75s linear infinite alternate;
animation: rotate-right .75s linear infinite alternate
}
.andes-spinner__icon-right .andes-spinner__icon-border:after {
bottom: -10px;
left: -5px
}
.andes-spinner__icon-left .andes-spinner__icon-border {
border-right: 0;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-animation: rotate-left .75s linear infinite alternate;
animation: rotate-left .75s linear infinite alternate
}
.andes-spinner__icon-left .andes-spinner__icon-border:after {
bottom: -10px;
right: -5px
}
.andes-spinner--highlight .andes-spinner__label {
color: #fff
}
.andes-spinner--highlight .andes-spinner__icon-left .andes-spinner__icon-border:after,
.andes-spinner--highlight .andes-spinner__icon-right .andes-spinner__icon-border:after {
background: #fff
}
.andes-spinner--highlight .andes-spinner__icon-border {
border-color: #fff
}
@keyframes rotate-left {
to {
-webkit-transform: rotate(30deg);
transform: rotate(30deg)
}
0% {
-webkit-transform: rotate(175deg);
transform: rotate(175deg)
}
}
@keyframes rotate-right {
0% {
-webkit-transform: rotate(-175deg);
transform: rotate(-175deg)
}
to {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg)
}
}
@keyframes rotate-all {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.andes-spinner__container--medium-notlabel {
width: 48px;
height: 48px
}
.andes-spinner__container--medium .andes-spinner__label {
display: block;
margin-top: 66px;
line-height: 1
}
.andes-spinner__icon--medium {
width: 48px;
height: 48px
}
.form-section {
margin: 20px auto;
max-width: 890px;
padding: 0 8px;
text-align: center
}
.form-section .form-header {
padding-bottom: 40px
}
.form-section .form-title {
color: rgba(0, 0, 0, .8);
font-size: 24px;
font-weight: 600;
padding: 0 0 6px;
text-align: left
}
@media(max-width:681px) {
.form-section .form-title {
font-size: 18px
}
}
.form-section .form-description {
font-size: 18px;
text-align: left
}
@media(max-width:681px) {
.form-section .form-description {
font-size: 12px;
margin-bottom: 0
}
}
.form-section .form-body {
padding: 0
}
.form-section .form-body .andes-card__content {
position: relative
}
@media(max-width:768px) {
.form-section .form-body .andes-form-control {
padding-left: 0;
padding-right: 0
}
}
@media(min-width:1024px) {
.form-section .form-body .andes-card__content {
padding: 24px
}
}
.form-section .form-body .input-section {
display: grid;
grid-column-gap: 24px;
grid-row-gap: 15px;
grid-template-columns: 1fr 1fr;
width: 100%
}
.form-section .form-body .input-section .card-section {
grid-column: auto/span 2
}
@media(max-width:768px) {
.form-section .form-body .input-section .card-section {
grid-column: auto
}
}
.form-section .form-body .input-section .card-section .card-content-section {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row
}
.form-section .form-body .input-section .card-section .card-content-section .image-section {
height: 140px;
width: 50%
}
.form-section .form-body .input-section .card-section .card-content-section .image-section img {
height: 100%;
object-fit: contain;
width: 100%
}
.form-section .form-body .input-section .card-section .card-content-section .text-section {
color: #333;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 18px;
height: 140px;
-webkit-justify-content: center;
justify-content: center;
padding-left: 10px;
text-align: left;
width: 50%
}
.form-section .form-body .input-section .card-section .card-content-section .text-section p {
margin: 0
}
.form-section .form-body .input-section .card-section .card-content-section .text-section .price {
color: #3483fa;
font-size: 35px;
font-weight: 700
}
@media(max-width:768px) {
.form-section .form-body .input-section .card-section .card-content-section .text-section {
text-align: unset;
width: 100%
}
}
@media(max-width:768px) {
.form-section .form-body .input-section {
grid-template-columns: 100%
}
}
.form-section .andes-spinner__mask {
border-radius: 6px
}
.form-section .form-submit {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
margin-top: 24px;
text-align: right
}
.form-section .form-submit .width-text {
opacity: 0
}
@media(max-width:768px) {
.form-section .form-submit {
-webkit-flex-direction: column;
flex-direction: column
}
.form-section .form-submit button {
width: 100%
}
.form-section .form-submit>label:first-child {
margin-bottom: 20px;
margin-top: 20px
}
}
.form-section .form-submit>label:first-child {
display: -webkit-flex;
display: flex;
-webkit-flex-grow: 1;
flex-grow: 1;
text-align: left
}
.form-section .form-submit button {
border-radius: 6px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
overflow: hidden;
position: relative
}
.form-section .form-submit button .andes-button__content {
position: relative;
z-index: 1
}
.form-section .form-submit button .andes-button__content>div {
display: contents
}
.form-section .form-submit button .andes-button__content .content {
position: absolute;
text-align: center;
width: 100%
}
.form-section .form-submit button:after {
background: #2968c8;
border-radius: .22222em;
bottom: -1px;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
left: -1px;
margin: -.05556em;
padding: .05556em;
position: absolute;
right: -1px;
top: -1px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center
}
.form-section .form-submit button.andes-button--disabled[data-loading=complete],
.form-section .form-submit button.andes-button--disabled[data-loading=loading] {
background-color: #3483fa;
color: #fff
}
.form-section .form-submit button[data-loading=loading]:after {
-webkit-transform: scaleX(.9);
transform: scaleX(.9);
-webkit-transition: -webkit-transform 60s cubic-bezier(0, .56, .76, .96);
transition: -webkit-transform 60s cubic-bezier(0, .56, .76, .96);
transition: transform 60s cubic-bezier(0, .56, .76, .96);
transition: transform 60s cubic-bezier(0, .56, .76, .96), -webkit-transform 60s cubic-bezier(0, .56, .76, .96)
}
.form-section .form-submit button[data-loading=complete]:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform .25s ease-in;
transition: -webkit-transform .25s ease-in;
transition: transform .25s ease-in;
transition: transform .25s ease-in, -webkit-transform .25s ease-in
}
.fadeInWithTranslate {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: fadeInWithTranslate;
animation-name: fadeInWithTranslate
}
@-webkit-keyframes fadeInWithTranslate {
0% {
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInWithTranslate {
0% {
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.andes-card--animated {
z-index: 1
}
.hub_section__teaser_header {
min-height: 209px;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.hub_section__teaser_header .header__container {
bottom: 0;
padding: 40px 0 33px;
position: absolute;
top: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between
}
.hub_section__teaser_header .header__container .header__subtitle {
font-size: 29px;
font-weight: 100
}
.hub_section__teaser_header .header__container .header__title {
font-size: 94px;
font-weight: 300;
line-height: 70px;
margin: 0
}
.hub_section__teaser_header .header__image {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center
}
.hub_section__teaser_header .header__image .with-image {
height: 209px
}
@media(min-width:769px) {
.hub_section__teaser_header {
height: 300px
}
.hub_section__teaser_header .header__container {
padding: 70px 0 0;
line-height: 140px
}
.hub_section__teaser_header .header__image .with-image {
height: 300px
}
}
.hub_section__hub_header {
height: 197px;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
justify-content: center
}
.hub_section__hub_header img {
height: 100%
}
@media(min-width:769px) {
.hub_section__hub_header {
height: 340px
}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
to {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none
}
.pswp * {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: .001;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.pswp__bg {
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden
}
.pswp__bg,
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.pswp__scroll-wrap {
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp__bg {
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
right: 0;
bottom: 0;
overflow: hidden
}
.pswp__img,
.pswp__item {
position: absolute;
left: 0;
top: 0
}
.pswp__img {
width: auto;
height: auto
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #222
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
-webkit-appearance: none;
background: none;
border: 0;
box-shadow: none;
cursor: pointer;
display: block;
float: right;
height: 44px;
margin: 0;
opacity: .75;
overflow: visible;
padding: 0;
position: relative;
-webkit-transition: opacity .2s;
transition: opacity .2s;
width: 44px
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active {
opacity: .9;
outline: none
}
.pswp__button::-moz-focus-inner {
border: 0;
padding: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background-size: 264px 88px;
height: 44px;
width: 44px
}
@media(-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none
}
}
.pswp__button--close {
background-position: 0 -44px
}
.pswp__button--share {
background-position: -44px -44px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0
}
.pswp__button--zoom {
background-position: -88px 0;
display: none
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
height: 100px;
margin-top: -50px;
position: absolute;
top: 50%;
width: 70px
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background-color: rgba(0, 0, 0, .3);
content: "";
height: 30px;
position: absolute;
top: 35px;
width: 32px
}
.pswp__button--arrow--left:before {
background-position: -138px -44px;
left: 6px
}
.pswp__button--arrow--right:before {
background-position: -94px -44px;
right: 6px
}
.pswp__counter,
.pswp__share-modal {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__share-modal {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, .5);
display: block;
height: 100%;
left: 0;
opacity: 0;
padding: 10px;
position: absolute;
top: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
width: 100%;
will-change: opacity;
z-index: 1600
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
-webkit-backface-visibility: hidden;
background: #fff;
border-radius: 2px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
display: block;
position: absolute;
right: 44px;
top: 56px;
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s;
width: auto;
will-change: transform;
z-index: 1620
}
.pswp__share-tooltip a {
display: block;
font-size: 14px;
line-height: 18px;
padding: 8px 12px
}
.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
color: #000;
text-decoration: none
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
-moz-pointer-events: none;
-webkit-pointer-events: none;
border: 6px solid transparent;
border-bottom-color: #fff;
content: "";
display: block;
height: 0;
pointer-events: none;
position: absolute;
right: 15px;
top: -12px;
width: 0
}
a.pswp__share--facebook:hover {
background: #3e5c9a;
color: #fff
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3e5c9a
}
a.pswp__share--twitter:hover {
background: #55acee;
color: #fff
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d
}
a.pswp__share--download:hover {
background: #ddd
}
.pswp__counter {
font-size: 13px;
height: 44px;
left: 0;
line-height: 44px;
opacity: .75;
padding: 0 10px;
position: absolute
}
.pswp__caption {
bottom: 0;
left: 0;
min-height: 44px;
position: absolute;
width: 100%
}
.pswp__caption small {
color: #bbb;
font-size: 11px
}
.pswp__caption__center {
color: #ccc;
font-size: 13px;
line-height: 20px;
margin: 0 auto;
max-width: 420px;
padding: 10px;
text-align: left
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
direction: ltr;
height: 44px;
left: 50%;
margin-left: -22px;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
width: 44px;
will-change: opacity
}
.pswp__preloader__icn {
height: 20px;
margin: 12px;
width: 20px
}
.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise .5s linear infinite;
animation: clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
height: 14px;
left: 15px;
margin: 0;
opacity: .75;
position: absolute;
top: 15px;
width: 14px
}
.pswp--css_animation .pswp__preloader__cut {
height: 14px;
overflow: hidden;
position: relative;
width: 7px
}
.pswp--css_animation .pswp__preloader__donut {
background: none;
border-color: #fff #fff transparent transparent;
border-style: solid;
border-width: 2px;
border-radius: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 14px;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 14px
}
@media screen and (max-width:1024px) {
.pswp__preloader {
float: right;
left: auto;
margin: 0;
position: relative;
top: auto
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
to {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
opacity: 1;
visibility: visible;
z-index: 1550
}
.pswp__top-bar {
height: 44px;
left: 0;
position: absolute;
top: 0
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
will-change: opacity
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__caption,
.pswp__top-bar {
background-color: rgba(0, 0, 0, .5)
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
background-color: rgba(0, 0, 0, .3)
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: none
}
.pswp__top-bar {
background-color: transparent
}
.pswp__img {
top: -4%
}
.pswp__button,
.pswp__top-bar {
opacity: 1 !important
}
.pswp__top-bar {
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2), transparent);
background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), transparent);
content: "";
display: block;
height: 60px;
width: 100%
}
.pswp__counter {
color: #fff;
font-size: 16px;
font-weight: 400;
left: auto;
opacity: 1;
right: 8px;
top: 0
}
.pswp__button--close {
background-color: inherit;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMyI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTUgMTAuOTRsNS40Ny01LjQ3IDEuMDYgMS4wNkwxNi4wNiAxMmw1LjQ3IDUuNDctMS4wNiAxLjA2TDE1IDEzLjA2bC01LjQ3IDUuNDctMS4wNi0xLjA2TDEzLjk0IDEyIDguNDcgNi41M2wxLjA2LTEuMDZMMTUgMTAuOTR6Ii8+PC9zdmc+") !important;
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
fill: #fff;
float: left
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
display: none
}
.ig__card {
border-radius: 6px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
margin: 0 auto;
max-width: 1138px;
padding: 24px
}
@media(max-width:768px) {
.ig__card {
margin: 8px;
padding: 14px 0 0
}
}
.ig__card .ig__header {
margin-bottom: 32px
}
@media(max-width:768px) {
.ig__card .ig__header {
margin-bottom: 0;
padding: 0 16px
}
}
.ig__card .ig__body {
text-align: center
}
.ig__card .slick-track {
height: 117px !important;
margin-top: 24px !important
}
@media(max-width:768px) {
.ig__card .slick-track {
height: 100% !important;
margin: 16px auto 0
}
}
.ig__card .slick-dots {
margin: 5px 0;
position: inherit !important
}
.ig__card .slick-dots li {
margin: 0 auto;
width: 15px
}
.ig__card .slick-dots li.slick-active button:before {
color: #3483fa !important;
font-size: 25px;
line-height: 20px;
opacity: 1 !important
}
.ig__card .slick-dots li button:before {
font-size: 15px;
opacity: .25 !important
}
.ig__card .ig__main-image img {
border-radius: 6px;
height: 450px;
object-fit: cover;
width: 100%
}
@media(max-width:768px) {
.ig__card .ig__main-image img {
display: none
}
}
.ig__card .ig__carousel {
margin: 0 auto;
width: 100%
}
@media(max-width:768px) {
.ig__card .ig__carousel {
overflow: hidden
}
}
@media(max-width:768px) {
.ig__card .ig__carousel .carousel-container {
margin-left: 7px
}
}
@media(max-width:768px) {
.ig__card .ig__carousel .slick-list {
margin: 0 auto;
overflow: visible;
width: 307px !important
}
}
.ig__card .ig__carousel .prev-button {
left: -2% !important;
top: 40% !important
}
.ig__card .ig__carousel .next-button {
left: 94.5% !important;
top: 40% !important
}
.ig__card .card-image-carousel {
cursor: pointer;
width: 272px
}
@media(max-width:768px) {
.ig__card .card-image-carousel {
height: 150px;
width: 300px
}
}
.ig__card .ig__carousel-image {
border-radius: 6px;
box-shadow: 5px 1px 10px 0 rgba(0, 0, 0, .05);
height: 107px;
margin-right: 100px;
object-fit: cover;
width: 272px
}
.ig__card .ig__carousel-image.active {
border-left: 4px solid #3483fa;
border-radius: 6px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2)
}
@media(max-width:768px) {
.ig__card .ig__carousel-image {
height: 150px;
width: 300px
}
}
.ig__card .ig__title {
color: #000;
font-size: 24px;
font-weight: 600;
line-height: 1.15;
overflow: hidden;
padding-bottom: 5px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
@media(max-width:768px) {
.ig__card .ig__title {
font-size: 18px;
line-height: 1.22
}
}
.ig__card .ig__description {
color: rgba(0, 0, 0, .45);
font-size: 16px;
font-weight: 400;
line-height: 1.22;
overflow: hidden;
width: 100%
}
@media(max-width:768px) {
.ig__card .ig__description {
font-size: 12px;
line-height: 1.25
}
}
.andes-card--padding-default .andes-card__content,
.andes-card--padding-default .andes-card__footer,
.andes-card--padding-default .andes-card__header {
padding: 16px
}
.andes-card--padding-0 .andes-card__content,
.andes-card--padding-0 .andes-card__footer,
.andes-card--padding-0 .andes-card__header {
padding: 0
}
.andes-card--padding-16 .andes-card__content,
.andes-card--padding-16 .andes-card__footer,
.andes-card--padding-16 .andes-card__header {
padding: 16px
}
.andes-card--padding-24 .andes-card__content,
.andes-card--padding-24 .andes-card__footer,
.andes-card--padding-24 .andes-card__header {
padding: 24px
}
.andes-card--padding-32 .andes-card__content,
.andes-card--padding-32 .andes-card__footer,
.andes-card--padding-32 .andes-card__header {
padding: 32px
}
.andes-card {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
border-radius: 6px;
background-color: #fff
}
.andes-card--animated {
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
.andes-card--animated:hover,
.andes-card--elevated {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
}
.andes-card--flat {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)
}
.andes-card--secondary-light {
background-color: #f5f5f5;
box-shadow: none
}
.andes-card--secondary-dark {
background-color: #ededed;
box-shadow: none
}
.andes-card--outline {
border: 1px solid rgba(0, 0, 0, .1)
}
.andes-card>:first-child {
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.andes-card>:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.andes-card__title {
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: rgba(0, 0, 0, .8);
margin: 0;
padding: 0
}
.andes-card__header {
padding-bottom: 14px
}
.andes-card__header--border {
border-bottom: 1px solid rgba(0, 0, 0, .07)
}
.andes-card__footer {
padding-top: 14px
}
.andes-card__footer--border {
border-top: 1px solid rgba(0, 0, 0, .07)
}
.andes-card__footer--link {
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: block;
color: #3483fa;
text-decoration: none;
-webkit-transition: background-color .15s ease-out;
transition: background-color .15s ease-out
}
.andes-card__footer--link:hover {
background-color: #f5f5f5;
color: #2968c8
}
.andes-card__arrow {
width: 7px;
height: 7px;
display: block;
border-color: #3483fa;
border-style: solid;
border-width: 1px 1px 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
float: right;
margin-top: 5px
}
.andes-card--error {
position: relative
}
.andes-card--error:before {
display: block;
content: "";
background: #f23d4f;
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.andes-card--neutral {
position: relative
}
.andes-card--neutral:before {
display: block;
content: "";
background: #3483fa;
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.andes-card--success {
position: relative
}
.andes-card--success:before {
display: block;
content: "";
background: #00a650;
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.andes-card--warning {
position: relative
}
.andes-card--warning:before {
display: block;
content: "";
background: #f73;
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.hub__grid-item.item__card {
height: 234px;
padding: 0;
position: relative
}
.hub__grid-item.item__card .item-image {
float: left;
height: 100%;
overflow: hidden;
width: 50%
}
.hub__grid-item.item__card .item-image .sponsor {
height: 28px;
position: absolute;
right: 0;
top: 0
}
.hub__grid-item.item__card .item-image img {
max-width: 100%
}
.hub__grid-item.item__card .item-description {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
font-stretch: normal;
font-style: normal;
text-align: left;
width: 50%
}
.hub__grid-item.item__card .item-description .copy,
.hub__grid-item.item__card .item-description .pre-title {
color: #4a4a4a;
display: block;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.6px;
text-transform: uppercase
}
.hub__grid-item.item__card .item-description .copy {
margin-top: 8px
}
.hub__grid-item.item__card .item-description .title {
color: #4a4a4a;
font-weight: 700;
text-transform: uppercase
}
.hub__grid-item.item__card .item-description .subtitle {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: #4a4a4a;
font-size: 26px;
font-weight: 400;
line-height: 1.2;
margin: 0;
max-width: 400px;
overflow: hidden;
padding: 0;
position: static;
text-overflow: ellipsis;
top: 0;
-webkit-transform: none;
transform: none
}
.hub__grid-item.item__card .item-description .title+.subtitle {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
text-transform: uppercase
}
.hub__grid-item.item__card .item-description p {
display: none
}
.hub__grid-item.item__card.card__primary {
height: 137px
}
.hub__grid-item.item__card.card__primary .item-image {
height: 115px;
padding: 11px 0;
width: 50%
}
.hub__grid-item.item__card.card__primary .item-image .sponsor {
margin: 10px 10px 0 0
}
.hub__grid-item.item__card.card__primary .item-image .sponsor img {
height: 100%
}
.hub__grid-item.item__card.card__primary .item-image img {
height: 115px
}
.hub__grid-item.item__card.card__primary .item-description {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
padding-right: 20px;
width: 50%
}
.hub__grid-item.item__card.card__primary .item-description .pre-title {
font-size: 14px;
font-weight: 400;
line-height: normal;
margin-bottom: 5px;
overflow: hidden
}
.hub__grid-item.item__card.card__primary .item-description .title {
font-size: 28px;
line-height: 1;
margin: 0 0 7px
}
.hub__grid-item.item__card.card__primary .item-description .subtitle {
font-size: 20px;
font-weight: 300;
letter-spacing: 1px
}
.hub__grid-item.item__card.card__primary .item-description .title+.subtitle {
font-size: 14px;
font-weight: 400;
letter-spacing: normal
}
.hub__grid-item.item__card.card__primary-discovery {
display: -webkit-flex;
display: flex;
height: 200px
}
@media(min-width:1024px) {
.hub__grid-item.item__card.card__primary-discovery {
height: 236px
}
}
.hub__grid-item.item__card.card__primary-discovery.left .item-description {
left: 20px;
right: auto
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__primary-discovery.left .item-description {
left: 16px
}
}
.hub__grid-item.item__card.card__primary-discovery.left .item-image img {
float: left
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__primary-discovery.left.with_discount .pre-title {
font-weight: 600
}
}
.hub__grid-item.item__card.card__primary-discovery .item-description {
background: hsla(0, 0%, 100%, .95);
border-radius: 4px;
bottom: 20px;
padding: 16px;
position: absolute;
right: 20px;
width: auto
}
.hub__grid-item.item__card.card__primary-discovery .item-description .pre-title {
letter-spacing: 1.6px;
margin-bottom: 5px
}
.hub__grid-item.item__card.card__primary-discovery .item-description .title {
font-size: 28.5px;
letter-spacing: normal;
line-height: .88;
margin: 9px 0 0
}
.hub__grid-item.item__card.card__primary-discovery .item-description .subtitle {
font-weight: 300;
letter-spacing: .6px
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__primary-discovery .item-description {
padding: 12px
}
}
.hub__grid-item.item__card.card__primary-discovery .item-image {
border-radius: .2em;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
width: 100%
}
.hub__grid-item.item__card.card__primary-discovery .item-image img {
float: left;
height: 200px;
max-width: none;
min-width: 100%;
-webkit-transition: -webkit-transform 1s ease-out;
transition: -webkit-transform 1s ease-out;
transition: transform 1s ease-out;
transition: transform 1s ease-out, -webkit-transform 1s ease-out
}
@media(min-width:1024px) {
.hub__grid-item.item__card.card__primary-discovery .item-image img {
height: 236px
}
}
.hub__grid-item.item__card.card__primary-discovery .item-description .title {
margin: 0 0 8px
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__primary-discovery .item-description .pre-title {
margin-bottom: 4px
}
.hub__grid-item.item__card.card__primary-discovery .item-description .title {
margin: 0 0 4px
}
}
.hub__grid-item.item__card.card__secondary .item-image {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 120px;
margin: 20px 0 12px;
padding: 0 20px;
width: 100%
}
.hub__grid-item.item__card.card__secondary .item-image .sponsor {
margin: 10px 10px 0 0
}
.hub__grid-item.item__card.card__secondary .item-image .sponsor img {
height: 100%
}
.hub__grid-item.item__card.card__secondary .item-image img {
height: 120px
}
.hub__grid-item.item__card.card__secondary .item-description {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: -webkit-calc(100% - 160px);
height: calc(100% - 160px);
padding: 0;
position: relative;
text-align: center;
width: 100%
}
.hub__grid-item.item__card.card__secondary .item-description .pre-title {
overflow: hidden
}
.hub__grid-item.item__card.card__secondary .item-description .title {
font-size: 22px;
letter-spacing: normal;
line-height: 1;
margin: 1px 0 5px
}
.hub__grid-item.item__card.card__secondary .item-description .subtitle {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
font-weight: 300;
letter-spacing: 1px;
padding: 0 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
.hub__grid-item.item__card.card__secondary .item-description .title+.subtitle {
font-size: 14px;
font-weight: 400;
letter-spacing: normal;
margin-top: 5px;
overflow: hidden;
position: relative;
top: 6px
}
.hub__grid-item.item__card.card__secondary-discovery {
display: -webkit-flex;
display: flex;
height: 200px
}
@media(min-width:1024px) {
.hub__grid-item.item__card.card__secondary-discovery {
height: 236px
}
}
.hub__grid-item.item__card.card__secondary-discovery.left .item-description {
left: 20px;
right: auto
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__secondary-discovery.left .item-description {
left: 16px
}
}
.hub__grid-item.item__card.card__secondary-discovery.left .item-image img {
float: left
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__secondary-discovery.left.with_discount .pre-title {
font-weight: 600
}
}
.hub__grid-item.item__card.card__secondary-discovery .item-description {
background: hsla(0, 0%, 100%, .95);
border-radius: 4px;
bottom: 20px;
padding: 16px;
position: absolute;
right: 20px;
width: auto
}
.hub__grid-item.item__card.card__secondary-discovery .item-description .pre-title {
letter-spacing: 1.6px;
margin-bottom: 5px
}
.hub__grid-item.item__card.card__secondary-discovery .item-description .title {
font-size: 28.5px;
letter-spacing: normal;
line-height: .88;
margin: 9px 0 0
}
.hub__grid-item.item__card.card__secondary-discovery .item-description .subtitle {
font-weight: 300;
letter-spacing: .6px
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__secondary-discovery .item-description {
padding: 12px
}
}
.hub__grid-item.item__card.card__secondary-discovery .item-image {
border-radius: .2em;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
width: 100%
}
.hub__grid-item.item__card.card__secondary-discovery .item-image img {
float: left;
height: 200px;
max-width: none;
min-width: 100%;
-webkit-transition: -webkit-transform 1s ease-out;
transition: -webkit-transform 1s ease-out;
transition: transform 1s ease-out;
transition: transform 1s ease-out, -webkit-transform 1s ease-out
}
@media(min-width:1024px) {
.hub__grid-item.item__card.card__secondary-discovery .item-image img {
height: 236px
}
}
.hub__grid-item.item__card.card__secondary-discovery .item-description .title {
margin: 0 0 8px
}
@media(max-width:768px) {
.hub__grid-item.item__card.card__secondary-discovery .item-description .pre-title {
margin-bottom: 4px
}
.hub__grid-item.item__card.card__secondary-discovery .item-description .title {
margin: 0 0 4px
}
}
.hub__grid-item.item__card.card__tertiary .item-image {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 120px;
margin: 20px 0 12px;
padding: 0 20px;
width: 100%
}
.hub__grid-item.item__card.card__tertiary .item-image .sponsor {
margin: 10px 10px 0 0
}
.hub__grid-item.item__card.card__tertiary .item-image .sponsor img {
height: 100%
}
.hub__grid-item.item__card.card__tertiary .item-image img {
height: 120px
}
.hub__grid-item.item__card.card__tertiary .item-description {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: -webkit-calc(100% - 160px);
height: calc(100% - 160px);
padding: 0;
position: relative;
text-align: center;
width: 100%
}
.hub__grid-item.item__card.card__tertiary .item-description .pre-title {
overflow: hidden
}
.hub__grid-item.item__card.card__tertiary .item-description .title {
font-size: 22px;
letter-spacing: normal;
line-height: 1;
margin: 1px 0 5px
}
.hub__grid-item.item__card.card__tertiary .item-description .subtitle {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
font-weight: 300;
letter-spacing: 1px;
padding: 0 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
.hub__grid-item.item__card.card__tertiary .item-description .title+.subtitle {
font-size: 14px;
font-weight: 400;
letter-spacing: normal;
margin-top: 5px;
overflow: hidden;
position: relative;
top: 6px
}
@media(min-width:1024px) {
.hub__grid-item.item__card {
height: 236px;
position: relative
}
.hub__grid-item.item__card .item-description .pre-title {
margin-bottom: 8px
}
.hub__grid-item.item__card .item-description p {
color: #3483fa;
display: block;
font-size: 14px;
font-weight: 400;
letter-spacing: normal;
line-height: 1;
margin: 15px 0 0
}
.hub__grid-item.item__card.card__primary {
height: 236px
}
.hub__grid-item.item__card.card__primary .item-image {
height: 186px;
padding: 25px 0 25px 25px;
width: 32%
}
.hub__grid-item.item__card.card__primary .item-image .sponsor {
height: 40px;
margin: 20px 20px 0 0
}
.hub__grid-item.item__card.card__primary .item-image img {
height: 186px
}
.hub__grid-item.item__card.card__primary .item-description {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
margin: 0;
padding: 40px 25px 40px 0;
position: relative;
width: 55%
}
.hub__grid-item.item__card.card__primary .item-description .pre-title {
font-size: 16px;
margin-top: 0
}
.hub__grid-item.item__card.card__primary .item-description .title {
font-size: 42px;
margin: 0 0 5px
}
.hub__grid-item.item__card.card__primary .item-description .subtitle {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 30px;
line-height: 1.2;
max-width: 400px;
overflow: hidden;
padding: 0;
position: static;
text-overflow: ellipsis;
top: 0;
-webkit-transform: none;
transform: none
}
.hub__grid-item.item__card.card__primary .item-description .title+.subtitle {
font-size: 20px;
font-weight: 300
}
.hub__grid-item.item__card.card__secondary .item-image {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 186px;
margin: 0;
padding: 25px 15px;
width: 48%
}
.hub__grid-item.item__card.card__secondary .item-image .sponsor {
height: 40px;
margin: 20px 20px 0 0
}
.hub__grid-item.item__card.card__secondary .item-image img {
height: 186px
}
.hub__grid-item.item__card.card__secondary .item-description {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
margin: 0;
padding: 50px 15px 50px 0;
position: relative;
text-align: left;
width: 40%
}
.hub__grid-item.item__card.card__secondary .item-description .pre-title {
letter-spacing: 1.6px;
margin-bottom: 5px
}
.hub__grid-item.item__card.card__secondary .item-description .title {
font-size: 28.5px;
letter-spacing: normal;
line-height: .88;
margin: 9px 0 0
}
.hub__grid-item.item__card.card__secondary .item-description .subtitle {
font-weight: 300;
letter-spacing: .6px
}
.hub__grid-item.item__card.card__secondary .item-description .pre-title {
margin: 0;
overflow: hidden
}
.hub__grid-item.item__card.card__secondary .item-description .subtitle {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 24px;
line-height: 1.2;
margin: 9px 0 0;
max-width: 400px;
overflow: hidden;
padding: 0;
position: static;
text-overflow: ellipsis;
top: 0;
-webkit-transform: none;
transform: none
}
.hub__grid-item.item__card.card__tertiary .item-image {
height: 100px;
width: 100%
}
.hub__grid-item.item__card.card__tertiary .item-image .sponsor {
margin: 20px 20px 0 0
}
.hub__grid-item.item__card.card__tertiary .item-image img {
height: 100px
}
.hub__grid-item.item__card.card__tertiary .item-description {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
padding: 0 15px;
width: 100%
}
.hub__grid-item.item__card.card__tertiary .item-description .pre-title {
margin-bottom: 0
}
.hub__grid-item.item__card.card__tertiary .item-description .title {
font-size: 24px;
letter-spacing: normal;
margin: 0
}
.hub__grid-item.item__card.card__tertiary .item-description .subtitle {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-weight: 300;
letter-spacing: .6px;
max-width: 400px;
overflow: hidden;
padding: 0;
position: static;
text-overflow: ellipsis;
top: 0;
-webkit-transform: none;
transform: none
}
.hub__grid-item.item__card.card__tertiary .item-description .title+.subtitle {
font-weight: 400;
margin: 0;
top: 0
}
.hub__grid-item.item__card.card__tertiary .item-description p {
left: 0;
margin: 0;
position: absolute;
right: 0;
top: 75px
}
.hub__grid-item.item__card:hover {
z-index: 10
}
}
.hub__boxed-width .content .splinter.banner-large-mobile {
background-color: none;
margin: 0
}
.hub__boxed-width .content .banner-large-mobile {
border-radius: 4px;
margin: 10px 0
}
.hub__boxed-width .content .banner-large-mobile .banner-card {
height: 200px
}
.hub__boxed-width .content .banner-large-mobile img {
height: 100%;
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
@media(min-width:769px) {
.hub__boxed-width .content .banner-large-mobile {
margin: 0
}
.hub__boxed-width .content .banner-large-mobile .banner-card {
height: 165px
}
.hub__boxed-width .content .banner-large-mobile img {
border-radius: 4px;
height: 100%;
left: 0;
object-fit: cover;
-webkit-transform: none;
transform: none;
width: auto
}
}
@media(min-width:769px)and (min-width:1024px) {
.hub__boxed-width .content .banner-large-mobile img {
width: 100%
}
}
.hub__boxed-width .content .banner-large-mobile .andes-card {
background: transparent;
border-radius: 4px
}
.content .banner__image {
height: 100%
}
.content .banner__image img {
height: 165px;
width: 100%
}
@media(max-width:1115px) {
.content .banner__image img {
height: 100%;
width: auto
}
}
.content .description {
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #4a4a4a;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 130px;
-webkit-justify-content: center;
justify-content: center;
max-width: 60%;
padding-left: 6%;
position: absolute;
text-align: left;
top: 0
}
@media(min-width:1024px) {
.content .description {
height: 165px;
max-width: 50%;
padding-left: 30px
}
}
.content .description .title {
font-size: 18px;
font-weight: 700;
line-height: 1.2;
margin: 0
}
@media(min-width:1024px) {
.content .description .title {
font-size: 24px
}
}
.content .description p {
font-size: 14px;
font-weight: 300;
line-height: 1.2;
margin: 6px 10px 0 0
}
@media(min-width:1024px) {
.content .description p {
font-size: 20px;
margin-top: 8px
}
}
.content .banner__small {
background-color: transparent
}
.content .banner__small .description h3 {
font-size: 18px;
font-weight: 700;
line-height: 1.2;
margin: 0
}
@media(min-width:1024px) {
.content .banner__small .description h3 {
font-size: 24px
}
}
.content .banner__small .description p {
font-size: 14px;
font-weight: 300;
line-height: 1.2;
margin: 6px 10px 0 0
}
@media(min-width:1024px) {
.content .banner__small .description p {
font-size: 20px;
margin-top: 8px
}
}
@media(max-width:680px) {
.content .splinter-col-mobile-12:first-of-type .banner-small .item__banner {
margin-top: 10px
}
.content .splinter-col-mobile-12:last-of-type .banner-small .item__banner {
margin-bottom: 10px
}
.content .banner__image img {
height: 100%;
object-fit: cover
}
}
@media(max-width:680px)and (min-width:455px) {
.content .banner__image img {
width: 100%
}
}
.hub__boxed-width-image .banner__numeric {
margin: 0 8px
}
@media(min-width:1024px) {
.item__banner .description {
height: 165px;
-webkit-justify-content: center;
justify-content: center;
max-width: 50%;
padding-left: 30px;
position: absolute;
text-align: left
}
}
.item__banner .banner {
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0 4px 4px 0;
float: right;
height: 100%
}
.item__banner.banner__numeric {
-webkit-align-items: center;
align-items: center;
background-color: hsla(0, 0%, 100%, .9);
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
height: auto;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 18px 24px 24px
}
@media(min-width:1024px) {
.item__banner.banner__numeric {
height: 120px;
margin: 0;
padding: 0
}
.item__banner.banner__numeric:hover {
background-color: #fff
}
}
.item__banner.banner__numeric .description {
height: auto;
max-width: 90%;
padding: 0;
position: relative
}
.item__banner.banner__numeric .description .pre-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
letter-spacing: .83px;
line-height: .9;
margin: 0;
text-transform: uppercase
}
.item__banner.banner__numeric .description .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: break-spaces;
font-size: 32px;
font-weight: 300;
line-height: .9;
max-height: 85px;
padding-top: 6px
}
.item__banner.banner__numeric .description p {
color: #3483fa;
font-size: 14px;
font-weight: 400;
margin: 0
}
@media(min-width:681px) {
.item__banner.banner__numeric .description {
max-width: 100%;
text-align: center;
width: 100%
}
.item__banner.banner__numeric .description .pre-title {
font-size: 16px;
font-weight: 400;
letter-spacing: 1.4px;
line-height: 1
}
.item__banner.banner__numeric .description .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 36px;
line-height: .88;
margin: 7px 12px;
padding-top: 0
}
}
.item__banner .chevron-container {
display: -webkit-flex;
display: flex
}
.item__banner .chevron-container .chevron {
border-radius: 1px;
border-style: solid;
border-width: 2px 2px 0 0;
color: #3483fa;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px
}
.hub__boxed-width .content .splinter.banner-large {
background-color: none;
margin: 0
}
.hub__boxed-width .content .banner-large {
border-radius: 4px;
margin: 10px 0
}
.hub__boxed-width .content .banner-large img {
height: 100%;
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
@media(min-width:769px) {
.hub__boxed-width .content .banner-large {
margin: 0
}
.hub__boxed-width .content .banner-large img {
border-radius: 4px;
height: 100%;
left: 0;
object-fit: cover;
-webkit-transform: none;
transform: none;
width: auto
}
}
@media(min-width:769px)and (min-width:1024px) {
.hub__boxed-width .content .banner-large img {
width: 100%
}
}
.hub__boxed-width .content .banner-large .andes-card {
background: transparent;
border-radius: 4px
}
.hub__boxed-width .content .banner-text {
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
padding: 0 24px
}
.hub__boxed-width .content .banner-text .banner-text__title {
font-size: 24px
}
.hub__boxed-width .content .banner-text .banner-text__subtitle {
font-size: 16px;
font-weight: 600
}
.hub__boxed-width .content .banner-text--center {
-webkit-align-items: center;
align-items: center
}
.hub__boxed-width .content .banner-text--left {
-webkit-align-items: flex-start;
align-items: flex-start
}
.hub__boxed-width .content .banner-text--right {
-webkit-align-items: flex-end;
align-items: flex-end
}
.hub__boxed-width .content .banner-text .banner-text__title--mobile {
font-size: 18px
}
.hub__boxed-width .content .banner-text .banner-text__subtitle--mobile {
font-size: 14px
}
.content .banner-card {
height: 130px;
overflow: hidden;
padding: 0;
position: relative
}
@media(min-width:769px) {
.content .banner-card {
height: 165px
}
}
.item__banner.banner__label {
height: 264px
}
@media(max-width:768px) {
.item__banner.banner__label {
height: 262px
}
}
.item__banner.banner__label .banner {
height: 240px
}
.item__banner.banner__label .banner img {
border-radius: 4px 4px 0 0
}
.item__banner.banner__label .label {
background: #fff;
border-top: 1px solid #ededed;
bottom: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
margin: 0 auto;
padding: 12px 0;
position: absolute;
width: 100%
}
@media(max-width:768px) {
.item__banner.banner__label .label {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
height: 44px;
-webkit-justify-content: center;
justify-content: center
}
}
.item__banner.banner__label .label .title {
color: #4a4a4a;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap
}
@media(max-width:768px) {
.item__banner.banner__label .label .title {
letter-spacing: .8px
}
}
.special__containerx2 .item__banner.banner__label .label {
padding: 12px 112px
}
@media(max-width:768px) {
.special__containerx2 .item__banner.banner__label .label {
padding: 0 32px
}
}
.special__containerx3 .item__banner.banner__label .label {
padding: 12px 48px
}
@media(max-width:768px) {
.special__containerx3 .item__banner.banner__label .label {
padding: 0 32px
}
}
.special__containerx4 .item__banner.banner__label .label {
padding: 12px 24px
}
@media(max-width:768px) {
.special__containerx4 .item__banner.banner__label .label {
padding: 0 32px
}
}
.special__grid-containerx2 .special-wrapper .item__banner.banner__label,
.special__grid-containerx4 .special-wrapper .item__banner.banner__label {
height: 158px
}
.special__grid-containerx2 .special-wrapper .item__banner.banner__label .banner,
.special__grid-containerx4 .special-wrapper .item__banner.banner__label .banner {
border-radius: 4px;
height: 136px
}
.special__grid-containerx2 .special-wrapper .item__banner .label,
.special__grid-containerx4 .special-wrapper .item__banner .label {
height: 44px;
padding: 0 20px
}
.special__grid-containerx2 .special-wrapper .item__banner .label .title,
.special__grid-containerx4 .special-wrapper .item__banner .label .title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
font-size: 12px;
font-weight: 700;
line-height: 15px;
white-space: normal
}
.special__grid-containerx3 .special-wrapper .item__banner {
overflow: visible
}
.special__grid-containerx3 .special-wrapper .item__banner.banner__label {
height: 122px
}
.special__grid-containerx3 .special-wrapper .item__banner.banner__label .banner {
border-radius: 4px;
height: 104px
}
.special__grid-containerx3 .special-wrapper .item__banner .label {
height: 36px;
padding: 0 16px
}
.special__grid-containerx3 .special-wrapper .item__banner .label .title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
font-size: 10px;
line-height: 12px;
white-space: normal
}
.without__label.item__banner.banner__label {
height: 240px
}
.without__label.item__banner.banner__label img {
border-radius: 4px
}
.special__grid-containerx2 .special-wrapper .without__label.item__banner.banner__label,
.special__grid-containerx4 .special-wrapper .without__label.item__banner.banner__label {
height: 136px
}
.special__grid-containerx2 .special-wrapper .without__label.item__banner.banner__label .banner,
.special__grid-containerx4 .special-wrapper .without__label.item__banner.banner__label .banner {
border-radius: 4px
}
.special__grid-containerx3 .special-wrapper .without__label.item__banner {
overflow: visible
}
.special__grid-containerx3 .special-wrapper .without__label.item__banner.banner__label {
height: 104px
}
.special__grid-containerx3 .special-wrapper .without__label.item__banner.banner__label .banner {
border-radius: 4px
}
.item__banner.banner__label .banner {
background-color: #d8d8d8;
width: 100%
}
.item__banner.banner__label .banner img {
height: 100%;
object-fit: cover;
width: 100%
}
@media(max-width:768px) {
.special__grid-containerx4 .special {
width: 50%
}
}
.special__grid-containerx4 .special-wrapper {
margin: auto;
width: 49%
}
.item__banner {
height: 130px;
overflow: hidden;
padding: 0;
position: relative
}
@media(min-width:1024px) {
.item__banner {
height: 165px
}
}
.item__banner .description {
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #4a4a4a;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 130px;
-webkit-justify-content: center;
justify-content: center;
max-width: 60%;
padding-left: 6%;
position: absolute;
text-align: left
}
@media(min-width:1024px) {
.item__banner .description {
height: 165px;
max-width: 50%;
padding-left: 30px
}
}
.item__banner.banner__category {
height: 240px
}
.item__banner.banner__category .description {
height: 100%;
max-width: 100%;
padding: 0;
text-align: center;
width: 100%
}
.item__banner.banner__category .description img {
bottom: 26px;
height: auto;
margin: 0 auto;
max-width: 230px;
position: relative
}
.item__banner.banner__category .description .label {
border-radius: 2px;
bottom: 0;
left: 0;
margin: auto;
padding: 12px;
position: absolute;
right: 0;
width: 180px
}
.item__banner.banner__category .description .label p {
color: #3483fa;
font-size: 14px;
font-weight: 400;
margin: 0
}
.item__banner.banner__category .description .label .title {
color: #4a4a4a;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
margin: 0;
text-transform: uppercase
}
.card-institutional__primary {
height: 480px;
padding: 0;
position: relative
}
@media(max-width:768px) {
.card-institutional__primary {
height: 365px
}
}
.card-institutional__primary .note-image {
height: 100%
}
.card-institutional__primary .note-image img {
border-radius: 6px;
height: 100%;
width: 100%
}
.card-institutional__primary .note-description {
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
margin-left: 108px;
position: absolute;
top: 110px
}
@media(max-width:768px) {
.card-institutional__primary .note-description {
margin-left: 0;
top: 148px
}
}
.card-institutional__primary .note-description .pre-title,
.card-institutional__primary .note-description .subtitle,
.card-institutional__primary .note-description .title {
color: #fff;
margin: 20px 0 0 16px
}
@media(max-width:768px) {
.card-institutional__primary .note-description .pre-title,
.card-institutional__primary .note-description .subtitle,
.card-institutional__primary .note-description .title {
margin-top: 5px
}
}
.card-institutional__primary .note-description .title {
font-size: 36px;
letter-spacing: .36px;
line-height: 1.3;
text-align: initial;
width: 430px
}
@media(max-width:768px) {
.card-institutional__primary .note-description .title {
font-size: 30px;
width: 100%
}
}
.card-institutional__primary .note-description .subtitle {
font-size: 14px
}
.card-institutional__primary .note-description .pre-title {
font-size: 20px
}
.card-institutional__secondary {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 464px;
padding: 0
}
.card-institutional__secondary .note-image {
height: 232px
}
.card-institutional__secondary .note-image img {
border-radius: 6px 6px 0 0;
height: 100%;
width: 100%
}
.card-institutional__secondary .note-description {
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 232px;
position: relative
}
.card-institutional__secondary .note-description .subtitle {
bottom: 26px;
font-size: 14px;
margin-top: 0;
position: absolute
}
.card-institutional__secondary .note-description .subtitle,
.card-institutional__secondary .note-description .title {
color: #727272;
margin: 0 0 0 24px
}
.card-institutional__secondary .note-description .pre-title {
color: #909292;
font-size: 14px;
margin: 24px 0 0 24px
}
.card-institutional__secondary .note-description .title {
font-weight: 400;
letter-spacing: .3px;
line-height: 1.2;
margin-top: 20px;
margin-right: 8px;
text-align: initial
}
.cardinstitutional__containerx2 .title {
font-size: 30px
}
@media(max-width:768px) {
.cardinstitutional__containerx3 .card-institutional__secondary,
.cardinstitutional__containerx4 .card-institutional__secondary {
-webkit-flex-direction: row;
flex-direction: row;
height: 160px
}
}
@media(max-width:768px) {
.cardinstitutional__containerx3 .card-institutional__secondary .note-image,
.cardinstitutional__containerx4 .card-institutional__secondary .note-image {
height: 100%;
width: 160px
}
}
@media(max-width:768px) {
.cardinstitutional__containerx3 .card-institutional__secondary .note-image img,
.cardinstitutional__containerx4 .card-institutional__secondary .note-image img {
border-radius: 6px 0 0 6px;
width: 160px
}
}
@media(max-width:768px) {
.cardinstitutional__containerx3 .card-institutional__secondary .note-description,
.cardinstitutional__containerx4 .card-institutional__secondary .note-description {
height: 100%
}
}
@media(max-width:768px) {
.cardinstitutional__containerx3 .card-institutional__secondary .note-description .pre-title,
.cardinstitutional__containerx3 .card-institutional__secondary .note-description .subtitle,
.cardinstitutional__containerx3 .card-institutional__secondary .note-description .title,
.cardinstitutional__containerx4 .card-institutional__secondary .note-description .pre-title,
.cardinstitutional__containerx4 .card-institutional__secondary .note-description .subtitle,
.cardinstitutional__containerx4 .card-institutional__secondary .note-description .title {
margin-left: 16px;
margin-top: 10px
}
}
.cardinstitutional__containerx3 .card-institutional__secondary .title,
.cardinstitutional__containerx4 .card-institutional__secondary .title {
font-size: 24px
}
@media(max-width:768px) {
.cardinstitutional__containerx3 .card-institutional__secondary .title,
.cardinstitutional__containerx4 .card-institutional__secondary .title {
font-size: 18px
}
}
@media(min-width:1024px) {
.grid__header.with-title {
margin: 0 auto;
padding: 0
}
}
.grid__header.with-title .title {
display: block;
font-size: 16px;
font-weight: 400;
margin: 20px 0 4px;
padding: 0;
text-align: center;
text-transform: uppercase
}
@media(min-width:1024px) {
.grid__header.with-title .title {
float: none;
height: 48px;
line-height: 48px
}
}
.grid__header.with-title .with-title-left {
padding-left: 0;
text-align: left
}
@media(min-width:1024px) {
.grid__header.with-title .with-title-left {
padding-left: 10px
}
}
@media(min-width:1024px) {
.grid__header.with-offer {
margin: 0 auto
}
}
.grid__header.with-offer .title {
display: block;
font-size: 16px;
margin: 10px 0 4px;
padding: 0;
text-align: center;
text-transform: uppercase
}
@media(min-width:1024px) {
.grid__header.with-offer .title {
display: inline-block;
float: none;
height: 48px;
line-height: 61px
}
}
.grid__header.with-offer .subtitle {
margin-top: 0
}
@media(min-width:1024px) {
.grid__header.with-offer .subtitle {
margin-top: 16px
}
}
.grid__header .subtitle {
margin: 0
}
@media(min-width:1024px) {
.grid__header .subtitle {
line-height: 48px
}
.grid__header .subtitle:not(:only-child) {
display: inline-block;
text-align: left
}
}
.grid__header .offer,
.grid__header .pre__offer {
display: inline-block;
font-weight: 700;
letter-spacing: normal;
margin: 0 5px;
vertical-align: middle
}
.grid__header .offer {
font-size: 26px
}
.grid__header .pre__offer {
font-size: 16px;
font-weight: 400;
padding-top: 0;
vertical-align: middle
}
@media(min-width:1024px) {
.grid__header .subtitle {
margin-bottom: -12px
}
}
.grid__header .sponsor {
background-color: #fff;
border-radius: 4px;
display: inline-block;
height: 28px;
margin: 20px 10px 8px 0;
padding: 8px;
vertical-align: middle
}
.grid__header .sponsor img {
height: 100%
}
@media(min-width:1024px) {
.grid__header .subtitle {
float: right;
height: 48px;
margin-top: 20px
}
.grid__header .pre__offer {
float: left;
font-weight: 400;
letter-spacing: 1.6px;
padding-top: 0
}
.grid__header .offer {
float: left;
margin: 0 10px
}
.grid__header .sponsor {
float: left
}
}
@media(max-width:768px) {
.grid__header .subtitle {
display: block
}
.grid__header .sponsor {
display: inline-block;
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.grid__header .pre__offer {
display: inline-block
}
}
.grid__header {
color: #4a4a4a;
display: block;
font-size: 16px;
font-weight: 400;
letter-spacing: 1.6px;
max-width: 1184px;
text-align: left;
width: 100%
}
@media(min-width:1024px) {
.grid__header {
padding: 0
}
.grid__header.sponsor__margin {
display: inline-block
}
}
.grid__header .subtitle {
display: block;
font-size: 16px;
font-weight: 400;
margin: 0 0 4px;
text-align: center;
text-transform: uppercase
}
.grid__header .title {
display: inline-block;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
margin: 0 5px;
padding-top: 0;
vertical-align: middle
}
.grid__header .title-sponsor {
background-color: #fff;
border-radius: 4px;
display: inline-block;
height: 28px;
margin: 20px 10px 8px 0;
padding: 8px;
vertical-align: middle
}
.grid__header .title-sponsor img {
height: 100%
}
@media(min-width:1024px) {
.grid__header .subtitle {
float: right;
height: 48px;
line-height: 48px;
margin: 20px 0 -12px
}
.grid__header .subtitle:not(:only-child) {
display: inline-block;
text-align: left
}
.grid__header .title {
float: left;
font-weight: 400;
letter-spacing: 1.6px;
padding-top: 0
}
.grid__header .title-sponsor {
float: left
}
}
@media(max-width:768px) {
.grid__header .subtitle {
display: block
}
.grid__header .title-sponsor {
display: inline-block;
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.grid__header .title {
display: inline-block
}
}
.splinter-row {
display: grid;
grid-template-columns: repeat(12, minmax(26px, 104px));
padding: 0
}
@media(max-width:681px) {
.splinter-row {
padding-bottom: 4px
}
}
.splinter-row:after,
.splinter-row:before {
display: table
}
.splinter-row:after {
clear: both
}
.splinter-row.no-reset {
margin: 0
}
@media only screen and (min-width:0) {
.splinter-row {
margin: -4px
}
}
@media only screen and (min-width:681px) {
.splinter-row {
margin: -8px
}
}
@media only screen and (min-width:1024px) {
.splinter-row {
margin: -8px
}
}
[class*=splinter-col-] {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 100%
}
.splinter-col-1 {
grid-column: auto/span 1
}
.splinter-col-2 {
grid-column: auto/span 2
}
.splinter-col-3 {
grid-column: auto/span 3
}
.splinter-col-4 {
grid-column: auto/span 4
}
.splinter-col-5 {
grid-column: auto/span 5
}
.splinter-col-6 {
grid-column: auto/span 6
}
.splinter-col-7 {
grid-column: auto/span 7
}
.splinter-col-8 {
grid-column: auto/span 8
}
.splinter-col-9 {
grid-column: auto/span 9
}
.splinter-col-10 {
grid-column: auto/span 10
}
.splinter-col-11 {
grid-column: auto/span 11
}
.splinter-col-12 {
grid-column: auto/span 12
}
@media only screen and (min-width:0) {
[class*=splinter-col-] {
padding: 4px
}
.splinter-col-mobile-1 {
grid-column: auto/span 1
}
.splinter-col-mobile-2 {
grid-column: auto/span 2
}
.splinter-col-mobile-3 {
grid-column: auto/span 3
}
.splinter-col-mobile-4 {
grid-column: auto/span 4
}
.splinter-col-mobile-5 {
grid-column: auto/span 5
}
.splinter-col-mobile-6 {
grid-column: auto/span 6
}
.splinter-col-mobile-7 {
grid-column: auto/span 7
}
.splinter-col-mobile-8 {
grid-column: auto/span 8
}
.splinter-col-mobile-9 {
grid-column: auto/span 9
}
.splinter-col-mobile-10 {
grid-column: auto/span 10
}
.splinter-col-mobile-11 {
grid-column: auto/span 11
}
.splinter-col-mobile-12 {
grid-column: auto/span 12
}
}
@media only screen and (min-width:681px) {
[class*=splinter-col-] {
padding: 8px
}
.splinter-col-tablet-1 {
grid-column: auto/span 1
}
.splinter-col-tablet-2 {
grid-column: auto/span 2
}
.splinter-col-tablet-3 {
grid-column: auto/span 3
}
.splinter-col-tablet-4 {
grid-column: auto/span 4
}
.splinter-col-tablet-5 {
grid-column: auto/span 5
}
.splinter-col-tablet-6 {
grid-column: auto/span 6
}
.splinter-col-tablet-7 {
grid-column: auto/span 7
}
.splinter-col-tablet-8 {
grid-column: auto/span 8
}
.splinter-col-tablet-9 {
grid-column: auto/span 9
}
.splinter-col-tablet-10 {
grid-column: auto/span 10
}
.splinter-col-tablet-11 {
grid-column: auto/span 11
}
.splinter-col-tablet-12 {
grid-column: auto/span 12
}
}
@media only screen and (min-width:1024px) {
[class*=splinter-col-] {
padding: 8px
}
.splinter-col-desktop-1 {
grid-column: auto/span 1
}
.splinter-col-desktop-2 {
grid-column: auto/span 2
}
.splinter-col-desktop-3 {
grid-column: auto/span 3
}
.splinter-col-desktop-4 {
grid-column: auto/span 4
}
.splinter-col-desktop-5 {
grid-column: auto/span 5
}
.splinter-col-desktop-6 {
grid-column: auto/span 6
}
.splinter-col-desktop-7 {
grid-column: auto/span 7
}
.splinter-col-desktop-8 {
grid-column: auto/span 8
}
.splinter-col-desktop-9 {
grid-column: auto/span 9
}
.splinter-col-desktop-10 {
grid-column: auto/span 10
}
.splinter-col-desktop-11 {
grid-column: auto/span 11
}
.splinter-col-desktop-12 {
grid-column: auto/span 12
}
}
.hub__boxed-width {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
min-height: 100px;
overflow: hidden;
padding: 0 8px 10px;
position: relative;
text-align: center;
width: 100%
}
@media(min-width:1024px) {
.hub__boxed-width {
overflow: visible;
padding: 8px 0
}
.hub__boxed-width .content {
margin: auto
}
}
.hub__boxed-width-image {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin: 8px 0;
padding: 30px 0
}
.hub__boxed-width .content {
max-width: 1184px
}
.hub__boxed-width .content.splinter-carousel {
overflow-x: scroll;
overflow-y: hidden;
width: -webkit-calc(100% + 8px);
width: calc(100% + 8px)
}
@media(min-width:1024px) {
.hub__boxed-width .content.splinter-carousel {
min-height: 256px;
overflow: hidden;
width: 100%
}
.hub__boxed-width .content.splinter-carousel .splinter-row>[class*=splinter-col-]:first-of-type {
padding-left: 0
}
.hub__boxed-width .content.splinter-carousel .splinter-row>[class*=splinter-col-]:last-of-type {
padding-right: 0
}
}
.hub__boxed-width .content.splinter-carousel::-webkit-scrollbar {
display: none
}
.hub__boxed-width .content.splinter-carousel .splinter-row {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
margin: 0 auto
}
@media(min-width:768px)and (max-width:1024px) {
.hub__boxed-width .content.splinter-carousel .splinter-row {
width: 1024px
}
}
.hub__boxed-width .content.splinter-carousel .splinter-row>* {
display: block;
margin-right: 10px
}
.hub__boxed-width .content.splinter-carousel .splinter-row>:last-child:after {
content: "";
float: right;
height: 0;
height: 1px;
-webkit-transform: translateX(8px);
transform: translateX(8px);
width: 1px
}
.hub__boxed-width .content.splinter-carousel .splinter-row>* .item__banner {
width: 300px
}
@media(min-width:1024px) {
.hub__boxed-width .content.splinter-carousel .splinter-row>* .item__banner {
width: 100%
}
}
@media(min-width:768px) {
.hub__boxed-width .content.splinter-carousel .splinter-row>* {
display: block;
margin-right: 0;
width: 100%
}
}
.hub__boxed-width .content .special__grid-containerx2,
.hub__boxed-width .content .special__grid-containerx3,
.hub__boxed-width .content .special__grid-containerx4 {
display: -webkit-flex;
display: flex
}
@media(max-width:681px) {
.hub__boxed-width .content .special__grid-containerx2,
.hub__boxed-width .content .special__grid-containerx3,
.hub__boxed-width .content .special__grid-containerx4 {
padding-bottom: 0
}
}
@media(max-width:768px) {
.hub__boxed-width .content .special__grid-containerx4 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
}
.main-slider {
margin-bottom: 10px
}
.main-slider .main-slider-container {
position: relative
}
.main-slider .slick-slide:not(.slick-active) {
height: 0;
width: 0
}
.main-slider .slick-track {
height: 100%
}
.main-slider .slick-list {
height: auto
}
.main-slider .slick-dots {
bottom: 30px;
height: 0;
left: 0;
right: 0;
width: auto
}
.main-slider .slick-dots li {
margin: 0;
text-align: center
}
.main-slider .slick-dots button {
background-clip: padding-box;
background-color: #c6c6c6;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 50%;
display: inline;
height: 6px;
padding: 1px;
-webkit-transition: none .1s ease-out;
transition: none .1s ease-out;
-webkit-transition-property: background-color, height, width;
transition-property: background-color, height, width;
width: 6px
}
.main-slider .slick-dots button:before {
content: ""
}
.main-slider .slick-dots .slick-active button {
background-color: #fff;
height: 10px;
width: 10px
}
.main-slider .main-slider-container .next-button,
.main-slider .main-slider-container .prev-button {
border-radius: 4px;
height: 80px;
margin-top: -40px;
padding: 1px 7px 2px;
top: 50%;
width: 40px
}
@media(max-width:768px) {
.main-slider .main-slider-container .next-button,
.main-slider .main-slider-container .prev-button {
display: none
}
}
.main-slider .main-slider-container .prev-button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
left: 0
}
.main-slider .main-slider-container .next-button {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
right: 0
}
.main-slider .main-slider-item {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
overflow: hidden;
width: 100vw
}
.main-slider .main-slider-item .main-slider-img {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
height: 340px
}
@media(max-width:480px) {
.main-slider .main-slider-container {
height: 0;
padding-bottom: 45.65%;
position: relative;
width: 100%
}
.main-slider .main-slider-holder,
.main-slider .main-slider-item .main-slider-img,
.main-slider .main-slider-item>div {
width: 100%
}
.main-slider .main-slider-item .main-slider-img {
height: auto
}
}
@media(min-width:681px) {
.main-slider .main-slider-holder .main-slider-img,
.main-slider .slick-list {
max-width: none
}
}
.container-rt {
background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 100px;
padding: 8px 0
}
@media(max-width:681px) {
.container-rt {
padding: 0 8px 10px
}
}
.container-rt .content {
margin: auto;
max-width: 784px;
padding: 50px 0
}
@media(max-width:1024px) {
.container-rt .content {
padding: 0 16px 38px
}
}
.container-rt .content.fullwidth {
max-width: 1184px
}
.container-rt .content>:first-child {
padding-top: 0
}
.container-rt .content-paragraph p,
.container-rt .content h2,
.container-rt .content h3,
.container-rt .content h4,
.container-rt .content h5,
.container-rt .content h6,
.container-rt .content li {
color: #333
}
.container-rt .content h2,
.container-rt .content h3,
.container-rt .content h4,
.container-rt .content h5,
.container-rt .content h6 {
font-weight: 600;
letter-spacing: normal;
line-height: 1;
margin: 0;
padding: 30px 0 0;
text-align: left
}
.container-rt .content h2 {
font-size: 1.75em
}
.container-rt .content h3 {
font-size: 1.4375em
}
.container-rt .content h5,
.container-rt .content h6 {
font-weight: 400;
color: #777
}
.container-rt .content h5 {
font-size: 3.1875em;
line-height: 1.3
}
@media(max-width:1024px) {
.container-rt .content h5 {
font-size: 2em
}
}
.container-rt .content h6 {
font-size: 2.125em;
line-height: 1.2
}
@media(max-width:1024px) {
.container-rt .content h6 {
font-size: 1.5em;
line-height: 1.3
}
}
.container-rt .content-paragraph {
margin: 20px 0
}
.container-rt .content-paragraph a,
.container-rt .content-paragraph p,
.container-rt .content li {
font-size: 19px;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.5em;
text-align: left
}
.container-rt .content ol {
list-style: revert
}
.container-rt .content ul {
list-style: outside
}
.container-rt .content-paragraph {
text-align: left;
margin-bottom: 1.25em
}
.container-rt .content-paragraph p b {
font-weight: 600
}
.container-rt .content-paragraph a,
.container-rt .content-paragraph p {
display: inline
}
.container-rt .content-paragraph a {
color: #3483fa
}
.container-rt .content .title {
color: #343434;
font-size: 1.75em;
font-weight: 400;
margin: 30px 0 0;
padding-bottom: 8px;
text-align: center
}
@media(max-width:1024px) {
.container-rt .content .title {
font-size: 24px;
font-weight: 700;
line-height: 1.1;
padding: 46px 0 8px;
text-align: left
}
}
.container-rt .content .image-container {
margin: 20px 0
}
.container-rt .content .image-container .full-width {
width: 100%
}
.container-rt .content .image-container .caption {
font-size: 13px;
margin-top: 5px;
text-align: left;
text-transform: uppercase
}
.hub a,
.hub a:hover {
text-decoration: none
}
.slick-slider {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list,
.slick-slider {
position: relative;
display: block
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-track:after,
.slick-track:before {
display: table;
content: ""
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0
}
.slick-dots li,
.slick-dots li button {
width: 20px;
height: 20px;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
padding: 5px;
color: transparent;
border: 0;
outline: none;
background: transparent
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: none
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
font-family: slick;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
.carousel-container {
position: relative
}
.slick-slider {
position: static
}
.slick-slider .slick-slide {
position: relative
}
.slick-slider .slick-slide .slick-disabled {
opacity: 0;
pointer-events: none
}
.carousel-container .arrow-visible .next-button,
.carousel-container .arrow-visible .prev-button {
display: none
}
.carousel-container .arrow-disabled {
opacity: 0
}
.carousel-container .next-button:hover,
.carousel-container .prev-button:hover {
-webkit-transition: box-shadow .1s ease-out;
transition: box-shadow .1s ease-out;
box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .1);
-webkit-transition: box-shadow .2s;
transition: box-shadow .2s
}
.carousel-container:hover .next-button,
.carousel-container:hover .prev-button {
display: block
}
.carousel-container .prev-button {
left: -24px
}
.carousel-container .next-button {
right: -24px
}
.carousel-container .next-button,
.carousel-container .prev-button {
width: 64px;
height: 64px;
display: none;
background-color: #fff;
border-radius: 50%;
border-width: 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .19);
cursor: pointer;
outline: 0;
position: absolute;
top: 48%;
z-index: 2
}
.carousel-container .next-button:after,
.carousel-container .next-button:before,
.carousel-container .prev-button:after,
.carousel-container .prev-button:before {
content: "";
display: block;
width: 14px;
height: 2px;
background: #3483fa;
position: absolute
}
.carousel-container .prev-button:after,
.carousel-container .prev-button:before {
left: 50%;
margin-left: -8px
}
.carousel-container .prev-button:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
margin-top: -5px
}
.carousel-container .prev-button:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 50%;
margin-bottom: -6px
}
.carousel-container .next-button:after,
.carousel-container .next-button:before {
left: 50%;
margin-left: -6px
}
.carousel-container .next-button:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -5px
}
.carousel-container .next-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 50%;
margin-bottom: -6px
}
@media screen and (max-width:1168px) {
.carousel-container .next-button {
right: 1px
}
}
@media screen and (max-width:1168px)and (max-width:769px) {
.carousel-container .next-button {
right: -20px
}
}
@media screen and (max-width:1168px) {
.carousel-container .prev-button {
left: 1px
}
}
@media screen and (max-width:1168px)and (max-width:769px) {
.carousel-container .prev-button {
left: -20px
}
}
.section__slides {
background-color: #fff;
display: -webkit-flex;
display: flex;
padding: 40px 0
}
.section__slides .content {
margin: 0 auto;
max-width: 1184px;
width: 100%
}
.section__slides .info-slide {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 35px 45px 20px;
position: relative;
text-align: center;
width: 33.33333%
}
.section__slides .info-slide+.info-slide:before {
background-color: #e2e2e2;
content: "";
display: block;
height: 65px;
left: 0;
position: absolute;
top: 50%;
width: 1px
}
.section__slides .info-slide>.img-container {
height: 55px
}
.section__slides .info-slide>.img-container img {
display: inline-block;
height: 46px;
vertical-align: middle
}
.section__slides .info-slide .title {
color: #4a4a4a;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
margin-top: 16px
}
.section__slides .info-slide p {
color: #999;
font-size: 15px;
line-height: 1.2;
margin: 4px 0 10px
}
.section__slides .info-slide a {
color: #3483fa;
font-size: 14px;
text-decoration: none
}
.section__slides a {
font-weight: 400
}
.section__slides:hover {
color: #1259c3
}
@media screen and (max-width:769px) {
.section__slides {
width: 100vw
}
}
@media(max-width:680px) {
.section__slides {
margin-bottom: 0
}
.section__slides .info-slide {
width: 100%
}
.section__slides .carousel-container {
height: 288px
}
.section__slides .slick-slider {
position: relative
}
.section__slides .slick-dots li {
width: 10px
}
.section__slides .slick-dots button {
background-color: #e0e0e0;
border-radius: 50%;
height: 6px;
margin: auto;
padding: 0;
-webkit-transition: background-color .1s ease-out;
transition: background-color .1s ease-out;
width: 6px
}
.section__slides .slick-dots button:before {
content: ""
}
.section__slides .slick-dots .slick-active button {
background-color: #3483fa
}
}
.hub__subtitle {
margin: 30px 0;
padding: 0 20px;
text-align: center
}
.hub__subtitle .text__primary {
color: #4a4a4a;
font-size: 28px;
font-weight: 300;
line-height: 1;
text-transform: none
}
.hub__subtitle .text__secondary {
color: #4a4a4a;
font-size: 16px;
font-weight: 300;
line-height: 1;
margin: 10px 0 0;
text-transform: none
}
.container-title {
background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 100px;
padding: 0
}
@media(min-width:1024px) {
.container-title {
padding: 8px 0
}
}
.container-title .content {
margin: auto;
max-width: 784px;
padding: 0 24px;
text-align: left
}
.container-title .content .text__title {
color: #333;
font-size: 34px;
font-weight: 500;
line-height: 1.1;
margin: 0;
padding: 20px 0
}
@media(min-width:1024px) {
.container-title .content .text__title {
font-size: 50px
}
}
.container-title .content .text__lead {
color: #6a6a6a;
font-size: 22px;
font-weight: 300;
line-height: 1.3;
margin: 0;
padding: 25px 0
}
@media(min-width:1024px) {
.container-title .content .text__lead {
font-size: 24px
}
}
@media(min-width:1024px) {
.container-title .content {
padding: 0
}
}
.section__video {
margin: 0 auto;
max-width: 1184px;
padding: 10px
}
.section__video .video__container {
padding-top: 56.25%;
position: relative
}
.section__video .video__container .video {
display: block;
height: 100%;
left: 0;
margin: 0 auto;
max-width: 100%;
position: absolute;
top: 0;
width: 100%
}
.andes-button {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 48px;
padding: 0 24px;
height: 48px;
text-align: center;
border-radius: 6px;
-webkit-transition: .18s ease-out;
transition: .18s ease-out;
-webkit-transition-property: background, color;
transition-property: background, color;
display: inline-block;
width: auto;
-webkit-font-smoothing: antialiased
}
.andes-button:link {
text-decoration: none
}
.andes-button,
.andes-button * {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.andes-button svg {
display: inline-block;
vertical-align: middle;
max-width: 1.125em;
max-height: 1.125em
}
.andes-button--full-width {
width: 100%;
display: block
}
.andes-button--disabled {
pointer-events: none
}
.andes-button__content {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%
}
.andes-button__content:after {
content: "";
display: table;
clear: both
}
.andes-button__content * {
display: block;
float: left
}
.andes-button__text+svg,
svg+.andes-button__text {
margin-left: 16px
}
.andes-button--loud {
cursor: pointer;
-webkit-transition: box-shadow .25s ease-out, background-color .2s ease-out;
transition: box-shadow .25s ease-out, background-color .2s ease-out;
box-shadow: 0 0 0 0 #fff
}
.andes-button--loud,
.andes-button--loud:focus,
.andes-button--loud:link,
.andes-button--loud:visited {
border-color: transparent;
background-color: #3483fa;
color: #fff
}
.andes-button--loud:focus path,
.andes-button--loud:link path,
.andes-button--loud:visited path,
.andes-button--loud path {
stroke: #fff !important
}
.andes-button--loud:hover {
border-color: transparent;
background-color: #2968c8;
color: #fff;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.andes-button--loud:hover path {
stroke: #fff !important
}
.andes-button--loud:active {
border-color: transparent;
background-color: #1f4e96;
color: #fff
}
.andes-button--loud:active path {
stroke: #fff !important
}
.andes-button--loud:disabled,
.andes-button--loud[disabled] {
border-color: transparent;
background-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .25);
cursor: default;
background-clip: padding-box
}
.andes-button--loud:disabled path,
.andes-button--loud[disabled] path {
stroke: rgba(0, 0, 0, .25) !important
}
.andes-button--loud:focus {
outline: 0;
box-shadow: 0 0 0 .1875em rgba(30, 109, 255, .3);
-webkit-transition: box-shadow .25s ease-in;
transition: box-shadow .25s ease-in
}
.button-normal {
margin: auto;
max-width: 1184px;
min-height: auto;
padding: 8px 10px;
text-align: center
}
@media(max-width:768px) {
.button-normal {
padding: 6px 8px 32px
}
}
.button-normal .landing__button {
height: 100%;
min-width: 7.88889em
}
@media(max-width:768px) {
.button-normal .landing__button {
display: block
}
}
.hub_section__hub_header .header__container {
position: absolute
}
.hub_section__hub_header .header__container .header__title {
font-size: 60px;
margin: 0
}
.hub_section__hub_header .header__container .header__subtitle {
display: none
}
.hub_section__hub_header .header__image {
display: -webkit-flex;
display: flex;
height: 100%;
-webkit-justify-content: center;
justify-content: center
}
@media(min-width:769px) {
.hub_section__hub_header .header__container {
font-size: 70px;
font-weight: 400;
letter-spacing: 8px
}
}
.big-header {
height: 182px;
overflow: hidden;
pointer-events: none
}
.big-header img {
height: auto;
left: 50%;
position: relative;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%
}
@media(min-width:769px) {
.big-header {
height: 530px;
margin: 0 auto;
width: 1200px
}
}
.big-header.full-width {
width: 100%
}
.s-animated-steps {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.s-animated-steps__title {
color: #2d3277;
font-weight: 400;
margin: 0
}
.s-animated-steps .ui-animated-steps {
margin-bottom: 0
}
@media only screen and (max-width:768px) {
.ui-animated-steps {
margin: 0;
width: 100%
}
.ui-animated-steps__title {
color: rgba(0, 0, 0, .8);
font-weight: 400;
line-height: 1.2
}
.ui-animated-steps__description {
color: rgba(0, 0, 0, .45);
font-size: 16px;
line-height: 1.3125;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s
}
.ui-animated-steps__circle {
-webkit-align-items: center;
align-items: center;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 50%;
color: #eee;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin: 0 auto;
overflow: hidden;
text-align: center;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: border-color, color;
transition-property: border-color, color
}
.ui-animated-steps__animate--step1,
.ui-animated-steps__animate--text-step1 {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.ui-animated-steps__animate--line1 {
-webkit-transition-delay: 1s;
transition-delay: 1s
}
.ui-animated-steps__animate--step2,
.ui-animated-steps__animate--text-step2 {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s
}
.ui-animated-steps__animate--line2 {
-webkit-transition-delay: 3.5s;
transition-delay: 3.5s
}
.ui-animated-steps__animate--step3,
.ui-animated-steps__animate--text-step3 {
-webkit-transition-delay: 5.5s;
transition-delay: 5.5s
}
.ui-animated-steps__animate--line3 {
-webkit-transition-delay: 6s;
transition-delay: 6s
}
.ui-animated-steps__animate--step4,
.ui-animated-steps__animate--text-step4 {
-webkit-transition-delay: 7.5s;
transition-delay: 7.5s
}
.ui-animated-steps__animate .ui-animated-steps__circle {
border-color: #2ec74b;
color: inherit
}
}
@media only screen and (max-width:768px)and (min-width:768px) {
.ui-animated-steps__container {
padding: 0 6.25em
}
.ui-animated-steps__container--four-steps {
padding: 0 5.875em
}
.ui-animated-steps__container--four-steps-with-image {
padding: 0 5.375em
}
.ui-animated-steps__text-container {
padding: 0 .875em
}
.ui-animated-steps__text-container--with-image {
padding: 0 2em
}
}
@media only screen and (max-width:768px) {
.ui-animated-steps {
display: -webkit-flex;
display: flex;
margin-bottom: 24px;
padding: 0 24px;
text-align: left
}
.ui-animated-steps__title {
font-size: 18px
}
.ui-animated-steps__container {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 18%;
margin-right: 28px
}
.ui-animated-steps__container--four-steps {
margin-bottom: 5%
}
.ui-animated-steps__text-container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.ui-animated-steps__title {
margin-bottom: .4em
}
.ui-animated-steps__description {
margin-bottom: 0
}
.ui-animated-steps__circle {
height: 3em;
line-height: 1.25;
text-align: center;
width: 3em
}
.ui-animated-steps__circle--with-image img {
height: 38px;
width: 38px
}
.ui-animated-steps__line-container {
-webkit-flex-basis: .625em;
flex-basis: .625em;
-webkit-flex-grow: 1;
flex-grow: 1;
overflow: hidden;
position: relative
}
.ui-animated-steps__line--off {
border-right: 1px solid #eee;
height: 100%
}
.ui-animated-steps__line--on {
border-right: 1px solid #2ec74b;
height: 0;
position: absolute;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
-webkit-transition-property: height;
transition-property: height
}
.ui-animated-steps__step-text {
margin-bottom: 32px
}
.ui-animated-steps__step-text:last-child {
margin: 0
}
.ui-animated-steps__animate .ui-animated-steps__line--on {
height: 100%
}
.ui-animated-steps__animate--text-step1,
.ui-animated-steps__animate--text-step2,
.ui-animated-steps__animate--text-step3,
.ui-animated-steps__animate--text-step4 {
margin-top: 8px
}
}
@media only screen and (max-width:768px)and (min-width:410px) {
.ui-animated-steps__container {
margin-bottom: 10%
}
.ui-animated-steps__container--four-steps {
margin-bottom: 4%
}
}
@media only screen and (max-width:768px) {
.s-animated-steps {
margin: 0 auto;
max-width: 376px;
padding: 56px 24px
}
.s-animated-steps__title {
font-size: 24px;
line-height: 28px;
margin-bottom: 40px;
text-align: center
}
.s-animated-steps .ui-animated-steps {
padding: 0
}
}
@media(min-width:769px) {
.ui-animated-steps {
margin: 0;
width: 100%
}
.ui-animated-steps__title {
color: rgba(0, 0, 0, .8);
font-weight: 400;
line-height: 1.2
}
.ui-animated-steps__description {
color: rgba(0, 0, 0, .45);
font-size: 16px;
line-height: 1.3125;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s
}
.ui-animated-steps__circle {
-webkit-align-items: center;
align-items: center;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 50%;
color: #eee;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin: 0 auto;
overflow: hidden;
text-align: center;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: border-color, color;
transition-property: border-color, color
}
.ui-animated-steps__animate--step1,
.ui-animated-steps__animate--text-step1 {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.ui-animated-steps__animate--line1 {
-webkit-transition-delay: 1s;
transition-delay: 1s
}
.ui-animated-steps__animate--step2,
.ui-animated-steps__animate--text-step2 {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s
}
.ui-animated-steps__animate--line2 {
-webkit-transition-delay: 3.5s;
transition-delay: 3.5s
}
.ui-animated-steps__animate--step3,
.ui-animated-steps__animate--text-step3 {
-webkit-transition-delay: 5.5s;
transition-delay: 5.5s
}
.ui-animated-steps__animate--line3 {
-webkit-transition-delay: 6s;
transition-delay: 6s
}
.ui-animated-steps__animate--step4,
.ui-animated-steps__animate--text-step4 {
-webkit-transition-delay: 7.5s;
transition-delay: 7.5s
}
.ui-animated-steps__animate .ui-animated-steps__circle {
border-color: #2ec74b;
color: inherit
}
}
@media(min-width:769px)and (min-width:768px) {
.ui-animated-steps__container {
padding: 0 6.25em
}
.ui-animated-steps__container--four-steps {
padding: 0 5.875em
}
.ui-animated-steps__container--four-steps-with-image {
padding: 0 5.375em
}
.ui-animated-steps__text-container {
padding: 0 .875em
}
.ui-animated-steps__text-container--with-image {
padding: 0 2em
}
}
@media(min-width:769px) {
.ui-animated-steps {
margin-bottom: 3.75em;
text-align: center
}
.ui-animated-steps__title {
font-size: 20px
}
.ui-animated-steps__container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: .875em
}
.ui-animated-steps__text-container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between
}
.ui-animated-steps__circle {
height: 2.5em;
line-height: 1.9375;
width: 2.5em
}
.ui-animated-steps__circle--with-image {
height: 80px;
width: 80px
}
.ui-animated-steps__circle--with-image img {
height: 60px;
width: 60px
}
.ui-animated-steps__image {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
height: inherit;
-webkit-justify-content: center;
justify-content: center
}
.ui-animated-steps__line-container {
-webkit-align-self: center;
align-self: center;
-webkit-flex-grow: 1;
flex-grow: 1;
overflow: hidden;
position: relative
}
.ui-animated-steps__line--off {
border-bottom: 1px solid #eee
}
.ui-animated-steps__line--on {
border-bottom: 1px solid #2ec74b;
position: absolute;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
-webkit-transition-property: width;
transition-property: width;
width: 0
}
.ui-animated-steps__step-text {
-webkit-flex-basis: 13.4375em;
flex-basis: 13.4375em
}
.ui-animated-steps__title {
margin-bottom: .9em
}
.ui-animated-steps__animate .ui-animated-steps__line--on {
width: 100%
}
}
@media(min-width:769px)and (min-width:1280px) {
.ui-animated-steps__container {
padding: 0 8.25em
}
.ui-animated-steps__text-container {
padding: 0 2.875em
}
}
@media(min-width:769px)and (min-width:1440px) {
.ui-animated-steps__container--with-image {
padding: 0 10%
}
.ui-animated-steps__container--four-steps-with-image {
padding: 0 7.9%
}
}
@media(min-width:769px)and (min-width:1280px)and (max-width:1440px) {
.ui-animated-steps__container--four-steps-with-image,
.ui-animated-steps__container--with-image {
padding: 0 9%
}
.ui-animated-steps__text-container {
padding: 0 .875em
}
}
@media(min-width:769px) {
.s-animated-steps {
margin: 0 auto;
max-width: 1280px;
padding: 96px 120px
}
.s-animated-steps__title {
font-size: 32px;
line-height: 40px;
margin-bottom: 64px
}
.s-animated-steps .ui-animated-steps__step-text {
-webkit-flex-basis: 250px;
flex-basis: 250px
}
.s-animated-steps .ui-animated-steps__container--with-image {
margin-bottom: 40px;
padding: 0 85px
}
.s-animated-steps .ui-animated-steps__text-container--with-image {
padding: 0
}
}
@media only screen and (max-width:768px) {
.hero-wrapper .andes-button {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 48px;
padding: 0 24px;
height: 48px;
text-align: center;
border-radius: 6px;
-webkit-transition: .18s ease-out;
transition: .18s ease-out;
-webkit-transition-property: background, color;
transition-property: background, color;
display: inline-block;
width: auto;
-webkit-font-smoothing: antialiased
}
.hero-wrapper .andes-button:link {
text-decoration: none
}
.hero-wrapper .andes-button,
.hero-wrapper .andes-button * {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.hero-wrapper .andes-button svg {
display: inline-block;
vertical-align: middle;
max-width: 1.125em;
max-height: 1.125em
}
.hero-wrapper .andes-button--full-width {
width: 100%;
display: block
}
.hero-wrapper .andes-button--disabled {
pointer-events: none
}
.hero-wrapper .andes-button__content {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%
}
.hero-wrapper .andes-button__content:after {
content: "";
display: table;
clear: both
}
.hero-wrapper .andes-button__content * {
display: block;
float: left
}
.hero-wrapper .andes-button__text+svg,
svg+.hero-wrapper .andes-button__text {
margin-left: 16px
}
.hero-wrapper .andes-button--loud {
cursor: pointer;
-webkit-transition: box-shadow .25s ease-out, background-color .2s ease-out;
transition: box-shadow .25s ease-out, background-color .2s ease-out;
box-shadow: 0 0 0 0 #fff
}
.hero-wrapper .andes-button--loud,
.hero-wrapper .andes-button--loud:focus,
.hero-wrapper .andes-button--loud:link,
.hero-wrapper .andes-button--loud:visited {
border-color: transparent;
background-color: #009ee3;
color: #fff
}
.hero-wrapper .andes-button--loud:focus path,
.hero-wrapper .andes-button--loud:link path,
.hero-wrapper .andes-button--loud:visited path,
.hero-wrapper .andes-button--loud path {
stroke: #fff !important
}
.hero-wrapper .andes-button--loud:hover {
border-color: transparent;
background-color: #007eb5;
color: #fff;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.hero-wrapper .andes-button--loud:hover path {
stroke: #fff !important
}
.hero-wrapper .andes-button--loud:active {
border-color: transparent;
background-color: #005e88;
color: #fff
}
.hero-wrapper .andes-button--loud:active path {
stroke: #fff !important
}
.hero-wrapper .andes-button--loud:disabled,
.hero-wrapper .andes-button--loud[disabled] {
border-color: transparent;
background-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .25);
cursor: default;
background-clip: padding-box
}
.hero-wrapper .andes-button--loud:disabled path,
.hero-wrapper .andes-button--loud[disabled] path {
stroke: rgba(0, 0, 0, .25) !important
}
.hero-wrapper .andes-button--loud:focus {
outline: 0;
box-shadow: 0 0 0 .1875em rgba(27, 135, 201, .3);
-webkit-transition: box-shadow .25s ease-in;
transition: box-shadow .25s ease-in
}
.hero-wrapper .andes-button--small {
font-size: 12px;
line-height: 24px;
padding: 0 8px;
height: 24px;
border-radius: 4px
}
.hero-wrapper .andes-button--small svg {
display: none
}
.hero-wrapper .andes-button--small .andes-button__text {
margin: 0
}
.hero-wrapper .ui-hero {
display: grid;
height: 32.5em;
position: relative
}
.hero-wrapper .ui-hero-content {
display: grid;
grid-area: content
}
.hero-wrapper .ui-hero-content__safe-area-top {
grid-area: safe-area-top;
z-index: 10
}
.hero-wrapper .ui-hero-content__caption {
color: #fff;
font-weight: 600;
grid-area: hero-caption;
text-transform: uppercase;
z-index: 10
}
.hero-wrapper .ui-hero-content__title {
color: #fff;
font-weight: 700;
grid-area: title;
letter-spacing: 0;
margin: 0;
text-transform: uppercase;
z-index: 10
}
.hero-wrapper .ui-hero-content__subtitle {
color: #fff;
font-weight: 400;
grid-area: subtitle;
letter-spacing: 0;
z-index: 10
}
.hero-wrapper .ui-hero-content__subtitle-benefit {
background-color: #009ee3;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px;
text-transform: uppercase
}
.hero-wrapper .ui-hero-content__cta {
grid-area: cta;
z-index: 10
}
.hero-wrapper .ui-hero-content__cta-btn {
border: 1px solid #009ee3;
border-radius: 4px;
display: block;
font-weight: 600
}
.hero-wrapper .ui-hero-content__price {
-webkit-align-items: center;
align-items: center;
color: #fff;
display: -webkit-flex;
display: flex;
font-weight: 400
}
.hero-wrapper .ui-hero-content__price-wo-discount {
font-family: 400;
font-size: 24px;
line-height: 28px;
text-decoration: line-through
}
.hero-wrapper .ui-hero-content__price-w-discount {
font-size: 32px;
line-height: 40px;
margin-left: 16px
}
.hero-wrapper .ui-hero-legal {
align-self: end;
border-top: 1px solid hsla(0, 0%, 100%, .3);
color: #fff;
font-size: 14px;
grid-area: legal;
letter-spacing: 0;
line-height: 16px;
z-index: 10
}
.hero-wrapper .ui-hero-image--blurred,
.hero-wrapper .ui-hero-image--original {
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.hero-wrapper .ui-hero-image--blurred {
z-index: 0
}
.hero-wrapper .ui-hero-image--original {
background-color: transparent;
background-size: cover;
z-index: 1
}
.hero-wrapper .ui-hero {
grid-template-columns: 24px 1fr 24px;
grid-template-areas: "content content content"". legal ."
}
.hero-wrapper .ui-hero-content {
-webkit-align-content: start;
align-content: start;
grid-template-columns: 24px 1fr 24px;
grid-template-areas: "safe-area-top safe-area-top safe-area-top"". hero-caption ."". title ."". subtitle ."". cta ."
}
.hero-wrapper .ui-hero-content__safe-area-top {
height: 32px
}
.hero-wrapper .ui-hero-content__caption {
font-size: 14px;
line-height: 16px;
text-align: center;
letter-spacing: 1px;
margin-bottom: 8px
}
.hero-wrapper .ui-hero-content__title {
font-size: 24px;
line-height: 32px;
text-align: center
}
.hero-wrapper .ui-hero-content__subtitle {
font-size: 16px;
line-height: 20px;
text-align: center;
margin: 8px 0 0
}
.hero-wrapper .ui-hero-content__subtitle-benefit {
font-size: 18px;
line-height: 20px;
margin-top: 12px
}
.hero-wrapper .ui-hero-content__cta {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
margin-top: 16px
}
.hero-wrapper .ui-hero-content__cta-btn {
-webkit-align-self: center;
align-self: center
}
.hero-wrapper .ui-hero-content__price {
-webkit-justify-content: center;
justify-content: center;
margin-top: 16px
}
.hero-wrapper .ui-hero-legal {
padding: 20px 0;
text-align: center
}
}
@media only screen and (max-width:768px)and (min-width:360px) {
.hero-wrapper .ui-hero,
.hero-wrapper .ui-hero-content {
grid-template-columns: auto 312px auto
}
}
@media(min-width:769px) {
.hero-wrapper .andes-button {
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 48px;
padding: 0 24px;
height: 48px;
text-align: center;
border-radius: 6px;
-webkit-transition: .18s ease-out;
transition: .18s ease-out;
-webkit-transition-property: background, color;
transition-property: background, color;
display: inline-block;
width: auto;
-webkit-font-smoothing: antialiased
}
.hero-wrapper .andes-button:link {
text-decoration: none
}
.hero-wrapper .andes-button,
.hero-wrapper .andes-button * {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.hero-wrapper .andes-button svg {
display: inline-block;
vertical-align: middle;
max-width: 1.125em;
max-height: 1.125em
}
.hero-wrapper .andes-button--full-width {
width: 100%;
display: block
}
.hero-wrapper .andes-button--disabled {
pointer-events: none
}
.hero-wrapper .andes-button__content {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%
}
.hero-wrapper .andes-button__content:after {
content: "";
display: table;
clear: both
}
.hero-wrapper .andes-button__content * {
display: block;
float: left
}
.hero-wrapper .andes-button__text+svg,
svg+.hero-wrapper .andes-button__text {
margin-left: 16px
}
.hero-wrapper .andes-button--loud {
cursor: pointer;
-webkit-transition: box-shadow .25s ease-out, background-color .2s ease-out;
transition: box-shadow .25s ease-out, background-color .2s ease-out;
box-shadow: 0 0 0 0 #fff
}
.hero-wrapper .andes-button--loud,
.hero-wrapper .andes-button--loud:focus,
.hero-wrapper .andes-button--loud:link,
.hero-wrapper .andes-button--loud:visited {
border-color: transparent;
background-color: #009ee3;
color: #fff
}
.hero-wrapper .andes-button--loud:focus path,
.hero-wrapper .andes-button--loud:link path,
.hero-wrapper .andes-button--loud:visited path,
.hero-wrapper .andes-button--loud path {
stroke: #fff !important
}
.hero-wrapper .andes-button--loud:hover {
border-color: transparent;
background-color: #007eb5;
color: #fff;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.hero-wrapper .andes-button--loud:hover path {
stroke: #fff !important
}
.hero-wrapper .andes-button--loud:active {
border-color: transparent;
background-color: #005e88;
color: #fff
}
.hero-wrapper .andes-button--loud:active path {
stroke: #fff !important
}
.hero-wrapper .andes-button--loud:disabled,
.hero-wrapper .andes-button--loud[disabled] {
border-color: transparent;
background-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .25);
cursor: default;
background-clip: padding-box
}
.hero-wrapper .andes-button--loud:disabled path,
.hero-wrapper .andes-button--loud[disabled] path {
stroke: rgba(0, 0, 0, .25) !important
}
.hero-wrapper .andes-button--loud:focus {
outline: 0;
box-shadow: 0 0 0 .1875em rgba(27, 135, 201, .3);
-webkit-transition: box-shadow .25s ease-in;
transition: box-shadow .25s ease-in
}
.hero-wrapper .andes-button--small {
font-size: 12px;
line-height: 24px;
padding: 0 8px;
height: 24px;
border-radius: 4px
}
.hero-wrapper .andes-button--small svg {
display: none
}
.hero-wrapper .andes-button--small .andes-button__text {
margin: 0
}
.hero-wrapper .ui-hero {
display: grid;
height: 32.5em;
position: relative
}
.hero-wrapper .ui-hero-content {
display: grid;
grid-area: content
}
.hero-wrapper .ui-hero-content__safe-area-top {
grid-area: safe-area-top;
z-index: 10
}
.hero-wrapper .ui-hero-content__caption {
color: #fff;
font-weight: 600;
grid-area: hero-caption;
text-transform: uppercase;
z-index: 10
}
.hero-wrapper .ui-hero-content__title {
color: #fff;
font-weight: 700;
grid-area: title;
letter-spacing: 0;
margin: 0;
text-transform: uppercase;
z-index: 10
}
.hero-wrapper .ui-hero-content__subtitle {
color: #fff;
font-weight: 400;
grid-area: subtitle;
letter-spacing: 0;
z-index: 10
}
.hero-wrapper .ui-hero-content__subtitle-benefit {
background-color: #009ee3;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px;
text-transform: uppercase
}
.hero-wrapper .ui-hero-content__cta {
grid-area: cta;
z-index: 10
}
.hero-wrapper .ui-hero-content__cta-btn {
border: 1px solid #009ee3;
border-radius: 4px;
display: block;
font-weight: 600
}
.hero-wrapper .ui-hero-content__price {
-webkit-align-items: center;
align-items: center;
color: #fff;
display: -webkit-flex;
display: flex;
font-weight: 400
}
.hero-wrapper .ui-hero-content__price-wo-discount {
font-family: 400;
font-size: 24px;
line-height: 28px;
text-decoration: line-through
}
.hero-wrapper .ui-hero-content__price-w-discount {
font-size: 32px;
line-height: 40px;
margin-left: 16px
}
.hero-wrapper .ui-hero-legal {
align-self: end;
border-top: 1px solid hsla(0, 0%, 100%, .3);
color: #fff;
font-size: 14px;
grid-area: legal;
letter-spacing: 0;
line-height: 16px;
z-index: 10
}
.hero-wrapper .ui-hero-image--blurred,
.hero-wrapper .ui-hero-image--original {
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.hero-wrapper .ui-hero-image--blurred {
z-index: 0
}
.hero-wrapper .ui-hero-image--original {
background-color: transparent;
background-size: cover;
z-index: 1
}
.hero-wrapper .ui-hero {
grid-template-columns: 5% 19px 1fr 5%;
grid-template-areas: "content content content content"". . legal ."
}
.hero-wrapper .ui-hero-content {
-webkit-align-content: center;
align-content: center;
grid-template-columns: 5% 19px 500px 1fr 5%;
grid-template-areas: "safe-area-top safe-area-top safe-area-top safe-area-top safe-area-top"". . hero-caption . ."". . title . ."". . subtitle . ."". . cta . ."
}
.hero-wrapper .ui-hero-content__safe-area-top {
height: 80px
}
.hero-wrapper .ui-hero-content__caption {
font-size: 18px;
line-height: 20px;
letter-spacing: 1.5px;
margin-bottom: 20px
}
.hero-wrapper .ui-hero-content__title {
font-size: 44px;
line-height: 48px
}
.hero-wrapper .ui-hero-content__subtitle {
font-size: 20px;
line-height: 24px;
margin: 4px 0 0
}
.hero-wrapper .ui-hero-content__subtitle span {
display: block
}
.hero-wrapper .ui-hero-content__subtitle-benefit {
font-size: 24px;
line-height: 28px;
margin-top: 16px
}
.hero-wrapper .ui-hero-content__cta {
display: -webkit-flex;
display: flex;
margin-top: 32px
}
.hero-wrapper .ui-hero-content__price-wo-discount {
margin-left: 24px
}
.hero-wrapper .ui-hero-content--rtl {
grid-template-columns: 5% 1fr 19px 1fr 5%;
grid-template-areas: "safe-area-top safe-area-top safe-area-top safe-area-top safe-area-top"". . . hero-caption ."". . . title ."". . . subtitle ."". . . cta ."
}
.hero-wrapper .ui-hero-legal {
padding: 16px 0 40px
}
}
@media(min-width:769px)and (min-width:1280px) {
.hero-wrapper .ui-hero {
grid-template-columns: auto 19px 1280px auto
}
.hero-wrapper .ui-hero-content {
grid-template-columns: auto 19px 500px 680px auto
}
.hero-wrapper .ui-hero-content--rtl {
grid-template-columns: auto 680px 19px 500px auto
}
}
@media(min-width:769px) {
.hero-wrapper .ui-hero {
grid-template-columns: 101px 19px 1fr 120px
}
.hero-wrapper .ui-hero-content {
grid-template-columns: 101px 19px 500px 1fr 120px
}
}
@media(min-width:1280px) {
.hero-wrapper .ui-hero {
grid-template-columns: auto 0 1261px auto
}
.hero-wrapper .ui-hero-content {
grid-template-columns: auto 19px 500px 540px auto
}
.hero-wrapper .ui-hero-legal {
margin: 0 120px
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: 50%;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
left: 10px;
right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: top .2s, -webkit-transform .2s;
transition: top .2s, -webkit-transform .2s;
transition: transform .2s, top .2s;
transition: transform .2s, top .2s, -webkit-transform .2s
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: left .2s, -webkit-transform .2s;
transition: left .2s, -webkit-transform .2s;
transition: transform .2s, left .2s;
transition: transform .2s, left .2s, -webkit-transform .2s
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: right .2s, -webkit-transform .2s;
transition: right .2s, -webkit-transform .2s;
transition: transform .2s, right .2s;
transition: transform .2s, right .2s, -webkit-transform .2s
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: hsla(0, 0%, 100%, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
animation: swiper-preloader-spin 1s steps(12) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
@media only screen and (max-width:768px) {
.ui-carousel.swiper-container {
width: 100%;
max-width: 1040px;
overflow: visible
}
.ui-carousel .swiper-slide {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start
}
.ui-carousel__swiper-wrapper {
margin-bottom: 40px
}
.ui-carousel__swiper-pagination {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center
}
.ui-carousel__swiper-pagination.swiper-pagination-bullets {
bottom: 0
}
.ui-carousel__swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
width: .5625em;
height: .5625em;
border-radius: 50%;
margin: 0 .25em;
-webkit-align-self: center;
align-self: center;
display: inline-block;
background: #ddd;
-webkit-transition: background .3s ease, -webkit-transform .3s ease;
transition: background .3s ease, -webkit-transform .3s ease;
transition: background .3s ease, transform .3s ease;
transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
opacity: 1
}
.ui-carousel__swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: .75em;
height: .75em;
border-radius: 50%;
-webkit-transform: scale(1.2);
transform: scale(1.2);
background: #009ee3
}
.ui-carousel__swiper-button {
display: none
}
.ui-imagen-carousel {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.ui-imagen-carousel__title {
font-weight: 600
}
.ui-imagen-carousel__container {
height: 100%;
width: 100%
}
.ui-imagen-carousel__container .ui-carousel.swiper-container {
overflow: hidden
}
.ui-imagen-carousel__container .ui-carousel__swiper-pagination {
bottom: 20px
}
.ui-imagen-carousel__container .ui-carousel__swiper-pagination .swiper-pagination-bullet,
.ui-imagen-carousel__container .ui-carousel__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 6px;
height: 6px
}
.ui-imagen-carousel__container .ui-carousel__swiper-wrapper {
margin-bottom: 0
}
.ui-imagen-carousel__container .ui-carousel__swiper-wrapper .swiper-slide img {
object-fit: cover;
width: 100%
}
.ui-imagen-carousel__title {
font-size: 20px;
margin: 20px 24px
}
.ui-imagen-carousel__container .ui-carousel,
.ui-imagen-carousel__container .ui-carousel__swiper-wrapper .swiper-slide img {
height: 260px
}
}
@media(min-width:769px) {
.ui-carousel.swiper-container {
width: 100%;
max-width: 1040px;
overflow: visible
}
.ui-carousel .swiper-slide {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start
}
.ui-carousel__swiper-wrapper {
margin-bottom: 40px
}
.ui-carousel__swiper-pagination {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center
}
.ui-carousel__swiper-pagination.swiper-pagination-bullets {
bottom: 0
}
.ui-carousel__swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
width: .5625em;
height: .5625em;
border-radius: 50%;
margin: 0 .25em;
-webkit-align-self: center;
align-self: center;
display: inline-block;
background: #ddd;
-webkit-transition: background .3s ease, -webkit-transform .3s ease;
transition: background .3s ease, -webkit-transform .3s ease;
transition: background .3s ease, transform .3s ease;
transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
opacity: 1
}
.ui-carousel__swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: .75em;
height: .75em;
border-radius: 50%;
-webkit-transform: scale(1.2);
transform: scale(1.2);
background: #009ee3
}
.ui-carousel__swiper-button {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 32px;
height: 32px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: end;
justify-content: end;
-webkit-align-items: center;
align-items: center;
border-radius: 50%;
cursor: pointer;
z-index: 4;
background-color: #fff;
background-position: 50%;
background-repeat: no-repeat;
background-size: 15%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
top: 50%;
width: 48px;
height: 48px
}
.ui-carousel__swiper-button.button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
background-position-x: 80%;
left: -28px
}
.ui-carousel__swiper-button.button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
background-position-x: 20%;
right: -28px
}
}
@media(min-width:769px)and (max-width:768px) {
.ui-carousel__swiper-button {
display: none
}
}
@media(min-width:769px) {
.ui-imagen-carousel {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.ui-imagen-carousel__title {
font-weight: 600
}
.ui-imagen-carousel__container {
height: 100%;
width: 100%
}
.ui-imagen-carousel__container .ui-carousel.swiper-container {
overflow: hidden
}
.ui-imagen-carousel__container .ui-carousel__swiper-pagination {
bottom: 20px
}
.ui-imagen-carousel__container .ui-carousel__swiper-pagination .swiper-pagination-bullet,
.ui-imagen-carousel__container .ui-carousel__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 6px;
height: 6px
}
.ui-imagen-carousel__container .ui-carousel__swiper-wrapper {
margin-bottom: 0
}
.ui-imagen-carousel__container .ui-carousel__swiper-wrapper .swiper-slide img {
object-fit: cover;
width: 100%
}
.ui-imagen-carousel {
margin: 0 auto;
max-width: 1040px
}
.ui-imagen-carousel__title {
font-size: 32px;
margin-bottom: 40px
}
.ui-imagen-carousel__container .ui-carousel,
.ui-imagen-carousel__container .ui-carousel__swiper-wrapper .swiper-slide img {
height: 360px
}
}
.andes-modal-bg {
top: 0;
left: 0;
z-index: 1020;
background-color: rgba(0, 0, 0, .6);
-webkit-animation: fadeIn .2s ease-in-out;
animation: fadeIn .2s ease-in-out;
will-change: opacity
}
.andes-modal-bg,
.andes-modal-dialog {
width: 100%;
height: 100%;
position: fixed;
opacity: 1
}
.andes-modal-dialog {
top: 50%;
left: 50%;
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
z-index: 1021;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .07), 0 20px 25px 0 rgba(0, 0, 0, .1);
border-radius: 4px;
overflow: hidden;
background: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: translateIn .2s ease-in-out, fadeIn .2s ease-in-out;
animation: translateIn .2s ease-in-out, fadeIn .2s ease-in-out;
will-change: opacity, transform
}
.andes-modal-dialog--closing {
-webkit-animation: translateOut .2s ease-in-out, fadeOut .2s ease-in-out;
animation: translateOut .2s ease-in-out, fadeOut .2s ease-in-out;
-webkit-transform: translate(-50%, -webkit-calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px));
opacity: 0
}
.andes-modal-bg--closing {
-webkit-animation: fadeOut .2s ease-in-out;
animation: fadeOut .2s ease-in-out;
opacity: 0
}
.andes-modal-dialog__button-close {
position: absolute;
z-index: 1022
}
.andes-modal-dialog__button-close:after,
.andes-modal-dialog__button-close:before {
opacity: 1
}
.andes-modal-dialog__button-close:hover:after,
.andes-modal-dialog__button-close:hover:before {
background-color: #1e6dff
}
.andes-modal-dialog__container {
width: 100%;
height: 100%;
overflow: auto;
position: absolute;
-webkit-overflow-scrolling: touch;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.andes-modal-dialog__content {
color: rgba(0, 0, 0, .45);
-webkit-font-smoothing: antialiased
}
.andes-modal-dialog--is-open {
overflow: hidden
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes translateIn {
0% {
-webkit-transform: translate(-50%, -webkit-calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
@keyframes translateIn {
0% {
-webkit-transform: translate(-50%, -webkit-calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
@-webkit-keyframes translateOut {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
to {
-webkit-transform: translate(-50%, -webkit-calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
}
@keyframes translateOut {
0% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
to {
-webkit-transform: translate(-50%, -webkit-calc(-50% + 20px));
transform: translate(-50%, calc(-50% + 20px))
}
}
.andes-modal-dialog__actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1021;
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
margin: 0 auto;
background: #fff
}
.andes-modal-dialog__actions .andes-button+.andes-button {
margin: 0 0 0 8px
}
.andes-modal-dialog__actions--shadow {
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .25)
}
.andes-modal .andes-modal-dialog__header-title {
font-weight: 600;
line-height: 1.3;
margin: 0
}
.andes-modal .andes-modal-dialog__header~.andes-modal-dialog__content {
padding-top: 0;
padding-bottom: 0
}
.andes-modal-dialog__header--scrolled {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .07), 0 0 24px 0 rgba(0, 0, 0, .1);
position: absolute;
background: #fff;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 1021;
-webkit-animation: fadeIn .2s ease-in-out;
animation: fadeIn .2s ease-in-out;
opacity: 1
}
.andes-modal-dialog__header--scrolled~.andes-modal-dialog__container .andes-modal-dialog__content {
padding-top: 0;
padding-bottom: 0
}
.andes-modal-dialog__header--scrolled .andes-modal-dialog__header-title {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap
}
.andes-modal--full .andes-modal-dialog {
max-width: 100%;
max-height: 100%;
border-radius: 0
}
.andes-modal--full .andes-modal-dialog__button-close {
position: relative;
width: 1em;
height: 1em;
cursor: pointer;
position: absolute;
top: 32px;
left: 32px
}
.andes-modal--full .andes-modal-dialog__button-close:after,
.andes-modal--full .andes-modal-dialog__button-close:before {
position: absolute;
left: .5em;
top: 0;
content: "";
height: 1em;
width: 2px;
background-color: #009ee3;
cursor: pointer
}
.andes-modal--full .andes-modal-dialog__button-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.andes-modal--full .andes-modal-dialog__button-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.andes-modal--full .andes-modal-dialog__content {
padding: 32px
}
.andes-modal--full .andes-modal-dialog__header {
padding: 80px 32px 32px
}
.andes-modal--full .andes-modal-dialog__header-title {
font-size: 2em
}
.andes-modal--full .andes-modal-dialog__actions {
padding: 24px;
width: auto
}
.andes-modal--full .andes-modal-dialog__header--scrolled {
padding: 24px 64px;
text-align: center
}
.andes-modal--full .andes-modal-dialog__header--scrolled .andes-modal-dialog__header-title {
font-size: 1.25em
}
.andes-modal--full .andes-modal-dialog__header--scrolled .andes-modal-dialog__button-close {
top: 1.8em;
margin-top: 0
}
.andes-modal--light .andes-modal-dialog {
max-height: 22.375em;
max-width: -webkit-calc(100% - 64px);
max-width: calc(100% - 64px);
text-align: center
}
.andes-modal--light .andes-modal-dialog__button-close {
position: relative;
width: 1em;
height: 1em;
cursor: pointer;
position: absolute;
top: 32px;
left: 32px
}
.andes-modal--light .andes-modal-dialog__button-close:after,
.andes-modal--light .andes-modal-dialog__button-close:before {
position: absolute;
left: .5em;
top: 0;
content: "";
height: 1em;
width: 2px;
background-color: #fff;
cursor: pointer
}
.andes-modal--light .andes-modal-dialog__button-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.andes-modal--light .andes-modal-dialog__button-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.andes-modal--light .andes-modal-dialog__content,
.andes-modal--light .andes-modal-dialog__header {
padding: 24px
}
.andes-modal--light .andes-modal-dialog__header-title {
font-size: 1.25em
}
.andes-modal--light .andes-modal-dialog__actions {
width: -webkit-calc(100% - 64px);
width: calc(100% - 64px);
background: transparent;
text-align: center;
bottom: 32px
}
.andes-modal--light .andes-modal-dialog__actions .andes-button--filled {
display: none
}
.andes-modal--light .andes-modal-dialog--scrolled .andes-modal-dialog__header-title {
font-size: 1.25em
}
.andes-modal--light .andes-modal-dialog--scrolled .andes-modal-dialog__button-close {
top: 1.875em;
margin-top: 0
}
@media(min-width:768px) {
.andes-modal-dialog {
max-width: 40em;
max-height: 30em
}
.andes-modal--loose .andes-modal-dialog__button-close {
position: relative;
width: 1em;
height: 1em;
cursor: pointer;
position: absolute;
left: auto;
right: 64px;
top: 64px;
padding: 0;
margin-top: 14px
}
.andes-modal--loose .andes-modal-dialog__button-close:after,
.andes-modal--loose .andes-modal-dialog__button-close:before {
position: absolute;
left: .5em;
top: 0;
content: "";
height: 1em;
width: 2px;
background-color: #009ee3;
cursor: pointer
}
.andes-modal--loose .andes-modal-dialog__button-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.andes-modal--loose .andes-modal-dialog__button-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.andes-modal--loose .andes-modal-dialog__content {
padding: 64px
}
}
@media(min-width:768px) {
.andes-modal--loose .andes-modal-dialog__header-title {
font-size: 2em
}
.andes-modal--loose .andes-modal-dialog__header {
padding: 64px 64px 32px;
margin-right: 32px
}
}
@media(min-width:768px) {
.andes-modal--loose .andes-modal-dialog__actions {
padding: 24px 64px;
bottom: 0;
width: 100%
}
}
@media(min-width:768px) {
.andes-modal--loose .andes-modal-dialog__header--scrolled {
padding: 24px 64px
}
.andes-modal--loose .andes-modal-dialog__header--scrolled .andes-modal-dialog__button-close {
top: 24px;
margin-top: 10px
}
.andes-modal--loose .andes-modal-dialog__header--scrolled .andes-modal-dialog__header-title {
font-size: 1.5em
}
}
@media(min-width:768px) {
.andes-modal--tight .andes-modal-dialog {
max-width: 40em;
max-height: 30em
}
.andes-modal--tight .andes-modal-dialog__button-close {
position: relative;
width: 1em;
height: 1em;
cursor: pointer;
position: absolute;
right: 32px;
top: 32px;
margin-top: 10px
}
.andes-modal--tight .andes-modal-dialog__button-close:after,
.andes-modal--tight .andes-modal-dialog__button-close:before {
position: absolute;
left: .5em;
top: 0;
content: "";
height: 1em;
width: 2px;
background-color: #009ee3;
cursor: pointer
}
.andes-modal--tight .andes-modal-dialog__button-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.andes-modal--tight .andes-modal-dialog__button-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.andes-modal--tight .andes-modal-dialog__content {
padding: 32px
}
}
@media(min-width:768px) {
.andes-modal--tight .andes-modal-dialog__header {
padding: 32px 68px 32px 32px
}
.andes-modal--tight .andes-modal-dialog__header-title {
font-size: 1.5em
}
}
@media(min-width:768px) {
.andes-modal--tight .andes-modal-dialog__actions,
.andes-modal--tight .andes-modal-dialog__header--scrolled {
padding: 24px 32px
}
.andes-modal--tight .andes-modal-dialog__header--scrolled .andes-modal-dialog__button-close {
top: 24px;
margin-top: 10px
}
}
.ui-tycmodal-main {
-webkit-align-items: baseline;
align-items: baseline;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
justify-content: center;
padding: 32px
}
@media only screen and (max-width:768px) {
.ui-tycmodal-main {
-webkit-flex-direction: column;
flex-direction: column
}
.ui-tycmodal-main--center-text {
-webkit-align-items: center;
align-items: center;
text-align: center
}
}
.ui-tycmodal-main__title {
color: #005e88;
font-size: 20px;
font-weight: 600;
margin-right: 20px;
text-transform: uppercase
}
@media only screen and (max-width:768px) {
.ui-tycmodal-main__title {
margin-bottom: 4px;
margin-right: 0
}
}
.ui-tycmodal-main__description {
font-size: 18px;
margin-right: 20px
}
@media only screen and (max-width:768px) {
.ui-tycmodal-main__description {
margin-bottom: 4px;
margin-right: 0
}
}
.ui-tycmodal-main__button {
background-color: transparent;
border: none;
color: #009ee3;
font-family: Proxima Nova;
font-size: 16px;
padding: 0
}
.ui-tycmodal-main__button:active,
.ui-tycmodal-main__button:focus {
color: #007eb5;
outline: none
}
.ui-tycmodal-main__button:hover {
color: #1c8acf;
cursor: pointer
}
.promo-banner {
margin: 8px 0
}
.shape {
z-index: 1;
overflow: hidden
}
.shape-circle {
border-radius: 50%
}
.shape-rectangle {
border-radius: 4px
}
.animation {
position: relative
}
@-webkit-keyframes loading {
to {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
}
@keyframes loading {
to {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
}
.skeleton-card_item:first-of-type {
height: 14px;
margin: 115px 24px 12px;
width: 93px
}
.skeleton-card_item:last-of-type {
height: 8px;
margin: 0 24px 40px;
width: 66px
}
body {
background-color: #e7e7e7;
font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: 300;
margin: 0
}
main {
overflow-x: hidden
}
.main a {
display: block;
height: 100%;
text-decoration: none
}
body.light {
background-color: #fff
}
.search.hub {
background-color: #f5f5f5
}
.light.hub {
background-color: #fff
}
.dark.hub,
body.dark {
background-color: #000
}
.dark.hub .hub_section__hub_header {
margin-bottom: 0
}
.dark.hub .disclaimer,
.dark.hub .donate-title,
.dark.hub .donate_wrapper p,
.dark.hub .hub_subtitle,
.dark.hub .subtitle,
.dark.hub .title,
.dark.hub h1 {
color: #fff
}
.dark.hub .hub_carousel .carousel-container .next-button:after,
.dark.hub .hub_carousel .carousel-container .next-button:before,
.dark.hub .hub_carousel .carousel-container .prev-button:after,
.dark.hub .hub_carousel .carousel-container .prev-button:before {
background-color: #fff
}
.dark.hub .andes-button--loud,
.dark.hub .andes-button--loud:focus,
.dark.hub .andes-button--loud:link,
.dark.hub .andes-button--loud:visited {
background-color: #fff159;
border-color: #fff159;
color: #000
}
.dark.hub .container-faq {
background-color: #000
}